/* =========================================================
   Medifacil - Estilo visual para Casos Clínicos
   Todo escopado dentro de .mgc-caso-clinico (el grupo que
   envuelve cada caso generado), no toca nada fuera de eso.
   ========================================================= */

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

/* --- Título del caso (primer párrafo, en negrita) --- */
.mgc-caso-clinico > p:first-child,
.mgc-caso-clinico .wp-block-column > p:first-child{
	font-family: Cambria, Georgia, serif !important;
	font-size:17px !important;
	color:var(--mgc-navy) !important;
	border-bottom:2px solid #EEF1F5;
	padding-bottom:12px;
	margin-bottom:14px !important;
}

/* --- Foto del paciente --- */
.mgc-caso-clinico .wp-block-column:first-child .wp-block-image img{
	border-radius:12px;
	border:1px solid #E4E7EC;
}

/* --- Párrafos de cuerpo --- */
.mgc-caso-clinico p{
	line-height:1.65;
}

/* --- Desplegables: tarjeta prolija con acento de color a la izquierda --- */
.mgc-caso-clinico 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);
}

.mgc-caso-clinico details.wp-block-details summary{
	font-family: Calibri, Arial, sans-serif;
	font-size:13px !important;
	letter-spacing:0.4px;
	color:var(--mgc-navy);
	cursor:pointer;
	padding:4px 0;
}

.mgc-caso-clinico details.wp-block-details summary::marker{
	color:var(--mgc-blue);
}

/* Acentos de color por sección, según el fondo que ya trae cada details */
.mgc-caso-clinico details[style*="eaf4fe"]{ border-left-color:var(--mgc-blue) !important; }
.mgc-caso-clinico details[style*="fff3e8"]{ border-left-color:var(--mgc-amber) !important; }
.mgc-caso-clinico details[style*="f4ecfa"]{ border-left-color:#8A5DC8 !important; }
.mgc-caso-clinico details[style*="edf8ef"]{ border-left-color:var(--mgc-teal) !important; }
.mgc-caso-clinico details.has-ast-global-color-6-background-color{ border-left-color:var(--mgc-navy) !important; }

/* --- Imágenes de examen físico / estudios (filas insertadas por el plugin) --- */
.mgc-caso-clinico img{
	transition: transform .15s ease;
}
.mgc-caso-clinico div > img:hover{
	transform: scale(1.02);
}

/* ===========================================================
   Extensión para CASOS CLÍNICOS VIEJOS (sin el wrapper que le
   pone el plugin a los nuevos). Reconocemos los desplegables
   por su color de fondo exacto (específico de este formato,
   bajo riesgo de coincidir con otro contenido) y sólo les
   aplicamos el estilo del desplegable en sí, sin tocar el
   resto del post (no hay wrapper seguro para eso en los viejos).
   =========================================================== */
details.wp-block-details[style*="#eaf4fe"],
details.wp-block-details[style*="#fff3e8"],
details.wp-block-details[style*="#f4ecfa"],
details.wp-block-details[style*="#edf8ef"],
details.wp-block-details.has-ast-global-color-6-background-color{
	border-radius:10px !important;
	box-shadow:0 1px 4px rgba(0,0,0,0.04);
}
details.wp-block-details[style*="#eaf4fe"]{ border-left:4px solid #0274BE !important; }
details.wp-block-details[style*="#fff3e8"]{ border-left:4px solid #E0A43B !important; }
details.wp-block-details[style*="#f4ecfa"]{ border-left:4px solid #8A5DC8 !important; }
details.wp-block-details[style*="#edf8ef"]{ border-left:4px solid #1A8C84 !important; }
details.wp-block-details.has-ast-global-color-6-background-color{ border-left:4px solid #0F3D6E !important; }

details.wp-block-details[style*="#eaf4fe"] summary,
details.wp-block-details[style*="#fff3e8"] summary,
details.wp-block-details[style*="#f4ecfa"] summary,
details.wp-block-details[style*="#edf8ef"] summary,
details.wp-block-details.has-ast-global-color-6-background-color summary{
	font-family: Calibri, Arial, sans-serif;
	letter-spacing:0.4px;
	color:#0F3D6E;
	cursor:pointer;
}

/* --- Mobile: columnas colapsan solas (comportamiento nativo de Gutenberg),
       sólo ajustamos el padding y tamaño de letra --- */
@media (max-width: 600px){
	.mgc-caso-clinico{
		padding:16px 16px;
	}
	.mgc-caso-clinico > p:first-child,
	.mgc-caso-clinico .wp-block-column > p:first-child{
		font-size:16px !important;
	}
}