/* ═══════════════════════════════════════════════════════════════════
   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:var(--pf-rotulo-caso); 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:var(--pf-rotulo-caso); 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:var(--pf-rotulo-caso); 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:var(--pf-rotulo-caso); 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:var(--pf-rotulo-caso); 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:var(--pf-rotulo-caso); 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; }
}

/* ═══════════════════════════════════════════════════════════════════
   [D-344 · v10.29.0] LA PORTADA, ORDENADA.

   Lo que había: un solo carril de 645 px con unos 18 000 px de alto, dos
   secciones enormes (dosis y Hatta 2026) que arrancaban con un h2 de
   18 px pegado al bloque anterior, y ningún modo de saltar al midazolam
   o a las mezclas sin bajar a ciegas.

   Lo que hay: un índice al costado desde 1025 px (el componente .psf-toc
   del sitio, pegajoso) y plegado arriba por debajo; cada sección grande
   con su raya y su aire; los h3 separados del bloque anterior, y los
   destinos de los enlaces sin quedar bajo la cabecera fija.
   ═══════════════════════════════════════════════════════════════════ */

/* El índice: el riel solo existe en escritorio y el plegable solo en el
   teléfono (psf-componentes.css ya decide cuál se ve a 1024 px). */
.psf-ag2__toc{ list-style:none; margin:0; padding:0; }
.psf-ag2__riel{ display:none; }
.psf-ag2__toc .psf-ag2__toc-n1 a{ font-weight:var(--pf-w-semibold); color:var(--pf-ink); }
.psf-ag2__toc .psf-ag2__toc-n1:not(:first-child){ margin-top:var(--pf-s-3); }
.psf-ag2__riel .psf-ag2__toc-n3 a{ padding-left:var(--pf-s-6); font-size:var(--pf-fs-micro); }
.psf-ag2__tocm{ margin:0 0 var(--pf-s-8); }
.psf-ag2__tocm .psf-ag2__toc-n2 a{ padding-left:var(--pf-s-3); }
.psf-ag2__tocm .psf-ag2__toc-n3 a{ padding-left:var(--pf-s-6); font-size:var(--pf-fs-small); }

@media (min-width:1025px){
	/* El texto conserva su ancho de lectura y el índice ocupa el hueco
	   que antes quedaba vacío a la derecha. */
	.psf-ag2--portada{
		display:grid;
		grid-template-columns:minmax(0, var(--wp--style--global--content-size, 645px)) 15rem;
		column-gap:var(--pf-s-12);
		max-width:calc(var(--wp--style--global--content-size, 645px) + 15rem + var(--pf-s-12));
	}
	.psf-ag2--portada > *{ grid-column:1; min-width:0; }
	.psf-ag2--portada > .psf-ag2__riel{
		display:block; grid-column:2; grid-row:1 / span 40; align-self:start;
		max-height:calc(100vh - var(--pf-scroll-margin) - var(--pf-s-4));
		overflow-y:auto; overscroll-behavior:contain;
	}
}

/* Cada sección grande empieza de verdad: raya, aire y un h2 que se lee
   como h2 (dentro de la página de antipsicóticos el mismo bloque va
   plegado y ahí su h2 pequeño sí tiene sentido). */
.psf-ag2--portada .psf-ov-bloque{
	margin-top:var(--pf-s-16); padding-top:var(--pf-s-8);
	border-top:2px solid var(--pf-line);
}
.psf-ag2--portada .psf-ov-h2{
	font-size:var(--pf-fs-h2); line-height:var(--pf-lh-tight);
	margin:0 0 var(--pf-s-4);
}
.psf-ag2--portada .psf-ov-bloque h3{ margin-top:var(--pf-s-12); }
.psf-ag2--portada .psf-ov-bloque article + article{ margin-top:var(--pf-s-4); }
.psf-ag2--portada [id]{ scroll-margin-top:var(--pf-scroll-margin); }
.psf-ag2--portada .psf-ag2__aviso{ margin-bottom:var(--pf-s-8); }

/* Las cuatro páginas, como pestañas en dos columnas. Antes eran cuatro
   enlaces sueltos con una raya delante que, al partirse la línea, quedaba
   huérfana al principio del renglón. Vale para las cuatro páginas. */
.psf-ag2__nav ol{ display:grid; grid-template-columns:1fr 1fr; gap:var(--pf-s-2); max-width:var(--pf-w-read); }
.psf-ag2__nav li{ display:block; }
.psf-ag2__nav li + li::before{ content:none; }
.psf-ag2__nav a,
.psf-ag2__nav [aria-current="page"]{
	display:flex; align-items:center; height:100%; min-height:var(--pf-tap);
	padding:var(--pf-s-2) var(--pf-s-3); border-radius:var(--pf-r-sm);
	border:1px solid var(--pf-line); line-height:1.3; box-sizing:border-box;
}
.psf-ag2__nav a:hover{ border-color:var(--pf-accent-tx); text-decoration:none; }
.psf-ag2__nav [aria-current="page"]{
	background:var(--pf-paper-alt); border-color:var(--pf-ink-soft);
}

/* La línea del reloj: la respuesta corta a la pregunta de la entradilla.
   Va con el acento y no con el color de aviso, porque no advierte de nada. */
.psf-ag2__reloj{
	max-width:var(--pf-w-read); margin:0 0 var(--pf-s-8);
	padding:var(--pf-s-4); border-radius:var(--pf-r-sm);
	border:1px solid var(--pf-line); border-left:4px solid var(--pf-accent-tx);
	background:var(--pf-surface);
	font-size:var(--pf-fs-body); line-height:var(--pf-lh-body); color:var(--pf-ink);
}
.psf-ag2__reloj a{ color:var(--pf-accent-tx); }