/* ═══════════════════════════════════════════════════════════════════
   psf-deposito.css — empezar un antipsicótico de depósito.
   [D-234 · v9.53.0]

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

   LA DECISIÓN VISUAL DE ESTA PÁGINA es que el SOLAPAMIENTO ORAL se lee
   sin leer. Es la columna que se consulta con el paciente delante y
   tiene tres estados que no se pueden confundir:

     · verde salvia  — el prospecto dice que no hace falta;
     · ámbar         — sí hace falta, y cuántos días;
     · gris punteado — el prospecto NO DICE NADA.

   El tercero es el que importa que se distinga. «No hace falta» y «no
   está escrito» se parecen en un texto corrido y son cosas opuestas:
   una es una instrucción, la otra es un hueco. Por eso el borde
   punteado, que es el mismo lenguaje que usan los huecos declarados del
   resto del sitio.

   Y EL ROJO ESTÁ RACIONADO, como en toda la casa: aquí solo para el
   bloque del nódulo, que es el único daño físico de la página.
   ═══════════════════════════════════════════════════════════════════ */

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

/* ── Cabecera ───────────────────────────────────────────────────── */
.psf-dep__cab{ max-width:var(--pf-w-read); margin:0 0 var(--pf-s-6); }
.psf-dep__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-dep__lead{
	font-size:var(--pf-fs-lead); line-height:var(--pf-lh-body);
	color:var(--pf-ink-soft); margin:0;
}
.psf-dep__h2{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h2);
	line-height:var(--pf-lh-tight); color:var(--pf-ink);
	margin:var(--pf-s-12) 0 var(--pf-s-3);
}
.psf-dep__p{
	font-size:var(--pf-fs-body); line-height:var(--pf-lh-body);
	color:var(--pf-ink-soft); max-width:var(--pf-w-read);
	margin:0 0 var(--pf-s-4);
}

/* ── El aviso de procedencia, arriba y no en el pie ─────────────── */
.psf-dep__aviso{
	background:var(--pf-info-tint); color:var(--pf-info-tx);
	border-left:4px solid var(--pf-info);
	padding:var(--pf-s-4); border-radius:0 var(--pf-r-sm) var(--pf-r-sm) 0;
	font-size:var(--pf-fs-small); line-height:var(--pf-lh-body);
	max-width:var(--pf-w-read); margin:0 0 var(--pf-s-8);
}

/* ── La idea que ordena la página ───────────────────────────────── */
.psf-dep__idea{
	background:var(--pf-paper-alt); border:1px solid var(--pf-line);
	border-radius:var(--pf-r-md); padding:var(--pf-s-6);
	margin:0 0 var(--pf-s-8);
}
.psf-dep__idea .psf-dep__h2{ margin-top:0; }
.psf-dep__tres{
	display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
	gap:var(--pf-s-4); margin:var(--pf-s-4) 0 0;
}
.psf-dep__tres-i{
	background:var(--pf-paper); border:1px solid var(--pf-line);
	border-radius:var(--pf-r-sm); padding:var(--pf-s-4);
}
.psf-dep__tres-i h3{
	font-size:var(--pf-fs-small); font-weight:var(--pf-w-semibold);
	color:var(--pf-ink); margin:0 0 var(--pf-s-2); line-height:var(--pf-lh-tight);
}
.psf-dep__tres-i p{
	font-size:var(--pf-fs-small); line-height:var(--pf-lh-body);
	color:var(--pf-ink-soft); margin:0;
}

/* ── El sello del solapamiento oral ─────────────────────────────── */
.psf-dep__oral{
	display:inline-block; white-space:nowrap;
	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-dep__oral--no{ background:var(--pf-sage-tint); color:var(--pf-sage-tx); }
.psf-dep__oral--si{ background:var(--pf-warn-tint); color:var(--pf-warn-tx); }
/* El hueco NO se disfraza de dato: borde punteado, como en todo el sitio. */
.psf-dep__oral--pend{
	background:transparent; color:var(--pf-ink-faint-tx);
	border:1px dashed var(--pf-line); text-transform:none; letter-spacing:0;
}

/* ── Tablas ─────────────────────────────────────────────────────── */
.psf-dep__scroll{ overflow-x:auto; margin:0 0 var(--pf-s-4); }
.psf-dep__t{
	width:100%; border-collapse:collapse;
	font-size:var(--pf-fs-small); line-height:var(--pf-lh-body);
}
.psf-dep__t th, .psf-dep__t td{
	text-align:left; vertical-align:top;
	padding:var(--pf-s-3); border-bottom:1px solid var(--pf-line);
}
.psf-dep__t thead th{
	font-size:var(--pf-fs-micro); text-transform:uppercase;
	letter-spacing:var(--pf-track-label); color:var(--pf-ink-faint-tx);
	font-weight:var(--pf-w-semibold); background:var(--pf-paper-alt);
	border-bottom:2px solid var(--pf-line);
}
.psf-dep__t tbody th{ font-weight:var(--pf-w-semibold); color:var(--pf-ink); }
.psf-dep__t tbody th a{ color:var(--pf-accent-tx); text-decoration:none; }
.psf-dep__t tbody th a:hover{ text-decoration:underline; }
.psf-dep__t--v tbody th{ width:38%; min-width:180px; }
.psf-dep__marca{
	display:block; font-weight:var(--pf-w-regular);
	font-size:var(--pf-fs-micro); color:var(--pf-ink-faint-tx);
}
.psf-dep__num{
	font-family:var(--pf-mono); font-variant-numeric:tabular-nums;
	white-space:nowrap;
}

/* ── Ficha de fármaco ───────────────────────────────────────────── */
.psf-dep__f{
	background:var(--pf-paper); border:1px solid var(--pf-line);
	border-radius:var(--pf-r-md); padding:var(--pf-s-6);
	margin:0 0 var(--pf-s-4); scroll-margin-top:var(--pf-scroll-margin);
}
.psf-dep__f-cab{
	display:flex; align-items:baseline; justify-content:space-between;
	flex-wrap:wrap; gap:var(--pf-s-2) var(--pf-s-4);
	margin:0 0 var(--pf-s-4); padding-bottom:var(--pf-s-3);
	border-bottom:1px solid var(--pf-line);
}
.psf-dep__f-cab h3{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h3);
	color:var(--pf-ink); margin:0; line-height:var(--pf-lh-tight);
}
.psf-dep__f-cab h3 small{
	font-family:var(--pf-sans); font-size:var(--pf-fs-small);
	font-weight:var(--pf-w-regular); color:var(--pf-ink-faint-tx);
}
.psf-dep__ritmo{
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	color:var(--pf-ink-soft); background:var(--pf-paper-alt);
	border-radius:var(--pf-r-pill); padding:2px var(--pf-s-3);
	white-space:nowrap;
}
.psf-dep__dl{
	margin:0; display:grid; grid-template-columns:minmax(120px,158px) minmax(0,1fr);
	gap:var(--pf-s-3) var(--pf-s-4); font-size:var(--pf-fs-small);
	line-height:var(--pf-lh-body);
}
.psf-dep__dl dt{
	font-size:var(--pf-fs-micro); text-transform:uppercase;
	letter-spacing:var(--pf-track-label); color:var(--pf-ink-faint-tx);
	font-weight:var(--pf-w-semibold); padding-top:2px;
}
.psf-dep__dl dd{ margin:0; color:var(--pf-ink-soft); }
.psf-dep__ojo{
	background:var(--pf-warn-tint); color:var(--pf-warn-tx);
	border-radius:var(--pf-r-sm); padding:var(--pf-s-4);
	font-size:var(--pf-fs-small); line-height:var(--pf-lh-body);
	margin:var(--pf-s-4) 0 0;
}

/* ── La historia de la pipotiazina ──────────────────────────────── */
.psf-dep__pipo-i{
	border-left:3px solid var(--pf-line);
	padding:0 0 0 var(--pf-s-4); margin:0 0 var(--pf-s-4);
	max-width:var(--pf-w-read);
}
.psf-dep__pipo-i h3{
	font-size:var(--pf-fs-body); font-weight:var(--pf-w-semibold);
	color:var(--pf-ink); margin:0 0 var(--pf-s-2); line-height:var(--pf-lh-tight);
}
.psf-dep__pipo-i p{
	font-size:var(--pf-fs-small); line-height:var(--pf-lh-body);
	color:var(--pf-ink-soft); margin:0 0 var(--pf-s-2);
}

/* ── Dosis perdida ──────────────────────────────────────────────── */
.psf-dep__p-f{
	border:1px solid var(--pf-line); border-radius:var(--pf-r-md);
	padding:var(--pf-s-4); margin:0 0 var(--pf-s-4);
}
.psf-dep__p-f h3{
	font-size:var(--pf-fs-body); font-weight:var(--pf-w-semibold);
	color:var(--pf-ink); margin:0 0 var(--pf-s-3);
}
/* Los que no publican ventana se ven distintos desde lejos. */
.psf-dep__p-f--vacia{ background:var(--pf-paper-alt); border-style:dashed; }
.psf-dep__nota{
	font-size:var(--pf-fs-small); line-height:var(--pf-lh-body);
	color:var(--pf-ink-soft); margin:var(--pf-s-3) 0 0;
	max-width:var(--pf-w-read);
}

/* ── Largo plazo ────────────────────────────────────────────────── */
.psf-dep__l{
	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-dep__l h3{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h3);
	color:var(--pf-ink); margin:0 0 var(--pf-s-3); line-height:var(--pf-lh-tight);
}
.psf-dep__l p{
	font-size:var(--pf-fs-small); line-height:var(--pf-lh-body);
	color:var(--pf-ink-soft); margin:0 0 var(--pf-s-3);
}
/* El único rojo de la página: el daño que se palpa. */
.psf-dep__l--nodulo{
	background:var(--pf-danger-tint); border-color:var(--pf-danger);
}
.psf-dep__l--nodulo h3, .psf-dep__l--nodulo p{ color:var(--pf-danger-tx); }
.psf-dep__cifra{
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	line-height:var(--pf-lh-data); font-variant-numeric:tabular-nums;
}
.psf-dep__q{ border-top:1px dashed var(--pf-line); padding-top:var(--pf-s-3); }

/* ── Fuentes ────────────────────────────────────────────────────── */
.psf-dep__fte{
	font-size:var(--pf-fs-micro); line-height:var(--pf-lh-body);
	color:var(--pf-ink-faint-tx); margin:var(--pf-s-3) 0 0;
}
.psf-dep__fte a{ color:var(--pf-accent-tx); }
.psf-dep__pie{
	margin:var(--pf-s-12) 0 0; padding-top:var(--pf-s-6);
	border-top:2px solid var(--pf-line);
}
.psf-dep__pie h2{
	font-size:var(--pf-fs-micro); text-transform:uppercase;
	letter-spacing:var(--pf-track-eyebrow); color:var(--pf-ink-faint-tx);
	margin:0 0 var(--pf-s-4);
}
.psf-dep__pie ul{ list-style:none; margin:0; padding:0; }
.psf-dep__pie li{
	font-size:var(--pf-fs-micro); line-height:var(--pf-lh-body);
	color:var(--pf-ink-soft); margin:0 0 var(--pf-s-3);
	max-width:var(--pf-w-read);
}
.psf-dep__qq{ display:block; color:var(--pf-ink-faint-tx); font-style:italic; }
.psf-dep__sinver{
	background:var(--pf-warn-tint); color:var(--pf-warn-tx);
	border-radius:var(--pf-r-sm); padding:var(--pf-s-3) var(--pf-s-4);
	font-size:var(--pf-fs-micro); margin:var(--pf-s-4) 0 0;
	max-width:var(--pf-w-read);
}

/* ── El teléfono ────────────────────────────────────────────────── */
@media (max-width:560px){
	.psf-dep__h1{ font-size:var(--pf-fs-h2); }
	.psf-dep__dl{ grid-template-columns:1fr; gap:0; }
	.psf-dep__dl dt{ padding-top:var(--pf-s-3); }
	.psf-dep__f, .psf-dep__idea, .psf-dep__l{ padding:var(--pf-s-4); }
	/* La tabla de un vistazo se apila: cuatro columnas no caben y
	   desplazarse a lo ancho para leer un solapamiento es perderlo. */
	.psf-dep__t thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
	.psf-dep__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-dep__t th, .psf-dep__t td{ display:block; border:0; padding:var(--pf-s-1) 0; }
	.psf-dep__t--v tbody th{ width:auto; min-width:0; }
}