/* =========================================================================
   QUÉ HACER CON EL EFECTO ADVERSO  ·  [D-175 · v9.12.0]

   CERRADO POR DEFECTO, COMO EN «PRINCIPIOS» Y EN «EFECTOS ADVERSOS»
   [D-167]. Son nueve efectos con su manejo cada uno: desplegados de golpe
   son dos pantallas de texto que nadie lee. Cerrados, el residente ve la
   lista de lo que puede pasar y abre lo que le pasó.

   Y COMO EN [D-167], EL CONTENIDO NACE VISIBLE: son <details> nativos, no
   una clase que pone el JavaScript. Sin guion siguen abriéndose, el
   buscador los indexa y se imprimen enteros.

   TODO EN TOKENS, sin un solo literal.
   ========================================================================= */

.psf-man{
	margin:var(--pf-s-6) 0;padding:var(--pf-s-4);
	border:1px solid var(--pf-line);border-radius:var(--pf-r-md);
	background:var(--pf-surface);}
.psf-man__cab{margin-bottom:var(--pf-s-4);}
.psf-man__h{
	margin:0 0 var(--pf-s-2);font-family:var(--pf-serif);
	font-size:var(--pf-fs-h3);line-height:1.2;color:var(--pf-brand-deep);}
.psf-man__lead{
	margin:0;font-size:var(--pf-fs-small);line-height:1.6;color:var(--pf-ink-soft);}

/* ── El enlace a la hoja del paciente ─────────────────────────────── */
/* Va ARRIBA, antes de los nueve desplegables. Es lo que el residente se
   lleva a la consulta, y al final de una lista larga no lo ve nadie. */
.psf-man__hoja{
	display:block;margin:0 0 var(--pf-s-4);padding:var(--pf-s-3) var(--pf-s-4);
	border:2px solid var(--pf-brand-line);border-radius:var(--pf-r-md);
	background:var(--pf-brand-tint);text-decoration:none;}
.psf-man__hoja:hover{border-color:var(--pf-brand-tx);}
.psf-man__hoja:focus-visible{outline:3px solid var(--pf-ink);outline-offset:3px;}
.psf-man__hoja-t{
	display:block;font-size:var(--pf-fs-body);font-weight:var(--pf-w-semibold);
	color:var(--pf-brand-tx);}
.psf-man__hoja-s{
	display:block;margin-top:var(--pf-s-1);font-size:var(--pf-fs-micro);
	line-height:1.5;color:var(--pf-ink-soft);}

/* ── Cada efecto ──────────────────────────────────────────────────── */
.psf-man__it{
	border-top:1px solid var(--pf-line);}
.psf-man__it:last-of-type{border-bottom:1px solid var(--pf-line);}
.psf-man__sum{
	display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--pf-s-2);
	padding:var(--pf-s-3) 0;cursor:pointer;list-style:none;
	min-height:var(--pf-tap);}
.psf-man__sum::-webkit-details-marker{display:none;}
.psf-man__sum::before{content:"▸ ";color:var(--pf-ink-faint-tx);}
.psf-man__it[open] .psf-man__sum::before{content:"▾ ";}
.psf-man__sum:focus-visible{outline:3px solid var(--pf-ink);outline-offset:3px;}
.psf-man__t{
	flex:1 1 16ch;font-size:var(--pf-fs-body);
	font-weight:var(--pf-w-semibold);color:var(--pf-ink);}
.psf-man__f{
	font-family:var(--pf-mono);font-size:var(--pf-fs-micro);
	color:var(--pf-ink-faint-tx);}
.psf-man__c{padding:0 0 var(--pf-s-4);}
.psf-man__p{
	margin:0 0 var(--pf-s-3);font-size:var(--pf-fs-small);
	line-height:1.65;color:var(--pf-ink);}
.psf-man__l{margin:0 0 var(--pf-s-3);padding-left:1.15em;}
.psf-man__l li{
	margin-bottom:var(--pf-s-2);font-size:var(--pf-fs-small);
	line-height:1.6;color:var(--pf-ink);}

/* «Ojo con esto»: el matiz que cambia la conducta. Filete Y negrita, no
   solo color [1.4.1]. */
.psf-man__ojo{
	margin:0 0 var(--pf-s-3);padding:var(--pf-s-2) var(--pf-s-3);
	border-left:4px solid var(--pf-ink);background:var(--pf-paper-alt);
	font-size:var(--pf-fs-small);line-height:1.6;color:var(--pf-ink);}

/* [D-217 · v9.41.0] El hueco declarado de la ficha. No hereda el aspecto de
   «ojo»: un aviso y una ausencia de dato no son lo mismo y no deben parecerlo.
   El estilo del propio .psf-gap viene de psf-componentes.css. */
.psf-man__hueco{margin:0 0 var(--pf-s-3);}

.psf-man__ftes{
	margin:0;font-size:var(--pf-fs-micro);line-height:1.5;
	color:var(--pf-ink-faint-tx);}
.psf-man__cita{color:var(--pf-brand-tx);}

/* ── La tabla de monitorización ───────────────────────────────────── */
.psf-man__tabla{margin-top:var(--pf-s-4);}
.psf-man__th{
	margin:0 0 var(--pf-s-2);font-family:var(--pf-sans);
	font-size:var(--pf-fs-body);font-weight:var(--pf-w-semibold);
	color:var(--pf-brand-tx);}
.psf-man__scroll{overflow-x:auto;}
.psf-man__tabla table{
	width:100%;border-collapse:collapse;font-size:var(--pf-fs-micro);}
.psf-man__tabla th,.psf-man__tabla td{
	padding:var(--pf-s-2);text-align:left;vertical-align:top;
	border-bottom:1px solid var(--pf-line);line-height:1.45;}
.psf-man__tabla thead th{
	background:var(--pf-paper-alt);color:var(--pf-brand-tx);
	font-weight:var(--pf-w-semibold);}
.psf-man__tabla tbody th{color:var(--pf-ink);font-weight:var(--pf-w-semibold);}
.psf-man__tabla td{color:var(--pf-ink-soft);}

/* ── Las banderas rojas ───────────────────────────────────────────── */
.psf-man__rojas{
	margin-top:var(--pf-s-4);padding:var(--pf-s-3) var(--pf-s-4);
	border:2px solid var(--pf-ink);border-left-width:8px;
	border-radius:var(--pf-r-md);background:var(--pf-paper-alt);}
.psf-man__rh{
	margin:0 0 var(--pf-s-2);font-family:var(--pf-sans);
	font-size:var(--pf-fs-body);font-weight:var(--pf-w-bold);color:var(--pf-ink);}
.psf-man__rojas ul{margin:0;padding-left:1.15em;}
.psf-man__rojas li{
	margin-bottom:var(--pf-s-1);font-size:var(--pf-fs-small);
	line-height:1.55;color:var(--pf-ink);}

.psf-man__aviso{
	margin:var(--pf-s-4) 0 0;font-size:var(--pf-fs-micro);
	line-height:1.55;color:var(--pf-ink-faint-tx);}

/* En papel se imprime todo abierto: un desplegable cerrado en una hoja
   impresa es contenido que se perdió. */
@media print{
	.psf-man__c{display:block !important;}
	.psf-man__sum::before{content:"";}
	.psf-man__hoja{display:none;}
}