/* =========================================================
   Medifacil - Estilo visual para Preguntas
   Todo escopado dentro de .mgc-pregunta (el grupo que envuelve
   cada pregunta generada), no toca nada fuera de eso.
   ========================================================= */

.mgc-pregunta{
	--mgc-navy:#0F3D6E;
	--mgc-blue:#0274BE;
	--mgc-teal:#1A8C84;
	--mgc-amber:#E0A43B;
	background:#fff;
	border:1px solid #E4E7EC;
	border-radius:14px;
	padding:24px 26px;
	box-shadow:0 3px 12px rgba(15,61,110,0.06);
}

/* --- Enunciado de la pregunta (primer párrafo) --- */
.mgc-pregunta > p:first-child{
	font-family: Cambria, Georgia, serif !important;
	font-size:19px !important;
	color:var(--mgc-navy) !important;
	line-height:1.4 !important;
	padding-bottom:14px;
	border-bottom:2px solid #EEF1F5;
	margin-bottom:14px !important;
}

/* --- Imagen de la pregunta, si tiene --- */
.mgc-pregunta .wp-block-image img{
	border-radius:12px;
	border:1px solid #E4E7EC;
	margin-bottom:10px;
}

/* --- Opciones A) B) C) D): cada una como renglón tipo botón --- */
.mgc-pregunta > p:not(:first-child):not(:empty){
	background:#F7F9FC;
	border:1px solid #E4E7EC;
	border-radius:8px;
	padding:10px 14px;
	margin:8px 0 !important;
	font-size:15px;
}

/* --- Desplegable "VER RESPUESTA" --- */
.mgc-pregunta details.wp-block-details{
	border-radius:10px !important;
	border-left:4px solid var(--mgc-blue) !important;
	box-shadow:0 1px 4px rgba(0,0,0,0.04);
	margin-top:16px !important;
}
.mgc-pregunta details.wp-block-details summary{
	font-family: Calibri, Arial, sans-serif;
	letter-spacing:0.4px;
	color:var(--mgc-navy);
	cursor:pointer;
}
.mgc-pregunta details.wp-block-details summary::marker{
	color:var(--mgc-blue);
}

/* --- Navegación Anterior / Siguiente --- */
.mgc-pregunta .wp-block-uagb-container.uagb-layout-flex{
	margin-top:20px;
	padding-top:14px;
	border-top:1px solid #EEF1F5;
}
.mgc-pregunta .wp-block-post-navigation-link a{
	color:var(--mgc-blue) !important;
	font-weight:600;
	text-decoration:none;
}
.mgc-pregunta .wp-block-post-navigation-link a:hover{
	text-decoration:underline;
}

@media (max-width: 600px){
	.mgc-pregunta{
		padding:16px 16px;
	}
	.mgc-pregunta > p:first-child{
		font-size:17px !important;
	}
}