/* Vista por diagnóstico + quiz. Reutiliza el mismo espíritu visual de la ficha. */
.psf-dx{
	--psf-bg:#ffffff;
	--psf-surface:#f7f8fa;
	--psf-border:#e4e7ec;
	--psf-text:#1a1d21;
	--psf-muted:#667085;
	--psf-green:#116340;
	--psf-green-bg:#e8f6ee;
	--psf-green-bd:#9fd9b6;
	--psf-amber:#8a5a00;
	--psf-amber-bg:#fdf6e7;
	--psf-amber-bd:#e2c98a;
	--psf-accent:#2563eb;
	--psf-accent-bg:#eff4ff;
	--psf-radius:12px;
	max-width:820px;margin:2rem auto;color:var(--psf-text);font-size:15px;line-height:1.55;
}
.psf-dx-intro{background:var(--psf-surface);border-radius:var(--psf-radius);padding:14px 18px;margin-bottom:20px;}
.psf-dx-intro p{margin:0 0 8px;}
.psf-dx-intro p:last-child{margin:0;}
.psf-dx-meta{font-size:12px;color:var(--psf-muted);margin-top:8px!important;}

.psf-dx-linea{font-size:15px;font-weight:700;margin:22px 0 10px;padding-bottom:5px;border-bottom:2px solid var(--psf-border);}
.psf-linea-primera{color:var(--psf-green);border-color:var(--psf-green-bd);}
.psf-linea-segunda{color:var(--psf-amber);border-color:var(--psf-amber-bd);}

.psf-dx-farmaco{border:1px solid var(--psf-border);border-radius:var(--psf-radius);margin-bottom:14px;overflow:hidden;}
.psf-dx-farmaco-head{font-weight:600;padding:10px 16px;background:var(--psf-surface);font-size:15px;}
.psf-ev-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;}
@media(max-width:640px){.psf-ev-grid{grid-template-columns:1fr;}}
.psf-ev{padding:14px 16px;}
.psf-ev-favor{background:var(--psf-green-bg);border-left:3px solid var(--psf-green-bd);}
.psf-ev-contra{background:var(--psf-amber-bg);border-left:3px solid var(--psf-amber-bd);}
.psf-ev-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px;}
.psf-ev-favor .psf-ev-tag{color:var(--psf-green);}
.psf-ev-contra .psf-ev-tag{color:var(--psf-amber);}
.psf-ev-text{font-size:14px;}
.psf-ev-text p{margin:0 0 6px;}
.psf-ev-cita{font-size:11.5px;color:var(--psf-muted);margin:8px 0 0;border-top:1px dashed rgba(0,0,0,.12);padding-top:6px;word-break:break-word;}
.psf-ev-cita a{color:var(--psf-accent);}

/* Quiz */
.psf-quiz{border:1px solid var(--psf-border);border-radius:var(--psf-radius);margin:24px 0 12px;overflow:hidden;}
.psf-quiz-toggle{width:100%;border:0;background:var(--psf-accent-bg);color:var(--psf-accent);font-weight:600;font-size:14px;padding:13px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.psf-chev{transition:transform .2s;}
.psf-quiz-toggle[aria-expanded="true"] .psf-chev{transform:rotate(180deg);}
.psf-quiz-body{padding:6px 16px 16px;}
.psf-q{padding:14px 0;border-bottom:1px solid var(--psf-border);}
.psf-q:last-of-type{border-bottom:0;}
.psf-q-enunciado{font-weight:600;margin:0 0 10px;display:flex;gap:8px;align-items:flex-start;}
.psf-q-num{background:var(--psf-accent);color:#fff;font-size:12px;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:1px;}
.psf-q-opciones{display:grid;gap:6px;}
.psf-q-op{text-align:left;border:1px solid var(--psf-border);background:var(--psf-bg);padding:9px 12px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .12s,border-color .12s;}
.psf-q-op:hover:not(:disabled){border-color:var(--psf-accent);}
.psf-q-op:disabled{cursor:default;}
.psf-q-op.is-correct{background:var(--psf-green-bg);border-color:var(--psf-green-bd);color:var(--psf-green);font-weight:600;}
.psf-q-op.is-wrong{background:#fdeceb;border-color:#e6a6a2;color:#b42318;}
.psf-q-expl{margin-top:10px;font-size:13px;background:var(--psf-surface);border-radius:8px;padding:10px 12px;color:var(--psf-text);}
.psf-q-expl p{margin:0;}
.psf-quiz-score{margin-top:14px;font-weight:600;text-align:center;padding:10px;background:var(--psf-accent-bg);color:var(--psf-accent);border-radius:8px;}

.psf-dx .psf-disclaimer{font-size:11px;color:var(--psf-muted);font-style:italic;text-align:center;margin-top:12px;}

/* ---- Interruptor Resumen / A fondo en la vista de diagnóstico ---- */
.psf-dx .psf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.psf-dx .psf-switch{display:inline-flex;background:var(--psf-surface);border:1px solid var(--psf-border);border-radius:10px;padding:3px;gap:2px;}
.psf-dx .psf-switch-btn{border:0;background:transparent;padding:7px 16px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--psf-muted);font-weight:500;}
.psf-dx .psf-switch-btn.is-active{background:var(--psf-bg);color:var(--psf-text);box-shadow:0 1px 3px rgba(0,0,0,.08);}
.psf-dx .psf-updated{font-size:12px;color:var(--psf-muted);}

/* Por defecto se oculta lo marcado como "a fondo" */
.psf-dx[data-modo="resumen"] .psf-afondo{display:none;}
.psf-dx[data-modo="afondo"] .psf-afondo{display:block;}

/* ---- Bloque de effect size ---- */
.psf-es{border:1px solid var(--psf-border);border-radius:var(--psf-radius);overflow:hidden;margin-bottom:18px;}
.psf-es-head{background:var(--psf-accent-bg);color:var(--psf-accent);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:8px 16px;}
.psf-es-body{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:14px 16px;}
@media(max-width:600px){.psf-es-body{grid-template-columns:1fr;gap:10px;}}
.psf-es-cifra{text-align:center;padding-right:18px;border-right:1px solid var(--psf-border);}
@media(max-width:600px){.psf-es-cifra{border-right:0;border-bottom:1px solid var(--psf-border);padding:0 0 10px;text-align:left;}}
.psf-es-valor{display:block;font-size:30px;font-weight:700;line-height:1.1;color:var(--psf-text);}
.psf-es-ic{display:block;font-size:11px;color:var(--psf-muted);margin-top:3px;white-space:nowrap;}
.psf-es-detalle p{margin:0 0 5px;font-size:13px;}
.psf-es-detalle p:last-child{margin:0;}
.psf-es-lbl{display:inline-block;min-width:80px;font-size:11px;font-weight:700;color:var(--psf-muted);text-transform:uppercase;letter-spacing:.02em;}
.psf-es-interp{margin:0;padding:0 16px 10px;font-size:13px;color:var(--psf-text);}
.psf-es-cita{margin:0;padding:0 16px 14px;font-size:11.5px;color:var(--psf-muted);word-break:break-word;}
.psf-es-cita a{color:var(--psf-accent);}

/* =====================================================================
   PSF_Evidencia (v5.55.0) — tres vistas sobre los mismos datos.
   La vista 1 va abierta y las otras dos plegadas a proposito: quien
   entra suele venir a consultar un farmaco concreto, no a leer el
   argumento. El argumento esta a un clic, no delante.
   ===================================================================== */
.psf-ev{
	--ev-tinta:#2a2622; --ev-papel:#f7f3ea; --ev-linea:#ddd4c2;
	--ev-muted:#8a8072; --ev-acento:#5a6b8c;
	--ev-ok:#3f7d5c; --ev-mid:#a8762e; --ev-bad:#a2513f; --ev-gap:#8a8072;
	margin:0 0 32px; color:var(--ev-tinta);
}
.psf-ev-h{margin:0 0 8px;font-size:19px;font-weight:800;line-height:1.25;color:var(--ev-acento);}
.psf-ev-lead{margin:0 0 16px;font-size:14px;line-height:1.65;max-width:74ch;}

/* --- Leyenda y aviso ------------------------------------------------- */
.psf-ev-leyenda{margin-bottom:10px;}
.psf-ev-leyenda caption{
	text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;
	letter-spacing:.05em;color:var(--ev-muted);padding-bottom:6px;
}
.psf-ev-aviso{
	margin:0 0 18px;padding:9px 12px;border-left:3px solid var(--ev-acento);
	background:var(--ev-papel);font-size:12.5px;line-height:1.6;
}

/* --- Tablas ---------------------------------------------------------- */
.psf-ev-tabla{
	width:100%;border-collapse:collapse;margin:0 0 12px;
	font-size:12.5px;line-height:1.5;
}
.psf-ev-tabla th,.psf-ev-tabla td{
	border:1px solid var(--ev-linea);padding:7px 9px;text-align:left;
	vertical-align:top;overflow-wrap:anywhere;
}
.psf-ev-tabla thead th{
	background:var(--ev-papel);font-weight:800;font-size:11.5px;
	text-transform:uppercase;letter-spacing:.04em;color:var(--ev-muted);
}
.psf-ev-tabla tbody th[scope="row"]{font-weight:700;width:16%;}
.psf-ev-tabla tbody tr:nth-child(even) td{background:rgba(0,0,0,.015);}
.psf-ev-fte{font-size:11.5px;color:var(--ev-muted);width:20%;}

/* --- Etiqueta de nivel ------------------------------------------------ */
.psf-ev-pill{
	display:inline-block;padding:1px 8px;border-radius:11px;
	font-size:11px;font-weight:800;line-height:1.7;white-space:nowrap;
	border:1px solid currentColor;
}
.psf-ev-ok{color:var(--ev-ok);}
.psf-ev-mid{color:var(--ev-mid);}
.psf-ev-bad{color:var(--ev-bad);}
.psf-ev-gap{color:var(--ev-gap);border-style:dashed;}
.psf-ev-matiz{display:block;margin-top:3px;font-size:11px;font-style:italic;color:var(--ev-muted);}

/* --- Las tres vistas -------------------------------------------------- */
.psf-ev-vista{border:1px solid var(--ev-linea);border-radius:9px;margin:0 0 10px;}
.psf-ev-vista-s{
	cursor:pointer;list-style:none;padding:11px 14px;
	font-size:13px;font-weight:800;color:var(--ev-acento);
	display:flex;align-items:center;gap:10px;
}
.psf-ev-vista-s::-webkit-details-marker{display:none;}
.psf-ev-vista-s::before{content:"▸";font-size:11px;}
.psf-ev-vista[open] .psf-ev-vista-s::before{content:"▾";}
.psf-ev-vista-n{
	margin-left:auto;font-size:11px;font-weight:700;color:var(--ev-muted);
	text-transform:uppercase;letter-spacing:.04em;
}
.psf-ev-vista-c{padding:0 14px 14px;}
.psf-ev-vista-p{margin:0 0 12px;font-size:12.5px;line-height:1.6;color:var(--ev-muted);max-width:74ch;}

/* --- Vista 2: grupos por nivel ---------------------------------------- */
.psf-ev-grupo{margin:0 0 14px;padding-left:11px;border-left:3px solid var(--ev-linea);}
.psf-ev-grupo-ok{border-left-color:var(--ev-ok);}
.psf-ev-grupo-mid{border-left-color:var(--ev-mid);}
.psf-ev-grupo-bad{border-left-color:var(--ev-bad);}
.psf-ev-grupo-gap{border-left-color:var(--ev-gap);}
.psf-ev-grupo-h{margin:0 0 6px;display:flex;align-items:center;gap:9px;}
.psf-ev-grupo-n{font-size:11px;font-weight:700;color:var(--ev-muted);}
.psf-ev-grupo-l{margin:0;padding-left:19px;}
.psf-ev-grupo-l li{margin:0 0 5px;font-size:12.5px;line-height:1.55;}

/* --- Pie -------------------------------------------------------------- */
.psf-ev-huecos{
	margin:14px 0 0;padding:10px 12px;border:1px dashed var(--ev-linea);
	border-radius:7px;font-size:12px;line-height:1.6;
}
.psf-ev-fuente{margin:10px 0 0;font-size:11px;line-height:1.55;color:var(--ev-muted);overflow-wrap:anywhere;}
.psf-ev-fuente a,.psf-ev-huecos a{color:var(--ev-acento);}

@media (max-width:640px){
	.psf-ev-tabla{font-size:11.5px;}
	.psf-ev-tabla tbody th[scope="row"],.psf-ev-fte{width:auto;}
	.psf-ev-vista-n{display:none;}
}