/* CSS Document - Clases para definir la estructura de comentarios con iconos como bullets */
.commentContainer {
	margin: 10px 20px 0px 130px;
	display: flex;
	font-family: "Montserrat";
	font-size:16px;
	font-weight: normal;
}
@media (max-width: 768px) {
	.commentContainer {
		margin: 10px 20px 0px 20px;
	}
}
.commentContainerInterno {
	margin: 10px 0px 0px 0px;
	display: flex;
}
.commentIcono {
	width: 20px;	
}
.CommentIcono img {
	flex: 0 0 20px;   /* ancho fijo real */
	padding: 2px 0px 0px 0px;			
}
.commentTexto {
	flex: 1;
	min-width: 0; 
	padding: 0px 0px 0px 10px;
}
.commentTexto p {
	margin-left: 0px;
	padding-left: 0px;
}
.commentPrompt {
	flex: 0 0 70px;   /* ancho fijo real */
	font-size: 16px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	border: 1px solid back
}
.commentPrompt p {
	margin-left: 0px;
	padding-left: 0px;
	color: red;
	font-weight: bold;
}