/* TicTemple. Lenguaje de revista: serif condensada, mono en etiquetas, filetes y mucho aire. Todo el color vive en variables.
   Paleta con ?paleta=a|b|c; el script de <head> la fija antes de pintar. Móvil primero y propiedades lógicas para RTL. */
@font-face{font-family:'Instrument Serif';src:url(fuentes/instrument-serif-400.woff2) format('woff2');font-display:swap;font-weight:400;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Instrument Serif';src:url(fuentes/instrument-serif-400-ext.woff2) format('woff2');font-display:swap;font-weight:400;unicode-range:U+0100-02BA,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF}
@font-face{font-family:'Instrument Serif';src:url(fuentes/instrument-serif-400-italica.woff2) format('woff2');font-display:swap;font-weight:400;font-style:italic}
@font-face{font-family:'JetBrains Mono';src:url(fuentes/jetbrains-mono-400.woff2) format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:'JetBrains Mono';src:url(fuentes/jetbrains-mono-500.woff2) format('woff2');font-display:swap;font-weight:500}
@font-face{font-family:'Fraunces';src:url(fuentes/fraunces-variable.woff2) format('woff2');font-display:swap;font-weight:100 900}
@font-face{font-family:'Fraunces';src:url(fuentes/fraunces-variable-italica.woff2) format('woff2');font-display:swap;font-weight:100 900;font-style:italic}
/* Reservas con métricas parecidas: reducen el salto al cargar la fuente */
@font-face{font-family:'Serif Reserva';src:local('Times New Roman'),local('Georgia');size-adjust:92%;ascent-override:96%;descent-override:30%}

:root{
  /* A · Ultramar: blanco limpio y azul eléctrico */
  --fondo:#ffffff;--sup:#f1f2f6;--texto:#0b0d17;--tenue:#4f5566;--linea:#dcdfe7;--fuerte:#0b0d17;
  --acento:#1e2be6;--s-acento:#ffffff;--acento-h:#1420b0;
  --hondo:#0c1142;--s-hondo:#ffffff;--s-hondo2:#b9c1e4;--l-hondo:#2a3070;
  --suave:#e6e8ff;--s-suave:#0c1142;--s-suave2:#3d4371;--serie2:#8b92a8;
  --titular:'Instrument Serif','Serif Reserva',Georgia,serif;--lectura:'Fraunces',Georgia,serif;--mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --m:clamp(1rem,3.4vw,3rem);--cab:3.25rem;--rapido:120ms;--lento:420ms;
  color-scheme:light;
}
[data-paleta=b]{
  /* B · Golfo: verde azulado profundo y agua */
  --fondo:#032a30;--sup:#07373e;--texto:#e8f6f4;--tenue:#a6c8c5;--linea:#1c4d54;--fuerte:#e8f6f4;
  --acento:#45e0c4;--s-acento:#03282d;--acento-h:#7aeed8;
  --hondo:#021e23;--s-hondo:#e8f6f4;--s-hondo2:#9cc2be;--l-hondo:#17444b;
  --suave:#0b4a50;--s-suave:#e8f6f4;--s-suave2:#a9d0cc;--serie2:#7fa6a3;
  color-scheme:dark;
}
[data-paleta=c]{
  /* C · Amatista: lila frío y violeta */
  --fondo:#f6f3fc;--sup:#ece7f7;--texto:#170f2b;--tenue:#544c68;--linea:#dad3e9;--fuerte:#170f2b;
  --acento:#5b21d6;--s-acento:#ffffff;--acento-h:#4316a8;
  --hondo:#1e1238;--s-hondo:#f6f3fc;--s-hondo2:#c3b8dc;--l-hondo:#3c2a62;
  --suave:#e3d9fb;--s-suave:#1e1238;--s-suave2:#4b3f6c;--serie2:#94899f;
  color-scheme:light;
}
:lang(ar){--titular:'Noto Naskh Arabic','Serif Reserva',serif;--lectura:'Noto Naskh Arabic',serif}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--cab) + 1rem);background:var(--fondo)}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--titular);font-size:1.1875rem;line-height:1.3;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
h1,h2,h3,b,strong{font-weight:400}
ul,ol{list-style:none}
button,input,select{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--acento);outline-offset:2px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.saltar{position:fixed;inset-inline-start:.6rem;top:-4rem;z-index:80;padding:.6rem .9rem;background:var(--texto);color:var(--fondo);font-family:var(--mono);font-size:.8125rem}
.saltar:focus{top:.6rem}

/* tipografía */
.eti,.sub,.t__marca,.t__ref{font-family:var(--mono);font-size:.75rem;line-height:1.35;letter-spacing:.06em;color:var(--tenue)}
.eti{text-transform:uppercase}
.eti a{display:inline-flex;align-items:center;min-block-size:44px;color:inherit;text-decoration:none}
.eti a:hover{color:var(--acento)}
.sub{text-transform:uppercase;letter-spacing:.1em;color:var(--acento);padding-block-end:.6rem;margin-block-end:1rem;border-block-end:1px solid var(--linea)}
.titulo{font-family:var(--titular);font-size:clamp(3.25rem,10vw,8.4rem);line-height:.92;letter-spacing:-.03em;text-wrap:balance}
.titulo--g{font-size:clamp(4rem,14vw,12rem);line-height:.86}
.titulo--art{font-size:clamp(2.75rem,6.6vw,6.6rem);line-height:.96}
.entradilla{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.2;max-inline-size:44ch;color:var(--tenue);text-wrap:pretty}
.lectura{font-family:var(--lectura);font-size:1.125rem;line-height:1.62;font-weight:380}
.lectura p,.lectura ul,.lectura ol,.lectura table{margin-block-end:1.15em}
.lectura ul{list-style:disc;padding-inline-start:1.2em}
.lectura ol{list-style:decimal;padding-inline-start:1.3em}
.lectura h2{font-family:var(--titular);font-weight:400;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.015em;margin-block:1.6em .5em}
.lectura h3{font-family:var(--titular);font-weight:400;font-size:1.6rem;line-height:1.1;margin-block:1.3em .4em}
.lectura a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}
.lectura a:hover{color:var(--acento)}
.lectura strong{font-weight:600}
.lectura table{inline-size:100%;border-collapse:collapse;font-family:var(--mono);font-size:.8125rem;line-height:1.4}
.lectura th{text-align:start;font-weight:500;border-block-end:1px solid var(--fuerte);padding:.4em .6em .4em 0}
.lectura td{border-block-end:1px solid var(--linea);padding:.5em .6em .5em 0;vertical-align:top}
.lectura--cap::first-letter{font-family:var(--titular);font-size:4.4em;float:inline-start;line-height:.78;padding-inline-end:.08em;padding-block-start:.06em}
.art__c>.lectura:first-child>p:first-child::first-letter{font-family:var(--titular);font-size:4.4em;float:inline-start;line-height:.78;padding-inline-end:.08em;padding-block-start:.06em}
.nota{font-family:var(--mono);font-size:.75rem;line-height:1.5;color:var(--tenue)}
.nota--ad{color:var(--texto)}
.nc{font-family:var(--mono);font-size:.8125rem;font-style:italic;color:var(--tenue)}
.ir{display:inline-flex;align-items:center;min-block-size:44px;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--acento);box-shadow:inset 0 -1px 0 0 currentColor;box-decoration-break:clone;transition:color var(--rapido)}
.ir:hover{color:var(--texto)}
.ir--btn[aria-pressed=true]{color:var(--texto)}
.chip{display:inline-flex;align-items:center;min-block-size:40px;padding:0 .95em;font-family:var(--mono);font-size:.75rem;border:1px solid var(--linea);background:none;transition:background var(--rapido),color var(--rapido),border-color var(--rapido)}
.chip:hover{border-color:var(--acento)}
.chip[aria-pressed=true]{background:var(--texto);color:var(--fondo);border-color:var(--texto)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-block-start:1.4rem}
.bot{display:flex;align-items:center;justify-content:center;gap:.7em;min-block-size:54px;padding:.55rem 1.1rem;font-family:var(--mono);font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;text-align:center;transition:background var(--rapido),color var(--rapido),border-color var(--rapido)}
.bot--best{flex-wrap:wrap;background:var(--acento);color:var(--s-acento);border:1px solid var(--acento);inline-size:100%}
.bot--best:hover{background:var(--acento-h);border-color:var(--acento-h)}
.bot--best b{font-family:var(--titular);font-size:1.65rem;letter-spacing:0;text-transform:none;line-height:1}
.bot--best small{font-size:.75rem;letter-spacing:.02em;text-transform:none}
.bot--pend{background:none;color:var(--acento)}
.bot--pend:hover{background:var(--suave);color:var(--s-suave);border-color:var(--acento)}
.bot--linea{border:1px solid var(--fuerte);flex:1;min-inline-size:0}
.bot--linea:hover{background:var(--texto);color:var(--fondo)}
.bot--linea[aria-pressed=true]{background:var(--texto);color:var(--fondo)}

/* cabecera: compacta en móvil */
.cab{position:sticky;top:0;z-index:40;background:var(--fondo);border-block-end:1px solid var(--linea)}
.cab__in{display:flex;align-items:center;gap:.25rem 1.4rem;block-size:var(--cab);padding-inline:var(--m)}
.cab__marca{display:inline-flex;align-items:center;min-block-size:44px;font-size:1.5rem;letter-spacing:-.015em;text-decoration:none;flex:none;margin-inline-end:auto}
.es-portada:not(.pasada) .cab__marca{visibility:hidden}
.cab__nav{display:none;gap:clamp(1rem,2vw,1.8rem);font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.cab__nav a,.menu__nav a{text-decoration:none}
.cab__nav a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--tenue);transition:color var(--rapido)}
.cab__nav a:hover,.cab__nav a[aria-current=page]{color:var(--acento)}
.cab__acc{display:flex;align-items:center;gap:.15rem}
.cab__icono,.cab__menu{display:inline-flex;align-items:center;justify-content:center;min-inline-size:44px;min-block-size:44px}
.cab__icono:hover{color:var(--acento)}
.cab__menu{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding-inline:.35rem;margin-inline-end:-.35rem}
.cab__mon{display:none;font-family:var(--mono);font-size:.75rem}
.cab__mon select{appearance:none;background:none;border:0;min-block-size:44px;padding-inline:.5rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;cursor:pointer;color:var(--tenue)}
.cab__mon select:hover{color:var(--acento)}
.cab__idi{display:flex;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em}
.cab__idi a{display:inline-flex;align-items:center;justify-content:center;min-inline-size:30px;min-block-size:44px;text-decoration:none;color:var(--tenue)}
.cab__idi a[aria-current]{color:var(--texto);text-decoration:underline;text-underline-offset:.35em}
.cab__hora{display:none;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;color:var(--tenue);font-variant-numeric:tabular-nums;min-inline-size:4.6em;text-align:end}
@media (min-width:1000px){:root{--cab:3.5rem}.cab__nav{display:flex;margin-inline-end:0}.cab__menu{display:none}.cab__mon{display:block}.cab__hora{display:block}}

/* diálogos */
.dlg{border:0;padding:0;margin:0;background:var(--fondo);color:var(--texto);max-inline-size:none;max-block-size:none;inline-size:100%;block-size:100%}
.dlg::backdrop{background:color-mix(in srgb,var(--hondo) 55%,transparent)}
.dlg__cerrar{display:flex;justify-content:flex-end;padding:.25rem var(--m)}
.dlg__cerrar button{min-block-size:44px;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.dlg--menu{padding-block-end:2rem}
.menu__nav{display:grid;padding-inline:var(--m)}
.menu__nav a{font-size:3.25rem;line-height:1.05;letter-spacing:-.025em;padding-block:.5rem;border-block-end:1px solid var(--linea)}
.menu__nav a[aria-current=page]{color:var(--acento)}
.menu__pie{display:flex;justify-content:space-between;align-items:center;padding:1rem var(--m)}
.cab__mon--menu{display:inline-flex;align-items:center;gap:.5rem;color:var(--tenue)}
.bus{position:relative;padding-inline:var(--m);max-inline-size:60rem;margin-inline:auto}
.bus__i{inline-size:100%;min-block-size:64px;font-family:var(--titular);font-size:clamp(1.8rem,5vw,3rem);color:var(--texto);background:none;border:0;border-block-end:2px solid var(--fuerte);padding:.1em 0;outline:0;-webkit-appearance:none;appearance:none}
.bus__i::placeholder{color:var(--tenue);opacity:1}
.bus__i:focus{border-block-end-color:var(--acento)}
.bus__l{margin-block-start:.5rem}
.bus__l li{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:0 .8rem;align-content:center;align-items:center;min-block-size:56px;padding:.45rem .2rem;border-block-end:1px solid var(--linea);cursor:pointer}
.bus__l li[aria-selected=true],.bus__l li:hover{background:var(--sup)}
.bus__ini{grid-row:1/3;inline-size:3rem;block-size:3rem;display:grid;place-items:center;background:var(--hondo);color:var(--s-hondo);font-size:1.3rem}
.bus__n{font-size:1.25rem;line-height:1.1}
.bus__s{font-family:var(--mono);font-size:.75rem;line-height:1.3;color:var(--tenue);grid-column:2;grid-row:2}
.bus__p{grid-row:1/3;grid-column:3;font-family:var(--mono);font-size:.75rem;color:var(--tenue);text-align:end}
.bus__e{font-family:var(--mono);font-size:.8125rem;color:var(--tenue);padding-block:.7rem}

/* tarjetas: la foto manda, sin retícula técnica alrededor */
.muro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem .65rem}
.t{container-type:inline-size;display:flex;flex-direction:column;min-inline-size:0;position:relative}
.t__enlace{display:flex;flex-direction:column;flex:1;text-decoration:none;min-inline-size:0}
.t--foto .t__media{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--sup)}
.t--foto .t__media img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--lento) cubic-bezier(.2,.7,.2,1)}
.t--foto:hover .t__media img{transform:scale(1.025)}
.t--foto .t__marca{margin-block-start:.6rem}
.t__marca{display:block;letter-spacing:.04em}
.t__nombre{font-size:clamp(1.3rem,6.4cqi,1.9rem);line-height:1.04;letter-spacing:-.01em;margin-block-start:.1rem;text-wrap:balance}
.t__ref{display:block;margin-block-start:.15rem;letter-spacing:.02em;overflow-wrap:anywhere}
.t__il{display:block;font-family:var(--mono);font-size:.75rem;line-height:1.3;color:var(--acento);margin-block-start:.2rem}
.t__cr{display:block;font-family:var(--mono);font-size:.6875rem;line-height:1.3;color:var(--tenue);margin-block-start:.15rem;overflow-wrap:anywhere}
.t__pie{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-block-size:44px;font-family:var(--mono);font-size:.75rem}
.t__precio{color:var(--texto);font-variant-numeric:tabular-nums;min-inline-size:0}
.t__precio small{display:block;font-size:.6875rem;line-height:1.15;color:var(--tenue)}
.t--tipo .t__precio small{color:var(--c-2)}
.t__precio--no{color:var(--tenue)}
.t__cmp{flex:none;display:inline-flex;align-items:center;gap:.3em;min-block-size:44px;min-inline-size:44px;justify-content:flex-end;font-family:var(--mono);font-size:.75rem;letter-spacing:.02em;color:var(--tenue);transition:color var(--rapido)}
.t__cmp::before{content:"+"}
.t__cmp:hover{color:var(--acento)}
.t__cmp[aria-pressed=true]{color:var(--acento)}
.t__cmp[aria-pressed=true]::before{content:"✓"}
.t__cmp.niega{animation:niega var(--lento)}
@keyframes niega{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
/* portada tipográfica: marca, nombre, referencia y datos como composición */
.t--tipo{background:var(--c-f);color:var(--c-t);--c-2:var(--c-t2)}
.t--tipo .t__enlace{padding:5.5cqi 6cqi 0;min-block-size:calc(125cqi + 1.2rem)}
.t--tipo .t__pie{padding-inline:6cqi}
.t--claro{--c-f:var(--sup);--c-t:var(--texto);--c-t2:var(--tenue)}
.t--hondo{--c-f:var(--hondo);--c-t:var(--s-hondo);--c-t2:var(--s-hondo2)}
.t--acento{--c-f:var(--suave);--c-t:var(--s-suave);--c-t2:var(--s-suave2)}
.t--tipo .t__alto{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline;font-family:var(--mono);font-size:.75rem;line-height:1.3;letter-spacing:.04em}
.t--tipo .t__marca,.t--tipo .t__anio,.t--tipo .t__ref,.t--tipo .t__dato{color:var(--c-2)}
.t--tipo .t__nombre{font-size:calc(var(--k)*1cqi);line-height:.92;letter-spacing:-.022em;margin-block:auto 0;padding-block:1.3rem .5rem;text-wrap:balance;hyphens:manual}
.t--tipo .t__ref{font-size:.75rem}
.t__datos{display:flex;flex-wrap:wrap;gap:.1rem .9em;margin-block-start:.75rem;padding-block-start:.5rem;border-block-start:1px solid color-mix(in srgb,var(--c-t) 26%,transparent);font-family:var(--mono);font-size:.75rem}
.t__dato b{font-family:var(--titular);font-size:1.5rem;line-height:1;color:var(--c-t);letter-spacing:-.01em}
.t--tipo .t__precio{color:var(--c-t)}
.t--tipo .t__precio--no{color:var(--c-2)}
.t--tipo .t__cmp{color:var(--c-2)}
.t--tipo .t__cmp:hover,.t--tipo .t__cmp[aria-pressed=true]{color:var(--c-t)}
@container (max-width:190px){.t--tipo .t__cmp span{display:none}.t--tipo .t__cmp::before{font-size:1.1rem}}
@media (min-width:640px){.muro{gap:2.2rem 1rem}}
@media (min-width:900px){.muro{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6rem 1.25rem}}
@media (min-width:1000px){.muro--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1900px){.muro--arc{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* portada */
.portada{padding-inline:var(--m)}
.mast{padding-block:.6rem .35rem}
.mast__t{font-size:min(28.6vw,8.6rem);line-height:.86;letter-spacing:-.04em;margin-inline-start:-.03em}
.mast__l{font-size:clamp(1.3rem,2vw,1.85rem);line-height:1.1;letter-spacing:-.008em;color:var(--tenue);margin-block-start:.5em}
.p-bus{position:relative;z-index:10}
.gbus{display:flex;align-items:center;border-block-end:2px solid var(--fuerte)}
.gbus:focus-within{border-block-end-color:var(--acento)}
.gbus input{flex:1;min-inline-size:0;min-block-size:58px;padding:.1em 0;font-family:var(--titular);font-size:clamp(1.55rem,3.6vw,2.9rem);background:none;border:0;outline:0;color:var(--texto);-webkit-appearance:none;appearance:none}
.gbus input::placeholder{color:var(--tenue);opacity:1}
.gbus input::-webkit-search-cancel-button{-webkit-appearance:none}
.gbus__b{min-inline-size:44px;min-block-size:44px;display:grid;place-items:center}
.gbus__b:hover{color:var(--acento)}
.p-ej{display:flex;flex-wrap:wrap;gap:.1rem 1rem;margin-block-start:.2rem;font-family:var(--mono);font-size:.75rem;color:var(--tenue)}
.p-ej a{display:inline-flex;align-items:center;min-block-size:40px;color:var(--tenue);text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.p-ej a:hover{color:var(--acento)}
.p-ej span{display:inline-flex;align-items:center}
@media (max-width:420px){.p-ej a:nth-of-type(5){display:none}}
.p-bus__r{position:absolute;inset-inline:0;background:var(--fondo);box-shadow:0 24px 48px -24px color-mix(in srgb,var(--hondo) 45%,transparent)}
.p-bus__r:empty{display:none}
.ptop{display:grid;grid-template-columns:minmax(0,1fr);row-gap:.1rem}
.lead__foto{display:block;aspect-ratio:5/4;overflow:hidden;background:var(--sup);margin-inline:calc(var(--m)*-1);margin-block-start:.9rem}
.lead__foto img{inline-size:100%;block-size:100%;object-fit:cover}
.lead__tipo{margin-block-start:.9rem}
.lead__t{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;margin-block-start:.8rem}
.lead__marca{font-family:var(--mono);font-size:.8125rem;letter-spacing:.04em;margin-block-start:.3rem}
.lead__nombre{font-size:clamp(3rem,5.6vw,5.5rem);line-height:.92;letter-spacing:-.03em;text-wrap:balance}
.lead__nombre a{text-decoration:none}
.lead__nombre a:hover{color:var(--acento)}
.lead__m{font-size:1.25rem;line-height:1.2;color:var(--tenue);margin-block-start:.35rem;max-inline-size:34ch}
.lead__acc{display:flex;flex-wrap:wrap;align-items:center;gap:.1rem 1.4rem;margin-block-start:.25rem}
.lead__p{font-size:1.75rem;font-variant-numeric:lining-nums}
@media (min-width:1000px){
  .ptop{grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:clamp(2rem,3.4vw,3.4rem);min-block-size:calc(100svh - var(--cab));min-block-size:max(calc(100svh - var(--cab)),40rem)}
  .mast,.p-bus,.lead__t{grid-column:1}
  .mast__t{font-size:clamp(9rem,15.4vw,20rem)}
  .lead__foto,.lead__tipo{grid-column:2;grid-row:1/4;aspect-ratio:auto;margin:0 calc(var(--m)*-1) 0 0;min-block-size:100%;position:relative}
  .lead__foto img{position:absolute;inset:0}
  .lead__tipo .t{block-size:100%}
  .lead__t{align-self:end;margin-block:1.2rem 1.4rem}
}
.sec{padding-block:clamp(1.8rem,4.4vw,3.8rem) 0}
.sec__cab{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.2rem 1.5rem;padding-block-end:.7rem;margin-block-end:1.1rem;border-block-end:1px solid var(--fuerte)}
.sec__t{font-size:clamp(2.1rem,4.4vw,3.8rem);line-height:1;letter-spacing:-.022em}
.rank li{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:0 .7rem;align-items:center;padding-block:.7rem;border-block-end:1px solid var(--linea)}
.rank__n{font-style:italic;font-size:2.2rem;line-height:1;color:var(--acento)}
.rank__t{text-decoration:none;min-inline-size:0}
.rank__nom{display:block;font-size:1.55rem;line-height:1.05;letter-spacing:-.01em}
.rank__t:hover .rank__nom{color:var(--acento)}
.rank__mar{display:block;font-family:var(--mono);font-size:.75rem;color:var(--tenue);margin-block-start:.1rem}
.rank__m{grid-column:2/-1;font-family:var(--mono);font-size:.75rem;line-height:1.35;color:var(--tenue);margin-block-start:.25rem}
@media (min-width:800px){.rank li{grid-template-columns:3rem minmax(0,1.1fr) minmax(0,1fr);gap:1rem}.rank__nom{font-size:2.1rem}.rank__m{grid-column:3;text-align:end;margin:0}.rank__n{font-size:2.75rem}}
.dip{display:grid;gap:.25rem;margin-inline:calc(var(--m)*-1);margin-block-start:clamp(2.4rem,5vw,4.4rem)}
.dip__c{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-block-size:clamp(20rem,44vw,34rem);overflow:hidden;background:var(--hondo);color:#fff}
.dip__c picture,.dip__c img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.dip__c::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(6 10 20/.82),rgb(6 10 20/.08) 62%)}
.dip__t{position:relative;z-index:1;padding:1.1rem var(--m) 1rem;display:grid;gap:.15rem;justify-items:start}
.dip__h{font-size:clamp(2.4rem,5.4vw,4.8rem);line-height:.95;letter-spacing:-.025em}
.dip__p{font-size:1.25rem;line-height:1.16;max-inline-size:30ch}
.dip__b{display:inline-flex;align-items:center;min-block-size:44px;margin-block-start:.25rem;padding-inline:1rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;background:#fff;color:#0b0d17}
.dip__b[aria-pressed=true]{background:none;color:#fff;box-shadow:inset 0 0 0 1px #fff}
.dip__cr{position:relative;z-index:1;padding:0 var(--m) .5rem;font-family:var(--mono);font-size:.6875rem;line-height:1.3;color:rgb(255 255 255/.86)}
.dip__cr a{color:inherit}
@media (min-width:800px){.dip{grid-template-columns:1fr 1fr}}
.cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem 1rem;margin-block-start:clamp(2.2rem,5vw,4.4rem);padding-block:.9rem 1.1rem;border-block:1px solid var(--fuerte)}
.cifras div{min-inline-size:0}
.cifras dd{font-size:clamp(3.4rem,11vw,10rem);line-height:.9;letter-spacing:-.03em;font-variant-numeric:lining-nums}
.cifras dt{font-family:var(--mono);font-size:.75rem;line-height:1.3;color:var(--tenue);margin-block-start:.25rem}
.cifras p{grid-column:1/-1;font-size:1.2rem;color:var(--tenue);margin-block-start:.5rem}
.ap{padding-block-end:1.1rem}
.ap__t{font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:.96;letter-spacing:-.028em;margin-block:.3rem .5rem;max-inline-size:19ch;text-wrap:balance}
.ap__t a,.ar__t a,.alist__t a{text-decoration:none}
.ap__t a:hover,.ar__t a:hover,.alist__t a:hover{color:var(--acento)}
.ap__e{font-size:1.3rem;line-height:1.2;color:var(--tenue);max-inline-size:52ch}
.ar{display:grid;gap:1rem;border-block-start:1px solid var(--linea);padding-block-start:1rem}
.ar__t{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.02;letter-spacing:-.015em;margin-block-start:.25rem;text-wrap:balance}
@media (min-width:700px){.ar{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.ar--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pmarcas{font-size:clamp(1.9rem,4.6vw,3.9rem);line-height:1.08;letter-spacing:-.022em}
.pmarcas a{text-decoration:none;margin-inline-end:.28em;white-space:nowrap}
.pmarcas a:hover{color:var(--acento)}
.pmarcas sup{font-family:var(--mono);font-size:.75rem;letter-spacing:0;vertical-align:super;color:var(--tenue);margin-inline-start:.15em}

/* anuncios: tamaño reservado, sin saltos */
.anuncio{position:relative;display:grid;place-items:center;background:var(--sup);margin-block:clamp(2rem,4vw,3.4rem)}
.anuncio__et{position:absolute;inset-block-start:.45rem;inset-inline-start:.6rem;font-family:var(--mono);font-size:.6875rem;letter-spacing:.06em;color:var(--tenue)}
.anuncio--banda{min-block-size:130px}
.anuncio--tarjeta{margin:0;aspect-ratio:4/5.6}
.anuncio--ficha{inline-size:300px;max-inline-size:100%;block-size:250px;margin-inline:auto}
.anuncio--articulo{min-block-size:280px;max-inline-size:336px;margin-inline:auto}
.anuncio--col{display:none}
@media (min-width:1200px){.anuncio--col{display:grid;inline-size:300px;block-size:600px;position:sticky;inset-block-start:calc(var(--cab) + 1.5rem);margin:0}}

/* archivo */
.arc{padding-inline:var(--m);padding-block-start:1rem}
.arc__cab{display:grid;gap:.4rem clamp(1.4rem,4vw,4rem);margin-block-end:1rem}
.arc__h{display:flex;align-items:flex-end;gap:.7rem}
.arc__n{font-size:clamp(4rem,12vw,9rem);line-height:.82;letter-spacing:-.035em;font-variant-numeric:lining-nums}
.arc__h small{font-family:var(--mono);font-size:.75rem;line-height:1.35;color:var(--tenue);padding-block-end:.2rem}
.arc__cuerpo{display:grid;gap:0 clamp(1.4rem,2.6vw,2.6rem);align-items:start}
.arc__bar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;min-block-size:48px;margin-block-end:.8rem}
.arc__fbtn span:not(:empty){margin-inline-start:.5em;color:var(--acento)}
.arc__c{font-family:var(--mono);font-size:.75rem;color:var(--tenue);margin-inline-end:auto}
.arc__o{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.75rem;color:var(--tenue)}
.arc__o span{display:none}
@media (min-width:640px){.arc__o span{display:inline}}
.arc__o select{font-family:var(--mono);font-size:.75rem;color:var(--texto);background:var(--sup);border:0;min-block-size:40px;padding-inline:.7rem;max-inline-size:11.5rem}
.arc__chips{display:flex;flex-wrap:wrap;gap:.35rem}
.arc__chips:not(:empty){margin-block-end:.9rem}
.arc__chips .chip::after{content:"×";margin-inline-start:.5em}
.fil{position:fixed;inset:0;z-index:60;display:none;background:var(--fondo);overflow:auto;overscroll-behavior:contain;padding:.6rem var(--m) 5rem}
.fil.abierto{display:block}
.fil__cab{display:flex;align-items:center;gap:.5rem 1rem;min-block-size:48px;position:sticky;top:0;background:var(--fondo);z-index:2}
.fil__cab h2{margin-inline-end:auto}
.fil__si{display:flex;align-items:center;gap:.6rem;min-block-size:40px;font-size:1.15rem;cursor:pointer}
input[type=checkbox]{accent-color:var(--acento);inline-size:18px;block-size:18px;flex:none;margin:0}
.faceta{border-block-end:1px solid var(--linea)}
.faceta summary{display:flex;justify-content:space-between;align-items:center;min-block-size:46px;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;list-style:none}
.faceta summary::-webkit-details-marker{display:none}
.faceta summary::after{content:"+";font-size:1rem}
.faceta[open] summary::after{content:"−"}
.faceta__l{padding-block-end:.5rem;max-block-size:18rem;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.faceta__l label{display:flex;align-items:center;gap:.55rem;min-block-size:36px;font-size:1.125rem;line-height:1.1;cursor:pointer}
.faceta__l span{flex:1;min-inline-size:0}
.faceta__l b{font-family:var(--mono);font-size:.75rem;color:var(--tenue);font-variant-numeric:tabular-nums}
.rangof{padding-block:.6rem .4rem;border-block-end:1px solid var(--linea)}
.rangof__t{display:flex;justify-content:space-between;gap:.5rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.rangof__t output{letter-spacing:0;text-transform:none;color:var(--tenue);text-align:end}
.rangof__p{position:relative;block-size:40px;touch-action:none}
.rangof__p::before{content:"";position:absolute;inset-inline:0;inset-block-start:50%;block-size:2px;background:var(--linea)}
.rangof__p i{position:absolute;inset-block-start:50%;block-size:2px;background:var(--acento)}
.rangof__p input{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.rangof__p input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;inline-size:22px;block-size:22px;background:var(--fondo);border:2px solid var(--acento);cursor:grab}
.rangof__p input::-moz-range-thumb{pointer-events:auto;inline-size:18px;block-size:18px;background:var(--fondo);border:2px solid var(--acento);cursor:grab}
.vacio{padding-block:3rem;font-size:1.5rem;line-height:1.15;max-inline-size:32ch}
.mas{display:block;inline-size:100%;min-block-size:54px;margin-block-start:2rem;font-family:var(--mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--fuerte)}
.mas:hover{background:var(--texto);color:var(--fondo)}
@media (min-width:1000px){
  .arc__cab{grid-template-columns:auto minmax(0,1fr);align-items:end}
  .arc__cuerpo{grid-template-columns:15.5rem minmax(0,1fr)}
  .fil{position:sticky;inset:auto;inset-block-start:calc(var(--cab) + .8rem);z-index:1;display:block;max-block-size:calc(100svh - var(--cab) - 1.4rem);padding:0 .5rem 1rem 0;scrollbar-width:thin}
  .fil__x,.arc__fbtn{display:none}
}

/* ficha */
.ficha{padding-inline:var(--m)}
.migas{display:flex;flex-wrap:wrap;align-items:center;gap:0 .55rem;min-block-size:40px;font-family:var(--mono);font-size:.75rem;color:var(--tenue);overflow:hidden}
.migas>*+*::before{content:"/";margin-inline-end:.55rem;color:var(--linea)}
.migas a{text-decoration:none;display:inline-flex;align-items:center;min-block-size:40px}
.migas a:hover{color:var(--acento)}
.f-top{display:grid;gap:1.1rem}
.fmedia{margin-inline:calc(var(--m)*-1)}
.fmedia__m{aspect-ratio:1;overflow:hidden;background:var(--sup)}
.fmedia__m img{inline-size:100%;block-size:100%;object-fit:cover}
.fmedia figcaption{font-family:var(--mono);font-size:.6875rem;line-height:1.4;color:var(--tenue);padding:.4rem var(--m) 0}
.fmedia figcaption a{color:inherit}
.fmedia figcaption strong{font-weight:500;color:var(--acento)}
.fcomp{display:flex;flex-direction:column;margin-inline:calc(var(--m)*-1);padding:1.1rem var(--m) 1rem;background:var(--c-f);color:var(--c-t);container-type:inline-size;min-block-size:min(92cqi,30rem)}
.fcomp--hondo{--c-f:var(--hondo);--c-t:var(--s-hondo);--c-t2:var(--s-hondo2);--c-a:var(--s-hondo)}
.fcomp--acento{--c-f:var(--suave);--c-t:var(--s-suave);--c-t2:var(--s-suave2)}
.fcomp__alto{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.fcomp__mar{font-family:var(--mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase}
.fcomp__mar a{text-decoration:none}
.fcomp__nom{font-size:calc(var(--k)*1cqi);line-height:.9;letter-spacing:-.03em;margin-block-start:auto;padding-block-start:1.6rem;text-wrap:balance}
.fcomp__ref{font-family:var(--mono);font-size:.875rem;color:var(--c-t2);margin-block-start:.6rem}
.fcomp__dat{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:.6rem;margin-block-start:1rem;padding-block-start:.65rem;border-block-start:1px solid color-mix(in srgb,var(--c-t) 28%,transparent)}
.fcomp__dat dd{font-size:clamp(2.2rem,11cqi,6.4rem);line-height:.95;letter-spacing:-.025em;font-variant-numeric:lining-nums}
.fcomp__dat small{font-family:var(--mono);font-size:.75rem;letter-spacing:0;margin-inline-start:.25em;color:var(--c-t2)}
.fcomp__dat dt{font-family:var(--mono);font-size:.6875rem;line-height:1.25;color:var(--c-t2);margin-block-start:.15rem}
.fcomp__pie{font-family:var(--mono);font-size:.75rem;color:var(--c-t2)}
.f__t{font-size:clamp(2.9rem,calc(9.4vw - var(--l,12)*.1vw),6.2rem);line-height:.93;letter-spacing:-.03em;margin-block:.2rem .4rem;text-wrap:balance}
.f__ref{font-family:var(--mono);font-size:.8125rem;color:var(--tenue)}
.f__il{font-family:var(--mono);font-size:.8125rem;line-height:1.35;color:var(--acento);margin-block-start:.25rem}
.f__res{font-size:1.4rem;line-height:1.16;margin-block-start:.75rem;text-wrap:pretty}
.pre{margin-block-start:1rem;padding-block-start:.8rem;border-block-start:1px solid var(--fuerte)}
.pre__fila{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .8rem}
.pre__tipo{font-family:var(--mono);font-size:.75rem;line-height:1.3;color:var(--tenue)}
.pre__tipo--aviso{color:var(--acento);font-weight:500}
.pre__v{font-size:clamp(2.75rem,5vw,4.1rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums}
.pre__v--no{font-style:italic;font-size:clamp(2rem,3.4vw,2.8rem)}
.pre__m{font-family:var(--mono);font-size:.75rem;line-height:1.45;color:var(--tenue);margin-block-start:.35rem}
.pre__m a{color:inherit}
.pre__c{font-family:var(--mono);font-size:.75rem;line-height:1.45;color:var(--tenue);margin-block-start:.25rem}
.pre__n{font-family:var(--mono);font-size:.75rem;line-height:1.45;color:var(--tenue);margin-block-start:.3rem}
.merc{margin-block-start:.7rem;padding-block-start:.55rem;border-block-start:1px solid var(--linea)}
.merc__v{font-size:1.75rem;line-height:1.05;letter-spacing:-.01em;font-variant-numeric:lining-nums}
.merc__m{font-family:var(--mono);font-size:.75rem;line-height:1.45;color:var(--tenue);margin-block-start:.2rem}
.merc__m a{color:inherit}
.segm{display:inline-flex;margin-block-start:.55rem;border:1px solid var(--linea)}
.segm button{min-inline-size:50px;min-block-size:44px;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--tenue)}
.segm button+button{border-inline-start:1px solid var(--linea)}
.segm button[aria-pressed=true]{background:var(--texto);color:var(--fondo)}
.f-acc{margin-block-start:1rem}
.f-acc .nota{margin-block-start:.45rem}
.f-acc2{display:flex;gap:.5rem;margin-block-start:.6rem}
.fclave{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;margin-block-start:1rem}
.fclave div{padding-block:.5rem;border-block-start:1px solid var(--linea);min-inline-size:0}
.fclave dt{font-family:var(--mono);font-size:.75rem;color:var(--tenue)}
.fclave dd{font-size:1.45rem;line-height:1.1}
@media (min-width:1000px){
  .ficha{padding-block-start:.1rem}
  .f-top{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:clamp(1.5rem,3.4vw,3.6rem);align-items:start}
  .fmedia{margin-inline:calc(var(--m)*-1) 0;position:sticky;inset-block-start:var(--cab)}
  .fmedia__m{aspect-ratio:auto;block-size:calc(100svh - var(--cab) - 6rem);min-block-size:30rem}
  .fcomp{position:sticky;inset-block-start:calc(var(--cab) + .5rem);margin-inline:calc(var(--m)*-1) 0;padding:1.6rem 2rem 1.4rem var(--m);min-block-size:calc(100svh - var(--cab) - 3rem)}
  .fclave{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.sec--texto{max-inline-size:44rem}
.f__quien{font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.12;letter-spacing:-.01em;text-wrap:pretty}
.f-tec__g{display:grid;gap:1.5rem}
.f-tec__d{display:grid;gap:1.3rem}
.tec .eti{padding-block-end:.35rem}
.tec dl>div{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr);gap:.8rem;align-items:baseline;padding-block:.42rem;border-block-start:1px solid var(--linea)}
.tec dt{font-family:var(--mono);font-size:.75rem;color:var(--tenue)}
.tec dd{font-size:1.25rem;line-height:1.12}
.tec__s{font-family:var(--mono);font-size:.6875rem;color:var(--tenue);margin-inline-start:.45em;vertical-align:.12em}
.f-tec__nota{margin-block-end:.9rem;max-inline-size:62ch}
.pos__l{display:grid;gap:.9rem;margin-block-start:.5rem}
.pos__f p{display:flex;justify-content:space-between;gap:.5rem;font-family:var(--mono);font-size:.75rem;color:var(--tenue)}
.pos__f b{font-weight:500;color:var(--texto)}
.pos__r{position:relative;block-size:22px;margin-block:.2rem;border-block-end:1px solid var(--linea)}
.pos__r i{position:absolute;inset-block:5px 0;inline-size:1px;background:var(--serie2);opacity:.55}
.pos__r em{position:absolute;inset-block-start:3px;inline-size:11px;block-size:11px;margin-inline-start:-5px;background:var(--acento)}
@media (min-width:900px){.f-tec__g{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:clamp(1.6rem,4vw,4rem)}.f-tec__d{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2rem}}
.tabla-ancha{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tien{inline-size:100%;min-inline-size:32rem;border-collapse:collapse;font-family:var(--mono);font-size:.8125rem}
.tien th{text-align:start;font-weight:400;color:var(--tenue);padding:.45rem .7rem .45rem 0;border-block-end:1px solid var(--fuerte)}
.tien td,.tien tbody th{padding:.55rem .7rem .55rem 0;border-block-end:1px solid var(--linea);color:var(--texto)}
.tien tbody tr:first-child td,.tien tbody tr:first-child th{font-weight:500}
.tien__p{font-family:var(--titular);font-size:1.4rem}
.tien-l li{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1.45rem;padding-block:.35rem;border-block-end:1px solid var(--linea)}
.tien-v{font-size:1.45rem;font-style:italic;color:var(--tenue)}
#tiendas .nota{margin-block-start:.6rem}
.motivos li{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.14;padding-block:.5rem;border-block-end:1px solid var(--linea)}
.fuentes{counter-reset:f;font-family:var(--mono);font-size:.8125rem;line-height:1.5}
.fuentes li{counter-increment:f;display:flex;gap:.7rem;padding-block:.14rem}
.fuentes li::before{content:counter(f);color:var(--tenue);min-inline-size:1.4em}
.fuentes a{overflow-wrap:anywhere}
.fbar{position:fixed;inset-inline:0;inset-block-end:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.45rem var(--m) calc(.45rem + env(safe-area-inset-bottom));background:var(--fondo);border-block-start:1px solid var(--linea)}
.fbar[hidden]{display:none}
.fbar__n{display:block;font-size:1.15rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fbar__p{display:block;font-family:var(--mono);font-size:.75rem;color:var(--tenue)}
.fbar .bot--best{inline-size:auto;min-block-size:44px;padding:0 1rem}
@media (min-width:1000px){.fbar{display:none}}

/* bandeja de comparación */
.bandeja{position:fixed;z-index:35;inset-block-end:calc(.8rem + env(safe-area-inset-bottom));inset-inline-end:var(--m);display:flex;align-items:center;gap:.6rem;padding:.3rem .3rem .3rem .9rem;background:var(--hondo);color:var(--s-hondo);font-family:var(--mono);font-size:.75rem}
.bandeja[hidden]{display:none}
.bandeja a{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:.9rem;background:var(--acento);color:var(--s-acento);text-decoration:none;letter-spacing:.04em}
body:has(.fbar:not([hidden])) .bandeja{inset-block-end:calc(4.4rem + env(safe-area-inset-bottom))}

/* comparador */
.cmp{padding-inline:var(--m);padding-block-start:1rem}
.cmp__cab{margin-block-end:.8rem}
.cmp__cab .entradilla{margin-block-start:.65rem}
.cmp .titulo{font-size:clamp(3.4rem,10vw,7.6rem)}
.cmp__add{max-inline-size:34rem;margin-block-end:1rem}
.bus--linea{padding:0;margin:0}
.bus--linea .bus__i{font-size:1.75rem;min-block-size:52px}
.bus--linea .bus__l{position:absolute;inset-inline:0;z-index:20;background:var(--fondo);box-shadow:0 18px 40px -18px color-mix(in srgb,var(--hondo) 50%,transparent)}
.cmp [data-cmp-vacio] .entradilla{margin-block:1rem}
.ver{margin-block-start:1.6rem;max-inline-size:52rem}
.ver__t{font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.14;letter-spacing:-.01em;text-wrap:pretty}
.ver .nota{margin-block-start:.5rem}
.vistas{display:flex;flex-wrap:wrap;gap:.35rem;margin-block-end:.8rem}
.esc{position:relative;background:var(--sup);padding:1.1rem .75rem .7rem;overflow:hidden;min-block-size:16rem}
.esc__fila{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));align-items:center;gap:.4rem}
.esc__fila--t{align-items:start}
.esc__c{display:grid;justify-items:center;gap:.4rem;min-inline-size:0;text-align:center}
.silueta{overflow:visible;fill:none;stroke:var(--texto);stroke-width:.4}
.esc__c .silueta{inline-size:calc(var(--d)*var(--mm)*1px);block-size:auto;max-inline-size:none}
.esc__c:nth-child(1) .silueta{stroke:var(--acento)}
.esc__n{font-family:var(--mono);font-size:.75rem;line-height:1.25;color:var(--tenue);min-block-size:2.5em}
.esc__n b{display:block;font-family:var(--titular);font-size:1.55rem;line-height:1;color:var(--texto)}
.regla{block-size:18px;margin-block-start:.5rem;position:relative;border-block-start:1px solid var(--texto);background-image:repeating-linear-gradient(to right,var(--texto) 0 1px,transparent 1px calc(var(--mm)*5px));background-repeat:repeat-x;background-size:100% 6px}
.regla span{position:absolute;inset-block-start:7px;inset-inline-start:0;font-family:var(--mono);font-size:.6875rem;color:var(--tenue)}
.esc__sup{position:relative;display:grid;place-items:center;min-block-size:calc(var(--max)*var(--mm)*1px + 2rem)}
.esc__sup .silueta{position:absolute;inline-size:calc(var(--d)*var(--mm)*1px);block-size:auto;max-inline-size:none}
.esc__sup .silueta:nth-child(2){stroke:var(--acento)}
.esc__sup .silueta:nth-child(3){stroke-dasharray:1.6 1}
.esc__sup .silueta:nth-child(4){stroke-dasharray:.4 1;stroke-linecap:round}
.esc__ley{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;font-family:var(--mono);font-size:.75rem;color:var(--tenue);margin-block-start:.5rem}
.brazo{position:relative;block-size:calc(var(--w)*var(--mm)*1px);background:color-mix(in srgb,var(--texto) 11%,var(--sup));display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));align-items:center;justify-items:center;margin-block:1.2rem .6rem;box-shadow:inset 0 14px 18px -14px color-mix(in srgb,var(--texto) 34%,transparent),inset 0 -14px 18px -14px color-mix(in srgb,var(--texto) 34%,transparent)}
.brazo .silueta{inline-size:calc(var(--d)*var(--mm)*1px);block-size:auto;max-inline-size:none;fill:var(--sup)}
.mun{display:flex;align-items:center;gap:.7rem;font-family:var(--mono);font-size:.75rem;color:var(--tenue);margin-block-start:.5rem}
.mun input{flex:1;max-inline-size:18rem;accent-color:var(--acento);min-block-size:44px}
.ctab-m{overflow-x:auto;margin-block-start:1rem;-webkit-overflow-scrolling:touch}
@media (min-width:1000px){.ctab-m{overflow:visible}.ctab__c th{position:sticky;inset-block-start:var(--cab);z-index:5}}
.ctab{inline-size:100%;border-collapse:collapse;table-layout:fixed;min-inline-size:calc(var(--n)*9.5rem)}
.ctab__img{padding:0 .7rem 0 0;vertical-align:top}
.ctab__f,.ctab__tipo{max-inline-size:17rem}
.ctab thead th{background:var(--fondo);vertical-align:top;text-align:start;font-weight:400;padding:.5rem .7rem .6rem 0;border-block-end:1px solid var(--fuerte)}
.ctab__f{display:block;aspect-ratio:1;overflow:hidden;background:var(--sup)}
.ctab__f img{inline-size:100%;block-size:100%;object-fit:cover}
.ctab__cr{display:block;font-family:var(--mono);font-size:.6875rem;line-height:1.3;color:var(--tenue);padding-block:.25rem .1rem}
.ctab__tipo{display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:1;background:var(--hondo);color:var(--s-hondo);padding:.6rem;font-size:clamp(1.5rem,3vw,2.4rem);line-height:.95;text-decoration:none;overflow:hidden}
.ctab__tipo small{font-family:var(--mono);font-size:.6875rem;color:var(--s-hondo2);margin-block-end:auto;letter-spacing:.02em}
.ctab__m{display:block;font-family:var(--mono);font-size:.75rem;color:var(--tenue)}
.ctab__n{display:block;font-size:1.4rem;line-height:1.04;text-decoration:none}
.ctab__n:hover{color:var(--acento)}
.ctab__q{font-family:var(--mono);font-size:.75rem;color:var(--tenue);min-block-size:44px;display:inline-flex;align-items:center}
.ctab__q:hover{color:var(--acento)}
.ctab__g td{padding:1rem 0 .3rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acento);background:none}
.ctab tbody td{vertical-align:top;padding:.2rem .7rem .55rem 0;border-block-end:1px solid var(--linea);font-size:1.2rem;line-height:1.12}
.ctab__e{display:block;font-family:var(--mono);font-size:.6875rem;color:var(--tenue);padding-block-start:.45rem;line-height:1.3}
tr.dif td{background:color-mix(in srgb,var(--suave) 55%,transparent)}
tr.dif td:first-child{box-shadow:-.4rem 0 0 0 color-mix(in srgb,var(--suave) 55%,transparent)}
.ctab__b{display:block;block-size:3px;background:var(--linea);margin-block-start:.3rem;overflow:hidden}
.ctab__b i{display:block;block-size:100%;background:var(--acento);}
.ctab__max{color:var(--acento)}
.ctab__nc{font-family:var(--mono);font-size:.75rem;font-style:italic;color:var(--tenue)}
.ctab__p{font-size:1.7rem;font-variant-numeric:lining-nums}
.ctab .bot{min-block-size:44px;padding:.3rem .5rem;font-size:.75rem;margin-block-start:.3rem;letter-spacing:.02em}

/* marcas y hojas */
.hoja{inline-size:min(100%,1320px);margin-inline:auto;padding-inline:var(--m);padding-block:1rem 0}
.hoja--ancha{inline-size:min(100%,1560px)}
.hoja--leg{inline-size:min(100%,52rem)}
.cabz{margin-block:.4rem clamp(1.2rem,3vw,2.4rem)}
.cabz .entradilla{margin-block-start:.6rem}
.mlist{border-block-start:1px solid var(--fuerte)}
.mlist a{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:0 .8rem;align-items:baseline;padding-block:.45rem;border-block-end:1px solid var(--linea);text-decoration:none}
.mlist a:hover .mlist__n{color:var(--acento)}
.mlist__a,.mlist__d,.mlist__c{font-family:var(--mono);font-size:.75rem;color:var(--tenue)}
.mlist__n{font-size:clamp(2.1rem,6vw,4.6rem);line-height:1;letter-spacing:-.025em;grid-column:2}
.mlist__d{grid-column:2;grid-row:2}
.mlist__c{grid-column:3;grid-row:1/3;text-align:end}
@media (min-width:800px){.mlist a{grid-template-columns:5rem minmax(0,1fr) 9rem 7rem}.mlist__d{grid-column:3;grid-row:1}.mlist__c{grid-column:4;grid-row:1}}
.mfichas{display:flex;flex-wrap:wrap;gap:.6rem 2.4rem;margin-block-start:1rem}
.mfichas dt{font-family:var(--mono);font-size:.75rem;color:var(--tenue)}
.mfichas dd{font-size:1.75rem;line-height:1.05}
.m2{display:grid;gap:2rem;margin-block-start:1.4rem}
@media (min-width:1000px){.m2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:4rem}}
.m2 .lectura{max-inline-size:60ch}
.hitos{display:grid;border-block-start:1px solid var(--linea)}
.hitos li{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:.8rem;align-items:baseline;padding-block:.5rem;border-block-end:1px solid var(--linea)}
.hitos time{font-size:1.7rem;font-variant-numeric:lining-nums;color:var(--acento)}
.hitos p{font-size:1.25rem;line-height:1.14}
@media (min-width:900px){.hitos{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}}
.grupo{margin-block-end:2.4rem}
.grupo__t{font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1;margin-block-end:.7rem}
.grupo__t small{font-family:var(--mono);font-size:.75rem;color:var(--tenue)}

/* artículos */
.ap--g{border-block:1px solid var(--fuerte);padding-block:1rem 1.4rem}
.ap--g .ap__t{font-size:clamp(3rem,8vw,7.2rem);max-inline-size:17ch}
.alist{display:grid;gap:0 clamp(1.5rem,3vw,3rem);margin-block-start:.4rem}
.alist article{padding-block:1rem;border-block-end:1px solid var(--linea)}
.alist__t{font-size:clamp(1.9rem,3vw,2.75rem);line-height:1.02;letter-spacing:-.018em;margin-block:.25rem .35rem;text-wrap:balance}
.alist p:last-child{color:var(--tenue);line-height:1.2}
@media (min-width:800px){.alist{grid-template-columns:repeat(2,minmax(0,1fr))}}
[data-cat].oculto{display:none}
.art__cab{inline-size:min(100%,1120px);margin-inline:auto;padding:.6rem var(--m) 0}
.art__cab .entradilla{margin-block:.8rem .6rem;max-inline-size:40ch}
.art__g{inline-size:min(100%,1120px);margin-inline:auto;padding:1.5rem var(--m) 0;display:grid;gap:3rem;align-items:start}
.art__c{min-inline-size:0}
@media (min-width:1200px){.art__g{grid-template-columns:minmax(0,1fr) 300px}}
.art__c>.lectura{max-inline-size:40rem}
.cita{display:grid;gap:.3rem;margin-block:1.8rem;padding-block:.9rem;border-block:1px solid var(--fuerte)}
.cita__c{font-size:clamp(3.4rem,8vw,6.2rem);line-height:.95;letter-spacing:-.03em;font-variant-numeric:lining-nums;color:var(--acento)}
.cita p:not(.cita__c){font-size:1.3rem;line-height:1.16}
.cita a{font-family:var(--mono);font-size:.75rem;color:var(--tenue)}
@media (min-width:700px){.cita{grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:1.6rem;align-items:center}}
.acomp{margin-block:1.8rem}
.acomp .eti{margin-block-end:.6rem}
.art__f{margin-block-start:2.4rem}

/* gráficos: una tinta, marcas finas */
.g{margin-block:2rem;padding-block-start:.7rem;border-block-start:1px solid var(--fuerte)}
.g__t{font-size:1.65rem;line-height:1.05;letter-spacing:-.012em;text-wrap:balance}
.g__n{font-family:var(--mono);font-size:.75rem;line-height:1.45;color:var(--tenue);margin-block-start:.3rem;max-inline-size:68ch}
.g__ley{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;font-family:var(--mono);font-size:.75rem;color:var(--tenue);margin-block-start:.6rem}
.g__ley li{display:inline-flex;align-items:center;gap:.4rem}
.g__ley i{inline-size:12px;block-size:4px;background:var(--marca)}
.g__s0{--marca:var(--acento)}
.g__s1{--marca:var(--serie2)}
.g__barras{display:grid;gap:.45rem;margin-block-start:.8rem}
.g__fila{display:grid;gap:.05rem}
.g__et{font-family:var(--mono);font-size:.75rem;line-height:1.3;color:var(--texto)}
.g__cels{display:grid;gap:3px}
.g__par{display:grid;grid-template-columns:minmax(0,1fr) 3.4rem;align-items:center;gap:.5rem;cursor:default}
.g__pista{position:relative;block-size:10px;background:color-mix(in srgb,var(--linea) 45%,transparent);}
.g__barra{position:absolute;inset-block:0;background:var(--marca);}
.g__v{font-family:var(--mono);font-size:.75rem;color:var(--texto);font-variant-numeric:tabular-nums;text-align:end}
.g__par:hover .g__barra{filter:brightness(1.12)}
@media (min-width:700px){.g__fila{grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:.9rem;align-items:center}}
.g__linea{position:relative;margin-block:1.2rem 0;padding-block-end:1.6rem}
.g__linea svg{inline-size:100%;block-size:clamp(12rem,30vw,16rem);overflow:visible}
.g__linea polyline{stroke:var(--acento);stroke-width:2}
.g__linea circle{fill:var(--acento);stroke:var(--fondo);stroke-width:2;vector-effect:non-scaling-stroke}
.g__mal line{stroke:var(--linea);stroke-width:1;vector-effect:non-scaling-stroke}
.g__pv{position:absolute;translate:-50% -160%;font-family:var(--mono);font-size:.75rem;color:var(--texto);background:var(--fondo);padding-inline:.2em}
.g__pv[data-pos=ini]{translate:0 -160%}
.g__pv[data-pos=fin]{translate:-100% -160%}
.g__xs{display:flex;justify-content:space-between;gap:.5rem;font-family:var(--mono);font-size:.75rem;color:var(--tenue);margin-block-start:.4rem}
.g__pie{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem 1rem;margin-block-start:.6rem;font-family:var(--mono);font-size:.75rem;color:var(--tenue)}
.g__pie a{color:inherit}
.g__tabla summary{cursor:pointer;min-block-size:32px;display:inline-flex;align-items:center}
.g__tabla table{border-collapse:collapse;font-size:.75rem;margin-block-start:.4rem}
.g__tabla th,.g__tabla td{text-align:start;font-weight:400;padding:.2rem .9rem .2rem 0;border-block-end:1px solid var(--linea)}
[data-tip-v]{position:fixed;z-index:70;pointer-events:none;background:var(--hondo);color:var(--s-hondo);font-family:var(--mono);font-size:.75rem;padding:.25rem .5rem}

/* 404 */
.e404{padding:2rem var(--m) 0;inline-size:min(100%,56rem);margin-inline:auto}
.e404__n{font-size:clamp(7rem,30vw,20rem);line-height:.8;letter-spacing:-.04em;color:var(--acento)}
.e404 .entradilla{margin-block:.8rem 1.4rem}

/* pie */
.pie{margin-block-start:clamp(3rem,7vw,6rem);background:var(--hondo);color:var(--s-hondo);padding:1.8rem var(--m) calc(1.4rem + env(safe-area-inset-bottom))}
body:has(.fbar:not([hidden])) .pie{padding-block-end:5rem}
.pie__in{display:grid;gap:1.1rem}
.pie__marca{font-size:clamp(3.4rem,12vw,8rem);line-height:.9;letter-spacing:-.03em;text-decoration:none}
.pie__txt{font-size:1.15rem;line-height:1.22;color:var(--s-hondo2);max-inline-size:60ch}
.pie__nav,.pie__leg{display:flex;flex-wrap:wrap;gap:0 1.2rem;font-family:var(--mono);font-size:.75rem}
.pie__nav a,.pie__leg a,.pie__leg button{display:inline-flex;align-items:center;min-block-size:44px;text-decoration:none;font-family:var(--mono);font-size:.75rem}
.pie__nav a:hover,.pie__leg a:hover,.pie__leg button:hover{text-decoration:underline}
@media (min-width:900px){.pie__in{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.4rem 3rem;align-items:start}.pie__marca{grid-column:1/-1}.pie__nav,.pie__leg{grid-column:2}}

/* aviso de cookies del motor: compacto, no tapa la lectura */
.aviso-cookies{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.6rem var(--m) calc(.6rem + env(safe-area-inset-bottom));background:var(--hondo);color:var(--s-hondo)}
.aviso-cookies p{grid-column:1/-1;font-size:1rem;line-height:1.18}
.aviso-cookies button{min-block-size:44px;font-family:var(--mono);font-size:.75rem;letter-spacing:.05em;border:1px solid var(--s-hondo);color:var(--s-hondo)}
.aviso-cookies button:first-of-type{background:var(--s-hondo);color:var(--hondo)}
@media (min-width:800px){.aviso-cookies{grid-template-columns:minmax(0,1fr) 9rem 9rem;align-items:center}.aviso-cookies p{grid-column:1}}

/* transición de tarjeta a ficha: el único gesto de la web */
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:var(--rapido)}
::view-transition-group(foto){animation-duration:var(--lento);animation-timing-function:cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@view-transition{navigation:none}}
@media (forced-colors:active){.t--tipo,.fcomp,.bot--best{border:1px solid CanvasText}}
@media print{.cab,.pie,.bandeja,.fbar,.anuncio{display:none}}