/* =========================================================================
   CAMBIAR DE ANTIPSICÓTICO  ·  [D-218 · v9.41.0]

   La tabla es el objeto de esta página, así que se le da el ancho y todo lo
   demás se aparta. Dos decisiones de forma que son decisiones de fondo:

   · LA FILA DE FIN DE CRUCE VA MARCADA. No es adorno: la complicación más
     frecuente de un cruce es no terminarlo, y esa fila es la única defensa.
   · LA TABLA SE APILA EN FICHAS POR DEBAJO DE 640 px, con los rótulos en el
     HTML (data-r) y no en el CSS, como se hizo en la v9.37 con la tabla de
     retirada. Un calendario de dosis que se corta en el móvil es peor que no
     tenerlo: se lee media dosis.

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

.psf-cam__aviso{
	background:var(--pf-warn-tint);border-left:4px solid var(--pf-warn);
	border-radius:0 var(--pf-r-sm) var(--pf-r-sm) 0;
	padding:var(--pf-s-3) var(--pf-s-4);margin:0 0 var(--pf-s-6);}
.psf-cam__aviso p{
	margin:0 0 var(--pf-s-2);font-size:var(--pf-fs-small);
	line-height:1.6;color:var(--pf-ink);}
.psf-cam__aviso p:last-child{margin-bottom:0;}

/* ── El formulario ─────────────────────────────────────────────────── */
.psf-cam__form{margin:0 0 var(--pf-s-6);}
.psf-cam__campos{
	display:grid;gap:var(--pf-s-3);
	grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));}
.psf-cam__c{margin:0;display:flex;flex-direction:column;gap:var(--pf-s-1);}
/* Un display: flex le gana al [hidden] del navegador. Sin esta línea el
   desplegable de inyectables se ve cuando el cambio es de oral a oral, y el
   estudiante cree que tiene que rellenarlo. */
.psf-cam__c[hidden]{display:none;}
.psf-cam__c label{
	font-size:var(--pf-fs-micro);font-weight:var(--pf-w-semibold);
	color:var(--pf-ink-soft);}
.psf-cam__c select,
.psf-cam__c input{
	width:100%;max-width:100%;box-sizing:border-box;
	padding:var(--pf-s-2) var(--pf-s-3);
	border:1px solid var(--pf-line);border-radius:var(--pf-r-sm);
	background:var(--pf-surface);color:var(--pf-ink);
	font-family:var(--pf-sans);font-size:var(--pf-fs-small);}
.psf-cam__c select:focus-visible,
.psf-cam__c input:focus-visible{outline:3px solid var(--pf-ink);outline-offset:2px;}
.psf-cam__conu{display:flex;align-items:center;gap:var(--pf-s-2);}
.psf-cam__u{
	font-family:var(--pf-mono);font-size:var(--pf-fs-micro);
	color:var(--pf-ink-faint-tx);white-space:nowrap;}

/* ── La estrategia elegida, y por qué ──────────────────────────────── */
.psf-cam__est{
	border:1px solid var(--pf-brand-line);border-radius:var(--pf-r-md);
	background:var(--pf-brand-tint);
	padding:var(--pf-s-3) var(--pf-s-4);margin:0 0 var(--pf-s-4);}
.psf-cam__estet{
	display:block;font-family:var(--pf-serif);font-size:var(--pf-fs-h3);
	line-height:1.2;color:var(--pf-brand-deep);margin-bottom:var(--pf-s-2);}
.psf-cam__est p{
	margin:0 0 var(--pf-s-2);font-size:var(--pf-fs-small);
	line-height:1.6;color:var(--pf-ink);}
.psf-cam__est p:last-child{margin-bottom:0;}
.psf-cam__estnota{color:var(--pf-ink-soft);}

.psf-cam__ojo{
	margin:0 0 var(--pf-s-4);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);}

/* ── El calendario ─────────────────────────────────────────────────── */
.psf-cam__scroll{overflow-x:auto;margin:0 0 var(--pf-s-3);}
.psf-cam__tabla{
	width:100%;border-collapse:collapse;
	font-size:var(--pf-fs-small);}
.psf-cam__tabla th,
.psf-cam__tabla td{
	padding:var(--pf-s-2) var(--pf-s-3);
	border-bottom:1px solid var(--pf-line);
	text-align:left;vertical-align:top;}
.psf-cam__tabla thead th{
	font-size:var(--pf-fs-micro);color:var(--pf-ink-soft);
	border-bottom:2px solid var(--pf-line);}
.psf-cam__tabla tbody th{
	font-weight:var(--pf-w-semibold);color:var(--pf-ink);white-space:nowrap;}
.psf-cam__tabla td{font-family:var(--pf-mono);color:var(--pf-ink);}
.psf-cam__tabla td:last-child{
	font-family:var(--pf-sans);color:var(--pf-ink-soft);
	font-size:var(--pf-fs-micro);line-height:1.5;}
.psf-cam__tabla--lai td{font-family:var(--pf-sans);}
.psf-cam__rot{
	display:block;font-family:var(--pf-sans);font-weight:400;
	font-size:var(--pf-fs-micro);color:var(--pf-ink-faint-tx);}
.psf-cam__uu{
	font-family:var(--pf-sans);font-size:var(--pf-fs-micro);
	color:var(--pf-ink-faint-tx);}

/* La fila que cierra el cruce. Es la que impide la polifarmacia. */
.psf-cam__fin{background:var(--pf-brand-tint);}
.psf-cam__fin th,
.psf-cam__fin td{border-bottom:2px solid var(--pf-brand-line);}

.psf-cam__fin-t,
.psf-cam__rango{
	margin:0 0 var(--pf-s-4);font-size:var(--pf-fs-small);
	line-height:1.6;color:var(--pf-ink-soft);}

/* ── Las alertas de ESTE cambio ────────────────────────────────────── */
.psf-cam__h3{
	margin:var(--pf-s-6) 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-cam__alertas,
.psf-cam__nohace{
	margin:0 0 var(--pf-s-4);padding-left:var(--pf-s-4);
	font-size:var(--pf-fs-small);line-height:1.6;color:var(--pf-ink-soft);}
.psf-cam__alertas li,
.psf-cam__nohace li{margin-bottom:var(--pf-s-2);}
.psf-cam__alertas b,
.psf-cam__nohace b{color:var(--pf-ink);}

/* ── La pantalla aparte de la clozapina ────────────────────────────── */
/* Se distingue de la caja de estrategia a propósito: no es «otra estrategia»,
   es una desviación. Si se pareciera, se leería como una variante más. */
.psf-cam__cloz{
	border:2px solid var(--pf-ink);border-radius:var(--pf-r-md);
	background:var(--pf-paper-alt);
	padding:var(--pf-s-4);margin:0 0 var(--pf-s-4);}
.psf-cam__clozt{
	display:block;font-family:var(--pf-serif);font-size:var(--pf-fs-h3);
	line-height:1.2;color:var(--pf-ink);margin-bottom:var(--pf-s-2);}
.psf-cam__clozp{
	margin:0 0 var(--pf-s-3);font-size:var(--pf-fs-small);
	line-height:1.6;color:var(--pf-ink);}
.psf-cam__clozpie{
	margin-bottom:0;font-size:var(--pf-fs-micro);color:var(--pf-ink-faint-tx);}

.psf-cam__vacio{
	margin:0;padding:var(--pf-s-3);font-size:var(--pf-fs-small);
	color:var(--pf-ink-faint-tx);}

.psf-cam__fuentes{margin:var(--pf-s-6) 0 0;}
.psf-cam__cita{
	display:block;margin-bottom:var(--pf-s-1);
	font-size:var(--pf-fs-micro);line-height:1.45;
	color:var(--pf-ink-faint-tx);overflow-wrap:anywhere;}
.psf-cam__cita a{color:var(--pf-brand-tx);}

/* ── El móvil ──────────────────────────────────────────────────────── */
/* La tabla se apila en fichas. Los rótulos vienen del HTML (data-r), no de
   aquí: si un día cambia una columna, cambia en un solo sitio. */
@media (max-width:640px){
	.psf-cam__scroll{overflow-x:visible;}
	.psf-cam__tabla,
	.psf-cam__tabla tbody,
	.psf-cam__tabla tr,
	.psf-cam__tabla td,
	.psf-cam__tabla th{display:block;width:auto;}
	.psf-cam__tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
	.psf-cam__tabla tr{
		margin-bottom:var(--pf-s-3);padding:var(--pf-s-2);
		border:1px solid var(--pf-line);border-radius:var(--pf-r-sm);}
	.psf-cam__tabla tbody th{
		border-bottom:1px solid var(--pf-line);white-space:normal;
		margin-bottom:var(--pf-s-2);}
	.psf-cam__tabla td{border-bottom:0;padding:var(--pf-s-1) var(--pf-s-2);}
	.psf-cam__tabla td:empty{display:none;}
	.psf-cam__tabla td::before{
		content:attr(data-r) ": ";
		font-family:var(--pf-sans);font-size:var(--pf-fs-micro);
		color:var(--pf-ink-faint-tx);}
}

/* ── [D-238 · v9.57.0] La indicación del calendario ───────────────────
   Va arriba del todo, antes de la estrategia. Un calendario de
   miligramos sin la indicación al lado es un número sin unidad: el
   mismo fármaco tiene un techo de 750 mg para una cosa y de 300 para
   otra. Discreta, pero no escondida. */
.psf-cam__ind{
	display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--pf-s-2);
	margin:0 0 var(--pf-s-3);padding:var(--pf-s-2) var(--pf-s-3);
	border-left:3px solid var(--pf-brand-line);
	background:var(--pf-surface);border-radius:0 var(--pf-r-sm) var(--pf-r-sm) 0;
	font-size:var(--pf-fs-small);}
.psf-cam__ind-k{
	font-family:var(--pf-mono);font-size:var(--pf-fs-micro);
	text-transform:uppercase;letter-spacing:.07em;color:var(--pf-ink-faint);}
.psf-cam__ind-d{
	flex:1 1 100%;color:var(--pf-ink-soft);font-size:var(--pf-fs-micro);
	line-height:1.5;}
.psf-cam__ind--hueco{border-left-color:var(--pf-line);background:transparent;}
.psf-cam__ind-n{
	margin:0 0 var(--pf-s-3);padding-left:var(--pf-s-3);
	border-left:2px solid var(--pf-line);
	font-size:var(--pf-fs-small);line-height:1.55;color:var(--pf-ink-soft);}

/* ── [D-239 · v9.58.0] Conversión, práctica del autor, dosis perdida ──
   Las tablas de etiqueta y las de convención clínica se ven DISTINTO a
   propósito: tres de las cuatro que hay no están en ningún prospecto, y
   darles el mismo aspecto habría sido darles una autoridad que no
   tienen. El sello dice de dónde sale cada una. */
.psf-cam__h3{
	font-family:var(--pf-serif);font-size:var(--pf-fs-h3);line-height:1.2;
	margin:var(--pf-s-6) 0 var(--pf-s-3);color:var(--pf-brand-deep);}
.psf-cam__conv-b{
	margin:0 0 var(--pf-s-4);padding:var(--pf-s-3);
	border:1px solid var(--pf-line);border-radius:var(--pf-r-md);
	background:var(--pf-surface);}
.psf-cam__conv-b--conv{border-style:dashed;}
.psf-cam__conv-t,.psf-cam__autor-t,.psf-cam__perd-t{
	display:flex;flex-wrap:wrap;gap:var(--pf-s-2);align-items:baseline;
	margin:0 0 var(--pf-s-2);font-weight:600;}
.psf-cam__sello{
	font-family:var(--pf-mono);font-size:var(--pf-fs-micro);font-weight:500;
	text-transform:uppercase;letter-spacing:.06em;
	border-radius:var(--pf-r-sm);padding:2px 6px;white-space:nowrap;}
.psf-cam__sello--etiqueta{background:var(--pf-ok-tint);color:var(--pf-ok-tx);}
.psf-cam__sello--convencion{background:var(--pf-warn-tint);color:var(--pf-warn-tx);}
.psf-cam__sello--autor{background:var(--pf-brand-tint);color:var(--pf-brand-deep);}
.psf-cam__conv-d,.psf-cam__conv-o,.psf-cam__perd-d,.psf-cam__autor-d,.psf-cam__autor-q{
	margin:0 0 var(--pf-s-2);font-size:var(--pf-fs-small);line-height:1.6;
	color:var(--pf-ink-soft);}
.psf-cam__conv-o{
	margin-top:var(--pf-s-2);padding-left:var(--pf-s-3);
	border-left:2px solid var(--pf-line);}
.psf-cam__conv-h{margin:0 0 var(--pf-s-2);}
.psf-cam__autor{
	margin:var(--pf-s-6) 0 0;padding:var(--pf-s-3);
	border:1px solid var(--pf-brand-line);border-radius:var(--pf-r-md);
	background:var(--pf-brand-tint);}
.psf-cam__autor-q{
	margin-bottom:0;padding-left:var(--pf-s-3);
	border-left:3px solid var(--pf-brand-line);color:var(--pf-ink);}
.psf-cam__perd-t{margin-top:var(--pf-s-4);}

/* ── [D-240 · v9.59.0] La pantalla de niveles de clozapina ───────────
   Va debajo de las dos de titulación, separada por una línea, porque
   es contexto de las dos y no una tercera opción. */
.psf-cam__niv{
	margin-top:var(--pf-s-6);padding-top:var(--pf-s-4);
	border-top:1px solid var(--pf-line);}
.psf-cam__niv-h{margin:var(--pf-s-3) 0 0;}

/* ---------------------------------------------------------------------
   [D-254 · v9.72.0] LA NOTA FIRMADA DEL AUTOR.

   Va dentro del aviso que abre la herramienta, justo debajo del dato que
   matiza. Se pinta con el acento porque en esta pagina todo lo demas es
   transcripcion con fuente, y esto es criterio clinico con nombre.
   --------------------------------------------------------------------- */
.psf-cam__firma{
	margin:var(--pf-s-3) 0 0; padding:var(--pf-s-2) var(--pf-s-3);
	border-left:3px solid var(--pf-accent); background:var(--pf-paper-alt);
	font-size:var(--pf-fs-small); line-height:1.6; color:var(--pf-ink);
}
.psf-cam__firma b{ color:var(--pf-accent); }
.psf-cam__firma-n{
	display:block; margin-top:var(--pf-s-1);
	font-size:var(--pf-fs-micro); color:var(--pf-ink-soft);
}

/* [D-254 · v9.72.0] La nota del autor dentro del resultado del calendario. */
.psf-cam__ind-a{
	margin:var(--pf-s-2) 0 0; padding:var(--pf-s-2) var(--pf-s-3);
	border-left:3px solid var(--pf-accent); background:var(--pf-paper-alt);
	font-size:var(--pf-fs-small); line-height:1.6; color:var(--pf-ink);
}
.psf-cam__ind-a b{ color:var(--pf-accent); }

/* [D-255 · v9.73.0] Lo que hay por encima del techo: plegado, y con borde
   punteado en vez de macizo. El borde macizo lo llevan los bloques que el
   autor firma; este no es suyo, es literatura de terceros que contextualiza
   una cifra sin cambiarla, y conviene que se vea distinto al primer vistazo. */
.psf-cam__sobre{
	margin:var(--pf-s-2) 0 0; padding:0;
	border-left:3px dotted var(--pf-ink-faint); background:var(--pf-paper-alt);
}
.psf-cam__sobre>summary{
	padding:var(--pf-s-2) var(--pf-s-3); cursor:pointer;
	font-size:var(--pf-fs-small); font-weight:600; color:var(--pf-ink);
}
.psf-cam__sobre>summary:focus-visible{ outline:2px solid var(--pf-accent-tx); outline-offset:2px; }
.psf-cam__sobre-d{
	padding:0 var(--pf-s-3) var(--pf-s-2);
	font-size:var(--pf-fs-small); line-height:1.6; color:var(--pf-ink);
}
.psf-cam__sobre-d p{ margin:0 0 var(--pf-s-2); }
.psf-cam__sobre-f{ margin-top:var(--pf-s-2); padding-top:var(--pf-s-2); border-top:1px solid var(--pf-line); }