/* PrecioCarro · «luces de carro en la noche»: fusión ámbar → rojo de freno, asfalto y neblina (MARCA.md)
   Sistema: escala de letra con clamp() (teléfono → computadora), espacios de 4 en 4 y una sola familia de radios.
   Piso de lectura: cuerpo 16–17 px; datos secundarios 15–16 px; solo el crédito de la foto y la letra legal bajan a 13 px. */
:root{
  /* marca */
  --fusion:linear-gradient(100deg,#FFA41B 0%,#F2385A 100%);
  --ambar:#FFA41B;--rojo:#F2385A;--rojo-texto:#D02448;
  --asfalto:#111318;--asfalto-2:#1B1E25;
  /* superficies y tinta (modo claro) */
  --fondo:#F4F4F2;--superficie:#FFFFFF;--superficie-2:#EDECE8;
  --tinta:#14161B;--tinta-2:#43474F;--tinta-3:#5E626B;
  --linea:#E3E2DE;--linea-fuerte:#C6C4BE;
  --verde:#087250;--verde-fondo:#DFF4EA;
  --cuota-fondo:#FFF0DA;--cuota-borde:#F6D9AE;
  --fusion-texto:linear-gradient(100deg,#B45309 0%,#D02448 100%);--foco:#D02448;
  --sombra:0 1px 2px rgba(17,19,24,.05),0 10px 30px rgba(17,19,24,.08);
  --sombra-alta:0 2px 6px rgba(17,19,24,.08),0 24px 48px rgba(17,19,24,.16);
  /* letra: una escala para todo el sitio */
  --t-fino:.8125rem;                                   /* 13 px: crédito de foto, letra legal */
  --t-meta:clamp(.9375rem,.91rem + .12vw,1rem);        /* 15 → 16 px: datos secundarios, etiquetas */
  --t-cuerpo:clamp(1rem,.97rem + .15vw,1.0625rem);     /* 16 → 17 px */
  --t-lead:clamp(1.0625rem,1rem + .3vw,1.1875rem);     /* 17 → 19 px */
  --t-h3:clamp(1.125rem,1.06rem + .3vw,1.25rem);       /* 18 → 20 px */
  --t-precio:clamp(1.5rem,1.32rem + .8vw,1.875rem);    /* 24 → 30 px: precio de tarjeta y de versión */
  --t-h2:clamp(1.5rem,1.2rem + 1.3vw,2.125rem);        /* 24 → 34 px */
  --t-precio-xl:clamp(1.875rem,1.4rem + 2.2vw,3rem);   /* 30 → 48 px: precio de la ficha */
  --t-h1:clamp(2rem,1.4rem + 2.8vw,3.5rem);            /* 32 → 56 px */
  --t-display:clamp(2.375rem,1.5rem + 4.2vw,4.75rem);  /* 38 → 76 px: portada y ficha */
  --lh-titulo:1.08;--lh-ajustado:1.3;--lh-texto:1.6;
  --tr-titulo:-.025em;
  /* espacios (múltiplos de 4) y radios */
  --e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--e6:32px;--e7:48px;--e8:64px;
  --radio:22px;--radio-chico:14px;--radio-mini:10px;--pildora:999px;
  --ancho:1240px;--margen:16px;
  color-scheme:light;
}
@media (min-width:900px){:root{--margen:32px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --fondo:#0E1014;--superficie:#181B21;--superficie-2:#23272F;
  --tinta:#F3F3F1;--tinta-2:#CDD0D6;--tinta-3:#A3A7B0;
  --linea:#2B2F38;--linea-fuerte:#434854;--rojo-texto:#FF7A91;
  --verde:#4FDDA8;--verde-fondo:#113629;--cuota-fondo:#2A2117;--cuota-borde:#4A3A22;
  --fusion-texto:linear-gradient(100deg,#FFC067,#FF7A91);--foco:#FFA41B;
  --sombra:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.3);
  --sombra-alta:0 2px 6px rgba(0,0,0,.4),0 24px 48px rgba(0,0,0,.45);color-scheme:dark}}
:root[data-theme="dark"]{
  --fondo:#0E1014;--superficie:#181B21;--superficie-2:#23272F;
  --tinta:#F3F3F1;--tinta-2:#CDD0D6;--tinta-3:#A3A7B0;
  --linea:#2B2F38;--linea-fuerte:#434854;--rojo-texto:#FF7A91;
  --verde:#4FDDA8;--verde-fondo:#113629;--cuota-fondo:#2A2117;--cuota-borde:#4A3A22;
  --fusion-texto:linear-gradient(100deg,#FFC067,#FF7A91);--foco:#FFA41B;
  --sombra:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.3);
  --sombra-alta:0 2px 6px rgba(0,0,0,.4),0 24px 48px rgba(0,0,0,.45);color-scheme:dark}

/* ── base ── */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:var(--t-cuerpo);line-height:var(--lh-texto);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:Sora,Figtree,system-ui,sans-serif;letter-spacing:var(--tr-titulo);text-wrap:balance;line-height:var(--lh-titulo);margin:0}
h1{font-size:var(--t-h1);font-weight:800}
h2{font-size:var(--t-h2);font-weight:800}
h3{font-size:var(--t-h3);font-weight:700;line-height:var(--lh-ajustado)}
p{margin:0}
small{font-size:inherit}
.envoltura{max-width:var(--ancho);margin:0 auto;padding:0 var(--margen)}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--foco);outline-offset:3px;border-radius:8px}
.noche :focus-visible,.fh :focus-visible,.pie :focus-visible,.promo:focus-visible,.fija :focus-visible,.resultado :focus-visible,.tc:focus-visible{outline-color:#FFC36B}
.saltar{position:absolute;left:-999px}.saltar:focus{left:16px;top:8px;z-index:30;background:var(--superficie);padding:10px 14px;border-radius:var(--radio-mini);box-shadow:var(--sombra-alta)}
.rotulo{font-size:var(--t-meta);font-weight:700;line-height:var(--lh-ajustado);color:var(--tinta-2)}
.rotulo b{color:var(--rojo-texto)}
.rotulo-claro{font-size:var(--t-meta);font-weight:700;line-height:var(--lh-ajustado);color:#FFC36B}
.boton{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);min-height:48px;padding:12px 22px;border-radius:var(--pildora);background:var(--fusion);color:#111318;font-size:var(--t-cuerpo);font-weight:700;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;box-shadow:0 8px 20px rgba(242,56,90,.28);transition:transform .15s,filter .15s}
.boton:hover{filter:brightness(1.05)}
.boton:active{transform:scale(.98)}
.boton-claro{background:#fff;color:var(--asfalto);box-shadow:none}
.boton-borde{background:transparent;color:var(--tinta);box-shadow:none;border:1.5px solid var(--linea-fuerte)}
.boton-borde:hover{border-color:var(--tinta-3);filter:none}

/* la cuota del préstamo: siempre la misma píldora, fácil de encontrar */
.cuota{display:inline-flex;align-items:baseline;gap:5px;width:max-content;max-width:100%;padding:4px 11px;border-radius:var(--pildora);background:var(--cuota-fondo);border:1px solid var(--cuota-borde);color:var(--tinta);font-size:var(--t-meta);font-weight:700;line-height:1.35;font-variant-numeric:tabular-nums;white-space:nowrap}
.cuota i{font-style:normal;font-weight:600;color:var(--tinta-2)}
.cuota small{font-weight:600;color:var(--tinta-2)}
.tc .cuota,.fh .cuota,.noche .cuota,.resumen-oscuro .cuota{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.tc .cuota i,.tc .cuota small,.fh .cuota i,.fh .cuota small,.noche .cuota i,.noche .cuota small{color:rgba(255,255,255,.86)}

/* ── cabecera ── */
.cab{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--fondo) 84%,transparent);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--linea) 70%,transparent)}
.cab .envoltura{display:flex;align-items:center;gap:18px;height:64px}
.logo{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;flex:none}
.logo svg{width:38px;height:38px}
.logo b{font:800 1.3rem Sora,sans-serif;letter-spacing:-.035em}
.logo b span{background:var(--fusion);-webkit-background-clip:text;background-clip:text;color:transparent}
.menu{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.menu a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-weight:600;font-size:var(--t-meta);padding:0 14px;border-radius:var(--pildora);white-space:nowrap;color:var(--tinta-2)}
.menu a:hover,.menu a[aria-current]{background:var(--superficie);color:var(--tinta);box-shadow:var(--sombra)}
@media (max-width:760px){.menu{display:none}.cab .envoltura{height:58px}}

/* barra de abajo en el teléfono: la fusión con letra asfalto (contraste AA) */
.barra{display:none}
@media (max-width:760px){
  .barra{display:flex;position:fixed;bottom:calc(10px + env(safe-area-inset-bottom)/2);left:10px;right:10px;z-index:25;background:var(--fusion);border-radius:var(--radio);padding:5px;box-shadow:0 10px 28px rgba(224,40,78,.35),0 2px 6px rgba(17,19,24,.18)}
  .barra a{flex:1;min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;font-size:var(--t-meta);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:#111318;border-radius:17px;margin:0 1px;transition:background .15s}
  .barra a svg{display:block;width:22px;height:22px}
  .barra a[aria-current]{background:#111318;color:#fff;box-shadow:0 2px 8px rgba(17,19,24,.25)}
  .barra a:focus-visible{outline:3px solid #111318;outline-offset:-3px}
  .barra a[aria-current]:focus-visible{outline-color:#fff}
  body{padding-bottom:96px}
}

/* ── portada: la noche ── */
.noche{position:relative;z-index:5;overflow-x:clip;overflow-y:visible;background:var(--asfalto);color:#fff;padding:var(--e7) 0 var(--e6);margin-top:-1px}
.noche-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%;opacity:.8;filter:saturate(1.05) brightness(.92)}
.noche::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,19,24,.72) 0%,rgba(17,19,24,.5) 38%,rgba(17,19,24,.66) 62%,rgba(17,19,24,.95) 92%,var(--asfalto) 100%),radial-gradient(70% 60% at 85% 10%,rgba(255,164,27,.35),transparent 60%),radial-gradient(60% 50% at 0% 100%,rgba(242,56,90,.3),transparent 60%);z-index:1}
.noche .envoltura{position:relative;z-index:2}
.noche h1{margin:var(--e3) 0;max-width:13ch;font-size:var(--t-display);color:#fff}
.noche h1 em{font-style:normal;background:var(--fusion);-webkit-background-clip:text;background-clip:text;color:transparent}
.noche-texto{color:rgba(255,255,255,.88);max-width:46ch;font-size:var(--t-lead)}
.noche .buscador{margin-top:var(--e5)}
.noche .buscador input{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.noche .buscador input::placeholder{color:rgba(255,255,255,.78)}
.noche .buscador svg{color:rgba(255,255,255,.85)}
.noche-cifras{display:flex;flex-wrap:wrap;gap:var(--e2) var(--e5);margin-top:var(--e5);font-size:var(--t-meta);color:rgba(255,255,255,.86)}
.noche-cifras b{color:#fff;font:800 1.15em Sora,sans-serif;margin-right:3px}
@media (max-width:520px){.noche-cifras{display:grid;grid-template-columns:1fr 1fr;gap:var(--e3) var(--e4);border-top:1px solid rgba(255,255,255,.16);padding-top:var(--e4)}}
.noche-lado{display:none}
@media (min-width:900px){.noche{padding:88px 0 var(--e8)}}
@media (min-width:1024px){
  .noche-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:var(--e7);align-items:end}
  .noche-lado{display:block;padding:var(--e5);border-radius:var(--radio);background:rgba(17,19,24,.62);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 60px rgba(0,0,0,.35)}
  .noche-lado ol{list-style:none;margin:var(--e3) 0 var(--e2);padding:0}
  .noche-lado li+li{border-top:1px solid rgba(255,255,255,.1)}
  .noche-lado li a{display:flex;justify-content:space-between;align-items:center;gap:var(--e3);padding:var(--e3) 0;text-decoration:none;min-height:56px}
  .noche-lado li a>span:first-child{display:grid;line-height:var(--lh-ajustado)}
  .noche-lado li b{font-weight:700}
  .noche-lado li small{font-size:var(--t-meta);color:rgba(255,255,255,.75)}
  .noche-lado li a:hover b{text-decoration:underline}
  .nl-p{display:grid;justify-items:end;gap:4px}
  .nl-p>b{font:800 var(--t-h3) Sora,sans-serif;font-variant-numeric:tabular-nums;color:#FFC36B}
  .nl-mas{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#fff;text-decoration:none}
  .nl-mas:hover{text-decoration:underline}
}

/* ── buscador ── */
.buscador{max-width:640px;position:relative}
.buscador input{width:100%;text-overflow:ellipsis;font:600 var(--t-lead) Figtree,sans-serif;padding:17px 20px 17px 54px;border-radius:var(--pildora);border:1.5px solid var(--linea-fuerte);background:var(--superficie);color:var(--tinta);box-shadow:var(--sombra);-webkit-appearance:none}
.buscador input:focus{outline:none;border-color:var(--ambar);box-shadow:0 0 0 5px rgba(255,164,27,.25)}
.buscador svg{position:absolute;left:20px;top:50%;margin-top:-10.5px;width:21px;height:21px;color:var(--tinta-3);z-index:2;pointer-events:none}
.sugerencias{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--superficie);color:var(--tinta);border:1px solid var(--linea);border-radius:18px;box-shadow:var(--sombra-alta);list-style:none;margin:0;padding:6px;z-index:15;max-height:420px;overflow:auto}
.sugerencias:empty{display:none}
.sugerencias a{display:flex;justify-content:space-between;align-items:center;gap:var(--e3);min-height:52px;padding:10px 14px;border-radius:12px;text-decoration:none}
.sugerencias a:hover,.sugerencias a.activa{background:var(--superficie-2)}
.s-n{display:grid;font-weight:700;line-height:var(--lh-ajustado)}
.s-n small{font-size:var(--t-meta);font-weight:500;color:var(--tinta-3)}
.s-p{flex:none;font:800 var(--t-cuerpo) Sora,sans-serif;font-variant-numeric:tabular-nums;text-align:right}
.s-p small{font:600 var(--t-meta) Figtree,sans-serif;color:var(--tinta-3)}

/* ── tipos de carro ── */
.tipos-b{padding-top:var(--e5)}
.tipos{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--margen);scrollbar-width:none;margin:-8px calc(-1 * var(--margen)) -14px;padding:8px var(--margen) 22px}
.tipos::-webkit-scrollbar{display:none}
.tipo{flex:none;scroll-snap-align:start;width:140px;display:grid;gap:2px;padding:14px;border-radius:var(--radio-chico);background:var(--superficie);border:1px solid var(--linea);text-decoration:none;box-shadow:var(--sombra);transition:transform .15s,border-color .15s}
.tipo:hover{transform:translateY(-2px);border-color:var(--ambar)}
.tipo svg{width:84px;height:42px;color:var(--rojo-texto);margin:0 0 var(--e2) -2px}
.tipo b{font:700 var(--t-cuerpo) Sora,sans-serif}
.tipo span{font-size:var(--t-meta);color:var(--tinta-2)}
@media (min-width:900px){.tipos{margin:0;padding:0;overflow:visible;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--e3)}.tipo{width:auto;padding:var(--e4)}.tipo svg{width:96px;height:48px}}

/* ── bloques ── */
.bloque{padding:var(--e6) 0}
@media (min-width:900px){.bloque{padding:var(--e7) 0}}
.bloque-cab{display:flex;align-items:end;justify-content:space-between;gap:var(--e3);margin-bottom:var(--e5)}
.bloque-cab a{font-weight:700;font-size:var(--t-meta);color:var(--rojo-texto);text-decoration:none;white-space:nowrap;padding:12px 0;margin:-12px 0}
.bloque-cab a:hover{text-decoration:underline}
.bloque-intro{color:var(--tinta-2);margin:var(--e2) 0 0;max-width:68ch}

/* ── tarjetas de carro: la foto manda; precio, pesos y cuota encima ── */
.tc{position:relative;display:block;border-radius:var(--radio);overflow:hidden;text-decoration:none;color:#fff;background:var(--asfalto-2);aspect-ratio:4/4.9;box-shadow:var(--sombra);transition:transform .2s,box-shadow .2s;isolation:isolate}
.tc:hover{transform:translateY(-3px);box-shadow:var(--sombra-alta)}
.tc-foto,.tc-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tc-foto img{transition:transform .5s}
.tc:hover .tc-foto img{transform:scale(1.04)}
.tc-sil{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:34%;background:radial-gradient(80% 60% at 70% 20%,rgba(255,164,27,.25),transparent),var(--asfalto-2)}
.tc-sil svg{width:68%;color:#fff;opacity:.42}
/* velo bajo el texto: con foto blanca, el texto blanco sigue por encima de 4.5:1 */
.tc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,14,.3) 0%,rgba(10,11,14,0) 14%,rgba(10,11,14,0) 26%,rgba(10,11,14,.6) 40%,rgba(10,11,14,.84) 50%,rgba(10,11,14,.94) 70%);z-index:1}
.tc-capa{position:absolute;left:0;right:0;bottom:0;padding:var(--e4);z-index:2;display:grid;justify-items:start;gap:2px}
.tc-marca{font-size:var(--t-meta);font-weight:600;color:rgba(255,255,255,.88);line-height:var(--lh-ajustado)}
.tc h3{font-size:var(--t-h3);color:#fff}
.tc-precio{font:800 var(--t-precio) Sora,sans-serif;line-height:1.15;margin-top:var(--e1);letter-spacing:-.02em;background:linear-gradient(100deg,#FFC067,#FF8A9C);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.tc-precio small{font:700 var(--t-meta) Figtree,sans-serif;letter-spacing:0;-webkit-text-fill-color:rgba(255,255,255,.9)}
.tc-rd{font-size:var(--t-meta);line-height:var(--lh-ajustado);color:rgba(255,255,255,.92);font-variant-numeric:tabular-nums}
.tc .cuota{margin-top:var(--e2)}
.tc-etq{position:absolute;top:var(--e3);left:var(--e3);z-index:2;font-size:var(--t-meta);font-weight:700;line-height:1.3;padding:4px 11px;border-radius:var(--pildora);background:rgba(17,19,24,.66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}
.carrusel{display:flex;gap:var(--e3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--margen);scrollbar-width:none;margin:-8px calc(-1 * var(--margen)) -20px;padding:8px var(--margen) 28px}
.carrusel::-webkit-scrollbar{display:none}
.carrusel .tc{flex:none;width:min(76vw,290px);scroll-snap-align:start}
@media (min-width:900px){.carrusel{gap:var(--e4)}.carrusel .tc{width:calc((min(100vw,var(--ancho)) - 2 * var(--margen) - 3 * var(--e4)) / 4.25)}}
.caja-carrusel{position:relative}
.flecha{display:none}
@media (min-width:900px) and (hover:hover){
  .flecha{display:grid;place-items:center;position:absolute;top:calc(50% - 32px);z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid var(--linea);background:var(--superficie);color:var(--tinta);box-shadow:var(--sombra-alta);cursor:pointer;font:700 1.25rem Figtree,sans-serif;transition:opacity .2s,transform .15s}
  .flecha:hover{transform:scale(1.06)}
  .flecha[disabled]{opacity:0;pointer-events:none}
  .flecha.izq{left:-18px}.flecha.der{right:-18px}
}
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:var(--e4)}
.rejilla .tc-sil,.carrusel .tc-sil{padding-bottom:46%}.tc-sil svg{width:62%}
@media (max-width:520px){
  .rejilla{grid-template-columns:1fr 1fr;gap:10px}
  .rejilla .tc{aspect-ratio:3/4.7;border-radius:18px}
  .rejilla .tc-capa{padding:var(--e3)}
  .rejilla .tc-etq{top:10px;left:10px;padding:3px 9px}
  .rejilla .tc-precio{font-size:1.3rem}
  .rejilla .tc .cuota{padding:3px 8px;gap:3px}
  .rejilla .tc .cuota i{display:none}
  .rejilla .tc-sil{padding-bottom:58%}.rejilla .tc-sil svg{width:70%}
  .rejilla .tc::after{background:linear-gradient(180deg,rgba(10,11,14,.3) 0%,rgba(10,11,14,0) 12%,rgba(10,11,14,.55) 26%,rgba(10,11,14,.84) 38%,rgba(10,11,14,.94) 60%)}
}
.orden{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e3);margin-bottom:var(--e4)}
.orden>span{font-size:var(--t-meta);color:var(--tinta-2);font-weight:600}
.orden div{display:flex;flex-wrap:wrap;gap:6px}
.orden button,.segmento button{min-height:44px;padding:0 16px;border-radius:var(--pildora);border:1.5px solid var(--linea-fuerte);background:var(--superficie);color:var(--tinta);font:700 var(--t-meta) Figtree,sans-serif;cursor:pointer}
.orden button[aria-pressed="true"],.segmento button[aria-pressed="true"]{background:var(--tinta);border-color:var(--tinta);color:var(--fondo)}

/* ── comparación destacada ── */
.comparar{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--e6);align-items:center;padding:var(--e6);border-radius:var(--radio);background:var(--superficie);border:1px solid var(--linea);box-shadow:var(--sombra)}
@media (max-width:860px){.comparar{grid-template-columns:1fr;gap:var(--e5);padding:var(--e5) 20px}}
.comparar h2{margin:var(--e2) 0 var(--e2)}
.comparar .boton{margin-top:var(--e4)}
.barras{display:grid;gap:var(--e4)}
.barra-c{display:grid;grid-template-columns:1fr auto;gap:6px var(--e3);align-items:center}
.bc-n{font-weight:700}
.barra-c b{font:800 var(--t-h3) Sora,sans-serif;font-variant-numeric:tabular-nums}
.bc-b{grid-column:1/-1;height:12px;border-radius:var(--pildora);background:var(--superficie-2);overflow:hidden}
.bc-b i{display:block;height:100%;border-radius:var(--pildora);background:var(--linea-fuerte)}
.barra-c.mejor .bc-b i{background:var(--fusion)}
.barra-c.mejor .bc-n::after{content:"el más bajo";display:inline-block;margin-left:var(--e2);white-space:nowrap;font-size:var(--t-meta);font-weight:700;line-height:1.3;padding:2px 9px;border-radius:var(--pildora);background:var(--verde-fondo);color:var(--verde)}

/* ── promo de la calculadora ── */
.promo{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:var(--e6);border-radius:var(--radio);text-decoration:none;color:#fff;background:radial-gradient(90% 120% at 100% 0%,rgba(255,164,27,.5),transparent 60%),radial-gradient(80% 120% at 0% 100%,rgba(242,56,90,.55),transparent 60%),var(--asfalto);box-shadow:var(--sombra-alta)}
.promo h2{color:#fff;margin:6px 0}
.promo p{color:rgba(255,255,255,.88);max-width:48ch}
@media (max-width:520px){.promo{padding:var(--e5) 20px}}

/* ── marcas ── */
.marcas{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.marcas a{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 14px;border-radius:var(--radio-chico);background:var(--superficie);border:1px solid var(--linea);text-decoration:none;transition:border-color .15s,transform .15s}
.marcas a:hover{border-color:var(--ambar);transform:translateY(-1px)}
.marcas i{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:800 1rem Sora,sans-serif;font-style:normal;color:#111318;background:var(--fusion)}
.marcas b{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.marcas span{font-weight:700;font-size:var(--t-meta);color:var(--tinta-2);background:var(--superficie-2);padding:1px 9px;border-radius:var(--pildora)}

/* ── ficha del modelo ── */
.migas{font-size:var(--t-meta);color:var(--tinta-3);padding-top:var(--e4)}
.migas a{color:var(--tinta-2);text-decoration:none;display:inline-block;padding:10px 0;margin:-10px 0}.migas a:hover{text-decoration:underline}
.fh{position:relative;min-height:min(76vh,640px);display:flex;align-items:flex-end;background:var(--asfalto);color:#fff;overflow:hidden;margin-top:-1px}
.fh-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fh-sil{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(70% 60% at 80% 10%,rgba(255,164,27,.3),transparent),radial-gradient(60% 60% at 0% 100%,rgba(242,56,90,.3),transparent),var(--asfalto)}
.fh-sil svg{width:min(70%,560px);color:#fff;opacity:.3}
.fh-sil svg *{stroke-width:1.7}
@media (min-width:761px){.fh.sin-foto{min-height:min(60vh,520px)}.fh.sin-foto .fh-sil{place-items:center end;padding:0 max(var(--margen),calc((100vw - var(--ancho))/2 + var(--margen))) 60px 0}.fh.sin-foto .fh-sil svg{width:min(44%,540px)}}
.fh::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,14,.4) 0%,rgba(10,11,14,0) 20%,rgba(10,11,14,.3) 40%,rgba(10,11,14,.82) 64%,rgba(10,11,14,.95) 100%);z-index:1}
.fh .migas,.fh-sub>span{text-shadow:0 1px 8px rgba(0,0,0,.5)}
.fh-capa{position:relative;z-index:2;width:100%;padding:0 0 var(--e6)}
.fh .migas{color:rgba(255,255,255,.78);padding:0 0 var(--e3)}.fh .migas a{color:rgba(255,255,255,.92)}
.fh-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--e3)}
.fh-chips span{font-size:var(--t-meta);font-weight:700;line-height:1.3;padding:4px 12px;border-radius:var(--pildora);background:rgba(17,19,24,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.fh h1{color:#fff;font-size:var(--t-display);max-width:16ch}
.fh-precio{margin-top:var(--e3);font:800 var(--t-precio-xl) Sora,sans-serif;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(100deg,#FFC067,#FF7A91);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.fh-sub{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e2) var(--e3);margin-top:var(--e3);font-size:var(--t-lead);color:rgba(255,255,255,.94);font-variant-numeric:tabular-nums}
.credito{font-size:var(--t-fino);color:var(--tinta-3);padding-top:var(--e2)}
.credito a{color:inherit}
.lead{font-size:var(--t-lead);color:var(--tinta-2);max-width:66ch;padding-top:var(--e5)}

/* columnas de la ficha: en la computadora, el contenido a la izquierda y el resumen fijo a la derecha */
.ficha-main .envoltura{max-width:none;padding:0}
.ficha-main>.envoltura{padding:0}
.resumen{display:none}
@media (min-width:1024px){
  .ficha-cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--e7);align-items:start}
  .resumen{display:block;position:sticky;top:88px;padding:var(--e6) 0}
  .resumen-caja{padding:var(--e5);border-radius:var(--radio);background:var(--superficie);border:1px solid var(--linea);box-shadow:var(--sombra-alta);display:grid;gap:var(--e2)}
  .resumen-usd{font:800 2.25rem Sora,sans-serif;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:var(--e1)}
  .resumen-usd small{font:700 var(--t-meta) Figtree,sans-serif;letter-spacing:0;color:var(--tinta-2)}
  .resumen-rd{font-size:var(--t-cuerpo);color:var(--tinta-2);font-variant-numeric:tabular-nums}
  .resumen-t{margin-top:var(--e4);padding-top:var(--e4);border-top:1px solid var(--linea);font-weight:700}
  .resumen-dealers{list-style:none;margin:0;padding:0}
  .resumen-dealers li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--e3);padding:10px 0;border-bottom:1px solid var(--linea)}
  .resumen-dealers li:last-child{border-bottom:0}
  .resumen-dealers b{font:800 var(--t-cuerpo) Sora,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
  .resumen-dealers small{font:600 var(--t-meta) Figtree,sans-serif;color:var(--tinta-3)}
  .resumen-dealers li.mejor b{color:var(--verde)}
  .resumen-dealers li.mejor span::after{content:"el más bajo";display:inline-block;margin-left:var(--e2);font-size:var(--t-meta);font-weight:700;line-height:1.3;padding:1px 8px;border-radius:var(--pildora);background:var(--verde-fondo);color:var(--verde)}
  .resumen-botones{display:grid;gap:var(--e2);margin-top:var(--e3)}
  .ficha-main .versiones{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
}

/* precio de cada versión */
.versiones{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--e4);align-items:start}
@media (max-width:520px){.versiones{grid-template-columns:1fr}}
.version{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:20px;box-shadow:var(--sombra)}
.version h3{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:var(--e4);padding-bottom:var(--e3);border-bottom:1px solid var(--linea)}
.version h3 span{flex:none;font:700 var(--t-meta) Figtree,sans-serif;line-height:1.3;color:var(--tinta-2);background:var(--superficie-2);padding:2px 10px;border-radius:var(--pildora)}
.version ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--e4)}
.version li{display:grid;gap:6px;padding-top:var(--e4);border-top:1px solid var(--linea)}
.version li:first-child{border-top:0;padding-top:0}
.vd-cab{display:flex;align-items:center;flex-wrap:wrap;gap:6px var(--e2)}
.vd-dealer{font-weight:700}
.vd-cab .ir{margin:-12px -10px -12px auto;padding:12px 10px}
.vd-precio{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px var(--e3)}
.vd-precio b{font:800 var(--t-precio) Sora,sans-serif;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.version li.mejor .vd-precio b{background:var(--fusion-texto);-webkit-background-clip:text;background-clip:text;color:transparent}
.vd-precio span{font-size:var(--t-cuerpo);color:var(--tinta-2);font-variant-numeric:tabular-nums}
.vd-barra{height:8px;border-radius:var(--pildora);background:var(--superficie-2);overflow:hidden;margin:2px 0}
.vd-barra i{display:block;height:100%;border-radius:var(--pildora);background:var(--linea-fuerte)}
.version li.mejor .vd-barra i{background:var(--fusion)}
.vd-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e2) var(--e3);margin-top:2px}
.vd-pie small{color:var(--tinta-3);font-size:var(--t-meta)}
.etq{display:inline-block;font-size:var(--t-meta);font-weight:700;line-height:1.3;padding:1px 9px;border-radius:var(--pildora);background:var(--superficie-2);color:var(--tinta-2)}
.etq.mejor{background:var(--verde-fondo);color:var(--verde)}
.ir{color:var(--rojo-texto);font-weight:700;text-decoration:none;white-space:nowrap;font-size:var(--t-meta)}
.ir:hover{text-decoration:underline}
.nota{font-size:var(--t-meta);line-height:var(--lh-texto);color:var(--tinta-2);margin-top:var(--e4);max-width:72ch}

/* barra fija del precio (teléfono y tableta; en la computadora está el resumen) */
.fija{display:none}
@media (max-width:1023px){
  .con-fija .fija{transform:translateY(calc(100% + 120px));transition:transform .25s ease;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:var(--e3);position:fixed;left:10px;right:10px;bottom:16px;z-index:24;padding:10px 10px 10px 18px;border-radius:18px;background:var(--asfalto);color:#fff;box-shadow:var(--sombra-alta)}
  .fija b{display:block;font:800 var(--t-h3) Sora,sans-serif;font-variant-numeric:tabular-nums}
  .fija span{font-size:var(--t-meta);color:rgba(255,255,255,.86)}
  .fija strong{color:#FFC36B}
  .fija .boton{padding:10px 18px}
  .con-fija .fija.visible{transform:none}
  .con-fija{padding-bottom:96px}
}
@media (min-width:761px) and (max-width:1023px){.con-fija .fija{max-width:560px;left:50%;right:auto;transform:translate(-50%,calc(100% + 120px))}.con-fija .fija.visible{transform:translate(-50%,0)}}
@media (max-width:760px){.con-fija .fija{bottom:calc(84px + env(safe-area-inset-bottom)/2)}.con-fija{padding-bottom:176px}}

/* ── calculadoras ── */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--e5);background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:var(--e5);box-shadow:var(--sombra)}
@media (max-width:760px){.calc{grid-template-columns:minmax(0,1fr);padding:var(--e4)}}
.calc .campos,.calc .resultado{min-width:0}
.calc .campos{display:grid;gap:18px;align-content:start}
.calc .campo{display:grid;gap:6px;font-weight:700;font-size:var(--t-cuerpo);border:0;margin:0;padding:0;min-width:0}
.calc legend{padding:0;margin-bottom:6px;font-weight:700}
.calc input,.calc select{font:600 var(--t-lead) Figtree,sans-serif;min-height:52px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--linea-fuerte);background:var(--fondo);color:var(--tinta);width:100%;font-variant-numeric:tabular-nums}
.calc input:focus,.calc select:focus{outline:none;border-color:var(--ambar);box-shadow:0 0 0 4px rgba(255,164,27,.25)}
.calc input:focus-visible,.calc select:focus-visible{outline:2px solid var(--foco);outline-offset:1px}
.calc .par{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--e2)}
.con-unidad{position:relative;display:block;font-weight:600}
.con-unidad i{position:absolute;top:50%;transform:translateY(-50%);font-style:normal;font-weight:700;color:var(--tinta-3);pointer-events:none}
.con-unidad input+i{right:14px}
.con-unidad i:first-of-type:not(:last-child){left:14px}
.con-unidad input[name="inicial"],.con-unidad input[name="tasa"]{padding-right:36px}
.con-unidad input[name="inicial_rd"]{padding-left:52px}
.calc .ayuda{font-size:var(--t-meta);font-weight:500;color:var(--tinta-3);line-height:1.45}
.segmento{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--e2)}
.calc .resultado{border-radius:18px;padding:var(--e5);background:var(--asfalto);color:#fff;display:grid;gap:var(--e2);align-content:start}
.calc .resultado .rotulo{color:rgba(255,255,255,.86)}
.calc .resultado .grande{display:block;font:800 clamp(2.25rem,1.8rem + 2vw,3rem) Sora,sans-serif;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(100deg,#FFC067,#FF7A91);-webkit-background-clip:text;background-clip:text;color:transparent}
.calc .resultado dl{display:grid;grid-template-columns:1fr auto;gap:10px var(--e3);margin:var(--e2) 0 0;font-size:var(--t-cuerpo);color:rgba(255,255,255,.88)}
.calc .resultado dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:#fff}
.calc-compara{font-size:var(--t-meta);color:#FFD7A0;line-height:1.45;margin-top:var(--e2)}
.calc-compara:empty{display:none}
.plazos{width:100%;border-collapse:collapse;margin-top:var(--e2);font-size:var(--t-meta);font-variant-numeric:tabular-nums}
.plazos caption{text-align:left;font-weight:700;color:rgba(255,255,255,.86);padding-bottom:6px}
.plazos th,.plazos td{padding:8px 0 8px 12px;border-top:1px solid rgba(255,255,255,.12);text-align:right;font-weight:600;color:rgba(255,255,255,.88)}
.plazos th:first-child,.plazos td:first-child{text-align:left}
.plazos thead th{font-weight:600;color:rgba(255,255,255,.72);border-top:0}
.plazos tr.actual th,.plazos tr.actual td{color:#FFC36B;font-weight:800}
.plazos small{display:block;font-weight:600;font-size:var(--t-meta)}
.plazos tbody th{white-space:nowrap}
.calc .resultado .nota{color:rgba(255,255,255,.8);margin-top:var(--e2)}

/* ── páginas de lista y de texto ── */
.cab-pagina{padding-top:var(--e5);padding-bottom:var(--e1)}
.cab-pagina h1{margin:10px 0}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--e4)}
.chips span,.chips a{font-size:var(--t-meta);font-weight:700;line-height:1.3;padding:6px 12px;border-radius:var(--pildora);background:var(--superficie);border:1px solid var(--linea);color:var(--tinta-2);text-decoration:none}
.chips b{color:var(--tinta);margin-left:var(--e1)}
.entrada{color:var(--tinta-2);max-width:66ch;font-size:var(--t-lead)}
.prosa{max-width:68ch}
.prosa p,.prosa ul,.prosa ol{margin:0 0 var(--e4)}
.prosa h2{margin:var(--e6) 0 10px;font-size:var(--t-h3)}
.prosa li{margin:6px 0}
.lista-simple{list-style:none;padding:0;margin:0;display:grid;gap:var(--e3)}
@media (min-width:900px){.lista-simple{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dealer{display:grid;gap:6px;justify-items:start;align-content:start;padding:20px;border-radius:var(--radio);background:var(--superficie);border:1px solid var(--linea);box-shadow:var(--sombra)}
.dealer h2{font-size:var(--t-h3)}
.dealer span{color:var(--tinta-2)}
.dealer .ir{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--e1);padding:0 18px;border-radius:var(--pildora);border:1.5px solid var(--linea-fuerte)}
.dealer .ir:hover{border-color:var(--rojo-texto);text-decoration:none}

/* ── pie ── */
.pie{margin-top:var(--e7);position:relative;color:rgba(255,255,255,.86);padding:var(--e7) 0;font-size:var(--t-cuerpo);background:radial-gradient(70% 90% at 100% 0%,rgba(255,164,27,.45),transparent 60%),radial-gradient(70% 90% at 0% 100%,rgba(242,56,90,.5),transparent 60%),var(--asfalto)}
.pie::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--fusion)}
.pie .envoltura{display:grid;gap:var(--e4)}
.pie p{max-width:68ch}
.pie .logo b{color:#fff}
.pie nav{display:flex;flex-wrap:wrap;gap:0 var(--e5)}
.pie nav a{display:inline-block;padding:11px 0}
.pie a{text-decoration:none;color:#fff}.pie a:hover{text-decoration:underline}
.pie small{color:rgba(255,255,255,.76);font-size:var(--t-meta);line-height:1.5}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ficha en el teléfono: la foto completa arriba y el nombre y el precio debajo, fundidos con ella */
@media (max-width:760px){
  .fh{display:block;min-height:0}
  .fh-foto,.fh-sil{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/11}
  .fh::before{inset:0 0 auto 0;height:calc(100vw * 11 / 16);background:linear-gradient(180deg,rgba(10,11,14,.35) 0%,rgba(10,11,14,0) 28%,rgba(10,11,14,0) 50%,var(--asfalto) 100%)}
  .fh-capa{margin-top:-72px;padding-bottom:var(--e5)}
  .fh h1{font-size:var(--t-h1)}
}

/* ficha técnica: un desplegable por versión */
.ft{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio,22px);margin-bottom:10px;box-shadow:var(--sombra)}
.ft summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;min-height:56px;font-size:1.05rem}
.ft summary::-webkit-details-marker{display:none}
.ft summary::after{content:"+";font:700 1.4rem Sora,sans-serif;color:var(--rojo-texto);margin-left:8px}
.ft[open] summary::after{content:"–"}
.ft summary span{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}
.ft dl{margin:0;padding:0 18px 6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 24px}
.ft dl div{padding:10px 0;border-top:1px solid var(--linea)}
.ft dt{font-size:.88rem;font-weight:700;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.04em}
.ft dd{margin:2px 0 0;font-size:1rem;color:var(--tinta)}
.ft .nota{padding:0 18px 16px;margin-top:4px}

/* distintivo del concesionario: iniciales en un círculo con el anillo de la marca + nombre en negrita */
.dist{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--tinta);min-height:32px}
.dist i{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:800 .8rem Sora,sans-serif;font-style:normal;letter-spacing:.02em;
  color:#fff;background:var(--asfalto,#111318);box-shadow:0 0 0 2px var(--superficie),0 0 0 4px #FFA41B}
.dist b{font-weight:800;font-size:1.02rem;line-height:1.2}
a.dist:hover b{text-decoration:underline}
.mejor .dist i,li.mejor > .dist i{box-shadow:0 0 0 2px var(--superficie),0 0 0 4px #F2385A}
.dealer h2 .dist b{font-size:1.2rem}

/* cada versión con su acento, sacado de la misma fusión de la marca (ámbar → naranja → coral → rojo → frambuesa → magenta),
   para que se distinga de un vistazo dónde empieza cada una (Rafael, 9 nov 2026) */
.versiones .version:nth-child(6n+1),.ft:nth-of-type(6n+1){--acento:#F59E0B}
.versiones .version:nth-child(6n+2),.ft:nth-of-type(6n+2){--acento:#F97316}
.versiones .version:nth-child(6n+3),.ft:nth-of-type(6n+3){--acento:#EF5A3C}
.versiones .version:nth-child(6n+4),.ft:nth-of-type(6n+4){--acento:#E5304F}
.versiones .version:nth-child(6n+5),.ft:nth-of-type(6n+5){--acento:#C8287A}
.versiones .version:nth-child(6n+6),.ft:nth-of-type(6n+6){--acento:#A23A9E}
.version{position:relative;overflow:hidden;padding-top:0;border:1.5px solid color-mix(in srgb,var(--acento,#F59E0B) 55%,var(--linea))}
.version::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--acento,#F59E0B)}
.version h3{margin:0 -20px var(--e4);padding:22px 20px 14px;border-bottom:1px solid color-mix(in srgb,var(--acento,#F59E0B) 35%,var(--linea));
  background:color-mix(in srgb,var(--acento,#F59E0B) 10%,var(--superficie))}
.version h3 span{background:color-mix(in srgb,var(--acento,#F59E0B) 18%,var(--superficie));color:color-mix(in srgb,var(--acento,#F59E0B) 50%,var(--tinta))}
.ft{border:1.5px solid color-mix(in srgb,var(--acento,#F59E0B) 55%,var(--linea));border-left:6px solid var(--acento,#F59E0B)}
.ft summary{background:color-mix(in srgb,var(--acento,#F59E0B) 8%,var(--superficie));border-radius:inherit}

/* el resumen nunca se desborda: el nombre del concesionario arriba y el precio debajo a la derecha si no caben juntos */
@media (min-width:1024px){
  .resumen-caja{min-width:0;overflow:hidden}
  .resumen-dealers li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px var(--e3)}
  .resumen-dealers li > .dist{min-width:0}
  .resumen-dealers li > .dist b{white-space:normal;overflow-wrap:anywhere}
  .resumen-dealers li > b{justify-self:end}
  .resumen-usd{font-size:clamp(1.7rem,2.4vw,2.25rem);overflow-wrap:anywhere}
}
/* en general: ningún texto ni número empuja su caja */
.version,.tc,.ft,.dealer,.calc,.comparar,.promo{min-width:0}
.vd-cab,.vd-precio,.vd-pie{min-width:0;flex-wrap:wrap}
.dist b{overflow-wrap:anywhere}

/* calculadora: dos columnas solo si de verdad caben; si no, una debajo de la otra (tableta, columna estrecha) */
.calc{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.calc .resultado{min-width:0}
.calc .resultado dl{min-width:0}
.calc .resultado .grande{overflow-wrap:anywhere}
/* el año con su fuente: si no cabe al lado del nombre, baja a su propia línea */
.version h3{flex-wrap:wrap;row-gap:8px}
.version h3 span{white-space:normal;max-width:100%;text-align:right}
.version h3 span small{display:inline}

/* teléfonos angostos (320–360 px): la calculadora y las listas caben sin empujar la página */
.calc .resultado,.calc .resultado *{min-width:0}
.calc table.plazos{width:100%;table-layout:fixed}
.calc table.plazos th,.calc table.plazos td{overflow-wrap:anywhere}
@media (max-width:380px){
  .calc{padding:14px;gap:14px}
  .calc .resultado{padding:14px}
  .calc .resultado dl{grid-template-columns:1fr;gap:2px}
  .calc .resultado dd{text-align:left;margin-bottom:6px}
  .calc table.plazos th,.calc table.plazos td{padding:6px 4px;font-size:.92rem}
  .calc .resultado .grande{font-size:2rem}
}
@media (max-width:360px){
  .rejilla{grid-template-columns:1fr}
  .rejilla .tc{aspect-ratio:4/3.6}
  .rejilla .tc-rd{display:block}
}
.tc .cuota{max-width:100%;white-space:normal}

/* ── buscador inteligente y años (9 nov 2026) ── */
.s-todos a{border-top:1px solid var(--linea);border-radius:0 0 12px 12px;margin-top:4px;color:var(--rojo-texto)}
.buscar-ayuda{margin:var(--e3) 0 0;color:var(--tinta-3);font-size:var(--t-meta)}
.buscar-ayuda a{color:var(--tinta-2)}
/* ficha: elegir el año */
.anios{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 var(--e3)}
.anios-t{font-size:var(--t-meta);font-weight:700;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.08em;margin-right:4px}
.anios button{min-height:44px;padding:8px 16px;border-radius:var(--pildora);border:1.5px solid var(--linea-fuerte);background:var(--superficie);color:var(--tinta);
  font:700 var(--t-cuerpo) Figtree,sans-serif;cursor:pointer;font-variant-numeric:tabular-nums}
.anios button small{font-weight:500;color:var(--tinta-3);margin-left:4px}
.anios button[aria-pressed="true"]{background:var(--tinta);color:var(--fondo);border-color:var(--tinta)}
.anios button[aria-pressed="true"] small{color:inherit;opacity:.75}
.anios button:focus-visible{outline:3px solid var(--foco);outline-offset:2px}
.anios-nota{margin:0 0 var(--e3);font-size:var(--t-meta);color:var(--tinta-2)}
.version[hidden]{display:none}
/* página de resultados */
.res-cuenta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 var(--e4);color:var(--tinta-2)}
.res-chips{display:inline-flex;flex-wrap:wrap;gap:6px}
.res-chips span{padding:4px 12px;border-radius:var(--pildora);background:var(--superficie-2);border:1px solid var(--linea);font-size:var(--t-meta);font-weight:700;color:var(--tinta)}
.res-atajos{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 var(--e4)}
.res-atajos .boton{min-height:44px;padding:10px 18px}
.res-lista{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.res{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid var(--linea);border-radius:var(--radio);background:var(--superficie)}
.res-foto{display:block;aspect-ratio:16/10;border-radius:var(--radio-chico);overflow:hidden;background:var(--superficie-2)}
.res-foto img{width:100%;height:100%;object-fit:cover;display:block}
.res-cuerpo{min-width:0}
.res h2{margin:0;font-size:var(--t-h3);line-height:var(--lh-ajustado)}
.res h2 a{color:var(--tinta);text-decoration:none}
.res h2 a:hover{text-decoration:underline}
.res-meta{margin:4px 0 0;font-size:var(--t-meta);color:var(--tinta-3)}
.res-precio{margin:6px 0 0;font-weight:800;font-variant-numeric:tabular-nums;color:var(--tinta)}
.res-precio small{font-weight:500;color:var(--tinta-3)}
.res-anios{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.res-anios a,.res-anios span{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:var(--pildora);border:1px solid var(--linea-fuerte);
  font-size:var(--t-meta);font-weight:700;color:var(--tinta);text-decoration:none;font-variant-numeric:tabular-nums}
.res-anios a:hover{border-color:var(--tinta-3)}
.res-anios a[aria-current="true"]{background:var(--tinta);color:var(--fondo);border-color:var(--tinta)}
.res-anios span{color:var(--tinta-3);border-style:dashed}
.res-vacio p{margin:0 0 var(--e3)}
@media (max-width:420px){.res{grid-template-columns:104px 1fr;gap:10px}}

/* ── notas (9 nov 2026) ── */
.nota-cab{max-width:780px;padding-top:var(--e4);padding-bottom:var(--e3)}
.nota-cab h1{margin:var(--e2) 0 var(--e3);font-size:var(--t-h1);line-height:var(--lh-titulo);text-wrap:balance}
.nota-firma{margin:var(--e3) 0 0;font-size:var(--t-meta);color:var(--tinta-3)}
.nota-cuerpo{max-width:780px;padding-bottom:var(--e5)}
.nota-cuerpo h2{margin:var(--e6) 0 var(--e3);font-size:var(--t-h2);line-height:var(--lh-titulo);text-wrap:balance}
.nota-cuerpo h3{margin:var(--e5) 0 var(--e2);font-size:var(--t-h3)}
.nota-cuerpo p,.nota-cuerpo li{font-size:var(--t-lead);line-height:1.65;color:var(--tinta)}
.nota-cuerpo p{margin:0 0 var(--e3)}
.nota-cuerpo ul{margin:0 0 var(--e3);padding-left:1.2em}
.nota-cuerpo li{margin:0 0 6px}
.nota-cuerpo a{color:var(--tinta);text-decoration-color:var(--ambar);text-decoration-thickness:2px;text-underline-offset:3px}
.tabla-titulo{font-weight:700;margin-top:var(--e4)!important}
.tabla-nota{overflow-x:auto;margin:var(--e3) 0 var(--e4);border:1px solid var(--linea);border-radius:var(--radio);background:var(--superficie)}
.tabla-nota table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:520px}
.comparar-nota table{min-width:0;table-layout:fixed}
.comparar-nota thead th:first-child{width:30%}
.comparar-nota th,.comparar-nota td{padding:10px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@media (max-width:420px){.comparar-nota th,.comparar-nota td{font-size:var(--t-meta)}}
.tabla-nota th,.tabla-nota td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--linea);font-size:var(--t-cuerpo);vertical-align:top}
.tabla-nota thead th{font-size:var(--t-meta);text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-3);background:var(--superficie-2)}
.tabla-nota tbody tr:last-child th,.tabla-nota tbody tr:last-child td{border-bottom:0}
.tabla-nota tbody th{font-weight:700}
.tabla-nota small{display:block;font-weight:500;color:var(--tinta-3);font-size:var(--t-meta)}
.tabla-nota td small{display:inline}
.tabla-nota a{color:var(--tinta)}
.nota-mas{margin-top:-8px!important}
.notas-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr))}
.notas-lista a{display:grid;gap:4px;height:100%;padding:16px 18px;border:1px solid var(--linea);border-radius:var(--radio);background:var(--superficie);text-decoration:none;color:var(--tinta)}
.notas-lista a:hover{border-color:var(--linea-fuerte)}
.notas-lista b{font-size:var(--t-h3);line-height:var(--lh-ajustado)}
.notas-lista span{font-size:var(--t-meta);color:var(--tinta-3);line-height:1.45}
.nota-portada{margin:0 0 var(--e4);max-width:780px;border-radius:var(--radio);overflow:hidden;border:1px solid var(--linea);background:#111318;aspect-ratio:1200/630}
.nota-portada img{display:block;width:100%;height:100%;object-fit:cover}
.notas-lista a{align-content:start}
.notas-lista img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:calc(var(--radio) - 6px);margin-bottom:8px;background:#111318}

/* ── Amazon (enlaces de afiliado; sale solo con AMAZON_ACTIVO) ── */
.amz-fila{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.amz-t{scroll-snap-align:start;display:grid;gap:6px;align-content:start;padding:18px;border-radius:var(--radio);border:1px solid var(--linea);background:var(--superficie);color:var(--tinta);text-decoration:none}
.amz-t:hover{border-color:var(--linea-fuerte)}
.amz-t:first-child{background:var(--fusion);color:#111318;border-color:transparent}
.amz-t:first-child span{color:#111318;opacity:.8}
.amz-t svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.amz-t b{font-size:var(--t-h3);line-height:var(--lh-ajustado)}
.amz-t span{font-size:var(--t-meta);color:var(--tinta-3)}
.amz .nota{margin-top:var(--e3)}
.noche-credito{position:relative;z-index:2;margin-top:var(--e4);font-size:.72rem;color:rgba(255,255,255,.62)}
.noche-credito a{color:inherit}
.creditos{padding-left:1.1em}
.creditos li{margin:0 0 8px;font-size:var(--t-meta);line-height:1.5}
.h2-lista{font-size:var(--t-h3);margin:0 0 var(--e3);color:var(--tinta-2)}
.tabla-nota:focus-visible{outline:3px solid var(--foco);outline-offset:2px}
.nota-cuerpo .nota a,.ft .ir{display:inline-block;padding:4px 0}

/* ── «¿Cuál es tu presupuesto?» (9 nov 2026) ── */
.pres{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--e5);background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:var(--e5);box-shadow:var(--sombra)}
@media (max-width:860px){.pres{grid-template-columns:minmax(0,1fr);padding:var(--e4)}}
.pres-campos{display:grid;gap:18px;align-content:start;min-width:0}
.pres .campo{display:grid;gap:6px;font-weight:700;font-size:var(--t-cuerpo);border:0;margin:0;padding:0;min-width:0}
.pres legend{padding:0;margin-bottom:6px;font-weight:700}
.pres input[type="text"],.pres select{font:600 var(--t-lead) Figtree,sans-serif;min-height:52px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--linea-fuerte);background:var(--fondo);color:var(--tinta);width:100%;font-variant-numeric:tabular-nums}
.pres select{font-size:var(--t-cuerpo)}
.pres input[type="text"]:focus,.pres select:focus{outline:none;border-color:var(--ambar);box-shadow:0 0 0 4px rgba(255,164,27,.25)}
.pres .ayuda{font-size:var(--t-meta);font-weight:500;color:var(--tinta-3)}
.pres-mas{border-top:1px solid var(--linea);padding-top:var(--e3)}
.pres-mas summary small{font:600 var(--t-meta) Figtree,sans-serif;color:var(--tinta-3)}
.pres-mas summary{cursor:pointer;font-weight:800;font-family:Sora,sans-serif;font-size:var(--t-lead);padding:4px 0;list-style-position:inside}
.pres-filtros{display:grid;gap:16px;margin-top:var(--e3)}
.pres-par{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
@media (max-width:420px){.pres-par{grid-template-columns:minmax(0,1fr)}}
.pres .chips{margin-top:0}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-block;font-size:var(--t-meta);font-weight:700;padding:9px 14px;border-radius:var(--pildora);border:1.5px solid var(--linea-fuerte);background:var(--fondo);color:var(--tinta-2);min-height:40px}
.chip input:checked+span{background:var(--asfalto);border-color:var(--asfalto);color:#fff}
.chip input:focus-visible+span{outline:2px solid var(--foco);outline-offset:2px}
.check{display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer;min-height:40px}
.check input{width:22px;height:22px;accent-color:var(--rojo)}
.pres-salida{border-radius:18px;padding:var(--e5);background:var(--asfalto);color:#fff;display:grid;gap:var(--e4);align-content:start;min-width:0}
@media (min-width:861px){.pres-salida{position:sticky;top:84px}}
.pres-resumen p{font-size:var(--t-lead);line-height:1.5;color:rgba(255,255,255,.9)}
.pres-resumen b{color:#fff}
.pres-resumen small{color:rgba(255,255,255,.75);font-size:var(--t-meta)}
.pres-cuenta{display:block;margin-top:var(--e3);font:800 clamp(1.375rem,1.1rem + 1.2vw,1.875rem)/1.2 Sora,sans-serif;letter-spacing:-.015em}
.pres-cuenta b{background:linear-gradient(100deg,#FFC067,#FF7A91);-webkit-background-clip:text;background-clip:text;color:transparent}
.pres-bancos .rotulo{color:rgba(255,255,255,.8);margin-bottom:8px}
.pres-bancos ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pres-bancos li{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:var(--t-meta);color:rgba(255,255,255,.88)}
.pres-bancos li small{color:rgba(255,255,255,.62);font-weight:600}
.pres-bancos li b{font-variant-numeric:tabular-nums;color:#fff;min-width:6.2em;text-align:right}
.pb-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.pb-barra{height:12px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.pb-barra i{display:block;height:100%;border-radius:99px;background:rgba(255,255,255,.38);transition:width .35s ease}
.pres-bancos li.actual .pb-barra i{background:linear-gradient(100deg,#FFA41B,#F2385A)}
.pres-bancos li.actual .pb-n{color:#FFC067}
@media (max-width:420px){.pres-bancos li{grid-template-columns:minmax(0,1fr) auto}.pb-barra{grid-column:1/-1;order:3}}
@media (prefers-reduced-motion:reduce){.pb-barra i{transition:none}}
.pres-compartir{display:flex;flex-wrap:wrap;gap:10px}
.pres-compartir .boton-borde{color:#fff;border-color:rgba(255,255,255,.4)}
.pres-orden{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:var(--e6) 0 var(--e4)}
.pres-orden>span{font-weight:700;color:var(--tinta-2)}
.pres-orden .segmento{margin:0}
.pres-cuota{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pres-cuota small{color:var(--tinta-3);font-size:var(--t-meta)}
.pres-mas-btn{grid-column:1/-1;text-align:center;margin-top:var(--e3)}
.pres-falta:empty{display:none}
.pres-falta{margin-top:var(--e6);background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:var(--e5)}
.pres-falta ul{list-style:none;margin:var(--e3) 0 0;padding:0;display:grid;gap:12px}
.pres-falta li{display:grid;gap:2px;padding-top:12px;border-top:1px solid var(--linea)}
.pres-falta li:first-child{border-top:0;padding-top:0}
.pres-falta li a{font-weight:800;font-family:Sora,sans-serif}
.pres-falta li small{color:var(--tinta-3)}
.pres-falta li span{color:var(--tinta-2)}
.pres-falta li span b{color:var(--rojo-texto)}
/* la caja corta de la portada */
.pres-corta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:var(--e5);box-shadow:var(--sombra)}
.pres-corta h2{font:800 var(--t-h2,1.6rem)/1.15 Sora,sans-serif;letter-spacing:-.02em}
.pres-corta p{color:var(--tinta-2);margin-top:6px}
.pres-corta label{display:grid;gap:6px;font-weight:700}
.pres-corta input{font:600 var(--t-lead) Figtree,sans-serif;min-height:52px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--linea-fuerte);background:var(--fondo);color:var(--tinta);width:100%;font-variant-numeric:tabular-nums}
@media (max-width:860px){.pres-corta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pres-corta>div:first-child,.pres-corta .boton{grid-column:1/-1}}
.pres-sil{display:grid;place-items:center;width:100%;height:100%;color:var(--tinta-3)}
.pres-sil svg{width:72%;height:auto}