/* LentesChile. Idea: todo se mira a través de un cristal. Cada tema tiene su tono, y el cristal grande del héroe lo muestra.
   Letra: Atkinson Hyperlegible, hecha para personas con baja visión. Medidas de Astra 4.14: contenido 1200, lectura 750,
   cortes 921 y 544, espacios en escala de 4 px. Letra según la regla de Pablo: 18 a 19 de base, nada bajo 15. */
@font-face{font-family:"Atkinson Next";src:url(/fuentes/atkinson-next.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0-2F,U+3A-FFFF}
/* Solo los dígitos, de Figtree: el cero tachado de Atkinson hace ruido en un sitio lleno de precios */
@font-face{font-family:"Atkinson Next";src:url(/fuentes/cifras.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+30-39}
@font-face{font-family:"Atkinson Mono";src:url(/fuentes/atkinson-mono.woff2) format("woff2");font-weight:200 800;font-display:swap}

:root{
  --fondo:#fbfaf7;--papel:#fff;--tinta:#10183f;--tinta2:#4a5274;
  --marca:#0a35b0;--marca-fuerte:#072682;--marca-txt:#fff;--cristal:#e7edff;
  --menta:#2fc7a5;--menta-suave:#d6f5ec;--menta-tinta:#0a6b58;
  --realce:#94490a;--realce-suave:#fdeed9;--peligro:#9a2a16;--peligro-suave:#fbe6e0;
  --linea:#d3d8ea;--linea2:#e8ebf5;--noche:#0a1a5c;--noche-txt:#fff;--noche-txt2:#c3cdf2;
  --d-piel:#f2cdb6;--d-pelo:#1d2a66;--d-ropa:#0a35b0;--d-lente:#dfe8ff;--d-blanco:#fff;--d-tibio:#fbe3c8;--d-sol:#f0a92b;
  --s1:0 1px 2px rgba(10,26,92,.07),0 2px 6px rgba(10,26,92,.06);
  --s2:0 2px 4px rgba(10,26,92,.07),0 8px 22px rgba(10,26,92,.1);
  --s3:0 3px 6px rgba(10,26,92,.08),0 14px 34px rgba(10,26,92,.13),0 30px 60px rgba(10,26,92,.08);
  --r1:6px;--r2:10px;--r3:14px;
  --contenido:1200px;--margen:20px;--lectura:750px;
  --t1:clamp(1.8rem,1.4rem + 1.5vw,2.5rem);--t2:clamp(1.38rem,1.25rem + .6vw,1.7rem);--t3:1.16rem;--t4:1.02rem;--t-nota:max(15px,.86rem);
  --tono:#0a35b0;--escala:1;color-scheme:light
}
html.oscuro{
  --fondo:#0b1130;--papel:#141c44;--tinta:#eef1ff;--tinta2:#b6bfe0;
  --marca:#a3b8ff;--marca-fuerte:#7f98ee;--marca-txt:#0a1440;--cristal:#1a2557;
  --menta:#4fdcbc;--menta-suave:#123f3a;--menta-tinta:#7fe8cf;
  --realce:#f3b566;--realce-suave:#3c2a12;--peligro:#ffb3a1;--peligro-suave:#42190f;
  --linea:#303c74;--linea2:#232d5e;--noche:#070c26;--noche-txt2:#b6bfe0;
  --d-piel:#d9ab90;--d-pelo:#39468a;--d-ropa:#3f63e0;--d-lente:#27336e;--d-blanco:#eef1ff;--d-tibio:#4a3720;--d-sol:#f3b566;
  --s1:0 1px 2px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.25);
  --s2:0 2px 4px rgba(0,0,0,.35),0 8px 22px rgba(0,0,0,.35);
  --s3:0 3px 6px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.45),0 30px 60px rgba(0,0,0,.3);
  --tono:#3f63e0;color-scheme:dark
}
.tono-azul{--tono:#0a35b0}.tono-humo{--tono:#4e5a6e}.tono-verde{--tono:#1d6b58}.tono-ambar{--tono:#b97f06}.tono-violeta{--tono:#5b4bb7}.tono-agua{--tono:#14789a}
html.oscuro .tono-azul{--tono:#3f63e0}html.oscuro .tono-humo{--tono:#6e7b92}html.oscuro .tono-verde{--tono:#2e9a80}html.oscuro .tono-ambar{--tono:#c8920f}html.oscuro .tono-violeta{--tono:#7a6ad6}html.oscuro .tono-agua{--tono:#2a9cc4}

*{box-sizing:border-box}
[hidden]{display:none!important}
.oculto{display:none!important}
html{font-size:calc(clamp(17px,15.5px + .7vw,19px) * var(--escala));-webkit-text-size-adjust:100%;scroll-padding-top:12px}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:"Atkinson Next","Segoe UI",system-ui,sans-serif;font-weight:400;line-height:1.55;overflow-wrap:break-word}
img,svg{max-width:100%;height:auto}
a{color:var(--marca);text-underline-offset:.16em;text-decoration-thickness:1.5px}
a:hover{text-decoration-thickness:2.5px}
:focus-visible{outline:3px solid var(--marca);outline-offset:2px;border-radius:var(--r1)}
h1,h2,h3{line-height:1.16;font-weight:750;letter-spacing:-.012em;margin:0}
h1{font-size:var(--t1);font-weight:800}
h2{font-size:var(--t2);margin-top:44px}
h3{font-size:var(--t3);margin-top:24px;font-weight:700}
p{margin:12px 0}
ul,ol{padding-left:20px;margin:12px 0}
li{margin:4px 0}
.mm{font-family:"Atkinson Mono",ui-monospace,Consolas,monospace;font-weight:500;letter-spacing:-.02em}
.envoltura{max-width:calc(var(--contenido) + 2 * var(--margen));margin:0 auto;padding-left:var(--margen);padding-right:var(--margen)}
.salto{position:absolute;left:-9999px}
.salto:focus{left:12px;top:8px;background:var(--papel);padding:8px 12px;z-index:9}

/* Cabecera */
.cab{position:relative;z-index:3;background:var(--papel);box-shadow:var(--s1)}
.cab__fila{display:flex;align-items:center;gap:20px;min-height:64px}
.marca{display:inline-flex;align-items:center;gap:8px;color:var(--tinta);text-decoration:none;font-weight:800;font-size:1.22rem;letter-spacing:-.02em;white-space:nowrap}
.marca b{color:var(--marca);font-weight:800}
.marca svg{width:46px;height:28px;flex:none}
.l-a{fill:var(--marca)}.l-b{fill:var(--menta)}.l-c{fill:var(--noche)}
html.oscuro .l-c{fill:#fff}
.menu{display:flex;gap:4px;margin-left:auto;flex-wrap:nowrap}
.menu a{position:relative;color:var(--tinta);text-decoration:none;padding:8px 12px;font-weight:600;font-size:.98rem;white-space:nowrap;border-radius:var(--r1)}
.menu a:hover{color:var(--marca);background:var(--cristal)}
.menu a[aria-current=page]{color:var(--marca)}
.menu a[aria-current=page]::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:2px;background:var(--menta)}
.ajustes{display:inline-flex;flex:none;border:1px solid var(--linea);border-radius:var(--r2);background:var(--papel);overflow:hidden}
.ajustes button{min-width:40px;height:38px;border:0;border-left:1px solid var(--linea2);background:transparent;color:var(--tinta);font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;padding:0 6px}
.ajustes button:first-child{border-left:0}
.ajustes button:hover{background:var(--cristal);color:var(--marca)}
.menu-movil{display:none;margin-left:auto}
.menu-movil summary{list-style:none;cursor:pointer;white-space:nowrap;border:1px solid var(--linea);border-radius:var(--r2);padding:7px 12px;font-weight:600;font-size:.95rem;min-height:38px}
.menu-movil summary::-webkit-details-marker{display:none}
.menu-movil[open] summary{background:var(--cristal);color:var(--marca)}
.menu-movil nav{position:absolute;left:0;right:0;top:100%;background:var(--papel);box-shadow:var(--s2);padding:8px var(--margen) 12px;z-index:5}
.menu-movil nav a{display:block;padding:12px 4px;color:var(--tinta);font-weight:600;text-decoration:none;border-bottom:1px solid var(--linea2)}
.menu-movil nav a:last-child{border-bottom:0}
.menu-movil nav a[aria-current=page]{color:var(--marca)}
.regla-deco{position:relative;z-index:2;height:10px;background-color:var(--papel);background-image:repeating-linear-gradient(90deg,var(--linea) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,var(--marca) 0 1.5px,transparent 1.5px 40px);background-size:100% 5px,100% 10px;background-repeat:no-repeat}

/* Héroe: un cristal grande del tono de la página, detrás de la herramienta */
.heroe{position:relative;isolation:isolate;background:var(--cristal);background:color-mix(in srgb,var(--tono) 9%,var(--papel));padding:12px 0 28px}
.heroe__fondo{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.heroe__fondo svg{position:absolute;width:300px;right:-120px;top:-76px;opacity:.16}
.f-marcas{fill:none;stroke:var(--tono);stroke-width:2.5;opacity:.6}
.f-aro{fill:none;stroke:var(--tono);stroke-width:10;opacity:.32}
.f-disco{fill:var(--tono)}
.f-reflejo{fill:none;stroke:#fff;stroke-width:14;stroke-linecap:round;opacity:.2}
.migas{font-size:var(--t-nota);color:var(--tinta2);margin:0 0 8px}
.migas a{color:var(--tinta2)}
.entrada{color:var(--tinta);font-size:1.08rem;max-width:62ch;margin:10px 0 0}
.etiqueta-fecha{font-size:var(--t-nota);color:var(--tinta2);margin:12px 0}
.columnas{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.portada{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.cuerpo{padding-top:32px;padding-bottom:48px}

/* Panel de herramienta */
.hoja{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r3);box-shadow:var(--s3);padding:16px}
.herramienta{position:relative;z-index:1}
.entrada+.herramienta{margin-top:16px}
.panel__cab{display:flex;align-items:center;gap:12px;margin:-16px -16px 12px;padding:12px 16px;border-bottom:1px solid var(--linea2);border-radius:var(--r3) var(--r3) 0 0;background:var(--cristal);background:color-mix(in srgb,var(--tono) 8%,var(--papel))}
.panel__icono{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--tono);color:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2),0 1px 2px rgba(10,26,92,.2)}
.panel__icono svg{width:22px;height:22px}
.panel__cab h2{flex:1;min-width:0;margin:0;font-size:var(--t3);font-weight:750}
.estado{flex:none;display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:var(--t-nota);font-weight:650;white-space:nowrap}
.estado::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.estado:empty{display:none}
.estado[data-v=listo]{color:var(--menta-tinta);background:var(--menta-suave)}
.estado[data-v=vacio]{color:var(--tinta2);background:var(--linea2)}
.estado[data-v=aviso]{color:var(--realce);background:var(--realce-suave)}
.herramienta__ayuda{font-size:var(--t-nota);color:var(--tinta2);margin:0 0 8px}
.campos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.campos--dos{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}
.campo{display:flex;flex-direction:column;gap:4px;font-size:var(--t-nota);font-weight:600;min-width:0}
.campo span{color:var(--tinta2)}
.campo input,.campo select{width:100%;min-height:50px;padding:8px 12px;border:1.5px solid var(--tinta2);border-radius:var(--r2);background:var(--papel);color:var(--tinta);font:inherit;font-weight:500;font-size:1.08rem;box-shadow:inset 0 1px 2px rgba(10,26,92,.07)}
.campo input[type=range]{min-height:0;padding:0;border:0;box-shadow:none;accent-color:var(--marca)}
.campo input.mm{font-family:"Atkinson Mono",ui-monospace,monospace}
.campo input:hover,.campo select:hover{border-color:var(--marca)}
@media(max-width:544px){.campo select{font-size:16px;font-weight:500}}
.campo input:focus,.campo select:focus{border-color:var(--marca);outline:3px solid var(--cristal);outline-offset:0}
.resultado{min-height:3.3em;margin:12px 0 0;padding:12px 14px;background:var(--cristal);border:1px solid var(--linea);border-radius:var(--r2);font-size:1.02rem;line-height:1.45}
.resultado.es-aviso{background:var(--realce-suave);border-color:var(--realce)}
.resultado strong{color:var(--marca);font-weight:750}
.resultado.es-aviso strong{color:var(--realce)}
.resultado>strong:first-child{font-size:1.14em}
.dibujo-chico{max-width:400px;margin:12px auto 0}
.acciones{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.acciones__fin{margin-left:auto}
.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 16px;border:1px solid var(--marca-fuerte);border-radius:var(--r2);background:var(--marca);color:var(--marca-txt);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 2px 0 var(--marca-fuerte),var(--s1)}
.boton:hover{background:var(--marca-fuerte)}
.boton:active{box-shadow:0 1px 0 var(--marca-fuerte);transform:translateY(1px)}
.boton--claro{background:var(--papel);color:var(--marca);border-color:var(--linea);box-shadow:0 2px 0 var(--linea),var(--s1)}
.boton--claro:hover{background:var(--cristal);border-color:var(--marca)}
.boton--claro:active{box-shadow:0 1px 0 var(--linea)}
.boton--chico{min-height:40px;padding:4px 12px;font-size:.95rem;font-weight:650}
.elegir{display:grid;gap:4px;margin:0 0 12px;border:0;padding:0}
.elegir legend{padding:0;font-size:var(--t-nota);font-weight:600;color:var(--tinta2);margin-bottom:4px}
.elegir label{display:flex;gap:8px;align-items:center;min-height:42px;padding:4px 12px;border:1px solid var(--linea);border-radius:var(--r2);cursor:pointer}
.elegir label:hover{border-color:var(--marca)}
.elegir label:has(input:checked){border-color:var(--marca);background:var(--cristal);font-weight:600}
.elegir input{width:20px;height:20px;accent-color:var(--marca);flex:none}
.mas-filtros{margin-top:8px}
.mas-filtros summary{cursor:pointer;font-weight:650;color:var(--marca);padding:4px 0}
.mas-filtros .filtros{margin-top:8px}
.cat-resumen{margin:12px 0 0;font-weight:650}

/* Tareas de la portada */
.tareas{display:grid;gap:8px;list-style:none;padding:0;margin:0}
.tareas li{margin:0}
.tareas a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 14px 8px 8px;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r2);box-shadow:var(--s1);color:var(--tinta);text-decoration:none}
.tareas a:hover{border-color:var(--marca);box-shadow:var(--s2)}
.tareas__icono{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cristal);color:var(--marca)}
.tareas__icono svg{width:24px;height:24px}
.tareas b{display:block;font-weight:750;line-height:1.25}
.tareas small{display:block;color:var(--tinta2);font-size:var(--t-nota);line-height:1.3}
.tareas i{font-style:normal;color:var(--marca);font-weight:700}

/* Lectura */
.lectura{display:block}
.leer>h2:first-child{margin-top:0}
.leer h2{scroll-margin-top:16px;margin-bottom:12px}
.leer>p,.leer>ul,.leer>ol{max-width:var(--lectura)}
.leer ul:not([class]){list-style:none;padding:0}
.leer ul:not([class])>li{position:relative;padding-left:24px;margin:8px 0}
.leer ul:not([class])>li::before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:12px;border-radius:50%;border:3px solid var(--tono)}
.nota{font-size:var(--t-nota);color:var(--tinta2)}
figure{margin:16px 0}
figcaption{font-size:var(--t-nota);color:var(--tinta2);margin-top:8px}
.leer figure{background:var(--papel);border:1px solid var(--linea2);border-radius:var(--r3);box-shadow:var(--s1);padding:16px}
.figura-lado{display:grid;grid-template-columns:minmax(104px,160px) minmax(0,1fr);gap:16px;align-items:center}
.figura-lado figcaption{margin:0;color:var(--tinta);font-size:1rem}
.pasos{counter-reset:paso;list-style:none;padding:0;margin:12px 0}
.pasos>li{counter-increment:paso;position:relative;padding:2px 0 16px 44px;margin:0;min-height:44px}
.pasos>li:last-child{padding-bottom:0}
.pasos>li::before{content:counter(paso);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--tono);color:#fff;font:600 16px/32px "Atkinson Next",sans-serif;text-align:center;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.pasos>li:not(:last-child)::after{content:"";position:absolute;left:15px;top:36px;bottom:4px;width:2px;background:var(--linea)}
.tabla-caja{overflow-x:auto;margin:16px 0;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r2);box-shadow:var(--s1);-webkit-overflow-scrolling:touch}
.herramienta .tabla-caja{margin:0 0 12px;box-shadow:none}
table{border-collapse:collapse;width:100%;font-size:.98rem}
caption{text-align:left;color:var(--tinta2);font-size:var(--t-nota);padding:12px 12px 8px}
th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--linea2);vertical-align:top}
th{font-weight:700;background:var(--cristal);background:color-mix(in srgb,var(--tono) 8%,var(--papel));border-bottom:1px solid var(--linea)}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:color-mix(in srgb,var(--tono) 4%,var(--papel))}
td.num,th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
th.num{white-space:normal}
.cuadro{margin:16px 0;padding:12px 16px;border:1px solid var(--realce);border-radius:var(--r2);background:var(--realce-suave)}
.cuadro--urgente{border-color:var(--peligro);background:var(--peligro-suave)}
.cuadro h2,.cuadro h3{margin-top:0;font-size:var(--t3)}
.dos-col .preguntas{margin-top:0}
.dos-col .cuadro{margin:0}
.dos-col h2{margin-top:0}
.cuadro p{margin:8px 0 0}
.preguntas{margin:12px 0;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r2);box-shadow:var(--s1);overflow:hidden}
.preguntas details+details{border-top:1px solid var(--linea2)}
.preguntas summary{position:relative;list-style:none;cursor:pointer;font-weight:700;padding:12px 44px 12px 16px}
.preguntas summary::-webkit-details-marker{display:none}
.preguntas summary:hover{background:var(--cristal);color:var(--marca)}
.preguntas summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font:700 1.3rem/1 "Atkinson Next",sans-serif;color:var(--marca)}
.preguntas details[open] summary::after{content:"\002212"}
.preguntas details p{margin:0;padding:0 16px 14px}
.fuentes{list-style:none;margin:12px 0;padding:12px 16px;border-radius:var(--r2);background:var(--linea2);font-size:var(--t-nota);color:var(--tinta2)}
.fuentes li{margin:4px 0}
.indice{display:none}

/* Cifras como instrumentos de medida */
.cifra{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:12px 0}
.cifra div{position:relative;overflow:hidden;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r2);box-shadow:var(--s1);padding:16px 14px 10px}
.cifra div::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background-image:repeating-linear-gradient(90deg,var(--linea) 0 1px,transparent 1px 8px)}
.cifra b{display:block;color:var(--marca);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}
.cifra span{display:block;margin-top:4px;font-size:var(--t-nota);color:var(--tinta2);line-height:1.3}

/* Portada */
.trio{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}
.trio li{margin:0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}
.trio__icono{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--menta-suave);color:var(--menta-tinta)}
.trio__icono svg{width:24px;height:24px}
.trio p{margin:0}
.portada__lado{display:grid;gap:16px;align-content:start}
.portada__precios h2{font-size:var(--t3);margin:4px 0 8px}
.portada__precios .cifra{margin:0}
.portada__precios .etiqueta-fecha{margin:8px 0 0}
.tiendas-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;list-style:none;padding:0;max-width:none}
.tiendas-lista li{margin:0}
.tiendas-lista a{display:block;padding:8px 12px;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r2);box-shadow:var(--s1);font-weight:600;text-decoration:none}
.tiendas-lista a:hover{border-color:var(--marca);box-shadow:var(--s2)}
.seccion{margin-top:40px}
.seccion:first-child{margin-top:0}
.seccion>h2{margin-top:0;margin-bottom:12px}
.dos-col{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}

/* Otras guías */
.banda{background:var(--cristal);padding:32px 0 40px}
.banda h2{margin:0 0 12px}
.lista-guias{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,264px),1fr));gap:12px;list-style:none;margin:12px 0;padding:0}
.lista-guias li{position:relative;margin:0;padding:12px 16px 12px 72px;min-height:76px;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r3);box-shadow:var(--s1)}
.lista-guias li:hover{border-color:var(--tono);box-shadow:var(--s2)}
.lista-guias__lente{position:absolute;left:14px;top:50%;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:var(--tono);color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 1px 3px rgba(10,26,92,.25)}
.lista-guias__lente svg{width:24px;height:24px}
.lista-guias a{display:block;font-weight:750;text-decoration:none}
.lista-guias a::after{content:"";position:absolute;inset:0;border-radius:var(--r3)}
.lista-guias a:hover{text-decoration:underline}
.lista-guias span{display:block;font-size:var(--t-nota);color:var(--tinta2);line-height:1.3}

/* Catálogo */
#cat-lista{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r3);box-shadow:var(--s2);overflow:hidden}
.fila-catalogo{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--linea2)}
.fila-catalogo:last-child{border-bottom:0}
.fila-catalogo:hover{background:color-mix(in srgb,var(--tono) 4%,var(--papel))}
.fila-catalogo h3{margin:0;font-size:var(--t4);font-weight:750;letter-spacing:0}
.fila-catalogo p{margin:2px 0;font-size:var(--t-nota);color:var(--tinta2)}
.fila-catalogo .precio{margin:0;font-size:1.16rem;font-weight:800;color:var(--tinta);text-align:right;white-space:nowrap}
.fila__fin{display:grid;justify-items:end;gap:2px}
.fila-catalogo svg{width:112px;height:auto}
.comparar{display:inline-flex;gap:8px;align-items:center;font-size:var(--t-nota);min-height:32px;cursor:pointer}
.comparar input{width:20px;height:20px;accent-color:var(--marca)}
.filtros{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
.filtros .campo-busca{grid-column:1/-1}
.mas-filtros .filtros{grid-template-columns:minmax(0,1fr)}

/* Regla en pantalla y vídeo */
.regla-pantalla{overflow-x:auto;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r2);box-shadow:var(--s1);padding:8px 0;margin:12px 0}
.tarjeta-caja{overflow-x:auto;margin:8px 0}
.tarjeta-molde{height:120px;border:2px dashed var(--marca);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;color:var(--tinta2);font-size:var(--t-nota);background:var(--cristal);text-align:center;padding:4px}
.video{position:relative;aspect-ratio:16/9;background:var(--tinta);border-radius:var(--r2);overflow:hidden;margin:12px 0;max-width:640px}
.video:has(button){aspect-ratio:auto;background:none;overflow:visible}
.video button{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;border:1px solid var(--linea);border-radius:var(--r2);background:var(--papel);color:var(--tinta);font:inherit;font-weight:600;text-align:left;cursor:pointer;padding:8px 14px 8px 8px;box-shadow:var(--s1)}
.video button::before{content:"\0025B6";flex:none;display:grid;place-items:center;width:44px;height:44px;padding-left:2px;border-radius:50%;background:var(--tono);color:#fff;font-size:1rem}
.video button:hover{border-color:var(--marca);box-shadow:var(--s2)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Dibujos */
.dibujo{display:block;width:100%;height:auto;color:var(--tinta)}
.i{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.d-trazo{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.d-marca{fill:none;stroke:var(--tono);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.d-realce{fill:none;stroke:var(--menta-tinta);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 5}
.d-cota{fill:none;stroke:var(--tinta2);stroke-width:1.4;stroke-linecap:round}
.d-suave{fill:var(--d-lente);stroke:none}
.d-ambar{fill:var(--d-tibio);stroke:none}
.d-sol{fill:var(--d-sol);stroke:none}
.d-disco{fill:var(--tono);fill-opacity:.1;stroke:none}
.d-plano{fill:var(--d-pelo);stroke:none}
.d-oscuro{fill:#1d2a66;stroke:none}
.oscuro .d-oscuro{fill:#050817}
.d-rueda{fill:var(--d-pelo);stroke:var(--papel);stroke-width:3}
.d-gris{fill:var(--tinta2);fill-opacity:.28;stroke:none}
.d-rayo{fill:none;stroke:var(--d-sol);stroke-width:3.2;stroke-linecap:round}
.d-agua{fill:var(--tono);fill-opacity:.28;stroke:none}
.d-gota{fill:var(--tono);stroke:none}
.d-arbol{fill:#1d6b58;stroke:none}
.d-tronco{fill:none;stroke:var(--d-pelo);stroke-width:5;stroke-linecap:round}
.d-reflejo{fill:none;stroke:var(--d-blanco);stroke-width:7;stroke-linecap:round;opacity:.85}
.d-pano{fill:var(--tono);fill-opacity:.32;stroke:var(--tono);stroke-width:3.2;stroke-linejoin:round}
.d-puntada{fill:none;stroke:var(--tono);stroke-width:1.6;stroke-dasharray:4 5;stroke-linecap:round}
.d-doblez{fill:var(--tono);fill-opacity:.3;stroke:none}
.d-piel{fill:var(--d-piel)}.d-pelo{fill:var(--d-pelo)}.d-ropa{fill:var(--d-ropa)}.d-blanco{fill:var(--d-blanco)}
.d-rasgo{fill:none;stroke:var(--d-pelo);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.d-brillo{fill:none;stroke:var(--d-blanco);stroke-width:4;stroke-linecap:round;opacity:.8}
.d-txt{fill:var(--tinta);font-family:"Atkinson Mono",monospace;font-weight:600;font-size:15px}
.d-txt2{fill:var(--tinta2);font-family:"Atkinson Next",sans-serif;font-weight:600;font-size:15px}
.d-cifra{fill:var(--marca);font-family:"Atkinson Mono",monospace;font-weight:700;font-size:19px}

/* Pie */
.pie{position:relative;background:var(--noche);color:var(--noche-txt2);padding:40px 0 24px;font-size:var(--t-nota)}
.pie::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,var(--menta) 0 1.5px,transparent 1.5px 40px);background-size:100% 5px,100% 10px;background-repeat:no-repeat}
.pie__cols{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
.pie .marca{color:var(--noche-txt);margin-bottom:8px}
.pie .marca b{color:var(--menta)}
.pie .l-a{fill:#a3b8ff}.pie .l-c{fill:#fff}
.pie h2{font-size:var(--t4);margin:0 0 8px;color:var(--noche-txt)}
.pie p{margin:0}
.pie ul{list-style:none;padding:0;margin:0}
.pie li{margin:0}
.pie li a{display:inline-block;padding:4px 0;min-height:30px;color:var(--noche-txt);text-decoration-color:rgba(255,255,255,.35)}
.pie li a:hover{color:var(--menta)}
.pie__base{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.pie :focus-visible{outline-color:#fff}
.aviso-medicion{position:sticky;bottom:0;background:var(--papel);border-top:2px solid var(--marca);padding:8px 0;font-size:var(--t-nota);z-index:6}
.aviso-medicion .envoltura{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.solo-imprimir{display:none}

/* Letra de los dibujos en pantallas angostas: el SVG se achica y su texto debe seguir legible */
@media(max-width:600px){.d-txt{font-size:17px}.d-txt2{font-size:16.5px}.d-cifra{font-size:22px}}
@media(max-width:470px){.d-txt{font-size:20px}.d-txt2{font-size:19.5px}.d-cifra{font-size:25px}}
@media(max-width:360px){.figura-lado{grid-template-columns:minmax(0,1fr)}.figura-lado svg{max-width:200px;margin:0 auto}}
@media(max-width:360px){.d-txt{font-size:23px}.d-txt2{font-size:22.5px}.d-cifra{font-size:28px}.leer figure{padding:8px}.leer figure .d-txt,.leer figure .d-txt2{font-size:23.5px}}

/* Celular */
@media(max-width:544px){
  :root{--margen:16px}
  .fila-catalogo{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px}
  .fila-catalogo svg{width:76px}
  .fila__fin{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:8px}
  .fila-catalogo .precio{text-align:left}
  .tareas i{display:none}
  .tareas a{grid-template-columns:44px minmax(0,1fr)}
  .marca{font-size:1.08rem}
  .marca svg{width:38px;height:23px}
  .ajustes button{min-width:34px;font-size:.88rem}
  .cab__fila{gap:8px;min-height:58px}
  .cifra{grid-template-columns:minmax(0,1fr);gap:8px}
  .cifra div{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 8px}
  .cifra b{font-size:1.22rem;white-space:nowrap}
  .cifra span{margin:0}
  .estado{padding:2px 8px}
}
/* 360: lo que cabe en una cabecera de 320 px, medido con el botón Menú y los tres ajustes */
@media(max-width:360px){
  table{font-size:.9rem}
  th,td{padding:8px 4px}
  .filtros{grid-template-columns:1.35fr 1fr 1fr}
  .filtros select{padding-left:6px;padding-right:0}
  .mas-filtros .filtros{grid-template-columns:minmax(0,1fr)}
  .marca svg{display:none}
  .ajustes button{min-width:32px;padding:0 4px}
  .menu-movil summary{padding:7px 9px}
  .panel__icono{width:34px;height:34px}
  .estado{display:none}
}
/* Menú: 980 es lo que caben los cinco rótulos con el logo y los ajustes a 19 px */
@media(max-width:980px){.menu{display:none}.menu-movil{display:block}.cab__fila{position:relative;flex-wrap:nowrap}}
@media(max-width:921px){
  .columnas--orden>div{display:contents}
  .columnas--orden{row-gap:12px}
  .columnas--orden .herramienta{order:2}
  .columnas--orden figure{order:3;margin:0}
  .columnas--orden>div>.cifra,.columnas--orden>div>.nota,.columnas--orden>div>.etiqueta-fecha{order:3;margin:0}
}
@media(min-width:760px){
  .pie__cols{grid-template-columns:2fr 1fr 1fr 1fr}
  .filtros{grid-template-columns:2fr 1fr 1fr 1fr}
  .filtros .campo-busca{grid-column:auto}
  .mas-filtros .filtros{grid-template-columns:repeat(3,minmax(0,1fr))}
  .trio{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:922px){
  .heroe{padding:20px 0 32px}
  .heroe__fondo svg{width:440px;right:-90px;top:-170px;opacity:.9}
  .heroe:has(.columnas--dos) .heroe__fondo svg,.heroe:has(.portada) .heroe__fondo svg{width:680px;left:calc(50% - 44px);right:auto;top:-86px;opacity:1}
  .columnas--dos{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:40px;align-items:start}
  .portada{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);grid-template-areas:"cabeza tool" "tareas tool";grid-template-rows:auto 1fr;column-gap:40px;row-gap:16px}
  .portada__cabeza{grid-area:cabeza}
  .portada__tool{grid-area:tool;align-self:start}
  .portada__lado{grid-area:tareas}
  .lista-guias{grid-template-columns:repeat(3,minmax(0,1fr))}
  .columnas--dos .herramienta{margin-bottom:-56px}
  .heroe:has(.columnas--dos)+.cuerpo{padding-top:88px}
  .hoja{padding:16px 20px 20px}
  .panel__cab{margin:-16px -20px 14px;padding:12px 20px}
  .dos-col{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start}
}
@media(min-width:1100px){
  .lectura{display:grid;grid-template-columns:minmax(0,var(--lectura)) 260px;justify-content:space-between;gap:40px}
  .indice{display:block;position:sticky;top:16px;align-self:start;padding:14px 16px;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r2);box-shadow:var(--s1);font-size:var(--t-nota)}
  .indice p{margin:0 0 8px;color:var(--tinta2);font-weight:700}
  .indice ul{list-style:none;margin:0;padding:0}
  .indice li{margin:0}
  .indice a{display:block;padding:4px 0;color:var(--tinta);text-decoration:none;line-height:1.3}
  .indice a:hover{color:var(--marca);text-decoration:underline}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.cab,.regla-deco,.pie,.aviso-medicion,.heroe,.lectura,.banda{display:none!important}.cuerpo{padding:0}body{background:#fff;color:#000}.solo-imprimir{display:block!important}}