/* ═══════════════════════════════════════════════════════════════════
   psf-agitacion.css — la carpeta de agitación.  [D-232 · v9.53.0]

   NI UN LITERAL DE COLOR: todo sale de psf-tokens.css.

   UNA DECISIÓN DE JERARQUÍA QUE NO ES ESTÉTICA: el sello de calidad de
   la evidencia va ANTES del titular de cada combinación y con peso
   visual propio. En este campo casi todo se cita con una seguridad que
   sus autores no tienen, y poner «calidad muy baja» en una nota al pie
   es esconderlo con buenos modales.

   EL COLOR AQUÍ SIGNIFICA ALGO. El rojo apagado se reserva para dos
   cosas y solo dos: el bloque de mortalidad de los neurocognitivos y lo
   que hay que EVITAR en el traumatismo craneal. Si se usara también
   para decorar tarjetas, dejaría de avisar.
   ═══════════════════════════════════════════════════════════════════ */

.psf-ag2{ padding-bottom:var(--pf-s-16); }

/* ── Navegación de las cuatro páginas ───────────────────────────── */
.psf-ag2__nav{ margin:0 0 var(--pf-s-8); }
.psf-ag2__nav ol{
	list-style:none; margin:0; padding:0;
	display:flex; flex-wrap:wrap; gap:var(--pf-s-2) var(--pf-s-4);
	font-size:var(--pf-fs-small);
}
.psf-ag2__nav li{ display:flex; align-items:center; gap:var(--pf-s-4); }
.psf-ag2__nav li + li::before{ content:""; width:1px; height:14px; background:var(--pf-line); }
.psf-ag2__nav a{ color:var(--pf-accent-tx); text-decoration:none; }
.psf-ag2__nav a:hover{ text-decoration:underline; }
.psf-ag2__nav [aria-current="page"]{ color:var(--pf-ink); font-weight:var(--pf-w-semibold); }

/* ── Cabecera ───────────────────────────────────────────────────── */
.psf-ag2__cab{ max-width:var(--pf-w-read); }
.psf-ag2__h1{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h1);
	line-height:var(--pf-lh-tight); letter-spacing:var(--pf-track-display);
	color:var(--pf-ink); margin:0 0 var(--pf-s-3);
}
.psf-ag2__lead{
	font-size:var(--pf-fs-lead); line-height:var(--pf-lh-body);
	color:var(--pf-ink-soft); margin:0 0 var(--pf-s-8); max-width:64ch;
}
.psf-ag2__h2{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h3); color:var(--pf-ink);
	margin:var(--pf-s-16) 0 var(--pf-s-3); line-height:var(--pf-lh-tight);
}
.psf-ag2__p{
	font-size:var(--pf-fs-small); line-height:var(--pf-lh-body);
	color:var(--pf-ink-soft); max-width:62ch; margin:0 0 var(--pf-s-6);
}

/* ── El aviso de calidad, en la portada ─────────────────────────── */
.psf-ag2__aviso{
	background:var(--pf-paper-alt); border-left:4px solid var(--pf-sage);
	border-radius:var(--pf-r-sm); padding:var(--pf-s-4);
	font-size:var(--pf-fs-small); line-height:var(--pf-lh-body);
	color:var(--pf-ink-soft); max-width:var(--pf-w-read); margin:0 0 var(--pf-s-12);
}

/* ── Tarjetas del índice ────────────────────────────────────────── */
.psf-ag2__cards{ list-style:none; margin:0; padding:0; display:grid; gap:var(--pf-s-3); max-width:var(--pf-w-read); }
.psf-ag2__cards a{
	display:grid; gap:var(--pf-s-1); text-decoration:none;
	background:var(--pf-surface); border:1px solid var(--pf-line);
	border-radius:var(--pf-r-md); padding:var(--pf-s-4);
}
.psf-ag2__cards a:hover{ border-color:var(--pf-accent-tx); }
.psf-ag2__cards b{ color:var(--pf-ink); font-size:var(--pf-fs-body); }
.psf-ag2__cards span{ color:var(--pf-ink-soft); font-size:var(--pf-fs-small); line-height:var(--pf-lh-body); }

/* ── Ficha de fármaco ───────────────────────────────────────────── */
.psf-ag2__f{
	background:var(--pf-surface); border:1px solid var(--pf-line);
	border-radius:var(--pf-r-md); padding:var(--pf-s-6);
	margin:0 0 var(--pf-s-4); max-width:var(--pf-w-read);
}
.psf-ag2__f-cab{ display:flex; align-items:baseline; gap:var(--pf-s-3); flex-wrap:wrap; margin-bottom:var(--pf-s-3); }
.psf-ag2__f-cab h3{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h4);
	color:var(--pf-ink); margin:0; line-height:var(--pf-lh-tight);
}
/* El NNT es la única cifra que se puede comparar entre fármacos: se marca. */
.psf-ag2__nnt{
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	background:var(--pf-brand-tint); color:var(--pf-brand-tx);
	border-radius:var(--pf-r-pill); padding:2px var(--pf-s-2);
	white-space:nowrap; margin-left:auto;
}
.psf-ag2__dl{ display:grid; grid-template-columns:auto 1fr; gap:var(--pf-s-1) var(--pf-s-4); margin:0 0 var(--pf-s-3); }
.psf-ag2__dl dt{
	font-size:var(--pf-fs-micro); letter-spacing:var(--pf-track-label);
	text-transform:uppercase; color:var(--pf-ink-faint-tx); white-space:nowrap; padding-top:2px;
}
.psf-ag2__dl dd{ margin:0; font-size:var(--pf-fs-small); color:var(--pf-ink); min-width:0; overflow-wrap:anywhere; }
.psf-ag2__num{ font-family:var(--pf-mono); font-size:var(--pf-fs-micro); font-variant-numeric:tabular-nums; }

.psf-ag2__gana, .psf-ag2__pierde, .psf-ag2__ojo{
	font-size:var(--pf-fs-small); line-height:var(--pf-lh-body);
	margin:0 0 var(--pf-s-2); max-width:60ch;
}
.psf-ag2__gana{ color:var(--pf-ink); }
.psf-ag2__pierde{ color:var(--pf-ink-soft); }
.psf-ag2__ojo{
	color:var(--pf-warn-tx); background:var(--pf-warn-tint);
	border-radius:var(--pf-r-sm); padding:var(--pf-s-3); margin-top:var(--pf-s-3);
}

/* ── Combinaciones: el sello de calidad manda ───────────────────── */
.psf-ag2__c{
	border:1px solid var(--pf-line); border-radius:var(--pf-r-md);
	padding:var(--pf-s-4); margin:0 0 var(--pf-s-3); max-width:var(--pf-w-read);
	background:var(--pf-surface);
}
.psf-ag2__c-cab{ display:grid; gap:var(--pf-s-2); margin-bottom:var(--pf-s-3); }
.psf-ag2__c-cab h3{ font-family:var(--pf-serif); font-size:var(--pf-fs-h4); color:var(--pf-ink); margin:0; line-height:var(--pf-lh-tight); }
.psf-ag2__cal{
	justify-self:start;
	font-size:var(--pf-fs-micro); letter-spacing:var(--pf-track-label);
	text-transform:uppercase; font-weight:var(--pf-w-semibold);
	border-radius:var(--pf-r-pill); padding:2px var(--pf-s-3);
}
.psf-ag2__cal--alta{ background:var(--pf-sage-tint); color:var(--pf-sage-tx); }
.psf-ag2__cal--baja{ background:var(--pf-paper-alt); color:var(--pf-ink-faint-tx); }
.psf-ag2__cal--muy-baja{ background:var(--pf-warn-tint); color:var(--pf-warn-tx); }
.psf-ag2__cifra{
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	font-variant-numeric:tabular-nums; color:var(--pf-ink-soft);
	margin:0 0 var(--pf-s-3); line-height:var(--pf-lh-body);
}
.psf-ag2__c-d{ font-size:var(--pf-fs-small); line-height:var(--pf-lh-body); margin:0 0 var(--pf-s-3); max-width:60ch; }
.psf-ag2__fte{
	font-size:var(--pf-fs-micro); line-height:var(--pf-lh-body);
	color:var(--pf-ink-faint-tx); margin:0; display:block;
}
.psf-ag2__fte a{ color:var(--pf-accent-tx); word-break:break-word; }

/* ── Mezclas y anticolinérgico ──────────────────────────────────── */
.psf-ag2__m, .psf-ag2__ac{ max-width:var(--pf-w-read); margin:0 0 var(--pf-s-6); }
.psf-ag2__m h3, .psf-ag2__ac h3{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h4);
	color:var(--pf-ink); margin:0 0 var(--pf-s-2); line-height:var(--pf-lh-tight);
}
.psf-ag2__m p, .psf-ag2__ac p{ font-size:var(--pf-fs-small); line-height:var(--pf-lh-body); margin:0 0 var(--pf-s-2); max-width:60ch; }

/* ── El párrafo del autor: se distingue a un metro ──────────────── */
.psf-ag2__autor{
	border:1px solid var(--pf-brand); border-left:4px solid var(--pf-brand);
	border-radius:var(--pf-r-md); padding:var(--pf-s-6);
	max-width:var(--pf-w-read); margin:0 0 var(--pf-s-12);
	background:var(--pf-brand-tint);
}
.psf-ag2__autor-k{
	font-size:var(--pf-fs-micro); letter-spacing:var(--pf-track-label);
	text-transform:uppercase; font-weight:var(--pf-w-semibold);
	color:var(--pf-brand-tx); margin:0 0 var(--pf-s-3);
}
.psf-ag2__autor-d{ font-size:var(--pf-fs-body); line-height:var(--pf-lh-body); color:var(--pf-ink); margin:0 0 var(--pf-s-3); max-width:60ch; }
.psf-ag2__autor-a{ font-size:var(--pf-fs-small); line-height:var(--pf-lh-body); color:var(--pf-ink-soft); margin:0 0 var(--pf-s-3); max-width:60ch; }
.psf-ag2__autor-f{ font-size:var(--pf-fs-micro); color:var(--pf-ink-faint-tx); margin:0; font-style:italic; }

/* ── Tabla de manía ─────────────────────────────────────────────── */
.psf-ag2__t{ width:100%; border-collapse:collapse; max-width:var(--pf-w-read); font-size:var(--pf-fs-small); }
.psf-ag2__t th, .psf-ag2__t td{
	text-align:left; padding:var(--pf-s-3); border-bottom:1px solid var(--pf-line); vertical-align:top;
}
.psf-ag2__t thead th{
	font-size:var(--pf-fs-micro); letter-spacing:var(--pf-track-label);
	text-transform:uppercase; color:var(--pf-ink-soft); background:var(--pf-paper-alt);
}
.psf-ag2__t tbody th{ font-weight:var(--pf-w-semibold); color:var(--pf-ink); }
.psf-ag2__t td .psf-ag2__num{ display:block; margin-bottom:var(--pf-s-2); }
.psf-ag2__hueco-b{ max-width:var(--pf-w-read); }
.psf-ag2__hueco-b p{ font-size:var(--pf-fs-small); line-height:var(--pf-lh-body); max-width:62ch; }

/* ── TCE: evitar / a demanda / pautado ──────────────────────────── */
.psf-ag2__tce{
	border-left:4px solid var(--pf-line); padding:var(--pf-s-3) 0 var(--pf-s-3) var(--pf-s-4);
	margin:0 0 var(--pf-s-6); max-width:var(--pf-w-read);
}
.psf-ag2__tce--evitar{ border-left-color:var(--pf-danger); }
.psf-ag2__tce--prn{ border-left-color:var(--pf-brand); }
.psf-ag2__tce--pautado{ border-left-color:var(--pf-sage); }
.psf-ag2__tce h3{
	font-size:var(--pf-fs-micro); letter-spacing:var(--pf-track-label);
	text-transform:uppercase; font-weight:var(--pf-w-semibold);
	color:var(--pf-ink-soft); margin:0 0 var(--pf-s-2);
}
.psf-ag2__tce--evitar h3{ color:var(--pf-danger-tx); }
.psf-ag2__tce ul{ margin:0 0 var(--pf-s-2); padding-left:var(--pf-s-4); }
.psf-ag2__tce li{ font-size:var(--pf-fs-body); color:var(--pf-ink); margin-bottom:var(--pf-s-1); }
.psf-ag2__tce p{ font-size:var(--pf-fs-small); line-height:var(--pf-lh-body); color:var(--pf-ink-soft); margin:0; max-width:60ch; }

/* ── Neurocognitivos ────────────────────────────────────────────── */
.psf-ag2__nc{ max-width:var(--pf-w-read); margin:0 0 var(--pf-s-6); }
.psf-ag2__nc h3{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h4);
	color:var(--pf-ink); margin:0 0 var(--pf-s-2); line-height:var(--pf-lh-tight);
}
.psf-ag2__nc p{ font-size:var(--pf-fs-small); line-height:var(--pf-lh-body); margin:0; max-width:62ch; }
/* El rojo, aquí y en «evitar». En ningún otro sitio de la hoja. */
.psf-ag2__grave{
	background:var(--pf-danger-tint); border-left:4px solid var(--pf-danger);
	border-radius:var(--pf-r-sm); padding:var(--pf-s-4);
}
.psf-ag2__grave h3{ color:var(--pf-danger-tx); }
.psf-ag2__grave p{ color:var(--pf-danger-tx); }

/* ── Pie ────────────────────────────────────────────────────────── */
.psf-ag2__pie{ max-width:var(--pf-w-read); margin-top:var(--pf-s-16); padding-top:var(--pf-s-6); border-top:1px solid var(--pf-line); }
.psf-ag2__pie h2{
	font-size:var(--pf-fs-micro); letter-spacing:var(--pf-track-label);
	text-transform:uppercase; color:var(--pf-ink-soft); margin:0 0 var(--pf-s-3);
}
.psf-ag2__pie ul{ list-style:none; margin:0; padding:0; display:grid; gap:var(--pf-s-3); }
.psf-ag2__pie li{ font-size:var(--pf-fs-micro); line-height:var(--pf-lh-body); color:var(--pf-ink-soft); }
.psf-ag2__pie a{ color:var(--pf-accent-tx); word-break:break-word; }
.psf-ag2__q{ display:block; color:var(--pf-ink-faint-tx); font-style:italic; margin-top:2px; }
.psf-ag2__sinver{
	font-size:var(--pf-fs-micro); color:var(--pf-warn-tx);
	background:var(--pf-warn-tint); border-radius:var(--pf-r-sm);
	padding:var(--pf-s-2) var(--pf-s-3); margin:var(--pf-s-6) 0 0;
}

/* ── El teléfono ────────────────────────────────────────────────── */
@media (max-width:560px){
	.psf-ag2__h1{ font-size:var(--pf-fs-h2); }
	.psf-ag2__dl{ grid-template-columns:1fr; gap:0; }
	.psf-ag2__dl dt{ padding-top:var(--pf-s-2); }
	.psf-ag2__nnt{ margin-left:0; }
	.psf-ag2__f, .psf-ag2__c{ padding:var(--pf-s-4); }
	.psf-ag2__t thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
	.psf-ag2__t tr{ display:block; margin-bottom:var(--pf-s-3); padding:var(--pf-s-3); border:1px solid var(--pf-line); border-radius:var(--pf-r-sm); }
	.psf-ag2__t th, .psf-ag2__t td{ display:block; border:0; padding:var(--pf-s-1) 0; }
}