/* NO+BRUMA OS — Manual del Operador */
@font-face{font-family:"Archivo";src:url("/fuentes/archivo.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"CSN";src:url("/fuentes/computer-says-no.woff2") format("woff2");font-display:swap}

:root{
  --hueso:#f3f1e9;--papel:#faf9f4;--tinta:#111111;--gris:#5a5a53;--filete:#111111;--suave:#d8d5ca;
  --ancho:1320px;--margen:clamp(18px,4vw,56px);
  --sale:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-color:var(--tinta) var(--hueso);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hueso);color:var(--tinta);font:400 1.0625rem/1.55 "Archivo",Arial,sans-serif;
  background-image:repeating-linear-gradient(0deg,rgba(17,17,17,.03) 0 1px,transparent 1px 3px)}
::selection{background:var(--tinta);color:var(--hueso)}
.negro ::selection{background:var(--hueso);color:var(--tinta)}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
img,svg{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}
.negro :focus-visible{outline-color:var(--hueso)}
.oculto{position:absolute;left:-9999px}
.oculto:focus{left:12px;top:12px;z-index:99;background:var(--hueso);padding:12px 16px;border:1px solid var(--tinta)}

.caja{width:min(100% - 2*var(--margen),var(--ancho));margin-inline:auto}
.rot{font:400 .875rem/1.2 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}
h1,h2,h3{font-family:"Archivo",Arial,sans-serif;font-weight:900;font-stretch:108%;text-transform:uppercase;letter-spacing:-.025em;word-spacing:.06em;line-height:.9;margin:0;text-wrap:balance}
h1{font-size:clamp(2.7rem,7vw,6rem)}
h2{font-size:clamp(2.1rem,5vw,4.4rem)}
h3{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1}
p{margin:0}
.bajada{font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.45;max-width:34em}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:0 22px;border:1px solid var(--tinta);
  background:var(--tinta);color:var(--hueso);text-decoration:none;font:400 .875rem/1 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em;
  transition:background .25s var(--sale),color .25s var(--sale)}
.fl{width:22px;height:12px;flex:none;transition:transform .35s var(--sale)}
.btn:hover{background:var(--hueso);color:var(--tinta)}
a:hover>.fl{transform:translateX(6px)}
.btn.linea{background:transparent;color:var(--tinta)}
.btn.linea:hover{background:var(--tinta);color:var(--hueso)}
.negro .btn{background:var(--hueso);color:var(--tinta);border-color:var(--hueso)}
.negro .btn:hover{background:var(--tinta);color:var(--hueso)}
.negro .btn.linea{background:transparent;color:var(--hueso)}
.negro .btn.linea:hover{background:var(--hueso);color:var(--tinta)}
.acciones{display:flex;flex-wrap:wrap;gap:12px}

/* barra del sistema */
.sis{position:sticky;top:0;z-index:40;background:var(--hueso);border-bottom:1px solid var(--tinta)}
.sis .caja{display:flex;align-items:center;gap:20px;min-height:64px}
.marca{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font:900 1.25rem/1 "Archivo",Arial,sans-serif;font-stretch:108%;letter-spacing:-.03em}
.marca img{width:36px;height:36px;object-fit:contain}
.sis .modo{color:var(--gris);padding-left:20px;border-left:1px solid var(--tinta);align-self:stretch;display:flex;align-items:center}
.sis nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.sis nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:none}
.sis nav a:hover{background:var(--tinta);color:var(--hueso)}
.senal{display:flex;align-items:center;gap:8px;padding:0 14px;align-self:stretch;border-left:1px solid var(--tinta);text-decoration:none}
.senal i{width:8px;height:8px;background:var(--tinta);animation:pulso 1.6s steps(2,jump-none) infinite}
@keyframes pulso{50%{opacity:.15}}
.sis .btn{min-height:44px;padding:0 16px;gap:14px}
.sis .corto{display:none}

/* portada */
.portada{border-bottom:1px solid var(--tinta)}
.portada .caja{display:grid;grid-template-columns:7fr 5fr;min-height:min(820px,calc(100svh - 65px))}
.portada .texto{display:flex;flex-direction:column;justify-content:center;gap:30px;padding:56px clamp(24px,4vw,64px) 56px 0}
.lamina{position:relative;border-left:1px solid var(--tinta);display:grid;grid-template-rows:auto 1fr auto;background:var(--papel)}
.lamina header,.lamina footer{display:flex;justify-content:space-between;gap:16px;padding:14px 18px}
.lamina header{border-bottom:1px solid var(--tinta)}
.lamina footer{border-top:1px solid var(--tinta);color:var(--gris)}
.lamina .fig{display:grid;place-items:center;padding:clamp(12px,2vw,28px);min-height:0}
.lamina footer.tres{padding:0;display:grid;grid-template-columns:repeat(3,1fr);color:var(--tinta)}
.lamina footer.tres span{padding:14px 18px;border-right:1px solid var(--tinta)}
.lamina footer.tres span:last-child{border-right:0}
.lamina .fig svg{width:100%;height:auto;max-height:100%}
.ficha{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--tinta)}
.ficha div{padding:16px var(--margen);border-right:1px solid var(--tinta);display:grid;gap:6px}
.ficha div:last-child{border-right:0}
.ficha b{font:800 1.0625rem/1.2 "Archivo",Arial,sans-serif;font-stretch:104%}
.ficha span{color:var(--gris)}

/* trazado de figuras */
.traza .t{stroke-dasharray:1;stroke-dashoffset:0}
.js .traza .t{transition:stroke-dashoffset 1.5s var(--sale);transition-delay:calc(var(--i,0)*14ms)}
.js .traza:not(.visto) .t{stroke-dashoffset:1}
.js .traza [data-relleno]{transition:opacity .5s linear .9s}
.js .traza:not(.visto) [data-relleno]{opacity:0}
.iris{transition:transform .25s var(--sale)}

/* secciones */
main>section{padding:clamp(72px,10vw,140px) 0;border-bottom:1px solid var(--tinta)}
.negro{background:var(--tinta);color:var(--hueso);background-image:repeating-linear-gradient(0deg,rgba(243,241,233,.045) 0 1px,transparent 1px 3px)}
.negro [stroke="#111111"]{stroke:var(--hueso)}
.negro [fill="#111111"]{fill:var(--hueso)}
.negro .gris{color:#b9b7ad}
.gris{color:var(--gris)}

/* modo automático */
.auto .caja{display:grid;grid-template-columns:6fr 6fr;gap:clamp(32px,6vw,96px);align-items:center}
.auto .texto{display:grid;gap:26px}
.registro{border:1px solid var(--hueso)}
.registro header{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--hueso)}
.registro ol{list-style:none;margin:0;padding:0}
.registro li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:15px 16px;border-bottom:1px solid rgba(243,241,233,.28);
  font:800 clamp(1.25rem,2.4vw,1.9rem)/1.1 "Archivo",Arial,sans-serif;font-stretch:104%}
.registro li em{font:400 .75rem/1 "CSN","Courier New",monospace;font-style:normal;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:6px 8px;background:var(--hueso);color:var(--tinta)}
.registro footer{padding:16px;font:800 1.0625rem/1.3 "Archivo",Arial,sans-serif}
.js .registro li{opacity:.22;transition:opacity .4s linear}
.js .registro li em{visibility:hidden}
.js .registro li.on{opacity:1}
.js .registro li.on em{visibility:visible}

/* operaciones */
.ops .cab{display:grid;grid-template-columns:7fr 5fr;gap:32px;align-items:end;margin-bottom:clamp(40px,6vw,80px)}
.ops .cuerpo{display:grid;grid-template-columns:5fr 7fr;border-top:1px solid var(--tinta)}
.visor{position:sticky;top:65px;align-self:start;height:min(640px,calc(100svh - 65px));border-right:1px solid var(--tinta);background:var(--papel);display:grid;grid-template-rows:auto 1fr}
.visor header{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--tinta)}
.visor .pila{position:relative}
.visor .pila>div{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(20px,3vw,48px);opacity:0;transition:opacity .3s linear}
.visor .pila>div.on{opacity:1}
.visor svg{width:100%;height:100%}
.ops ol{list-style:none;margin:0;padding:0}
.ops li{padding:clamp(32px,5vw,64px) 0 clamp(32px,5vw,64px) clamp(20px,4vw,56px);border-bottom:1px solid var(--tinta);display:grid;gap:14px;color:var(--gris);transition:color .3s linear}
.ops li:last-child{border-bottom:0}
.ops li.on{color:var(--tinta)}
.ops li h3{font-size:clamp(2.2rem,5.4vw,4.6rem);line-height:.9}
.ops li .preg{font:700 clamp(1.125rem,1.7vw,1.375rem)/1.3 "Archivo",Arial,sans-serif}
.ops li p:last-child{max-width:36em}
.ops li .mini{display:none}

/* test */
.test .caja{display:grid;grid-template-columns:5fr 7fr;gap:0;border:1px solid var(--tinta);background:var(--papel)}
.test .lamina{border-left:0;border-right:1px solid var(--tinta)}
.test .hoja{padding:clamp(28px,5vw,72px);display:grid;gap:28px;align-content:center}
.lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--tinta)}
.lista li{display:grid;grid-template-columns:22px 1fr;gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid var(--tinta);font-weight:600}
.lista li::before{content:"";width:18px;height:18px;border:1px solid var(--tinta);margin-top:3px}
.nota{font-size:.9375rem;color:var(--gris);max-width:44em}

/* señal */
.senalg .caja{display:grid;grid-template-columns:6fr 6fr;gap:clamp(32px,6vw,96px);align-items:start}
.senalg .texto{display:grid;gap:26px}
.senalg h2>span{display:block}
.tabla{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tabla caption{text-align:left;padding:0 0 14px}
.tabla th,.tabla td{padding:13px 0;border-top:1px solid rgba(243,241,233,.3);text-align:left;font-weight:600;vertical-align:middle}
.tabla td:nth-child(2){width:52%;padding-inline:16px}
.tabla td:last-child{text-align:right;font-weight:800}
.barra{display:block;height:10px;background:var(--hueso);transform-origin:left;width:calc(var(--v)*1%)}
.js .barra{transform:scaleX(0);transition:transform 1.1s var(--sale)}
.js .visto .barra{transform:none}

/* biblioteca */
.biblio .cab{display:grid;grid-template-columns:7fr 5fr;gap:32px;align-items:end;margin-bottom:clamp(32px,5vw,64px)}
.indice{list-style:none;margin:0;padding:0;columns:2;column-gap:clamp(24px,5vw,72px);border-top:1px solid var(--tinta)}
.indice li{break-inside:avoid;border-bottom:1px solid var(--tinta)}
.indice a{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;min-height:64px;padding:12px 8px 12px 0;text-decoration:none;font:800 clamp(1.0625rem,1.6vw,1.375rem)/1.15 "Archivo",Arial,sans-serif;font-stretch:104%;transition:padding .3s var(--sale),background .2s linear,color .2s linear}

.indice a:hover{background:var(--tinta);color:var(--hueso);padding-left:14px}

/* comunidad */
.comu .caja{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);align-items:center}
.comu figure{margin:0;display:grid;gap:12px}
.comu figure img{width:100%;height:auto;image-rendering:pixelated;mix-blend-mode:multiply}
.comu .texto{display:grid;gap:26px}
.cita{font:900 clamp(1.6rem,3.4vw,3rem)/1 "Archivo",Arial,sans-serif;font-stretch:108%;text-transform:uppercase;letter-spacing:-.02em;margin:0;text-wrap:balance}

/* ayuda */
.ayuda{padding:0}
.ayuda .caja{display:grid;grid-template-columns:1fr 1fr 1fr;border-inline:1px solid var(--tinta)}
.ayuda .caja>*{padding:clamp(28px,4vw,56px)}
.ayuda .caja>div{display:grid;gap:16px;align-content:center}
.ayuda a.puerta{display:grid;gap:18px;align-content:space-between;border-left:1px solid var(--tinta);text-decoration:none;min-height:240px;transition:background .25s var(--sale),color .25s var(--sale)}
.ayuda a.puerta:hover{background:var(--tinta);color:var(--hueso)}
.ayuda a.puerta .fl{width:34px;height:18px}

/* preguntas */
.preg .caja{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px)}
main details{border-top:1px solid var(--tinta)}
main details:last-child{border-bottom:1px solid var(--tinta)}
main summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 20px;gap:20px;align-items:center;min-height:68px;padding:14px 0;font:800 clamp(1.0625rem,1.6vw,1.3125rem)/1.2 "Archivo",Arial,sans-serif}
main summary::-webkit-details-marker{display:none}
main summary::after{content:"";width:16px;height:16px;background:linear-gradient(var(--tinta),var(--tinta)) center/100% 2px no-repeat,linear-gradient(var(--tinta),var(--tinta)) center/2px 100% no-repeat;transition:transform .3s var(--sale)}
main details[open] summary::after{transform:rotate(45deg)}
main details p{padding:0 0 22px;max-width:42em}

/* pie */
footer.pie{overflow:hidden;padding:clamp(48px,7vw,96px) 0 28px}
.pie .gran{font:900 clamp(3rem,13.2vw,11.4rem)/.8 "Archivo",Arial,sans-serif;font-stretch:108%;letter-spacing:-.04em;white-space:nowrap;margin:0 0 clamp(32px,5vw,64px)}
.pie nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 24px;border-top:1px solid var(--hueso);padding-top:24px}
.pie nav a{display:flex;align-items:center;min-height:44px;text-decoration:none}
.pie nav a:hover{text-decoration:underline}
.pie .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(243,241,233,.3);font-size:.9375rem}
.pie .legal p{max-width:46em}

/* menú del sistema (celular y tablet) */
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid var(--tinta)}
.menu summary::-webkit-details-marker{display:none}
.menu summary i{position:relative;width:16px;height:12px}
.menu summary i::before,.menu summary i::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor;transition:transform .3s var(--sale),top .3s var(--sale)}
.menu summary i::before{top:1px}.menu summary i::after{top:9px}
.menu[open] summary{background:var(--tinta);color:var(--hueso)}
.menu[open] summary i::before{top:5px;transform:rotate(45deg)}
.menu[open] summary i::after{top:5px;transform:rotate(-45deg)}
.menu .panel{position:fixed;inset:var(--alto,59px) 0 0 0;z-index:39;background:var(--tinta);color:var(--hueso);overflow:auto;overscroll-behavior:contain;
  padding:8px var(--margen) 32px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;
  background-image:repeating-linear-gradient(0deg,rgba(243,241,233,.045) 0 1px,transparent 1px 3px)}
.menu .panel ol{list-style:none;margin:0;padding:0}
.menu .panel li{border-bottom:1px solid rgba(243,241,233,.3)}
.menu .panel a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:10px 0;text-decoration:none;
  font:900 clamp(1.5rem,6.4vw,2.2rem)/1 "Archivo",Arial,sans-serif;font-stretch:108%;letter-spacing:-.02em}
.menu .panel a:hover{background:transparent;color:inherit}
.menu .panel p{font:400 .875rem/1.3 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}
.js .menu[open] .panel li{animation:entra .5s var(--sale) both;animation-delay:calc(var(--n,0)*45ms)}
@keyframes entra{from{opacity:0;transform:translateY(14px)}}
.menu .panel li:nth-child(2){--n:1}.menu .panel li:nth-child(3){--n:2}.menu .panel li:nth-child(4){--n:3}.menu .panel li:nth-child(5){--n:4}.menu .panel li:nth-child(6){--n:5}.menu .panel li:nth-child(7){--n:6}
html.sin-scroll{overflow:hidden}

/* ---------- páginas de la biblioteca y del proyecto ---------- */
.site-wrap,.wrap{width:min(100% - 2*var(--margen),var(--ancho));margin-inline:auto}
.eyebrow{display:none}
.breadcrumbs,.migas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-block:16px;font:400 .875rem/1.2 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--gris)}
.breadcrumbs a,.migas a{display:inline-flex;align-items:center;min-height:44px;color:var(--tinta)}
.dek{font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.45;max-width:36em;margin:0}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:0 22px;border:1px solid var(--tinta);background:var(--tinta);color:var(--hueso);
  text-decoration:none;font:400 .875rem/1.15 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em;transition:background .25s var(--sale),color .25s var(--sale)}
.button:hover{background:var(--hueso);color:var(--tinta)}
.button-outline{background:transparent;color:var(--tinta)}
.button-outline:hover{background:var(--tinta);color:var(--hueso)}
.button-light{background:var(--hueso);color:var(--tinta);border-color:var(--hueso)}
.button-light:hover{background:var(--tinta);color:var(--hueso)}

/* cabeceras con lámina */
.article-hero,.plain-hero,.hub-hero,.library-hero{padding:0;border-block:1px solid var(--tinta)}
.plain-hero,.library-hero{border-top:0}
.article-hero-grid,.hero-dos{display:grid;grid-template-columns:7fr 4fr}
.article-hero-grid>div:first-child,.hero-dos .txt{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:clamp(40px,6vw,88px) clamp(24px,4vw,64px) clamp(36px,5vw,72px) 0;min-height:clamp(300px,46vh,540px)}
.article-hero h1{font-size:clamp(1.9rem,4.3vw,3.6rem);line-height:.96;font-stretch:104%;margin:0}
.plain-hero h1,.hub-hero h1,.library-hero h1{font-size:clamp(2.2rem,5.2vw,4.6rem);margin:0}
.plain-hero:not(:has(.lamina)) .site-wrap{padding-block:clamp(48px,8vw,104px);display:grid;gap:24px}
.byline{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:16px;border-top:1px solid var(--tinta);font:400 .875rem/1.3 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}

/* lectura */
.article-layout{display:grid;grid-template-columns:minmax(0,66ch) minmax(240px,320px);justify-content:space-between;gap:clamp(40px,6vw,96px);padding-block:clamp(44px,7vw,96px)}
.article-body{font-size:1.125rem;line-height:1.7}
.article-body>p:first-child{font-size:1.3125rem;line-height:1.5;font-weight:500}
.article-body h2{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1;margin:2.3em 0 .6em}
.article-body h3{font:800 clamp(1.3rem,2.2vw,1.6rem)/1.18 "Archivo",Arial,sans-serif;font-stretch:100%;text-transform:none;letter-spacing:-.015em;margin:2em 0 .55em}
.article-body p{margin:0 0 1.2em}
.article-body strong{font-weight:800}
.article-body a{overflow-wrap:anywhere}
.article-body ul{list-style:none;margin:0 0 1.5em;padding:0}
.article-body ul li{position:relative;padding:0 0 0 1.5em;margin:0 0 .55em}
.article-body ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--tinta)}
.article-body ol{margin:0 0 1.5em;padding-left:1.6em}
.article-body ol li{margin:0 0 .55em;padding-left:.3em}
.article-body ol li::marker{font:400 .875rem "CSN","Courier New",monospace}
.sequence{margin:0 0 -1px!important;padding:14px 16px;border:1px solid var(--tinta);background:var(--papel);font:400 .9375rem/1.4 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.04em}
.sequence+:not(.sequence){margin-top:1.6em}
.editorial-note{margin-top:2.6em!important;padding:18px 0;border-block:1px solid var(--tinta);font-size:.9375rem;line-height:1.55;color:var(--gris)}
.article-aside{position:sticky;top:88px;align-self:start;display:grid}
.aside-card{display:grid;gap:20px;align-content:space-between;min-height:290px;padding:24px;background:var(--tinta);color:var(--hueso)}
.aside-card span{font:400 .875rem/1.2 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}
.aside-card strong{font:900 1.6rem/1 "Archivo",Arial,sans-serif;font-stretch:106%;text-transform:uppercase;letter-spacing:-.02em}
.aside-card a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:0 16px;background:var(--hueso);color:var(--tinta);text-decoration:none;
  font:400 .875rem/1 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}
.aside-link{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:58px;border-bottom:1px solid var(--tinta);text-decoration:none;
  font:400 .875rem/1.2 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em;transition:padding .3s var(--sale)}
.aside-link:hover{padding-left:10px}
.article-cta{margin:3em 0 0;padding:clamp(24px,4vw,44px);background:var(--tinta);color:var(--hueso);display:grid;gap:16px;justify-items:start}
.article-cta h2{margin:0;font-size:clamp(1.5rem,3vw,2.2rem)}
.article-cta p{margin:0}
.related{padding:clamp(56px,8vw,112px) 0;background:var(--papel)}
.related h2{font-size:clamp(1.9rem,4.4vw,3.6rem);margin:0 0 clamp(24px,4vw,48px)}
.related-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(24px,5vw,72px);border-top:1px solid var(--tinta)}
.related-grid article{position:relative;display:grid;gap:8px;padding:20px 0;border-bottom:1px solid var(--tinta)}
.related-grid span{font:400 .875rem/1.2 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--gris)}
.related-grid h3{font:800 clamp(1.125rem,1.7vw,1.375rem)/1.2 "Archivo",Arial,sans-serif;font-stretch:102%;text-transform:none;letter-spacing:-.01em}
.related-grid a{text-decoration:none}
.related-grid a::after{content:"";position:absolute;inset:0}
.related-grid article:hover h3{text-decoration:underline;text-underline-offset:.2em}
/* señal de lectura */
@supports(animation-timeline:scroll()){
  .pg-articulo .sis::after{content:"";position:absolute;left:0;bottom:-4px;height:3px;width:100%;background:var(--tinta);transform-origin:left;animation:leer linear both;animation-timeline:scroll(root)}
  @keyframes leer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}

/* páginas planas */
.plain-content{padding:clamp(44px,7vw,104px) 0}
.plain-content>.site-wrap>*{max-width:66ch}
.plain-content{font-size:1.125rem;line-height:1.65}
.plain-content p{margin:0 0 1.1em}
.plain-content h2{font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1;margin:2.2em 0 .6em}
.plain-content h2:first-child{margin-top:0}
.plain-content ul{padding-left:1.2em;margin:0 0 1.3em}
.plain-content li{margin:0 0 .5em}
.plain-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.term,.qa{padding:22px 0;border-top:1px solid var(--tinta)}
.term:last-child,.qa:last-child{border-bottom:1px solid var(--tinta)}
.term h2,.qa h2{font:800 clamp(1.2rem,2vw,1.45rem)/1.2 "Archivo",Arial,sans-serif;font-stretch:102%;text-transform:none;letter-spacing:-.01em;margin:0 0 8px}
.term p,.qa p{margin:0}
.source-list{list-style:none;padding:0!important}
.source-list li{padding:18px 0;border-top:1px solid var(--tinta);margin:0}
.source-list a{font-weight:800}
.notice{padding:20px;border:1px solid var(--tinta);background:var(--papel);margin:24px 0}
.knowledge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;margin:28px 0;border-top:1px solid var(--tinta);border-left:1px solid var(--tinta);max-width:none!important}
.knowledge-card{padding:22px;border-right:1px solid var(--tinta);border-bottom:1px solid var(--tinta);background:var(--papel)}
.knowledge-card h2,.knowledge-card h3{font:800 1.25rem/1.2 "Archivo",Arial,sans-serif;text-transform:none;letter-spacing:-.01em;margin:0 0 8px}
.fact-list{padding-left:1.2em}

/* índices: temas y artículos */
.hub-list,.hub-articles{padding:clamp(32px,5vw,72px) 0 clamp(56px,8vw,112px)}
.hub-grid,.article-cards{border-top:1px solid var(--tinta)}
.hub-card,.article-card{position:relative;display:grid;align-items:center;gap:6px clamp(16px,3vw,40px);padding:clamp(18px,2.4vw,28px) 8px clamp(18px,2.4vw,28px) 0;border-bottom:1px solid var(--tinta);
  transition:background .2s linear,color .2s linear,padding .3s var(--sale)}
.hub-card{grid-template-columns:84px minmax(0,5fr) minmax(0,6fr) auto}
.article-card{grid-template-columns:170px minmax(0,6fr) minmax(0,5fr)}
.hub-card .mini{width:84px;height:84px;border:1px solid var(--tinta);background:var(--papel);padding:6px}
.hub-card h2,.article-card h2{font-size:clamp(1.3rem,2.4vw,2rem);line-height:1;margin:0}
.article-card h2{font:800 clamp(1.2rem,2vw,1.6rem)/1.12 "Archivo",Arial,sans-serif;font-stretch:102%;text-transform:none;letter-spacing:-.015em}
.hub-card p,.article-card p{margin:0;font-size:1rem;line-height:1.45}
.hub-card .count,.article-card .card-meta{font:400 .875rem/1.25 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}
.hub-card .count{grid-column:4;grid-row:1;text-align:right;max-width:9em}
.hub-card .mini{grid-column:1;grid-row:1}.hub-card h2{grid-column:2;grid-row:1}.hub-card p{grid-column:3;grid-row:1}
.hub-card a,.article-card a{text-decoration:none}
.hub-card a::after,.article-card a::after{content:"";position:absolute;inset:0}
.hub-card:hover,.article-card:hover{background:var(--tinta);color:var(--hueso);padding-left:14px}
.hub-card:hover .mini{filter:invert(1)}
.empty-state{padding:28px;border:1px solid var(--tinta);background:var(--papel)}

/* ---------- página del test ---------- */
.pg-test main>section{padding:clamp(56px,9vw,128px) 0}
.pg-test .kicker{font:400 .875rem/1.25 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}
.pg-test .section-head>.kicker,.pg-test .hero-copy>.kicker,.pg-test .meaning-copy>.kicker,.pg-test .method .kicker,.pg-test .final .kicker{display:none}
.pg-test .hero{padding:0!important;border-top:1px solid var(--tinta)}
.pg-test .hero-grid{display:grid;grid-template-columns:7fr 5fr}
.pg-test .hero-copy{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:clamp(40px,6vw,88px) clamp(24px,4vw,64px) clamp(40px,6vw,88px) 0}
.pg-test h1{font-size:clamp(2.4rem,6vw,5.2rem)}
.pg-test h1 span{display:inline}
.pg-test .lead{font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.45;max-width:34em}
.pg-test .actions{display:flex;flex-wrap:wrap;gap:12px}
.pg-test .btn{background:transparent;color:var(--tinta)}
.pg-test .btn:hover{background:var(--tinta);color:var(--hueso)}
.pg-test .btn.dark,.pg-test .sis .btn{background:var(--tinta);color:var(--hueso)}
.pg-test .btn.dark:hover,.pg-test .sis .btn:hover{background:var(--hueso);color:var(--tinta)}
.pg-test .trust{display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:16px;border-top:1px solid var(--tinta);font:400 .875rem/1.25 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}
.pg-test .hero-side{border-left:1px solid var(--tinta);background:var(--papel);display:grid}
.pg-test .score-card{display:grid;align-content:center;padding:0}
.pg-test .score-head{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--tinta);font:400 .875rem/1.2 "CSN","Courier New",monospace;letter-spacing:.06em}
.pg-test .score-card h2{font-size:clamp(1.5rem,2.6vw,2.2rem);padding:clamp(24px,4vw,44px) 18px}
.pg-test .question{display:grid;grid-template-columns:22px 1fr;gap:16px;padding:18px;border-top:1px solid var(--tinta);font-weight:600}
.pg-test .question::before{content:"";width:18px;height:18px;border:1px solid var(--tinta);margin-top:3px}
.pg-test .score-note{padding:18px;border-top:1px solid var(--tinta);font-size:.9375rem;color:var(--gris)}
.pg-test .intro{display:grid;gap:20px}
.pg-test .intro p{font:800 clamp(1.6rem,3.6vw,3rem)/1.08 "Archivo",Arial,sans-serif;font-stretch:104%;letter-spacing:-.02em;max-width:22em}
.pg-test .intro p strong{font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.14em}
.pg-test .section-head{display:grid;grid-template-columns:7fr 5fr;gap:24px clamp(24px,5vw,72px);align-items:end;margin-bottom:clamp(28px,5vw,64px)}
.pg-test .section-head>div:last-child{display:contents}
.pg-test .section-head h2{grid-column:1}
.pg-test .section-head p{grid-column:2;font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.45}
.pg-test .signals{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--tinta);border-left:1px solid var(--tinta)}
.pg-test .signal{padding:clamp(22px,3vw,36px);border-right:1px solid var(--tinta);border-bottom:1px solid var(--tinta);background:var(--papel);display:grid;gap:12px;align-content:start}
.pg-test .signal b,.pg-test .flow b{font:400 .875rem/1.2 "CSN","Courier New",monospace;letter-spacing:.06em}
.pg-test .signal h3,.pg-test .flow h3{font-size:clamp(1.3rem,2.2vw,1.8rem)}
.pg-test .how{background:var(--tinta);color:var(--hueso);background-image:repeating-linear-gradient(0deg,rgba(243,241,233,.045) 0 1px,transparent 1px 3px)}
.pg-test .how ::selection{background:var(--hueso);color:var(--tinta)}
.pg-test .flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hueso);margin-bottom:36px}
.pg-test .flow article{padding:26px 24px 30px 0;display:grid;gap:12px;border-bottom:1px solid rgba(243,241,233,.3)}
.pg-test .flow article+article{padding-left:24px;border-left:1px solid rgba(243,241,233,.3)}
.pg-test .how .btn{background:var(--hueso);color:var(--tinta);border-color:var(--hueso)}
.pg-test .how .btn:hover{background:var(--tinta);color:var(--hueso)}
.pg-test .meaning-grid,.pg-test .method-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,6vw,96px);align-items:start}
.pg-test .meaning-card{border:1px solid var(--tinta);background:var(--papel)}
.pg-test .meaning-card>div{padding:20px;border-bottom:1px solid var(--tinta)}
.pg-test .meaning-card>div:last-child{border-bottom:0}
.pg-test .meaning-card b{display:block;font:900 1.2rem/1.1 "Archivo",Arial,sans-serif;font-stretch:106%;text-transform:uppercase;margin-bottom:8px}
.pg-test .meaning-copy,.pg-test .method-grid>div:first-child{display:grid;gap:18px}
.pg-test .notice strong{display:block;font:400 .875rem/1.2 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.pg-test .method{background:var(--papel);border-block:1px solid var(--tinta)}
.pg-test .method-grid{grid-template-columns:7fr 5fr}
.pg-test .references{display:grid;border-top:1px solid var(--tinta)}
.pg-test .references a{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--tinta);text-decoration:none;font-weight:800;transition:padding .3s var(--sale)}
.pg-test .references a:hover{padding-left:10px}
.pg-test .references small{font-weight:400;font-size:.9375rem;color:var(--gris)}
.pg-test .faq .section-head{grid-template-columns:1fr}
.pg-test .faq-list{max-width:52rem}
.pg-test .final{background:var(--tinta);color:var(--hueso);border-bottom:1px solid rgba(243,241,233,.3)}
.pg-test .final .wrap{display:grid;gap:22px;justify-items:start}
.pg-test .final p{font-size:clamp(1.0625rem,1.5vw,1.25rem)}
.pg-test .final .btn{color:var(--hueso);border-color:var(--hueso)}
.pg-test .final .btn:hover,.pg-test .final .btn.dark{background:var(--hueso);color:var(--tinta)}
.pg-test .final .btn.dark:hover{background:var(--tinta);color:var(--hueso)}

@media(max-width:860px){
  .article-hero-grid,.hero-dos,.article-layout,.related-grid,.pg-test .hero-grid,.pg-test .section-head,.pg-test .signals,.pg-test .flow,.pg-test .meaning-grid,.pg-test .method-grid{grid-template-columns:1fr}
  .article-hero-grid>div:first-child,.hero-dos .txt,.pg-test .hero-copy{padding:8px 0 32px;min-height:0}
  .plain-hero .txt,.library-hero .txt{padding-top:36px}
  .article-hero .lamina,.hero-dos .lamina{border-left:0;border-top:1px solid var(--tinta);margin-inline:calc(-1*var(--margen));grid-template-columns:1fr}
  .article-hero .lamina .fig,.hero-dos .lamina .fig{padding:8px}
  .article-hero .lamina .fig svg,.hero-dos .lamina .fig svg{max-height:210px;width:auto}
  .article-hero .lamina header,.article-hero .lamina footer,.hero-dos .lamina header,.hero-dos .lamina footer{padding-inline:var(--margen)}
  .article-aside{position:static}
  .aside-card{min-height:220px}
  .pg-test .section-head h2,.pg-test .section-head p{grid-column:1}
  .pg-test .hero-side{border-left:0;border-top:1px solid var(--tinta);margin-inline:calc(-1*var(--margen))}
  .pg-test .score-head,.pg-test .score-card h2,.pg-test .question,.pg-test .score-note{padding-inline:var(--margen)}
  .pg-test .flow article+article{padding-left:0;border-left:0}
  .hub-card{grid-template-columns:64px minmax(0,1fr);align-items:start}
  .hub-card .mini{width:64px;height:64px;grid-row:1/span 3}
  .hub-card h2,.hub-card p,.hub-card .count{grid-column:2;grid-row:auto;text-align:left;max-width:none}
  .article-card{grid-template-columns:1fr}
  .hub-card:hover,.article-card:hover{padding-left:0;background:transparent;color:inherit}
  .hub-card:hover .mini{filter:none}
}

/* tablet y celular */
@media(max-width:1080px){
  .sis .modo,.sis nav a.sec{display:none}
  .menu{display:block}
}
@media(max-width:860px){
  .sis .caja{gap:10px;min-height:58px}
  .sis nav{gap:8px}
  .portada .caja,.auto .caja,.ops .cab,.ops .cuerpo,.test .caja,.senalg .caja,.biblio .cab,.comu .caja,.preg .caja{grid-template-columns:1fr}
  .portada .caja{min-height:0;width:100%}
  .portada .texto{padding:44px var(--margen) 40px}
  .lamina{border-left:0;border-top:1px solid var(--tinta)}
  .portada .lamina .fig svg{max-width:420px}
  .ficha{grid-template-columns:1fr 1fr}
  .ficha div:nth-child(2){border-right:0}
  .ficha div:nth-child(-n+2){border-bottom:1px solid var(--tinta)}
  .visor{display:none}
  .ops li{padding-left:0;color:var(--tinta);grid-template-columns:96px 1fr;column-gap:18px}
  .ops li .mini{display:block;grid-row:1/span 4;align-self:start;border:1px solid var(--tinta);background:var(--papel);padding:8px}
  .ops li>*:not(.mini){grid-column:2}
  .test .lamina{border-right:0;border-bottom:1px solid var(--tinta);border-top:0}
  .test .lamina .fig svg{max-width:300px}
  .indice{columns:1}
  .comu figure{max-width:340px}
  .ayuda .caja{grid-template-columns:1fr;width:100%;border-inline:0}
  .ayuda a.puerta{border-left:0;border-top:1px solid var(--tinta);min-height:150px}
  .pie nav{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .marca span{display:none}
  .sis .largo{display:none}
  .sis .corto{display:inline}
  .ops li{grid-template-columns:72px 1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ---------- ayuda, datos: mundo propio dentro del marco ---------- */
.pg-ayuda .bruma-help,.pg-ayuda .bruma-youth{padding:0;background:transparent}
.pg-ayuda .bruma-help-wrap,.pg-ayuda .bruma-youth-wrap{max-width:1040px;border:0;background:transparent;padding:clamp(20px,4vw,48px) var(--margen) clamp(48px,7vw,96px)}
.pg-ayuda [class*="-title"]{font-family:"Archivo",Arial,sans-serif;font-weight:900;font-stretch:108%;letter-spacing:-.025em;line-height:.92}
.pg-ayuda .marco-propio h2{font-size:clamp(1.35rem,3.2vw,2rem);line-height:1;letter-spacing:-.02em}
.pg-ayuda .marco-propio p{font-size:1.0625rem;line-height:1.55}
.pg-ayuda .marco-propio button,.pg-ayuda .marco-propio a[class*="btn"]{min-height:48px;font-weight:400;letter-spacing:.05em}
.pg-ayuda .marco-propio input{min-height:52px;font-size:16px}
.pg-datos .marco{max-width:1120px;padding:clamp(20px,4vw,48px) var(--margen) clamp(48px,7vw,96px)}
.pg-datos .marco h1{font-stretch:108%;letter-spacing:-.025em;line-height:.95;font-size:clamp(1.9rem,5vw,3.4rem)}
.pg-datos .marco h2{font-size:inherit;line-height:1.2}
.pg-datos .d-panel h2{font:400 .8125rem/1.2 "CSN","Courier New",monospace;letter-spacing:.06em;text-transform:uppercase}
.pg-datos .premisa h2{font-family:"Archivo",Arial,sans-serif;font-weight:900;font-stretch:106%;font-size:clamp(1.15rem,3.2vw,1.8rem);line-height:1.1;letter-spacing:-.01em}
.pg-datos .sub,.pg-datos .d-cuerpo p,.pg-datos .d-nota{font-family:"Archivo",Arial,sans-serif!important;font-size:1rem!important;letter-spacing:0!important;line-height:1.55!important;color:var(--tinta)}
.pg-datos .d-nota{color:var(--gris);text-align:left}
.pg-datos .sub{max-width:40em}
.pg-datos .contador .num{font-family:"Archivo",Arial,sans-serif;font-stretch:110%;letter-spacing:-.02em}
.pg-datos .chip,.pg-datos .eti,.pg-datos .firma,.pg-datos .desliza,.pg-datos .leyenda-mapa,.pg-datos .fila-barra{font-size:.8125rem;letter-spacing:.05em}
.pg-datos .cta{max-width:none;width:fit-content;min-height:56px;display:flex;align-items:center;padding:0 28px;font:400 .875rem/1 "CSN","Courier New",monospace;letter-spacing:.06em;text-transform:uppercase;border-width:1px}
.pg-datos .d-marca{font-family:"Archivo",Arial,sans-serif}
.pg-datos .pista{height:12px}
.pg-ayuda .marco-propio button,.pg-ayuda .marco-propio a[class*="btn"],.pg-ayuda .marco-propio span[class],.pg-ayuda .marco-propio [class*="topbar"],.pg-ayuda .marco-propio [class*="-alert"]{font-size:.8125rem}

/* ---------- correcciones de la revisión independiente (12-oct-2026) ---------- */
.lamina{margin:0}
.rot,.byline,.breadcrumbs,.migas,.hub-card .count,.article-card .card-meta,.related-grid span,.aside-card span,.aside-link,.sequence{font-size:.9375rem}
.btn,.button,.aside-card a{font-size:1rem}
.registro li em{font-size:.875rem}
.js .registro li{opacity:.5}
h1{font-size:clamp(2.1rem,10.6vw,6rem)}
.article-hero h1{font-size:clamp(1.9rem,4.3vw,3.6rem)}
.plain-hero h1,.hub-hero h1,.library-hero h1{font-size:clamp(2rem,5.2vw,4.6rem)}
.ops li h3 .n{font:400 .9375rem/1 "CSN","Courier New",monospace;letter-spacing:.06em;vertical-align:top;margin-right:.6em;display:inline-block;padding:5px 7px;border:1px solid currentColor}
.ficha div{align-content:center;min-height:72px}
.ayuda a.puerta .rot{color:var(--gris)}
.ayuda a.puerta:hover .rot{color:inherit}
.pie nav{align-items:start}
.pg-test h1{font-size:clamp(2.2rem,5vw,4.4rem)}
.pg-test .section-head h2{font-size:clamp(1.7rem,3.6vw,3.2rem)}
.pg-test .intro>.kicker{display:none}
.pg-ayuda [class*="-title"],.pg-ayuda [class*="-intro"]{text-align:left;margin-left:0}
.pg-ayuda [class*="-alert"]{margin-left:0}
.pg-ayuda .bruma-country-code,.pg-ayuda [class*="line-label"],.pg-ayuda [class*="-step"],.pg-ayuda [class*="-number"],.pg-ayuda [class*="-tag"],.pg-ayuda [class*="-code"]{font-size:.8125rem}
.pg-datos .chip{display:none}
.pg-datos .titulo{text-align:left;margin-top:8px}
.pg-datos .marco h1,.pg-datos .sub{margin-left:0}
.pg-datos .d-panel h2 span{font-size:.8125rem}
@media(max-width:860px){
  .article-aside .aside-card{display:none}
  .hub-card h2{grid-row:1}.hub-card p{grid-row:2}.hub-card .count{grid-row:3}
}
@media(max-width:420px){
  .ops li{grid-template-columns:1fr}
  .ops li .mini{width:88px;grid-row:auto}
  .ops li>*:not(.mini){grid-column:1}
  .ops li h3{font-size:clamp(1.9rem,10.5vw,3rem)}
}

/* ---------- test rápido (CAST) ---------- */
.pg-test .rapido{background:var(--papel);border-block:1px solid var(--tinta)}
.pg-test .section-head>div:only-child{display:grid;grid-template-columns:7fr 5fr;gap:24px clamp(24px,5vw,72px);align-items:end;grid-column:1/-1}
.cast{display:grid;border-top:1px solid var(--tinta)}
.cast fieldset{border:0;border-bottom:1px solid var(--tinta);margin:0;padding:clamp(18px,3vw,28px) 0;display:grid;grid-template-columns:5fr 7fr;gap:16px clamp(20px,4vw,56px);align-items:center;min-width:0}
.cast legend{float:left;padding:0;font:800 clamp(1.125rem,1.8vw,1.4rem)/1.2 "Archivo",Arial,sans-serif;font-stretch:102%;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.cast legend b{font:400 .9375rem/1 "CSN","Courier New",monospace;padding:6px 8px;border:1px solid var(--tinta)}
.ops-cast{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--tinta);background:var(--hueso)}
.ops-cast label{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px;padding:6px 8px;border-right:1px solid var(--tinta);cursor:pointer;font-size:.9375rem;line-height:1.15;font-weight:600}
.ops-cast label:last-child{border-right:0}
.ops-cast input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.ops-cast label:has(input:checked){background:var(--tinta);color:var(--hueso)}
.ops-cast label:has(input:focus-visible){outline:2px solid var(--tinta);outline-offset:3px;z-index:1}
.ops-cast label:hover{background:var(--suave)}
.ops-cast label:has(input:checked):hover{background:var(--tinta)}
.cast-pie{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding-top:28px}
.cast-aviso{font-weight:700}
.cast-resultado{margin-top:32px;padding:clamp(24px,4vw,44px);background:var(--tinta);color:var(--hueso);display:grid;gap:14px;justify-items:start}
.cast-resultado[hidden]{display:none}
.cast-resultado:focus{outline:none}
.cast-resultado .cast-num{font:900 clamp(3.4rem,10vw,6rem)/.85 "Archivo",Arial,sans-serif;font-stretch:110%;letter-spacing:-.03em}
.cast-resultado .cast-num span{font:400 1rem/1 "CSN","Courier New",monospace;letter-spacing:.06em;text-transform:uppercase;margin-left:10px}
.cast-resultado h3{font-size:clamp(1.5rem,3vw,2.3rem)}
.cast-resultado p{max-width:44em}
.cast-resultado .btn{background:var(--hueso);color:var(--tinta);border-color:var(--hueso)}
.cast-resultado .btn.linea{background:transparent;color:var(--hueso)}
.cast-tabla{margin-top:clamp(40px,6vw,72px);display:grid;gap:14px}
.cast-tabla h3{font-size:clamp(1.3rem,2.2vw,1.8rem)}
.cast-tabla p{max-width:52em}
.cast-tabla table{width:100%;border-collapse:collapse;border-top:1px solid var(--tinta)}
.cast-tabla th,.cast-tabla td{text-align:left;padding:14px 16px 14px 0;border-bottom:1px solid var(--tinta);vertical-align:top}
.cast-tabla thead th{font:400 .9375rem/1.2 "CSN","Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}
.cast-tabla tbody th{white-space:nowrap;font-weight:900}
.pg-test .signal b{text-transform:uppercase}
.pg-test .meaning-copy a,.pg-test .section-head a{font-weight:700}
.sub-indice{font-size:clamp(1.3rem,2.4vw,2rem);margin:clamp(40px,6vw,72px) 0 20px}
.pg-datos .resumen{margin-top:14px!important;color:var(--tinta)}
@media(max-width:860px){
  .pg-test .section-head>div:only-child{grid-template-columns:1fr}
  .cast fieldset{grid-template-columns:1fr}
  .ops-cast{grid-template-columns:1fr}
  .ops-cast label{justify-content:flex-start;text-align:left;border-right:0;border-bottom:1px solid var(--tinta);min-height:50px;padding:6px 16px;font-size:1rem}
  .ops-cast label:last-child{border-bottom:0}
  .cast-tabla table,.cast-tabla tbody,.cast-tabla tr,.cast-tabla td,.cast-tabla th{display:block}
  .cast-tabla thead{display:none}
  .cast-tabla tr{padding:14px 0;border-bottom:1px solid var(--tinta)}
  .cast-tabla th,.cast-tabla td{border:0;padding:2px 0}
}