/* =========================================================
   Medifacil - Estilo sobrio para artículos de blog generados
   por IA. Todo escopado a .mgba-articulo (el grupo que envuelve
   el contenido generado), no toca nada fuera de eso.
   ========================================================= */

.mgba-articulo{
	--mgba-navy:#0F3D6E;
	--mgba-blue:#0274BE;
	font-size:16px;
	line-height:1.75;
	color:#2b2b2b;
}

.mgba-articulo h2{
	font-family: Cambria, Georgia, serif;
	font-size:26px;
	font-weight:700;
	color:var(--mgba-navy);
	margin-top:2.2em;
	margin-bottom:0.6em;
	padding-bottom:0.3em;
	border-bottom:2px solid #EEF1F5;
}

.mgba-articulo h3{
	font-family: Cambria, Georgia, serif;
	font-size:21px;
	font-weight:700;
	color:var(--mgba-navy);
	margin-top:1.8em;
	margin-bottom:0.5em;
}

.mgba-articulo h4{
	font-family: Calibri, Arial, sans-serif;
	font-size:17px;
	font-weight:700;
	color:var(--mgba-blue);
	text-transform:uppercase;
	letter-spacing:0.4px;
	margin-top:1.5em;
	margin-bottom:0.4em;
}

.mgba-articulo p{
	margin-bottom:1.1em;
}

/* --- Imágenes intercaladas con pie chico --- */
.mgba-articulo figure.mgba-figura{
	margin:2em 0;
	text-align:center;
}
.mgba-articulo figure.mgba-figura img{
	border-radius:10px;
	max-width:100%;
	height:auto;
}
.mgba-articulo figure.mgba-figura figcaption{
	font-size:12.5px;
	color:#8a8a8a;
	font-style:italic;
	margin-top:0.6em;
	line-height:1.4;
}

@media (max-width: 600px){
	.mgba-articulo h2{ font-size:22px; }
	.mgba-articulo h3{ font-size:19px; }
	.mgba-articulo{ font-size:15px; }
}