/* =========================================================================
   CUESTIONARIOS VALIDADOS EN ESPAÑOL  ·  [D-178 · v9.13.0]

   LA JERARQUÍA DE ESTA PÁGINA ES UN ARGUMENTO. Arriba, cómo leer las
   cifras — porque el residente que llega buscando «el corte del PHQ-9» se
   va con el número y sin entender que el número depende de dónde esté—.
   Después cada escala, y dentro de cada una, las TRAMPAS con el mismo peso
   visual que el rendimiento: no son letra pequeña, son la mitad útil.

   Todo en tokens, sin un solo literal.
   ========================================================================= */

.psf-esc{color:var(--pf-ink);}

/* ── Cómo leer las cifras ─────────────────────────────────────────── */
.psf-esc__leer{
	margin:var(--pf-s-6) 0;padding:var(--pf-s-4);
	border:2px solid var(--pf-brand-line);border-radius:var(--pf-r-md);
	background:var(--pf-brand-tint);}
.psf-esc__leer-h{
	margin:0 0 var(--pf-s-3);font-family:var(--pf-serif);
	font-size:var(--pf-fs-h3);line-height:1.2;color:var(--pf-brand-deep);}
.psf-esc__leer-g{
	display:grid;gap:var(--pf-s-3);
	grid-template-columns:repeat(auto-fit,minmax(24ch,1fr));}
.psf-esc__leer-g article{
	padding:var(--pf-s-3);border-radius:var(--pf-r-md);
	background:var(--pf-surface);}
.psf-esc__leer-g h3{
	margin:0 0 var(--pf-s-2);font-family:var(--pf-sans);
	font-size:var(--pf-fs-small);font-weight:var(--pf-w-semibold);
	color:var(--pf-brand-tx);line-height:1.3;}
.psf-esc__leer-g p{
	margin:0;font-size:var(--pf-fs-micro);line-height:1.6;color:var(--pf-ink);}

/* ── Índice ───────────────────────────────────────────────────────── */
.psf-esc__indice{margin:var(--pf-s-6) 0;}
.psf-esc__indice ul{
	display:flex;flex-wrap:wrap;gap:var(--pf-s-2);margin:0;padding:0;list-style:none;}
.psf-esc__indice a{
	display:inline-flex;align-items:center;min-height:var(--pf-tap);
	padding:0 var(--pf-s-3);
	border:2px solid var(--pf-line);border-radius:var(--pf-r-pill);
	font-size:var(--pf-fs-micro);color:var(--pf-ink);text-decoration:none;}
.psf-esc__indice a:hover{border-color:var(--pf-ink);}
.psf-esc__indice a:focus-visible{outline:3px solid var(--pf-ink);outline-offset:3px;}

/* ── Cada escala ──────────────────────────────────────────────────── */
.psf-esc__f{
	margin:0 0 var(--pf-s-8);padding:var(--pf-s-4);
	border:1px solid var(--pf-line);border-radius:var(--pf-r-md);
	background:var(--pf-surface);scroll-margin-top:var(--pf-s-8);}
.psf-esc__fh{margin-bottom:var(--pf-s-3);}
.psf-esc__fn{
	margin:0 0 var(--pf-s-1);font-family:var(--pf-serif);
	font-size:var(--pf-fs-h3);line-height:1.2;color:var(--pf-brand-deep);}
.psf-esc__fq{
	margin:0;font-family:var(--pf-mono);font-size:var(--pf-fs-micro);
	color:var(--pf-ink-faint-tx);}
.psf-esc__fp{
	margin:0 0 var(--pf-s-3);font-size:var(--pf-fs-small);line-height:1.65;
	color:var(--pf-ink);max-width:var(--pf-w-read);}

/* El enlace oficial: es la razón de ser de la página, así que se ve. */
.psf-esc__link{
	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;
	font-size:var(--pf-fs-small);font-weight:var(--pf-w-semibold);
	color:var(--pf-brand-tx);}
.psf-esc__link:hover{border-color:var(--pf-brand-tx);}
.psf-esc__link:focus-visible{outline:3px solid var(--pf-ink);outline-offset:3px;}
.psf-esc__link-u{
	display:block;margin-top:var(--pf-s-1);font-family:var(--pf-mono);
	font-size:var(--pf-fs-micro);font-weight:400;
	color:var(--pf-ink-faint-tx);overflow-wrap:anywhere;}
/* [v9.90.0] Enlaces de más: el sitio y la app del 4AT, la traducción del DSM-5. */
.psf-esc__extra{
	list-style:none;margin:calc(-1 * var(--pf-s-2)) 0 var(--pf-s-4);padding:0;
	display:flex;flex-wrap:wrap;gap:var(--pf-s-2);}
.psf-esc__extra a{
	display:inline-block;padding:var(--pf-s-1) var(--pf-s-3);
	border:1px solid var(--pf-brand-line);border-radius:var(--pf-r-md);
	font-size:var(--pf-fs-micro);font-weight:var(--pf-w-semibold);
	color:var(--pf-brand-tx);text-decoration:none;}
.psf-esc__extra a:hover{border-color:var(--pf-brand-tx);}
.psf-esc__extra a:focus-visible{outline:3px solid var(--pf-ink);outline-offset:3px;}
.psf-esc__nolink{
	margin:0 0 var(--pf-s-4);padding:var(--pf-s-3) var(--pf-s-4);
	border:1px dashed var(--pf-line);border-radius:var(--pf-r-md);
	font-size:var(--pf-fs-micro);line-height:1.6;color:var(--pf-ink-soft);}

.psf-esc__ch,.psf-esc__th{
	margin:0 0 var(--pf-s-2);font-family:var(--pf-sans);
	font-size:var(--pf-fs-micro);font-weight:var(--pf-w-semibold);
	text-transform:uppercase;letter-spacing:.06em;color:var(--pf-brand-tx);}
.psf-esc__cifras,.psf-esc__cambio,.psf-esc__usos{margin:0 0 var(--pf-s-4);}
.psf-esc__c{
	margin:0 0 var(--pf-s-3);padding-left:var(--pf-s-3);
	border-left:3px solid var(--pf-brand-line);}
.psf-esc__cd{
	display:block;font-family:var(--pf-mono);font-size:var(--pf-fs-micro);
	color:var(--pf-ink-faint-tx);margin-bottom:var(--pf-s-1);}
.psf-esc__c p{
	margin:0 0 var(--pf-s-1);font-size:var(--pf-fs-small);line-height:1.6;
	color:var(--pf-ink);}
.psf-esc__cambio p{
	margin:0;font-size:var(--pf-fs-small);line-height:1.6;color:var(--pf-ink);}
.psf-esc__usos ul{margin:0;padding-left:1.15em;}
.psf-esc__usos li{
	margin-bottom:var(--pf-s-1);font-size:var(--pf-fs-small);line-height:1.6;
	color:var(--pf-ink-soft);}

/* LAS TRAMPAS. Mismo peso visual que el rendimiento, con filete grueso —no
   color solo— porque son la mitad útil de la ficha, no una advertencia
   decorativa. */
.psf-esc__trampas{
	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-esc__th{color:var(--pf-ink);}
.psf-esc__trampas ul{margin:0;padding-left:1.15em;}
.psf-esc__trampas li{
	margin-bottom:var(--pf-s-2);font-size:var(--pf-fs-small);line-height:1.6;
	color:var(--pf-ink);}
.psf-esc__trampas li:last-child{margin-bottom:0;}

.psf-esc__ftes{
	margin:0;font-size:var(--pf-fs-micro);line-height:1.5;
	color:var(--pf-ink-faint-tx);}
.psf-esc__ftes a{color:var(--pf-brand-tx);}
.psf-esc__aviso{
	margin:var(--pf-s-6) 0;padding:var(--pf-s-3) var(--pf-s-4);
	border-left:4px solid var(--pf-ink-faint);background:var(--pf-paper-alt);
	font-size:var(--pf-fs-small);line-height:1.6;color:var(--pf-ink-soft);}

@media print{
	.psf-esc__indice{display:none;}
	.psf-esc__f{break-inside:avoid;page-break-inside:avoid;}
}

/* [v9.90.0] Tablas dentro de los bloques: valor predictivo por dominio. */
.psf-esc__cv p{margin:var(--pf-s-2) 0 0;}
.psf-esc__cv small{display:block;margin-top:var(--pf-s-1);font-size:var(--pf-fs-micro);color:var(--pf-ink-soft);}
.psf-esc__tw{overflow-x:auto;margin:var(--pf-s-3) 0 var(--pf-s-2);-webkit-overflow-scrolling:touch;}
.psf-esc__tabla{width:100%;min-width:520px;border-collapse:collapse;font-size:var(--pf-fs-micro);line-height:1.45;}
.psf-esc__tabla th,.psf-esc__tabla td{padding:var(--pf-s-1) var(--pf-s-2);border-bottom:1px solid var(--pf-line);text-align:left;vertical-align:top;}
.psf-esc__tabla th{font-weight:var(--pf-w-semibold);color:var(--pf-ink);border-bottom:2px solid var(--pf-line);}
.psf-esc__tabla td:not(:first-child),.psf-esc__tabla th:not(:first-child){text-align:right;white-space:nowrap;}
