/* Respaldo de Inter con sus medidas (Arial ajustada): el texto se pinta de inmediato y no salta al cargar Inter */
@font-face{font-family:'Inter Respaldo';src:local('Arial'),local('ArialMT'),local('Helvetica');size-adjust:107%;ascent-override:90.5%;descent-override:22.5%;line-gap-override:0%}
/* Fuentes de la marca alojadas en el sitio (variables, subconjunto latino; licencia OFL) */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../assets/fonts/inter-es.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sora';font-style:normal;font-weight:100 900;font-display:swap;src:url(../assets/fonts/sora-es.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* =====================================================
   TOURING CLUB · WEB · 2026
   Paleta y tipografía del Manual de Marca
   ===================================================== */
:root{
  --negro:#0D0C0F;
  --grafito:#1A1A1F;
  --grafito-2:#16161b;
  --dorado:#C6993C;
  --dorado-soft:#d8b366;
  --gris:#9A9A9A;
  --gris-d:#6c6c72;
  --blanco:#F2EFE9;
  --line:#23232a;
  --line-soft:#1c1c22;
  --r:18px;
  --maxw:1180px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --pad: clamp(20px, 5vw, 64px);
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  background:var(--negro);
  color:var(--blanco);
  font-family:"Inter","Inter Respaldo",system-ui,sans-serif;
  font-weight:400;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:var(--dorado);color:var(--negro)}
/* foco por teclado (TAB): hairline sutil, nunca el recuadro grueso del navegador */
:focus{outline:none}
:focus-visible{outline:1px solid rgba(242,239,233,.42);outline-offset:3px}
/* Barra de scroll de la página: ocultamos la nativa (la guía) y usamos un thumb flotante propio */
html{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar{width:0;height:0;display:none}
#pageScroll{position:fixed;top:0;right:0;width:14px;height:100%;z-index:95;pointer-events:none}
#pageScrollThumb{position:absolute;top:0;right:3px;width:6px;border-radius:6px;background:rgba(242,239,233,.26);
  pointer-events:auto;cursor:grab;opacity:0;transition:opacity .35s var(--ease),background .2s var(--ease),width .2s var(--ease)}
#pageScroll.on #pageScrollThumb{opacity:1}
#pageScrollThumb:hover,#pageScrollThumb.drag{background:rgba(242,239,233,.5);width:7px;right:2.5px;cursor:grabbing}

/* ---------- type helpers ---------- */

.gold{color:var(--dorado)}

.gold-line{color:var(--dorado);font-weight:300}

/* ---------- buttons ---------- */
.btn{
  display:inline-grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:.5em;
  font-family:"Sora";font-weight:600;font-size:.95rem;letter-spacing:.01em;
  padding:.85em 1.5em;border-radius:100px;transition:.35s var(--ease);
  white-space:nowrap;
}
.btn--lg{padding:1.05em 2em;font-size:1.02rem}
.btn--gold{background:var(--dorado);color:var(--negro)}
.btn--gold:hover{background:var(--dorado-soft);transform:translateY(-2px);box-shadow:0 12px 34px -12px rgba(198,153,60,.6)}
.btn--ghost{border:1px solid var(--line);color:var(--blanco)}
.btn--ghost:hover{border-color:var(--dorado);color:var(--dorado)}

/* ---------- iso / monogram ---------- */
.iso{width:34px;height:34px;color:var(--blanco)}
.iso--gold{color:var(--dorado)}
/* logo real (manual de marca) */
.brandlogo{height:33px;width:auto;display:block;flex:none;align-self:flex-start}
.brandlogo--lg{height:34px}

/* =====================================================
   NAV
   ===================================================== */

/* mobile menu */

/* =====================================================
   HERO
   ===================================================== */
/* Portada · base qayama.com (header transparente, título liviano abajo, botones de borde fino, barra + puntos al pie),
   con el contraste de antgroup.com y el piso oscuro de lev.com. Cada medida está declarada. */
.hero{--t:27px;--tl:32px;--b:15px;--bl:24px;--sn:6;--gap-t:16px;--gap-b:28px;--bw:212px;--bh:44px;--pb:13vh;--ib:24px;
  position:relative;height:100vh;height:100svh;display:grid;align-items:end;justify-items:center;padding:0 0 var(--pb);padding-bottom:round(var(--pb),4px);overflow:hidden;background:#121214}
@media(min-width:640px){.hero{--t:40px;--tl:48px;--b:17px;--bl:28px;--sn:3;--gap-t:20px;--gap-b:32px;--bw:264px;--bh:48px;--ib:32px}}
@media(min-width:1280px){.hero{--t:54px;--tl:68px;--b:19px;--bl:32px;--sn:3;--gap-t:24px;--gap-b:36px;--bw:264px;--bh:48px;--ib:44px}}
.hero__media{position:absolute;inset:0;z-index:0;background:#121214}
.hero__photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;opacity:0;z-index:0;filter:saturate(var(--g,1)) brightness(var(--b,1)) contrast(1.02)}
.hero__photo.is-prev{opacity:1;z-index:1;transition:none}
.hero__photo.is-on{opacity:1;z-index:2;transition:opacity 1800ms ease}
.hero__scrim{position:absolute;inset:0;z-index:100000;pointer-events:none;
  background:linear-gradient(180deg,rgba(18,18,20,.52) 0,rgba(18,18,20,.42) 64px,rgba(18,18,20,.16) 150px,rgba(18,18,20,0) 240px,rgba(18,18,20,0) 34%,rgba(18,18,20,.42) 55%,rgba(18,18,20,.6) 78%,rgba(18,18,20,.74) 100%)}
.hero__inner{position:relative;z-index:4;width:min(833px,calc(100% - 74px));text-align:center}
.hero__title{font-family:"Sora",system-ui,sans-serif;font-weight:300;letter-spacing:-.02em;font-size:var(--t);line-height:var(--tl);height:calc(var(--tl)*2);
  margin:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4),0 2px 32px rgba(0,0,0,.6)}
.hero__title .gold-line,.hero .gold-line{color:#fff;font-weight:300}
.hero__baic{height:var(--ib);width:auto;display:inline-block;vertical-align:top;margin:calc((var(--tl) - var(--ib))/2) 0 0}
.hero__sub{font-family:"Inter","Inter Respaldo",system-ui,sans-serif;color:rgba(255,255,255,.82);font-size:var(--b);line-height:var(--bl);height:calc(var(--bl)*var(--sn));
  display:grid;align-content:start;margin:var(--gap-t) 0 0;text-shadow:0 1px 2px rgba(0,0,0,.65),0 2px 24px rgba(0,0,0,.78)}
.hero__subtxt{display:block;text-wrap:balance}
.hero__lead{font-weight:500}
.heroslider{position:relative;height:calc(var(--tl)*2 + var(--gap-t) + var(--bl)*var(--sn))}
.heroslide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 300ms ease,visibility 0s linear 300ms}
.heroslide.is-active{opacity:1;visibility:visible;transition:opacity 400ms ease 300ms,visibility 0s linear 300ms}
/* Botones: de contorno fino, 2 px de radio, sin relleno dorado; el principal lleva fondo claro (jerarquía de lev) */
.hero__cta{display:grid;grid-template-columns:var(--bw);gap:12px;justify-content:center;margin:var(--gap-b) 0 0}
@media(min-width:640px){.hero__cta{grid-template-columns:var(--bw) var(--bw);gap:16px}}
.hero__cta .btn{display:block;width:var(--bw);height:var(--bh);line-height:calc(var(--bh) - 2px);padding:0;border:1px solid rgba(255,255,255,.5);border-radius:2px;
  background:none;color:#fff;font-family:"Sora",system-ui,sans-serif;font-weight:500;font-size:13.5px;letter-spacing:.02em;text-align:center;white-space:nowrap;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.hero__cta .btn--gold{background:#fff;border-color:#fff;color:#1A1A1F}
.hero__cta .btn::after{content:"";display:inline-block;width:8px;height:12px;margin-left:10px;vertical-align:middle;font-size:0;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5 6.5 6l-5 4.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5 6.5 6l-5 4.5'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s var(--ease)}
.hero__cta .btn:hover{border-color:#fff;background:rgba(255,255,255,.14);color:#fff;transform:none;box-shadow:none}
.hero__cta .btn--gold:hover{background:#E2E2E2;border-color:#E2E2E2;color:#1A1A1F}
.hero__cta .btn:hover::after{transform:translateX(4px)}
/* Control de fotos (qayama): pausa + barra corta para la activa + puntos chicos, al pie y centrado */
.herodots{position:absolute;left:0;right:0;bottom:24px;z-index:5;display:grid;grid-template-columns:repeat(7,32px);justify-content:center;align-items:center;height:40px}
.hero__pause,.herodot{display:block;padding:0;border:0;background:none;cursor:pointer;position:relative}
.hero__pause{position:absolute;left:calc(50% - 112px - 44px);top:0;width:40px;height:40px;transition:background .25s var(--ease)}
.hero__pause:hover{background:rgba(255,255,255,.14)}
.hero__pause i{position:absolute;left:15px;top:13px;width:3px;height:14px;border-radius:1px;background:rgba(255,255,255,.86);box-shadow:7px 0 0 rgba(255,255,255,.86)}
.hero__pause:hover i{background:#fff;box-shadow:7px 0 0 #fff}
.hero__pause[aria-pressed="true"] i{left:16px;top:13px;width:0;height:0;border-radius:0;background:none;box-shadow:none;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent rgba(255,255,255,.9)}
.herodot{width:32px;height:40px}
.herodot::before{content:"";position:absolute;left:12.5px;top:16.5px;width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.46);
  transition:width .42s cubic-bezier(.4,0,.2,1),left .42s cubic-bezier(.4,0,.2,1),background .3s}
.herodot:hover::before{background:rgba(255,255,255,.8)}
.herodot.is-on::before{width:26px;left:3px;background:rgba(255,255,255,.34)}
.herodot.is-on::after{content:"";position:absolute;left:3px;top:16.5px;width:26px;height:7px;border-radius:99px;background:#fff;transform-origin:0 50%;animation:ruta 8000ms linear forwards}
.herodots.is-paused .herodot.is-on::after{animation-play-state:paused}
@keyframes ruta{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* Señal de bajada (lev): contorno fino, a la derecha, alineada con el control de fotos */
.hero__scroll{position:absolute;right:37px;bottom:24px;z-index:5;width:24px;height:40px;border:1px solid rgba(255,255,255,.55);border-radius:12px;display:grid;justify-items:center;align-content:start;padding-top:8px}
@media(min-width:1280px){.hero__scroll{right:60px;bottom:24px;width:24px;height:40px}}
.hero__scroll{transition:background .25s var(--ease),border-color .25s var(--ease)}
.hero__scroll:hover{background:rgba(255,255,255,.14);border-color:#fff}
.hero__scroll span{width:2px;height:8px;background:#fff;border-radius:2px;animation:scroll 1.7s var(--ease) infinite}
#top :focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px rgba(18,18,20,.45)}
@media(prefers-reduced-motion:reduce){.herodot.is-on::after{animation:none}.hero__photo.is-on,.heroslide,.heroslide.is-active{transition:none}.hero__scroll span{animation:none}}
@keyframes scroll{0%{opacity:0;transform:translateY(-4px)}40%{opacity:1}80%{opacity:0;transform:translateY(10px)}100%{opacity:0}}

/* =====================================================
   SECTIONS
   ===================================================== */

/* stats */

/* band quote */

/* =====================================================
   GRIDS / CARDS
   ===================================================== */

.ic{width:40px;height:40px;color:var(--dorado)}
.ic--sm{width:30px;height:30px}

/* pillars */

/* =====================================================
   ACCORDION (servicios)
   ===================================================== */

/* =====================================================
   FEATURE (Certified / Assist / Club / Concesionarios)
   ===================================================== */

/* steps (certified) */

/* kpis */

/* =====================================================
   CTA band
   ===================================================== */

/* =====================================================
   FOOTER
   ===================================================== */

/* =====================================================
   REVEAL ANIMATION
   ===================================================== */

/* =====================================================
   COTIZADOR OVERLAY
   ===================================================== */
.quoter{
  position:fixed;inset:0;z-index:100;
  background:
    radial-gradient(90% 60% at 50% -10%,rgba(198,153,60,.12),transparent 55%),
    #0b0a0d;
  display:flex;flex-direction:column;
  opacity:0;visibility:hidden;transform:translateY(14px);
  transition:.5s var(--ease);
}
.quoter.is-open{opacity:1;visibility:visible;transform:none}
body.q-lock{overflow:hidden}
.quoter__top{display:flex;align-items:center;gap:16px;padding:16px var(--pad)}
.quoter__brand .iso{width:30px;height:30px;color:var(--dorado)}
.qbrand{height:30px;width:auto;display:block}
.quoter__progress{flex:1;height:3px;background:var(--line);border-radius:3px;overflow:hidden;max-width:540px;margin-inline:auto}
.quoter__progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--dorado),var(--dorado-soft));transition:width .5s var(--ease);border-radius:3px}
.quoter__close{width:42px;height:42px;font-size:1.9rem;color:var(--gris);line-height:1;transition:.25s}
.quoter__close:hover{color:var(--blanco);transform:rotate(90deg)}

.quoter__stage{flex:1;position:relative;overflow-y:auto;display:flex}
.qstep{
  position:absolute;inset:0;
  display:none;flex-direction:column;justify-content:safe center;align-items:flex-start;
  max-width:600px;margin-inline:auto;width:100%;
  padding:16px var(--pad) 22px;overflow-y:auto;
}
.qstep>*{flex-shrink:0}
/* scroll funcional pero sin la barra visible (estética luxury) */
.qstep,.quoter__stage,.qcbody,.credit__tablewrap{scrollbar-width:none;-ms-overflow-style:none}
.qstep::-webkit-scrollbar,.quoter__stage::-webkit-scrollbar,.qcbody::-webkit-scrollbar,.credit__tablewrap::-webkit-scrollbar{width:0;height:0;display:none}
.qstep.is-active{display:flex;animation:qin .55s var(--ease)}
@keyframes qin{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.qstep--result,.qstep--done{justify-content:flex-start;padding-top:clamp(20px,5vh,48px)}
.qstep__kicker{font-family:"Inter";font-weight:600;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gris);margin-bottom:14px}
.qstep__kicker.gold{color:var(--dorado)}
.qstep__title{font-family:"Sora";font-weight:600;font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.06;letter-spacing:-.02em;margin-bottom:10px}
.qstep__sub{color:var(--gris);font-size:1.02rem;line-height:1.55;margin-bottom:20px;max-width:46ch}
.qstep__mini{margin-top:12px;font-size:.8rem;color:var(--gris-d)}

/* intro art */
.qstep__art{margin-bottom:14px}
.qiso-img{width:78px;height:auto;display:block;animation:qpop .8s var(--ease) both}
@keyframes qpop{from{opacity:0;transform:scale(.65) translateY(8px)}to{opacity:1;transform:none}}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.chip{border:1px solid var(--line);border-radius:100px;padding:.7em 1.2em;font-family:"Sora";font-weight:500;font-size:.92rem;color:var(--blanco);transition:.25s var(--ease)}
.chip:hover{border-color:var(--dorado)}
.chip.is-sel{background:var(--dorado);color:var(--negro);border-color:var(--dorado)}

/* qfields */
.qfields{display:grid;gap:14px;width:100%;grid-template-columns:1fr;margin-bottom:8px}
@media(min-width:480px){.qfields{grid-template-columns:2fr 1fr}}
.qfields--stack{grid-template-columns:1fr!important;gap:16px}
.qfield{display:flex;flex-direction:column;gap:8px;width:100%}
.qfield--center{align-items:center;text-align:center;margin-top:16px}
.qfield span{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.qfield input,.qfield select{
  background:var(--grafito);border:1px solid var(--line);border-radius:12px;
  padding:.95em 1em;color:var(--blanco);font-family:"Inter";font-size:1rem;width:100%;
  transition:.25s;
}
.qfield--center input{max-width:340px;text-align:center}
.qfield input:focus,.qfield select:focus{outline:none;border-color:var(--dorado)}
.qfield select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gris) 50%),linear-gradient(135deg,var(--gris) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}

/* use cards */
.cards{display:grid;gap:12px;width:100%;margin-bottom:8px}
@media(min-width:520px){.cards{grid-template-columns:repeat(3,1fr)}}
.ucard{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;
  background:var(--grafito);border:1px solid var(--line);border-radius:16px;padding:22px 20px;transition:.3s var(--ease)}
.ucard .ic{width:32px;height:32px;color:var(--gris);transition:.3s}
.ucard b{font-family:"Sora";font-weight:600;font-size:1.1rem}
.ucard span{font-size:.86rem;color:var(--gris);line-height:1.45}
.ucard:hover{border-color:rgba(198,153,60,.4)}
.ucard.is-sel{border-color:var(--dorado);background:linear-gradient(180deg,rgba(198,153,60,.12),var(--grafito))}
.ucard.is-sel .ic{color:var(--dorado)}

/* protección */
.prot{display:grid;gap:12px;width:100%;margin-bottom:8px}
.prot__row{display:flex;align-items:center;gap:16px;text-align:left;width:100%;
  background:var(--grafito);border:1px solid var(--line);border-radius:16px;padding:18px 20px;transition:.3s var(--ease)}
.prot__row .ic{width:30px;height:30px;color:var(--gris);flex:none;transition:.3s}
.prot__txt{flex:1}
.prot__txt b{font-family:"Sora";font-weight:600;font-size:1.05rem;display:block}
.prot__txt span{font-size:.84rem;color:var(--gris);line-height:1.4}
.prot__base{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dorado);flex:none}
.prot__toggle{width:48px;height:28px;border-radius:100px;background:var(--line);position:relative;flex:none;transition:.3s var(--ease)}
.prot__toggle::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--gris);transition:.3s var(--ease)}
.prot__row.is-base{border-color:rgba(198,153,60,.35)}
.prot__row.is-base .ic{color:var(--dorado)}
.prot__row.is-on:not(.is-base){border-color:var(--dorado);background:linear-gradient(180deg,rgba(198,153,60,.1),var(--grafito))}
.prot__row.is-on .ic{color:var(--dorado)}
.prot__row.is-on .prot__toggle{background:var(--dorado)}
.prot__row.is-on .prot__toggle::after{left:23px;background:var(--negro)}
/* valor del auto (editable) */
.covval{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px}
.covval__lbl{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.covval__field{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:14px;padding:10px 18px;background:var(--grafito);transition:.3s var(--ease)}
.covval__field:focus-within{border-color:var(--dorado)}
.covval__field span{font-family:"Sora";font-weight:500;color:var(--dorado);font-size:1.2rem}
.covval__field input{background:transparent;border:0;outline:0;color:var(--blanco);font-family:"Sora";font-weight:600;font-size:1.35rem;width:190px;text-align:center}
.covval__hint{font-size:.74rem;color:var(--gris)}
/* obleas de cobertura */
.cov{display:grid;gap:12px;width:100%;margin-bottom:26px}
.cov__oblea{display:block;text-align:left;width:100%;cursor:pointer;
  background:var(--grafito);border:1px solid var(--line);border-radius:16px;padding:18px 20px;transition:.3s var(--ease)}
.cov__oblea:hover{border-color:rgba(198,153,60,.42)}
.cov__oblea.is-sel{border-color:var(--dorado);background:linear-gradient(180deg,rgba(198,153,60,.1),var(--grafito))}
.cov__head{display:flex;align-items:center;gap:12px}
.cov__name{font-family:"Sora";font-weight:600;font-size:1.08rem;color:var(--blanco)}
.cov__rec{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dorado);border:1px solid rgba(198,153,60,.4);border-radius:100px;padding:3px 10px}
.cov__desc{font-size:.84rem;color:var(--gris);line-height:1.45;margin:7px 0 12px}
.cov__price{display:flex;align-items:baseline;gap:8px;color:var(--gris);font-size:.9rem}
.cov__price span{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}
.cov__price em{font-family:"Sora";font-weight:600;font-style:normal;font-size:1.4rem;color:var(--dorado)}
.cov__hd{font-family:"Sora";font-weight:600;font-size:.98rem;color:var(--gris);margin:2px 0 14px}

/* nav within quoter */
.qnav{display:flex;gap:12px;margin-top:18px;width:100%}
.qnav .btn{flex:1}
.qnav--center{justify-content:center;flex-wrap:wrap}
.qnav--center .btn{flex:0 1 auto}

/* tarjeta touring */
.tcard{
  width:100%;max-width:420px;margin:6px auto 0;
  aspect-ratio:1.585/1;display:flex;flex-direction:column;justify-content:space-between;
  background:
    radial-gradient(120% 80% at 100% 0%,rgba(198,153,60,.16),transparent 55%),
    linear-gradient(155deg,#1c1b21,#101015);
  border:1px solid rgba(198,153,60,.3);border-radius:18px;
  padding:20px 24px;box-shadow:0 40px 80px -40px rgba(0,0,0,.9);
  position:relative;overflow:hidden;
}
.tcard::before{content:"";position:absolute;inset:0;opacity:.38;background-image:url("../assets/img/guarda.png");background-size:54px;
  -webkit-mask-image:linear-gradient(135deg,#000,transparent 70%);mask-image:linear-gradient(135deg,#000,transparent 70%)}
.tcard>*{position:relative;z-index:1}
.tcard__top{display:flex;justify-content:space-between;align-items:center}
.tcard__top .iso,.tcard__iso{width:30px;height:auto;display:block}
.tcard__tier{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dorado)}
.tcard__lbl{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gris)}
.tcard__car{display:block;font-family:"Sora";font-weight:600;font-size:1.06rem;margin:3px 0 7px;letter-spacing:-.01em;line-height:1.12}
.tcard__feats{font-size:.68rem;color:#cdcabf;line-height:1.45;letter-spacing:.01em}
.tcard__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.tcard__from{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.tcard__price{display:block;font-size:.78rem;color:var(--gris)}
.tcard__price em{font-family:"Sora";font-weight:600;font-style:normal;font-size:1.5rem;color:var(--blanco)}
.tcard__name{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);text-align:right;max-width:48%;line-height:1.3}

/* done */
.qstep--done{justify-content:center;align-items:center;text-align:center}
.qstep--done .qstep__title,.qstep--done .qstep__sub{text-align:center}
.qstep--done .qstep__sub{max-width:42ch}
.done__mark{margin-bottom:26px}
.done__mark svg{width:84px;height:84px;fill:none;stroke:var(--dorado);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.done__mark circle{stroke-dasharray:226;stroke-dashoffset:226;animation:draw2 .7s var(--ease) forwards}
.done__mark path{stroke-dasharray:60;stroke-dashoffset:60;animation:draw2 .5s var(--ease) .5s forwards}
@keyframes draw2{to{stroke-dashoffset:0}}

@media(min-width:760px){
  .qstep__art .qiso-img{width:92px}
}

/* =====================================================
   v3 · Acciones de texto (bronce) + Cards editorial (sin caja)
   ===================================================== */
/* Acciones como palabra en bronce, sin botón-cajón */
.btn{background:none;border:none;box-shadow:none;border-radius:0;padding:.5em .1em;
  font-family:"Sora";font-weight:700;color:var(--dorado);gap:.42em;letter-spacing:.005em;
  transition:color .25s var(--ease)}
.btn--lg{font-size:1.12rem}
.btn--gold{background:none;color:var(--dorado)}
.btn--gold:hover{background:none;box-shadow:none;transform:none;color:var(--dorado-soft)}
.btn--ghost{background:none;border:none;color:#cdcabf}
.btn--ghost:hover{background:none;border:none;color:var(--dorado);transform:none}
.btn--gold::after{content:"\2192";font-weight:600;display:inline-block;transition:transform .25s var(--ease)}
.btn--gold:hover::after{transform:translateX(5px)}

/* Cards editorial · hairline arriba + acento dorado al hover, sin recuadro */

/* Stats (problema) sin caja */

/* KPIs (assist / club) sin caja */

/* =====================================================
   v4 · Contacto + logo footer como link (siempre blanco)
   ===================================================== */

/* =====================================================
   v5 · Inputs subrayados (sin caja) + cards cotizador editorial + nav
   ===================================================== */
/* Campos de formulario · estilo subrayado, sin recuadro */
.qfield input,.qfield select,.qfield textarea{
  background-color:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;
  padding:.7em 0;color:var(--blanco);font-family:"Inter";font-size:1rem;width:100%;transition:border-color .25s}
.qfield input:focus,.qfield select:focus,.qfield textarea:focus{outline:none;border-bottom-color:var(--dorado)}
.qfield input::placeholder,.qfield textarea::placeholder{color:var(--gris-d)}
.qfield select{
  background-image:linear-gradient(45deg,transparent 50%,var(--gris) 50%),linear-gradient(135deg,var(--gris) 50%,transparent 50%);
  background-position:right 12px center,right 6px center;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:26px}
.qfield textarea{resize:vertical;min-height:96px}
.qfield--center input{max-width:340px;text-align:center}

/* Cotizador · cards de uso → editorial (sin caja) */
.ucard{background:none;border:none;border-radius:0;border-top:1px solid var(--line);padding:22px 2px 16px;position:relative;transition:.35s var(--ease)}
.ucard::before{content:"";position:absolute;top:-1px;left:0;width:36px;height:2px;background:var(--dorado);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.ucard:hover{border-color:var(--line)}
.ucard.is-sel{background:none;border-color:var(--line)}
.ucard.is-sel::before{transform:scaleX(1)}
.ucard.is-sel .ic{color:var(--dorado)}
.ucard.is-sel b{color:#fff}

/* Cotizador · filas de protección → lista con hairline (sin caja) */
.prot{gap:0;border-top:1px solid var(--line-soft)}
.prot__row,.prot__row.is-base,.prot__row.is-on:not(.is-base){background:none;border:none;border-bottom:1px solid var(--line-soft);border-radius:0;padding:13px 2px}

/* Nav · más aire antes del CTA + no deformar al achicar */

.brandlogo{align-self:auto}

/* =====================================================
   v6 · Campos con tono más claro (se nota dónde escribir)
   ===================================================== */
.qfield input,.qfield select,.qfield textarea{
  background-color:rgba(242,239,233,.06);
  border:none;border-bottom:1px solid var(--line);border-radius:6px 6px 0 0;
  padding:.8em .9em;transition:background-color .25s,border-color .25s}
.qfield input:hover,.qfield select:hover,.qfield textarea:hover{background-color:rgba(242,239,233,.09)}
.qfield input:focus,.qfield select:focus,.qfield textarea:focus{
  outline:none;background-color:rgba(242,239,233,.11);border-bottom-color:var(--dorado)}
.qfield input::placeholder,.qfield textarea::placeholder{color:var(--gris)}
.qfield select{padding-right:30px;background-position:right 13px center,right 7px center}
.qfield--center input{text-align:center}

/* =====================================================
   v7 · Opciones del desplegable legibles
   ===================================================== */
:root{color-scheme:dark}
.qfield select option{background-color:#16161b;color:var(--blanco);padding:10px}
.qfield select option:checked,.qfield select option:hover{background-color:#23232a;color:var(--dorado)}

/* =====================================================
   v8 · Números de Certified alineados en columna fija
   ===================================================== */

/* =====================================================
   v9 · Cotizador · patente detecta el auto
   ===================================================== */
[hidden]{display:none!important}
.plate{display:flex;gap:14px;align-items:stretch;width:100%;margin-bottom:6px}
.plate__in{flex:1;min-width:0;background-color:rgba(242,239,233,.06);border:none;border-bottom:1px solid var(--line);
  border-radius:6px 6px 0 0;padding:.62em .7em;color:var(--blanco);
  font-family:"Sora";font-weight:600;font-size:1.55rem;letter-spacing:.16em;text-transform:uppercase;text-align:center;transition:.25s}
.plate__in::placeholder{color:var(--gris-d)}
.plate__in:focus{outline:none;border-bottom-color:var(--dorado);background-color:rgba(242,239,233,.1)}
.plate__btn{flex:none;font-family:"Sora";font-weight:700;color:var(--dorado);padding:0 .2em;white-space:nowrap;transition:color .25s}
.plate__btn::after{content:" \2192";display:inline-block;transition:transform .25s var(--ease)}
.plate__btn:hover{color:var(--dorado-soft)}
.plate__btn:hover::after{transform:translateX(4px)}
.plate__found{display:flex;align-items:center;gap:14px;padding:18px 2px;
  border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);margin:10px 0}
.plate__found .ic{width:30px;height:30px;color:var(--dorado);flex:none}
.plate__txt{flex:1;min-width:0}
.plate__lbl{display:block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dorado);margin-bottom:3px}
.plate__found strong{font-family:"Sora";font-weight:600;font-size:1.15rem}
.plate__change{flex:none;font-family:"Sora";font-weight:600;color:var(--gris);font-size:.84rem;transition:color .25s}
.plate__change:hover{color:var(--dorado)}
.qlink{font-family:"Sora";font-weight:600;color:var(--gris);font-size:.9rem;padding:14px 2px;text-align:left;transition:color .25s}
.qlink:hover{color:var(--dorado)}
.qmanual{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:6px}
.qmanual .qfield:first-child{grid-column:1 / -1}

/* =====================================================
   v10 · Opción seleccionada con sombreado (+ línea dorada)
   ===================================================== */
/* uso · sombrear toda la card elegida */
.ucard{padding:22px 14px 18px}
.ucard:hover:not(.is-sel){background:rgba(242,239,233,.03)}
.ucard.is-sel{background:rgba(198,153,60,.085);border-radius:0 0 12px 12px}
/* protección · sombrear la fila activa */
.prot__row{padding-left:12px;padding-right:12px}
.prot__row:hover:not(.is-on){background:rgba(242,239,233,.03)}
.prot__row.is-on:not(.is-base){background:rgba(198,153,60,.07)}
.prot__row.is-base{background:rgba(198,153,60,.07)}

/* =====================================================
   v11 · Touring Credit · calculadora (sistema francés)
   ===================================================== */
.credit{margin-top:46px}
.credit__form{display:grid;gap:20px;max-width:640px}
.credit__row{display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:560px){.credit__row{grid-template-columns:1fr 1fr}}
.credit__form .btn{justify-self:start;margin-top:6px}
.credit__result{margin-top:46px}
.credit__kpis{display:grid;gap:8px clamp(22px,3vw,46px);grid-template-columns:1fr}
@media(min-width:600px){.credit__kpis{grid-template-columns:repeat(3,1fr)}.credit__kpis .ckpi--main{grid-column:1/-1}}
.ckpi{border-top:1px solid var(--line);padding:22px 0 0}
.ckpi__l{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dorado);margin-bottom:10px}
.ckpi__v{display:block;font-family:"Sora";font-weight:300;font-size:clamp(1.7rem,5vw,2.4rem);line-height:1;letter-spacing:-.02em;color:var(--blanco)}
.ckpi--main .ckpi__v{color:var(--dorado);font-size:clamp(2.1rem,6.5vw,3rem)}
.ckpi__s{display:block;font-size:.78rem;color:var(--gris);margin-top:8px}
.credit__table{margin-top:40px;border-top:1px solid var(--line-soft)}
.credit__table summary{font-family:"Sora";font-weight:600;color:var(--dorado);padding:18px 0;cursor:pointer;list-style:none;transition:color .2s}
.credit__table summary:hover{color:var(--dorado-soft)}
.credit__table summary::-webkit-details-marker{display:none}
.credit__table summary::after{content:" +";font-weight:400}
.credit__table[open] summary::after{content:" \2212"}
.credit__tablewrap{overflow-x:auto;margin-bottom:6px}
#crTable{width:100%;border-collapse:collapse;font-size:.86rem;min-width:520px}
#crTable th{text-align:right;font-family:"Inter";font-weight:600;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}
#crTable th:first-child{text-align:left}
#crTable td{text-align:right;padding:12px 16px 12px 0;border-bottom:1px solid var(--line-soft);color:#cdcabf;font-variant-numeric:tabular-nums}
#crTable td:first-child{text-align:left;color:var(--dorado);font-family:"Sora";font-weight:600}
.credit__note{margin-top:22px;font-size:.8rem;color:var(--gris-d)}
/* nav: con el link extra, subir el punto de quiebre */

/* =====================================================
   v12 · Cotizador de crédito en overlay · acento PLATINO
   ===================================================== */
:root{--plata:#C4C8CF;--plata-soft:#e3e6ea}

/* botón platino (acción de texto con flecha, como el dorado) */
.btn--plata{background:none;color:var(--plata)}
.btn--plata:hover{background:none;transform:none;color:var(--plata-soft)}
.btn--plata::after{content:"\2192";font-weight:600;display:inline-block;transition:transform .25s var(--ease)}
.btn--plata:hover::after{transform:translateX(5px)}
/* segmento CTA del crédito · resplandor frío */

/* overlay del crédito */
.quoter--credit{background:radial-gradient(90% 60% at 50% -10%,rgba(196,200,207,.10),transparent 55%),#0b0a0d}
.qctitle{flex:1;text-align:center;font-family:"Sora";font-weight:600;font-size:.92rem;letter-spacing:.05em;color:var(--plata)}
.qcbody{flex:1;overflow-y:auto}
.qcinner{max-width:680px;margin:0 auto;padding:18px var(--pad) 70px;width:100%}
.qcinner .qstep__title{margin-bottom:12px}
.qcinner .credit__form{margin-top:32px}
.qcinner .credit__result{margin-top:44px}
/* dentro del crédito · acentos en platino en vez de dorado */
.quoter--credit .qfield input:focus,.quoter--credit .qfield select:focus{border-bottom-color:var(--plata)}
.quoter--credit .ckpi__l,
.quoter--credit .ckpi--main .ckpi__v,
.quoter--credit #crTable td:first-child,
.quoter--credit .credit__table summary{color:var(--plata)}
.quoter--credit .credit__table summary:hover{color:var(--plata-soft)}

/* =====================================================
   v13 · Dos CTAs en el nav + Informe PDF del crédito
   ===================================================== */

.credit__pdf{margin-top:26px}

/* ===== Documento PDF del crédito (sólo impresión) · ver bloque BLANCO abajo ===== */
#creditDoc{display:none}

/* =====================================================
   v14 · Mobile CTAs + header del crédito + PDF en BLANCO
   ===================================================== */
/* CTAs arriba del menú mobile */

/* Cotizador de crédito · encabezado con el wordmark real de la marca */
.qc__lock{height:clamp(34px,8vw,46px);width:auto;display:block;margin-bottom:30px}
.qc__title{font-family:"Sora";font-weight:600;font-size:clamp(1.3rem,4.3vw,1.8rem);line-height:1.12;letter-spacing:-.01em;margin-bottom:16px}
.qcbody .qbrand{height:28px}
.quoter__top--credit{justify-content:flex-end}

/* ===== PDF en BLANCO · encabezado grafito, letras blancas ===== */
/* (el informe ahora se genera y descarga con jsPDF — ya no se usa impresión) */
.cd{color:#1a1a1f;font-family:"Inter",sans-serif;background:#fff;padding:0;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
.cd__head{background:#2c3038;color:#F2EFE9;padding:7mm 10mm;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8mm;border-radius:4px}
.cd__lock{height:25px;width:auto;display:block}
.cd__headsub{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#b9bcc2}
.cd__body{padding:0}
.cd__date{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9a9a9a;margin-bottom:12px}
.cd__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 22px;margin-bottom:16px}
.cd__summary div{border-top:1px solid #e2e2e2;padding-top:9px}
.cd__summary span{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a90;margin-bottom:4px}
.cd__summary strong{font-family:"Sora";font-weight:600;font-size:16px;color:#1a1a1f}
.cd__table{width:100%;border-collapse:collapse;font-size:10px}
.cd__table thead{display:table-header-group}
.cd__table th{text-align:right;color:#8a8a90;font-size:8px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-bottom:1.5px solid #1a1a1f}
.cd__table th:first-child{text-align:left}
.cd__table td{text-align:right;padding:5px 10px;border-bottom:1px solid #ededed;color:#333;font-variant-numeric:tabular-nums}
.cd__table td:first-child{text-align:left;color:#1a1a1f;font-family:"Sora";font-weight:600}
.cd__table tr{page-break-inside:avoid}
.cd__foot{margin-top:13px;color:#9a9a9a;font-size:9px;letter-spacing:.02em}

/* =====================================================
   v15 · Teléfono segmentado (prefijos AR fijos)
   ===================================================== */
.telinput{display:flex;align-items:center;gap:9px;width:100%;
  background-color:rgba(242,239,233,.06);border-bottom:1px solid var(--line);border-radius:6px 6px 0 0;
  padding:.62em .9em;transition:border-color .25s,background-color .25s}
.telinput:focus-within{border-bottom-color:var(--dorado);background-color:rgba(242,239,233,.1)}
.telinput__fix,.telinput__sep{flex:0 0 auto;white-space:nowrap;user-select:none;font-size:1rem;color:var(--gris)}
.telinput__sep{color:var(--gris-d)}
.qfield .telinput input{background:none;border:none;border-bottom:none;border-radius:0;padding:.1em 0;margin:0;
  color:var(--blanco);font-family:"Inter";font-size:1rem;min-width:0;transition:none}
.qfield .telinput input:hover,.qfield .telinput input:focus{background:none;outline:none;border:none}
.qfield .telinput input::placeholder{color:var(--gris-d)}
.qfield .telinput__area{flex:0 0 auto;width:3.4em;text-align:center}
.qfield .telinput__num{flex:1 1 auto;width:auto}

.q-volver{display:none;align-items:center;gap:8px;font-family:'Sora';font-weight:500;font-size:.9rem;color:var(--gris);text-decoration:none}
.q-volver:hover{color:var(--blanco)}
body.q-direct .q-volver{display:inline-flex}
body.q-direct .quoter__brand{display:none}

/* =====================================================
   v40 · Header (qayama.com): transparente sobre la foto, links parejos, un botón de borde fino
   Grilla: una sola altura por renglón (36 px en celular, 40 px en pantalla); links en columnas de 76 px con 46 px de aire (≥1280).
   ===================================================== */

/* celular: solo el botón Ingresar, de contorno fino (como el de qayama) */

/* menú abierto (celular): panel a pantalla completa; Ingresar queda quieto en la barra */

/* =====================================================
   v70 · Home · UN SOLO LENGUAJE (claro), sostenido en toda la página
   Base: fondo blanco · rótulo chico · título Sora liviana con la palabra clave en azul · bajada gris
   Piezas (siempre iguales donde se repiten):
     · panel enmarcado (borde fino, radio 8, celdas separadas por filetes)   → cifras, servicios, razones, espacios, datos
     · ficha gris con foto arriba (o al costado, en la ancha)                 → ecosistema, club
     · campo azul con tarjeta blanca encima                                  → historia, certified, concesionarios
     · foto a pantalla completa, texto centrado (solo si la foto es protagonista) → oportunidad, assist, crédito
   Tipografía: .t-display · .t-h2 · .t-h3 · .t-lead · .t-body · .t-label · .t-cifra (una por jerarquía)
   ===================================================== */
:root{--s-tx:#13181A;--s-tx2:#3A4246;--s-linea:#E1E5E7;--s-gris:#F2F4F5;--s-acento:#2C6C93;--s-acento-chico:#1F5272;--s-campo:#245B7D;--s-w:1392px;
  --s-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5 6.5 6l-5 4.5'/%3E%3C/svg%3E")}

/* ---------- contextos ---------- */
.s{position:relative;display:grid;justify-items:center;padding:128px 0;scroll-margin-top:68px;
  --tx:var(--s-tx);--tx2:var(--s-tx2);--linea:var(--s-linea);--acento:var(--s-acento);color:var(--tx)}
@media(min-width:1280px){.s{scroll-margin-top:96px}}
.s--blanco{background:#FFFFFF}
.s--gris{background:var(--s-gris)}
.s--sin-arriba{padding-top:0}
.s--campo{background:var(--s-campo);overflow:hidden}
.s--foto{background:#0C1113;overflow:hidden;min-height:100vh;min-height:100svh;align-items:center;--tx:#FFFFFF;--tx2:rgba(255,255,255,.86);--linea:rgba(255,255,255,.28);--acento:#8EC5E6}
.s-marco{position:relative;z-index:2;width:min(var(--s-w),calc(100% - 48px))}
.s-fondo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:0}
.s-fondo--campo{opacity:.22;filter:grayscale(1) contrast(1.15)}
.s-velo{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 72% 64% at 50% 50%,rgba(12,17,19,.66),rgba(12,17,19,.46) 70%,rgba(12,17,19,.56) 100%)}

/* ---------- tipografía: una por jerarquía ---------- */
.t-display{font-family:"Sora",system-ui,sans-serif;font-weight:300;font-size:64px;line-height:72px;letter-spacing:-.025em;margin:0}
.t-h2{font-family:"Sora",system-ui,sans-serif;font-weight:300;font-size:44px;line-height:52px;letter-spacing:-.02em;margin:0}
.t-h3{font-family:"Sora",system-ui,sans-serif;font-weight:400;font-size:20px;line-height:28px;letter-spacing:-.005em;margin:0}
.t-lead{font-family:"Inter","Inter Respaldo",system-ui,sans-serif;font-weight:300;font-size:18px;line-height:30px;margin:0;color:var(--tx2)}
.t-lead strong{font-weight:500;color:var(--tx)}
.t-body{font-family:"Inter","Inter Respaldo",system-ui,sans-serif;font-weight:400;font-size:15px;line-height:24px;margin:0;color:var(--tx2)}
.t-label{font-family:"Inter","Inter Respaldo",system-ui,sans-serif;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.18em;text-transform:uppercase;margin:0;color:var(--tx2)}
.t-cifra{display:block;height:60px;font-family:"Sora",system-ui,sans-serif;font-weight:300;font-size:56px;line-height:60px;letter-spacing:-.02em;color:var(--tx)}
.t-cifra small{font-size:20px;line-height:0;margin-left:4px;letter-spacing:0}
.t-acento{color:var(--acento)}
@media(min-width:640px) and (max-width:1023px){.t-display{font-size:48px;line-height:56px}.t-h2{font-size:36px;line-height:44px}}
@media(max-width:639px){
  .s{padding:72px 0}.s--sin-arriba{padding-top:0}
  .t-display{font-size:36px;line-height:44px}
  .t-h2{font-size:28px;line-height:36px}
  .t-h3{font-size:18px;line-height:24px}
  .t-lead{font-size:16px;line-height:26px}
  .t-body{font-size:14px;line-height:22px}
  .t-cifra{font-size:40px;line-height:44px;height:44px}
}

/* ---------- encabezado de sección ---------- */
.s-cab{display:grid;justify-items:center;text-align:center}
.s-cab>.t-label,.s-cab>.t-h2{justify-self:stretch}
.s-cab .t-label{margin:0 0 20px}
.s-cab .t-lead{margin:24px 0 0;max-width:640px}
.s-cab--izq{justify-items:start;text-align:left}
.s-ic{display:block;width:28px;height:28px;color:var(--acento)}

/* ---------- botones ---------- */
.s-btn{display:inline-block;width:264px;height:48px;border:1px solid transparent;border-radius:2px;background:none;cursor:pointer;
  font-family:"Sora",system-ui,sans-serif;font-weight:500;font-size:13.5px;line-height:46px;letter-spacing:.02em;text-align:center;white-space:nowrap;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.s-btn::after{content:"";display:inline-block;width:8px;height:12px;margin-left:10px;vertical-align:middle;background:currentColor;
  -webkit-mask:var(--s-chev) center/contain no-repeat;mask:var(--s-chev) center/contain no-repeat;transition:transform .25s var(--ease)}
.s-btn:hover::after{transform:translateX(4px)}
.s-btn--oscuro{background:var(--s-tx);color:#FFFFFF}
.s-btn--oscuro:hover{background:#2C3438}
.s-btn--linea{border-color:rgba(19,24,26,.36);color:var(--s-tx)}
.s-btn--linea:hover{border-color:var(--s-tx)}
.s-btn--claro{background:#FFFFFF;color:var(--s-tx)}
.s-btn--claro:hover{background:var(--s-linea)}
.s :focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* ---------- aparición ---------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- PIEZA · panel enmarcado ---------- */
.panel{display:grid;margin-top:64px;border:1px solid var(--linea);border-radius:8px;overflow:hidden;background:#FFFFFF}
.panel--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.panel--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.panel__celda{display:grid;align-content:start;padding:40px;border-left:1px solid var(--linea)}
.panel__celda:first-child{border-left:0}
.s-cifra{row-gap:12px}
.s-cifra__lbl{display:block;height:48px}
.razon__t{height:56px;margin:24px 0 12px}
.razon__p{height:120px}
@media(max-width:1023px){
  .panel--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel--4 .panel__celda:nth-child(3){border-left:0}
  .panel--4 .panel__celda:nth-child(n+3){border-top:1px solid var(--linea)}
  .panel--3{grid-template-columns:1fr}
  .panel--3 .panel__celda{border-left:0;border-top:1px solid var(--linea)}
  .panel--3 .panel__celda:first-child{border-top:0}
  .razon__t{height:28px}
  .razon__p{height:96px}
}
@media(max-width:639px){
  .panel{margin-top:40px}
  .panel__celda{padding:24px 20px}
  .s-cifra__lbl{height:66px}
  .razon__t{height:48px}
  .razon__p{height:110px}
}

/* ---------- PIEZA · ficha gris con foto ---------- */
.fichas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;row-gap:24px;margin-top:64px}
.ficha{display:grid;grid-template-rows:auto 1fr;background:var(--s-gris);border-radius:8px;overflow:hidden}
.ficha__foto{margin:0;aspect-ratio:4/3;overflow:hidden;position:relative}
.ficha__foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.ficha:hover .ficha__foto img{transform:scale(1.04)}
.ficha__txt{display:grid;align-content:start;padding:28px 28px 32px}
.ficha__n,.eje__n,.pasos__n{color:var(--s-acento-chico)}
.ficha__n{display:block;height:16px;margin:20px 0 8px}
.ficha__t{height:28px}
.ficha__tag{display:block;height:16px;margin:8px 0 16px}
.ficha__p{height:120px}
.ficha--ancha{grid-template-columns:1fr 1fr;grid-template-rows:none;margin-top:64px}
.ficha--ancha .ficha__foto{aspect-ratio:auto;min-height:480px}
.ficha--ancha .ficha__foto img{position:absolute;inset:0}
.ficha--ancha .ficha__txt{align-content:center;padding:64px 72px;row-gap:40px}
@media(max-width:1023px){.fichas{grid-template-columns:repeat(2,minmax(0,1fr))}.ficha--ancha{grid-template-columns:1fr}.ficha--ancha .ficha__foto{min-height:0;aspect-ratio:16/10}.ficha--ancha .ficha__txt{padding:40px 24px}}
@media(max-width:639px){.fichas{grid-template-columns:1fr;margin-top:40px}.ficha__foto{aspect-ratio:16/9}.ficha__p{height:88px}}

/* ---------- PIEZA · campo azul con tarjeta blanca ---------- */
.tarjeta{position:relative;z-index:2;width:min(var(--s-w),calc(100% - 48px));background:#FFFFFF;border-radius:8px;padding:80px 96px;
  --tx:var(--s-tx);--tx2:var(--s-tx2);--linea:var(--s-linea);--acento:var(--s-acento);color:var(--tx)}
.tarjeta__pie{margin-top:48px;padding-top:32px;border-top:1px solid var(--linea)}
.tarjeta--foto{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden}
.tarjeta__foto{margin:0;position:relative;min-height:640px}
.tarjeta__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tarjeta__txt{display:grid;justify-items:start;align-content:center;padding:72px 80px}
.tarjeta__txt .t-label{margin-bottom:20px}
.tarjeta__txt .t-lead{margin:24px 0 0}
.tarjeta__txt .s-btn{margin-top:40px}
.tarjeta__nota{margin-top:24px;padding-top:20px;border-top:1px solid var(--linea);justify-self:stretch}
.tarjeta__nota span{color:var(--tx)}
@media(min-width:1024px) and (max-width:1279px){.tarjeta{padding:64px 56px}.tarjeta--foto{padding:0}.tarjeta__txt{padding:56px}}
@media(max-width:1023px){
  .tarjeta{padding:48px 24px}
  .tarjeta--foto{grid-template-columns:1fr;padding:0}
  .tarjeta__foto{min-height:0;aspect-ratio:16/10}
  .tarjeta__txt{padding:40px 24px 48px}
}

/* eje de tiempo */
.eje{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px;margin:64px 0 0;padding:40px 0 0;border-top:1px solid var(--linea)}
.eje__item{position:relative;display:grid;align-content:start}
.eje__item::before{content:"";position:absolute;left:0;top:-45px;width:9px;height:9px;border-radius:50%;background:var(--acento)}
.eje__n{display:block;height:16px;margin-bottom:12px}
.eje__t{height:56px;margin-bottom:12px}
.eje__p{height:120px}
@media(min-width:1024px) and (max-width:1279px){.eje__p{height:144px}}
@media(max-width:1023px){
  .eje{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--linea);padding:0 0 0 28px;margin-top:40px}
  .eje__item{padding-bottom:32px}
  .eje__item::before{left:-33px;top:4px}
  .eje__t{height:48px}
  .eje__p{height:96px}
}

/* pasos de Certified */
.pasos{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:32px;row-gap:20px;margin:32px 0 0;padding:28px 0 0;border-top:1px solid var(--linea);justify-self:stretch}
.pasos li{display:grid;grid-template-columns:40px 1fr;column-gap:12px;row-gap:4px}
.pasos__n{grid-row:1/3;width:40px;height:24px;border:1px solid var(--linea);border-radius:12px;line-height:22px;text-align:center;letter-spacing:.06em}
.pasos b.t-h3{display:block;height:28px}
.pasos .t-body{display:block;height:48px}
@media(max-width:1023px){.pasos{grid-template-columns:1fr}.pasos .t-body{height:44px}}

/* ---------- PIEZA · foto a pantalla completa ---------- */
.s-foto__in{position:relative;z-index:2;width:min(960px,calc(100% - 48px));display:grid;justify-items:center;text-align:center;padding:120px 0}
.s-foto__in>.t-label,.s-foto__in>.t-display,.s-foto__in>.t-lead{justify-self:stretch}
.s-foto__in .t-label{margin-bottom:24px;color:#FFFFFF}
.s-foto__in .t-display{color:rgba(255,255,255,.72)}
.s-foto__in h2.t-display,.s-foto__hi{color:#FFFFFF}
.s-foto__in .t-lead{margin-top:24px}
.s-foto__in .s-btn{margin-top:40px}
#credito{min-height:80vh;min-height:80svh}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-top:1px solid var(--linea);justify-self:stretch}
.kpi{display:grid;align-content:start;row-gap:8px;padding:24px 16px 0}
.kpi__lbl{display:block;height:48px}
.kpis--filas{grid-template-columns:1fr;margin-top:0}
.kpis--filas .kpi{grid-template-columns:260px minmax(0,1fr);align-items:center;column-gap:24px;padding:12px 0;border-bottom:1px solid var(--linea)}
.kpis--filas .kpi__lbl{height:24px}
@media(max-width:639px){
  .kpis{grid-template-columns:1fr}
  .kpi{padding:16px 0;border-bottom:1px solid var(--linea)}
  .kpi__lbl{height:24px}
  .kpis--filas .kpi{grid-template-columns:1fr;row-gap:4px}
}

/* ---------- Servicios: panel enmarcado con selector y detalle ---------- */
.s-acc{grid-template-columns:420px 1fr;grid-template-rows:repeat(6,80px)}
.s-acc .acc__item{display:contents}
.s-acc .acc__head{grid-column:1;display:grid;grid-template-columns:24px 1fr 32px;align-items:center;column-gap:16px;height:80px;padding:0 24px;border:0;border-bottom:1px solid var(--linea);
  background:none;text-align:left;cursor:pointer;color:var(--tx2);font-family:"Sora",system-ui,sans-serif;font-weight:400;font-size:18px;line-height:24px;transition:color .25s var(--ease),background .25s var(--ease)}
.s-acc .acc__item:last-child .acc__head{border-bottom:0}
.s-acc .acc__item:nth-child(1) .acc__head{grid-row:1}
.s-acc .acc__item:nth-child(2) .acc__head{grid-row:2}
.s-acc .acc__item:nth-child(3) .acc__head{grid-row:3}
.s-acc .acc__item:nth-child(4) .acc__head{grid-row:4}
.s-acc .acc__item:nth-child(5) .acc__head{grid-row:5}
.s-acc .acc__item:nth-child(6) .acc__head{grid-row:6}
.s-acc .acc__head .s-ic{width:24px;height:24px;color:currentColor}
.s-acc .acc__title{display:block;height:24px}
.s-acc .acc__count{font-family:"Inter","Inter Respaldo",system-ui,sans-serif;font-size:13px;line-height:20px;text-align:right}
.s-acc .acc__chev{display:none}
.s-acc .acc__head:hover{color:var(--tx);background:var(--s-gris)}
.s-acc .acc__item[data-open] .acc__head{color:var(--tx);background:var(--s-gris);box-shadow:inset 2px 0 0 var(--acento)}
.s-acc .acc__item[data-open] .acc__head .s-ic{color:var(--acento)}
.s-acc .acc__body{grid-column:2;grid-row:1/-1;display:none;padding:40px 48px;border-left:1px solid var(--linea)}
.s-acc .acc__item[data-open] .acc__body{display:block}
.s-lista{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:28px;margin:0;padding:0}
.s-lista li{display:grid;row-gap:4px}
.s-lista b{font-family:"Sora",system-ui,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--tx)}
.s-lista span{font-family:"Inter","Inter Respaldo",system-ui,sans-serif;font-size:15px;line-height:24px;color:var(--tx2)}
@media(max-width:1023px){
  .s-acc{display:block;grid-template-rows:none}
  .s-acc .acc__item{display:block;border-bottom:1px solid var(--linea)}
  .s-acc .acc__item:last-child{border-bottom:0}
  .s-acc .acc__head{width:100%;height:72px;border-bottom:0;padding:0 16px;font-size:16px;grid-template-columns:24px 1fr 28px 12px}
  .s-acc .acc__title{display:grid;align-content:center;height:48px}
  .s-acc .acc__chev{display:block;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .25s var(--ease)}
  .s-acc .acc__item[data-open] .acc__chev{transform:rotate(-135deg)}
  .s-acc .acc__body{border-left:0;padding:0 16px 24px 56px}
  .s-lista{grid-template-columns:1fr;row-gap:16px}
}
@media(max-width:639px){.s-lista span{font-size:14px;line-height:22px}}

/* ---------- Cierre del cotizador ---------- */
.s-cierre{display:grid;justify-items:center;text-align:center}
.s-cierre>.t-label,.s-cierre>.t-h2{justify-self:stretch}
.s-cierre .t-label{margin-bottom:20px}
.s-cierre .t-lead{margin:24px 0 40px;max-width:640px}

/* ---------- Espacios: logos oscuros dentro del panel ---------- */
#espacios .esp-panel{background:#FFFFFF}
#espacios .esp-block{display:grid;grid-template-columns:240px 1fr;column-gap:32px;align-items:center;padding:32px 40px;border-bottom:1px solid var(--linea)}
#espacios .esp-block:last-child{border-bottom:0}
#espacios .esp-cat{display:block;height:16px}
#espacios .esp-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;row-gap:24px}
#espacios .esp-item{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-items:center;height:72px;color:var(--tx);transition:opacity .3s var(--ease)}
#espacios .esp-item:hover{opacity:.7}
#espacios .esp-mono,#espacios .esp-partner__logo{filter:brightness(0) saturate(100%)}
#espacios .esp-mono{height:32px;width:32px;object-fit:contain;opacity:.88}
#espacios .esp-wm{display:block;height:24px;font-family:"Sora",system-ui,sans-serif;font-weight:600;font-size:20px;line-height:24px;letter-spacing:-.01em;white-space:nowrap}
#espacios .esp-wm em{font-style:normal;font-weight:300}
#espacios .esp-partner{grid-template-columns:1fr;row-gap:8px;align-content:center}
#espacios .esp-partner__logo{width:100%;max-width:180px;height:28px;object-fit:contain;object-position:left center;opacity:.88}
#espacios .esp-partner__sub{display:block;font-family:"Sora",system-ui,sans-serif;font-weight:300;font-size:9.6px;line-height:12px;letter-spacing:.6em;color:var(--tx)}
@media(max-width:1023px){#espacios .esp-block{grid-template-columns:1fr;row-gap:20px;padding:24px 20px}#espacios .esp-row{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}
@media(max-width:639px){#espacios .esp-wm{font-size:14px}}

/* ---------- Contacto ---------- */
.s-contacto{display:grid;grid-template-columns:2fr 1fr;column-gap:64px;align-items:start;margin-top:64px}
.s-form{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:24px}
.s-campo{display:grid;row-gap:8px}
.s-campo__lbl,.s-campo__lbl--entero,.s-dato__lbl{display:block;height:16px}
.s-campo input,.s-campo select,.s-campo textarea{display:block;width:100%;height:48px;padding:0 16px;border:1px solid var(--linea);border-radius:2px;background:#FFFFFF;
  color:var(--tx);font-family:"Inter","Inter Respaldo",system-ui,sans-serif;font-size:15px;line-height:20px;transition:border-color .2s var(--ease)}
.s-campo textarea{height:128px;padding:12px 16px;resize:none}
.s-campo input::placeholder,.s-campo textarea::placeholder{color:#6B7378}
.s-campo input:hover,.s-campo select:hover,.s-campo textarea:hover{border-color:#B9C2C6}
.s-campo input:focus,.s-campo select:focus,.s-campo textarea:focus{border-color:var(--tx);outline:none}
.s-campo input:focus-visible,.s-campo select:focus-visible,.s-campo textarea:focus-visible{outline:2px solid var(--tx);outline-offset:2px}
.s-campo--entero,.s-form__pie,.s-form__ok{grid-column:1/-1}
.s-form__ok{color:var(--tx)}
.s-datos{margin-top:0;grid-template-columns:1fr}
.s-dato{row-gap:4px;padding:20px 24px;border-left:0;border-top:1px solid var(--linea)}
.s-dato:first-child{border-top:0}
.s-dato .t-h3{display:block;height:28px;font-weight:300}
@media(max-width:1023px){.s-contacto{grid-template-columns:1fr;row-gap:48px}}
@media(max-width:639px){.s-form{grid-template-columns:1fr}.s-contacto{margin-top:40px}.s-dato .t-h3{height:24px}}

/* ---------- Pie ---------- */
.s-pie{padding:96px 0 0}
.s-pie__grid{display:grid;grid-template-columns:6fr 3fr 3fr;column-gap:32px;padding-bottom:72px}
.s-pie__logo{display:block;height:28px;width:auto;filter:brightness(0) saturate(100%);opacity:.9}
.s-pie__frase{margin-top:40px}
.s-pie__nav{display:grid;align-content:start;padding-top:68px}
.s-pie__nav a{display:block;height:48px;font-family:"Inter","Inter Respaldo",system-ui,sans-serif;font-size:15px;line-height:48px;color:var(--tx2);transition:color .25s var(--ease)}
.s-pie__nav a:hover{color:var(--tx)}
.s-pie__cta{display:grid;justify-items:start;align-content:start;row-gap:12px;padding-top:68px}
.s-pie__meta{margin-top:12px}
.s-pie__ig{display:grid;place-items:center;width:40px;height:40px;margin-left:-9px;color:var(--tx);transition:opacity .25s var(--ease)}
.s-pie__ig:hover{opacity:.7}
.s-pie__ig svg{width:22px;height:22px}
.s-pie__base{display:grid;grid-template-columns:1fr 1fr;padding:24px 0 32px;border-top:1px solid var(--linea)}
.s-pie__base span:last-child{text-align:right}
@media(max-width:1023px){.s-pie{padding-top:64px}.s-pie__grid{grid-template-columns:1fr 1fr;row-gap:40px}.s-pie__marca{grid-column:1/-1}.s-pie__nav,.s-pie__cta{padding-top:0}}
@media(max-width:639px){.s-pie__grid{grid-template-columns:1fr}.s-pie__base{grid-template-columns:1fr;row-gap:4px}.s-pie__base span:last-child{text-align:left}}

/* ---------- Header al bajar: blanco, como qayama ---------- */

/* v71 · alturas declaradas por ancho */
.t-cifra{height:64px;line-height:64px}
.s-acc{grid-template-columns:460px 1fr}
.pasos{grid-template-columns:1fr;row-gap:16px}
.pasos .t-body{height:24px}
@media(min-width:1024px) and (max-width:1279px){
  .panel--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel--4 .panel__celda:nth-child(3){border-left:0}
  .panel--4 .panel__celda:nth-child(n+3){border-top:1px solid var(--linea)}
  .fichas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eje__p{height:168px}
}
@media(max-width:1023px){.pasos .t-body{height:44px}}
@media(max-width:639px){.t-cifra{height:48px;line-height:48px}.s-dato .t-h3{height:48px}}
@media(max-width:399px){.s-cifra__lbl{height:88px}.eje__p{height:120px}}
.t-cifra{height:68px;line-height:68px}
@media(min-width:1024px) and (max-width:1279px){.ficha--ancha{grid-template-columns:1fr}.ficha--ancha .ficha__foto{min-height:0;aspect-ratio:16/9}}
@media(max-width:639px){.t-cifra{height:48px;line-height:48px}}
@media(min-width:1024px) and (max-width:1279px){.razon__p{height:144px}.s-dato .t-h3{height:56px}}
.s-foto__nota{margin-top:32px;color:rgba(255,255,255,.86);justify-self:stretch}

/* =====================================================
   v80 · Paleta de la marca Touring: azul oscuro #261933 · gris #A0A0A0 · violeta #B20BC1
   - textos: azul oscuro; palabra clave del título en violeta (sobre claro) o gris (sobre foto)
   - violeta = lo que se toca: botones principales, ítem activo, íconos, foco
   - campo teñido en la familia del violeta
   - nunca imagen pegada a imagen: entre foto y campo va siempre blanco o gris
   ===================================================== */
:root{--tc-azul:#261933;--tc-gris:#A0A0A0;--tc-violeta:#B20BC1;
  --s-tx:#261933;--s-tx2:#4A4155;--s-linea:#E3E1E6;--s-gris:#F4F4F5;--s-acento:#B20BC1;--s-acento-chico:#261933;--s-campo:#261933}
.s--foto{--acento:#A0A0A0}
.s-foto__in .t-display{color:#FFFFFF}
.s-ic{color:var(--tc-violeta)}
.s--foto .s-ic{color:#FFFFFF}
.eje__item::before{background:var(--tc-violeta)}

/* campo teñido violeta */
.s--campo{background:var(--tc-azul)}
.s-fondo--campo{opacity:.55;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity}
.s--campo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(150deg,rgba(178,11,193,.34) 0%,rgba(38,25,51,.42) 55%,rgba(38,25,51,.7) 100%)}
.tarjeta--centro{width:min(720px,calc(100% - 48px));padding:72px 80px;display:grid;justify-items:center;text-align:center}
.tarjeta--centro>.t-label,.tarjeta--centro>.t-h2,.tarjeta--centro>.t-lead{justify-self:stretch}
.tarjeta--centro .t-label{margin-bottom:20px}
.tarjeta--centro .t-lead{margin:24px 0 40px}
@media(max-width:639px){.tarjeta--centro{padding:48px 24px}}

/* frase grande sobre gris */
.s-frase{padding:176px 0}
.s-frase__in{display:grid;justify-items:center;text-align:center}
.s-frase__in>*{justify-self:stretch}
.s-frase__in .t-label{margin-bottom:24px}
.s-frase__nota{margin-top:32px}
@media(max-width:639px){.s-frase{padding:96px 0}}

/* fichas anchas con texto (Certified, Concesionarios) */
.ficha--ancha .ficha__txt>.t-lead,.ficha--ancha .ficha__txt>.pasos,.ficha--ancha .ficha__txt>.ficha__nota{justify-self:stretch}
.ficha--ancha .ficha__txt{justify-items:start}
.ficha .pasos{margin:0;padding:0;border:0}
.ficha__nota{padding-top:20px;border-top:1px solid var(--linea)}
.ficha__nota span{color:var(--tx)}
.ficha--ancha .ficha__foto{min-height:560px}
@media(max-width:1279px){.ficha--ancha .ficha__foto{min-height:0}}

/* botones: el principal en violeta */
.s-btn--violeta{background:var(--tc-violeta);color:#FFFFFF}
.s-btn--violeta:hover{background:var(--tc-azul)}
.s-btn--linea{border-color:rgba(38,25,51,.4);color:var(--tc-azul)}
.s-btn--linea:hover{border-color:var(--tc-violeta);color:var(--tc-violeta)}
.s-btn--claro{color:var(--tc-azul)}
.s-btn--claro:hover{background:var(--tc-violeta);color:#FFFFFF}
.s-acc .acc__item[data-open] .acc__head{box-shadow:inset 3px 0 0 var(--tc-violeta)}
.s-acc .acc__item[data-open] .acc__head .s-ic{color:var(--tc-violeta)}
.s-pie__nav a:hover{color:var(--tc-violeta)}
.s-pie__ig:hover{opacity:1;color:var(--tc-violeta)}
#espacios .esp-item:hover{opacity:1;color:var(--tc-violeta)}
.s-campo input:focus,.s-campo select:focus,.s-campo textarea:focus{border-color:var(--tc-violeta)}

/* header al bajar: Ingresar en violeta */

/* portada: botón principal violeta */
.hero__cta .btn--gold{background:var(--tc-violeta);border-color:var(--tc-violeta);color:#FFFFFF}
.hero__cta .btn--gold:hover{background:#FFFFFF;border-color:#FFFFFF;color:var(--tc-azul)}

/* portada: control como en la web original (puntos chicos, píldora en el activo, flecha abajo al centro) */
.herodots{position:static;display:grid;grid-template-columns:repeat(7,24px);justify-content:center;align-items:center;height:24px;margin:24px 0 0}
.hero__pause{position:absolute;left:24px;bottom:24px;width:40px;height:40px;clip-path:inset(50%);overflow:hidden}
.hero__pause:focus-visible{clip-path:none;background:rgba(18,18,20,.6)}
.herodot{width:24px;height:24px}
.herodot::before{left:8.5px;top:8.5px;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);box-shadow:none;
  transition:width .3s var(--ease),left .3s var(--ease),border-radius .3s var(--ease),background .3s var(--ease)}
.herodot:hover::before{background:rgba(255,255,255,.7)}
.herodot.is-on::before{left:1px;width:22px;border-radius:5px;background:rgba(255,255,255,.9)}
.herodot.is-on::after{content:none;animation:none}
.hero__cta{margin-top:28px}
.hero__scroll,.hero__scroll[class]{left:calc(50% - 13px);right:auto;bottom:24px;width:26px;height:42px;border:1.5px solid rgba(255,255,255,.35);border-radius:14px;padding-top:8px}
@media(min-width:1280px){.hero__scroll{left:calc(50% - 13px);right:auto}}
.hero__scroll span{width:3px;height:8px;border-radius:3px;background:rgba(255,255,255,.9)}
.hero__scroll,.hero__scroll[class]{left:calc(50% - 12px);width:24px;height:40px;border-radius:12px}
@media(min-width:1280px){.hero__scroll{left:calc(50% - 12px)}}
/* header: menú, Ingresar e Instagram apoyados en la línea de base de «Club» del logo (2 px más abajo) */

/* =====================================================
   v81 · Botones (opción A): borde siempre igual —blanco sobre foto, azul oscuro sobre claro—;
   el principal con relleno translúcido; al pasar el mouse todos hacen lo mismo que «Ingresar»:
   solo cambia el relleno, a violeta translúcido
   ===================================================== */
.s-btn,.hero__cta .btn{transition:background .25s var(--ease)}
.s-btn:hover::after,.hero__cta .btn:hover::after{transform:none}
/* sobre claro */
.s-btn--violeta,.s-btn--linea,.s-btn--oscuro{border:1px solid var(--tc-azul);color:var(--tc-azul)}
.s-btn--violeta{background:rgba(38,25,51,.06)}
.s-btn--linea,.s-btn--oscuro{background:none}
.s-btn--violeta:hover,.s-btn--linea:hover,.s-btn--oscuro:hover{background:rgba(178,11,193,.12);border-color:var(--tc-azul);color:var(--tc-azul)}
/* sobre foto (portada) */
.hero__cta .btn,.hero__cta .btn--gold,.hero__cta .btn--ghost{border:1px solid rgba(255,255,255,.85);color:#FFFFFF}
.hero__cta .btn--gold{background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero__cta .btn--ghost{background:none}
.hero__cta .btn:hover,.hero__cta .btn--gold:hover,.hero__cta .btn--ghost:hover{background:rgba(178,11,193,.38);border-color:rgba(255,255,255,.85);color:#FFFFFF}
/* Ingresar: mismo borde que los demás y mismo cambio al pasar el mouse */

/* v82 · portada: principal blanco pleno; al pasar el mouse, todos los botones pasan a violeta pleno */
.hero__cta .btn--gold{background:#FFFFFF;border-color:#FFFFFF;color:var(--tc-azul);-webkit-backdrop-filter:none;backdrop-filter:none}
.hero__cta .btn:hover,
.hero__cta .btn--gold:hover,
.hero__cta .btn--ghost:hover,
.s-btn--violeta:hover,
.s-btn--linea:hover,
.s-btn--oscuro:hover{background:var(--tc-violeta);border-color:var(--tc-violeta);color:#FFFFFF}
/* v83 · violeta pleno solo en «Cotizá tu seguro» de la portada; el resto, violeta translúcido */
.hero__cta .btn--ghost:hover{background:rgba(178,11,193,.38);border-color:rgba(255,255,255,.85);color:#FFFFFF}
.s-btn--violeta:hover,
.s-btn--linea:hover,
.s-btn--oscuro:hover{background:rgba(178,11,193,.12);border-color:var(--tc-azul);color:var(--tc-azul)}
.hero__cta .btn--gold:hover{background:var(--tc-violeta);border-color:var(--tc-violeta);color:#FFFFFF}
/* v84 · al pasar el mouse, todos los botones en violeta pleno */
.hero__cta .btn:hover,
.hero__cta .btn--gold:hover,
.hero__cta .btn--ghost:hover,
.s-btn--violeta:hover,
.s-btn--linea:hover,
.s-btn--oscuro:hover{background:var(--tc-violeta);border-color:var(--tc-violeta);color:#FFFFFF}
/* v85 · cada sección llena la pantalla debajo del header (al ir a una sección no asoma la siguiente) */
.s{min-height:calc(100vh - 68px);min-height:calc(100svh - 68px);align-content:center}
@media(min-width:1280px){.s{min-height:calc(100vh - 96px);min-height:calc(100svh - 96px)}}
.s--sin-arriba{padding-top:128px}
@media(max-width:639px){.s--sin-arriba{padding-top:72px}}
.s-pie{min-height:0}
/* menú e Instagram: al pasar el mouse, violeta */

#credito{min-height:calc(100vh - 68px);min-height:calc(100svh - 68px)}
@media(min-width:1280px){#credito{min-height:calc(100vh - 96px);min-height:calc(100svh - 96px)}}
/* v86 · violeta del menú limpio: sin sombra al pasar el mouse; sobre la foto, violeta más claro de la misma familia */

/* v87 · menú e Instagram: violeta pleno de la marca, sin sombra, sobre foto y sobre blanco */

/* =====================================================
   v90 · Cada sección entra completa en la pantalla (debajo del header) en escritorio
   Aire y tamaños se ajustan al ALTO de la pantalla, no al contenido
   ===================================================== */
@media(min-width:1024px){
  .s,.s--sin-arriba{padding:48px 0}
  .s-frase{padding:48px 0}
  .s-cab .t-label{margin-bottom:16px}
  .s-cab .t-lead{margin-top:16px}
  .panel,.fichas,.ficha--ancha{margin-top:40px}
  .tarjeta{padding:56px 72px}
  .tarjeta--foto{padding:0}
  .tarjeta__foto{min-height:0}
  .tarjeta__txt{padding:48px 64px}
  .tarjeta__txt .t-lead{margin-top:16px}
  .tarjeta__txt .s-btn{margin-top:32px}
  .tarjeta--centro{padding:56px 72px}
  .tarjeta--centro .t-lead{margin:16px 0 32px}
  .eje{margin-top:40px;padding-top:32px}
  .eje__item::before{top:-37px}
  .tarjeta__pie{margin-top:32px;padding-top:24px}
  .pasos{margin-top:24px;padding-top:20px;row-gap:12px}
  .tarjeta__nota{margin-top:20px;padding-top:16px}
  .ficha--ancha .ficha__foto{min-height:0}
  .ficha--ancha .ficha__txt{padding:48px 56px;row-gap:32px}
  .s-contacto{margin-top:40px}
  .s-cierre .t-lead,.s-foto__in .t-lead{margin:16px 0 32px}
}
/* pantallas bajas (1366×768, 1536×864, 1440×900) */
@media(min-width:1024px) and (max-height:960px){
  .t-display{font-size:52px;line-height:60px}
  .t-h2{font-size:36px;line-height:44px}
  .t-h3{font-size:18px;line-height:24px}
  .t-lead{font-size:16px;line-height:26px}
  .t-cifra{font-size:44px;line-height:52px;height:52px}
  .s,.s--sin-arriba,.s-frase{padding:32px 0}
  .s-cab .t-label{margin-bottom:12px}
  .s-cab .t-lead{margin-top:12px;max-width:760px}
  .panel,.fichas,.ficha--ancha,.s-contacto{margin-top:32px}
  .panel__celda{padding:28px 32px}
  .s-cifra{row-gap:8px}
  .razon__t{height:48px;margin:16px 0 8px}
  .razon__p{height:96px}
  .ficha__foto{aspect-ratio:16/9}
  .ficha__txt{padding:20px 24px 24px}
  .ficha__n{margin:12px 0 4px}
  .ficha__tag{margin:4px 0 8px}
  .ficha__p{height:96px}
  .ficha--ancha .ficha__foto{aspect-ratio:auto}
  .ficha--ancha .ficha__txt{padding:32px 48px;row-gap:24px}
  .kpis--filas .kpi{padding:8px 0}
  .s-acc{grid-template-rows:repeat(6,64px)}
  .s-acc .acc__head{height:64px}
  .s-acc .acc__body{padding:28px 40px}
  .s-lista{row-gap:16px}
  .tarjeta{padding:40px 56px}
  .tarjeta--foto{padding:0}
  .tarjeta__txt{padding:36px 48px}
  .tarjeta--centro{padding:40px 56px}
  .eje{margin-top:28px;padding-top:28px}
  .eje__item::before{top:-33px}
  .eje__t{height:48px;margin-bottom:8px}
  .eje__p{height:96px}
  .tarjeta__pie{margin-top:24px;padding-top:16px}
  .pasos{margin-top:16px;padding-top:16px;row-gap:8px}
  .pasos li{row-gap:0}
  .pasos b.t-h3{height:24px}
  .pasos .t-body{height:24px}
  .tarjeta__nota{margin-top:16px;padding-top:12px}
  .s-campo textarea{height:96px}
  .s-form{row-gap:16px}
  .s-dato{padding:14px 24px}
  #espacios .esp-block{padding:20px 32px}
  #espacios .esp-item{height:56px}
}
@media(min-width:1024px) and (max-height:960px){
  .tarjeta--foto{grid-template-columns:2fr 3fr}
}
@media(min-width:1024px) and (max-height:800px){
  .s,.s--sin-arriba,.s-frase{padding:24px 0}
  .ficha__foto{aspect-ratio:5/2}
  .ficha--ancha .ficha__foto{aspect-ratio:auto}
  .ficha__txt{padding:16px 20px 20px}
  .s-ic{width:24px;height:24px}
  .t-h2{font-size:32px;line-height:40px}
  .panel,.fichas,.ficha--ancha,.s-contacto{margin-top:24px}
  .s-acc{grid-template-rows:repeat(6,56px)}
  .s-acc .acc__head{height:56px}
  .s-lista{row-gap:12px}
}
@media(min-width:1024px) and (max-height:960px){.t-cifra{height:56px;line-height:56px}.eje__p{height:120px}}
@media(min-width:1024px) and (max-width:1279px) and (max-height:960px){.eje__p{height:168px}}
@media(min-width:1024px) and (max-height:800px){
  .s,.s--sin-arriba,.s-frase{padding:20px 0}
  .t-lead{font-size:15px;line-height:24px}
  .tarjeta__txt{padding:28px 40px}
  .pasos{margin-top:12px;padding-top:12px;row-gap:4px}
  .tarjeta__nota{margin-top:12px;padding-top:8px}
}
@media(min-width:1024px) and (max-width:1279px) and (max-height:960px){.razon__p{height:120px}}
@media(min-width:1024px) and (max-height:960px){.s-lista span{font-size:14px;line-height:20px}.s-lista{row-gap:12px}}
@media(min-width:1024px) and (max-height:800px){
  .s-acc{grid-template-rows:repeat(6,64px)}
  .s-acc .acc__head{height:64px}
  .s-acc .acc__body{padding:24px 32px}
}
@media(min-width:1024px){.s-acc .acc__body{padding:24px 48px}}
@media(min-width:1024px) and (max-height:960px){.s-acc .acc__body{padding:20px 40px}.s-lista{row-gap:8px}}
@media(min-width:1024px) and (max-height:800px){.s-acc .acc__body{padding:12px 32px}}
@media(min-width:1024px) and (min-height:961px){.s-lista{row-gap:20px}}
@media(min-width:1024px) and (max-height:960px){
  .s-dato{padding:12px 24px}
  .t-body,.s-lista span{font-size:14px;line-height:20px}
}
/* v91 · dos secciones seguidas con el mismo fondo: filete fino entre ambas, al ancho del contenido */
.s--blanco+.s--blanco::before,.s--gris+.s--gris::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(var(--s-w),calc(100% - 48px));height:1px;background:var(--s-linea);z-index:2}

/* =====================================================
   v95 · Header (distribución lev.com)
   Escritorio: logo al borde del contenido · menú en el centro · filete · Ingresar · Instagram
   Columnas declaradas: 148 · 1fr · 77 · 75 · 128 · 74 · 77 · 1fr · 1 · 140 · 40 (aire de 32)
   Seguros y Créditos agrupados en «Cotizaciones», que despliega las dos opciones
   ===================================================== */
header.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:grid;align-items:center;align-content:center;
  grid-template-columns:148px 1fr 112px 36px 36px;grid-template-rows:36px;column-gap:8px;row-gap:0;height:68px;padding:0 20px;
  background:none;border-bottom:1px solid transparent;transition:background .35s var(--ease),border-color .35s var(--ease)}
header.nav .nav__brand{grid-column:1;grid-row:1;display:grid;align-items:center;height:36px}
header.nav .brandlogo{height:28px;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
header.nav .nav__right{display:contents}
header.nav .nav__ig{grid-column:4;grid-row:1;display:grid;place-items:center;width:36px;height:36px;color:#FFFFFF;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));transition:color .25s var(--ease)}
header.nav .nav__ig svg{width:22px;height:22px}
header.nav .nav__burger{grid-column:5;grid-row:1;display:grid;align-content:center;justify-items:center;gap:4px;width:36px;height:36px;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
header.nav .nav__burger span{display:block;width:22px;height:2px;background:#FFFFFF;transition:transform .3s var(--ease),opacity .3s var(--ease)}
header.nav .nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
header.nav .nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
header.nav .nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* textos del menú */
header.nav .nav__item,header.nav .nav__grupo-btn,header.nav .nav__menu a{font-family:"Inter","Inter Respaldo",system-ui,sans-serif;font-size:17px;font-weight:500;line-height:20px;letter-spacing:.005em;white-space:nowrap}
header.nav .nav__item,header.nav .nav__grupo-btn{color:#FFFFFF;text-shadow:0 1px 2px rgba(0,0,0,.4);transition:color .25s var(--ease)}
header.nav .nav__item>span,header.nav .nav__grupo-btn>span,header.nav .nav__menu a>span{display:block;text-transform:lowercase}
header.nav .nav__item>span::first-letter,header.nav .nav__grupo-btn>span::first-letter,header.nav .nav__menu a>span::first-letter{text-transform:uppercase}
header.nav .nav__item:hover,header.nav .nav__grupo-btn:hover,header.nav .nav__grupo.is-open .nav__grupo-btn{color:var(--tc-violeta);text-shadow:none}
header.nav .nav__ig:hover{color:var(--tc-violeta);filter:none}

/* Ingresar: contorno, mismo comportamiento que los demás botones */
header.nav .nav__ingresar{display:grid;place-items:center;width:112px;height:36px;border:1px solid rgba(255,255,255,.85);border-radius:2px;
  font-family:"Inter","Inter Respaldo",system-ui,sans-serif;font-size:13.5px;line-height:16px;font-weight:500;color:#FFFFFF;
  transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}
header.nav .nav__ingresar:hover{background:var(--tc-violeta);border-color:var(--tc-violeta);color:#FFFFFF}

/* desplegable «Cotizaciones» */
header.nav .nav__grupo{position:relative}
header.nav .nav__grupo-btn{display:grid;grid-template-columns:108px 12px;column-gap:8px;align-items:center;height:40px;padding:0;border:0;background:none;cursor:pointer}
header.nav .nav__grupo-btn i{display:block;width:12px;height:12px;background:currentColor;transition:transform .25s var(--ease);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
header.nav .nav__grupo.is-open .nav__grupo-btn i{transform:rotate(180deg)}
header.nav .nav__menu{position:absolute;top:calc(100% + 16px);left:-16px;width:200px;display:grid;padding:8px;background:#FFFFFF;border:1px solid var(--s-linea);border-radius:8px;
  box-shadow:0 12px 32px -12px rgba(38,25,51,.28);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s linear .2s}
header.nav .nav__grupo:hover .nav__menu,header.nav .nav__grupo.is-open .nav__menu,header.nav .nav__grupo:focus-within .nav__menu{opacity:1;visibility:visible;transform:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}
header.nav .nav__grupo::after{content:"";position:absolute;left:-16px;right:-16px;top:100%;height:16px}
header.nav .nav__menu a{display:grid;align-items:center;height:40px;padding:0 12px;border-radius:4px;color:var(--tc-azul);transition:background .2s var(--ease),color .2s var(--ease)}
header.nav .nav__menu a:hover{background:var(--s-gris);color:var(--tc-violeta)}
header.nav :focus-visible{outline:2px solid currentColor;outline-offset:2px}
header.nav .nav__menu a:focus-visible{outline-color:var(--tc-violeta)}

/* celular y tablet: en la barra solo logo, Ingresar, Instagram y menú */
header.nav .nav__links{grid-column:3;grid-row:1;display:grid;align-items:center;height:36px}
header.nav .nav__links:not(.is-open)>:not(.nav__ingresar){display:none}
header.nav .nav__links.is-open{position:fixed;inset:68px 0 0 0;display:block;height:auto;padding:8px 20px 24px;overflow:auto;background:#FFFFFF;border-top:1px solid var(--s-linea)}
header.nav .nav__links.is-open .nav__item,header.nav .nav__links.is-open .nav__grupo{display:block;border-bottom:1px solid var(--s-linea)}
header.nav .nav__links.is-open .nav__item{display:grid;align-items:center;height:56px;font-size:20px;color:var(--tc-azul);text-shadow:none}
header.nav .nav__links.is-open .nav__grupo-btn{display:grid;height:56px;font-size:20px;color:var(--tc-azul);text-shadow:none;pointer-events:none}
header.nav .nav__links.is-open .nav__grupo-btn i{display:none}
header.nav .nav__links.is-open .nav__menu{position:static;width:auto;padding:0 0 12px 16px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}
header.nav .nav__links.is-open .nav__menu a{height:48px;font-size:17px;padding:0}
header.nav .nav__links.is-open .nav__ingresar{position:fixed;top:16px;right:108px}
header.nav:has(.nav__links.is-open){background:#FFFFFF;border-bottom-color:var(--s-linea)}

/* header al bajar (y con el menú abierto): blanco con texto oscuro */
header.nav.is-scrolled,header.nav:has(.nav__links.is-open){background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--s-linea)}
header.nav.is-scrolled .brandlogo,header.nav:has(.nav__links.is-open) .brandlogo{filter:brightness(0) saturate(100%)}
header.nav.is-scrolled .nav__item,header.nav.is-scrolled .nav__grupo-btn{color:var(--tc-azul);text-shadow:none}
header.nav.is-scrolled .nav__item:hover,header.nav.is-scrolled .nav__grupo-btn:hover,header.nav.is-scrolled .nav__grupo.is-open .nav__grupo-btn{color:var(--tc-violeta)}
header.nav.is-scrolled .nav__ig,header.nav:has(.nav__links.is-open) .nav__ig{color:var(--tc-azul);filter:none}
header.nav.is-scrolled .nav__ig:hover{color:var(--tc-violeta)}
header.nav.is-scrolled .nav__burger,header.nav:has(.nav__links.is-open) .nav__burger{filter:none}
header.nav.is-scrolled .nav__burger span,header.nav:has(.nav__links.is-open) .nav__burger span{background:var(--tc-azul)}
header.nav.is-scrolled .nav__ingresar,header.nav:has(.nav__links.is-open) .nav__ingresar{border-color:var(--tc-azul);color:var(--tc-azul)}
header.nav.is-scrolled .nav__ingresar:hover{background:var(--tc-violeta);border-color:var(--tc-violeta);color:#FFFFFF}

/* escritorio: distribución lev */
@media(min-width:1280px){
  header.nav{height:96px;padding:0 max(24px,calc(50vw - 696px));grid-template-rows:40px;column-gap:32px;
    grid-template-columns:148px 1fr 77px 77px 128px 77px 77px 1fr 1px 140px 40px}
  header.nav::after{content:"";grid-column:9;grid-row:1;align-self:center;width:1px;height:24px;background:rgba(255,255,255,.45)}
  header.nav.is-scrolled::after{background:var(--s-linea)}
  header.nav .nav__brand{height:40px}
  header.nav .nav__links,header.nav .nav__links.is-open{display:contents}
  header.nav .nav__links>*,header.nav .nav__links:not(.is-open)>:not(.nav__ingresar){display:grid}
  header.nav .nav__links>a:nth-child(1){grid-column:3}
  header.nav .nav__links>a:nth-child(2){grid-column:4}
  header.nav .nav__grupo{grid-column:5}
  header.nav .nav__links>a:nth-child(4){grid-column:6}
  header.nav .nav__links>a:nth-child(5){grid-column:7}
  header.nav .nav__links>*{grid-row:1}
  header.nav .nav__item{align-items:center;height:40px;position:relative;top:2px}
  header.nav .nav__grupo-btn{position:relative;top:2px}
  header.nav .nav__ingresar{grid-column:10;width:140px;height:40px;font-size:15px;line-height:20px;position:relative;top:2px}
  header.nav .nav__ig{grid-column:11;width:40px;height:40px;position:relative;top:2px}
  header.nav .nav__burger{display:none}
}
/* menú abierto en celular: sin desenfoque en el header (si no, el panel fijo queda encerrado en la barra) */
header.nav:has(.nav__links.is-open){-webkit-backdrop-filter:none;backdrop-filter:none;background:#FFFFFF}
/* v96 · desplegable «Cotizaciones»: caja translúcida del mismo tono que el header, sin sombra ni fondo gris;
   al pasar el mouse solo cambian las letras a violeta; el texto queda alineado con «Cotizaciones» */
@media(min-width:1280px){
  header.nav .nav__menu{top:calc(100% + 12px);left:-16px;width:180px;padding:8px 0;border-radius:2px;box-shadow:none;
    background:rgba(18,18,20,.42);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
  header.nav .nav__grupo::after{height:12px}
  header.nav .nav__menu a{height:40px;padding:0 16px;border-radius:0;background:none;color:#FFFFFF;text-shadow:none}
  header.nav .nav__menu a:hover,header.nav .nav__menu a:focus-visible{background:none;color:var(--tc-violeta)}
  header.nav .nav__menu a:focus-visible{outline:none}
  /* con el header blanco: caja blanca translúcida y letras azul oscuro */
  header.nav.is-scrolled .nav__menu{background:rgba(255,255,255,.9);border-color:var(--s-linea)}
  header.nav.is-scrolled .nav__menu a{color:var(--tc-azul)}
  header.nav.is-scrolled .nav__menu a:hover,header.nav.is-scrolled .nav__menu a:focus-visible{color:var(--tc-violeta)}
}
/* mientras el desplegable está abierto, «Cotizaciones» queda en violeta */
header.nav .nav__grupo:hover .nav__grupo-btn,header.nav .nav__grupo:focus-within .nav__grupo-btn{color:var(--tc-violeta);text-shadow:none}
header.nav .nav__grupo:hover .nav__grupo-btn i,header.nav .nav__grupo:focus-within .nav__grupo-btn i{transform:rotate(180deg)}
/* v97 · desplegable: blanco translúcido, sin borde */
@media(min-width:1280px){
  header.nav .nav__menu{background:rgba(255,255,255,.2);border:0;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}
  header.nav .nav__menu a{color:#FFFFFF;text-shadow:0 1px 2px rgba(0,0,0,.35)}
  header.nav .nav__menu a:hover,header.nav .nav__menu a:focus-visible{color:var(--tc-violeta);text-shadow:none}
  header.nav.is-scrolled .nav__menu{background:rgba(255,255,255,.9);border:0}
  header.nav.is-scrolled .nav__menu a{color:var(--tc-azul);text-shadow:none}
  header.nav.is-scrolled .nav__menu a:hover{color:var(--tc-violeta)}
}
/* v98 · header sin sombras (como qayama) · desplegable: vidrio blanco esmerilado con letras azul oscuro */
header.nav .brandlogo,header.nav .nav__ig,header.nav .nav__burger{filter:none}
header.nav .nav__item,header.nav .nav__grupo-btn,header.nav .nav__menu a,header.nav .nav__ingresar{text-shadow:none}
@media(min-width:1280px){
  header.nav .nav__menu,header.nav.is-scrolled .nav__menu{background:rgba(255,255,255,.78);border:0;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)}
  header.nav .nav__menu a,header.nav.is-scrolled .nav__menu a{color:var(--tc-azul);text-shadow:none}
  header.nav .nav__menu a:hover,header.nav .nav__menu a:focus-visible{color:var(--tc-violeta)}
}
/* v103 · cajita de «Cotizaciones»: más translúcida y más pegada al botón */
@media(min-width:1280px){
  header.nav .nav__menu,header.nav.is-scrolled .nav__menu{top:calc(100% + 8px);background:rgba(255,255,255,.58)}
  header.nav .nav__grupo::after{height:8px}
}

/* =====================================================
   v105 · desplegable «Cotizaciones» oscuro (referencia del usuario):
   azul oscuro de la marca, esquinas suaves, letras blancas; al pasar el mouse solo la letra a violeta
   ===================================================== */
@media(min-width:1280px){
  header.nav .nav__menu,header.nav.is-scrolled .nav__menu{top:calc(100% + 6px);left:-14px;width:180px;padding:8px 0;border:0;border-radius:8px;box-shadow:0 12px 28px -14px rgba(0,0,0,.45);
    background:rgba(38,25,51,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  header.nav .nav__grupo::after{height:6px}
  header.nav .nav__menu a,header.nav.is-scrolled .nav__menu a{height:36px;padding:0 14px;border-radius:0;background:none;font-size:15px;line-height:20px;color:#FFFFFF;text-shadow:none}
  header.nav .nav__menu a:hover,header.nav .nav__menu a:focus-visible,header.nav.is-scrolled .nav__menu a:hover{background:none;color:#D75AE6}
}
/* v106 · mismo formato de la referencia, con los colores de la home: blanco translúcido, letras azul oscuro, violeta al pasar */
@media(min-width:1280px){
  header.nav .nav__menu,header.nav.is-scrolled .nav__menu{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
    box-shadow:0 10px 24px -14px rgba(38,25,51,.35)}
  header.nav .nav__menu a,header.nav.is-scrolled .nav__menu a{color:var(--tc-azul)}
  header.nav .nav__menu a:hover,header.nav .nav__menu a:focus-visible,header.nav.is-scrolled .nav__menu a:hover{color:var(--tc-violeta)}
}
/* la caja no pasa del ancho de «Cotizaciones» (128) + 14 px de aire a cada lado: no invade «Espacios» */
@media(min-width:1280px){header.nav .nav__menu,header.nav.is-scrolled .nav__menu{width:156px}}

/* =====================================================
   v107 · «Cotizaciones» a la derecha, junto a «Ingresar», en una caja del mismo tamaño (140 × 40).
   En reposo: solo texto. Al pasar el mouse: aparece el recuadro (como «Ingresar») y baja,
   pegado, un menú cuadrado de blanco translúcido con Seguros y Créditos.
   Columnas: 148 · 1fr · 77 · 77 · 77 · 77 · 1fr · 1 · 140 · 140 · 40 (aire de 32)
   ===================================================== */
@media(min-width:1280px){
  header.nav{grid-template-columns:148px 1fr 77px 77px 77px 77px 1fr 1px 140px 140px 40px}
  header.nav::after{grid-column:8}
  header.nav .nav__links>a:nth-child(1){grid-column:3}
  header.nav .nav__links>a:nth-child(2){grid-column:4}
  header.nav .nav__links>a:nth-child(4){grid-column:5}
  header.nav .nav__links>a:nth-child(5){grid-column:6}
  header.nav .nav__grupo{grid-column:9;position:relative;top:2px;width:140px;height:40px}
  header.nav .nav__ingresar{grid-column:10}
  header.nav .nav__ig{grid-column:11}
  header.nav .nav__grupo::after{content:none}
  header.nav .nav__grupo-btn{position:static;top:auto;display:grid;grid-template-columns:108px 12px;column-gap:8px;justify-content:center;align-items:center;
    width:140px;height:40px;border:1px solid transparent;border-radius:2px;color:#FFFFFF;font-size:15px;line-height:20px;transition:border-color .25s var(--ease),color .25s var(--ease)}
  header.nav .nav__grupo-btn>span{text-align:center}
  header.nav .nav__grupo:hover .nav__grupo-btn,header.nav .nav__grupo:focus-within .nav__grupo-btn,header.nav .nav__grupo.is-open .nav__grupo-btn{
    border-color:rgba(255,255,255,.85);color:#FFFFFF}
  :is(header.nav.is-scrolled) .nav__grupo-btn{color:var(--tc-azul)}
  :is(header.nav.is-scrolled) .nav__grupo:hover .nav__grupo-btn,:is(header.nav.is-scrolled) .nav__grupo:focus-within .nav__grupo-btn,:is(header.nav.is-scrolled) .nav__grupo.is-open .nav__grupo-btn{
    border-color:var(--tc-azul);color:var(--tc-azul)}
  header.nav .nav__menu,header.nav.is-scrolled .nav__menu{top:100%;left:0;width:140px;padding:4px 0;border:0;border-radius:2px;box-shadow:none;
    background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}
  header.nav .nav__menu a,header.nav.is-scrolled .nav__menu a{height:40px;padding:0;justify-content:center;text-align:center;font-size:15px;color:var(--tc-azul)}
  header.nav .nav__menu a:hover,header.nav .nav__menu a:focus-visible,header.nav.is-scrolled .nav__menu a:hover{color:var(--tc-violeta)}
}
/* v108 · celular y tablet: en la barra solo logo, Instagram y menú; «Ingresar» pasa al menú */
@media(max-width:1279px){
  header.nav{grid-template-columns:148px 1fr 36px 36px}
  header.nav .nav__ig{grid-column:3}
  header.nav .nav__burger{grid-column:4}
  header.nav .nav__links:not(.is-open){display:none}
  header.nav .nav__links.is-open .nav__ingresar{position:static;display:grid;place-items:center;width:100%;height:48px;margin-top:24px;
    border:1px solid var(--tc-azul);border-radius:2px;color:var(--tc-azul);font-size:15px}
  header.nav .nav__links.is-open .nav__ingresar:hover{background:var(--tc-violeta);border-color:var(--tc-violeta);color:#FFFFFF}
}
/* v109 · «Cotizaciones»: caja igual a «Ingresar» (siempre con recuadro), del otro lado del filete;
   al pasar el mouse se comporta igual que «Ingresar» (violeta pleno) y baja el menú */
@media(min-width:1280px){
  header.nav{grid-template-columns:148px 1fr 77px 77px 77px 77px 1fr 140px 1px 140px 40px}
  header.nav .nav__grupo{grid-column:8}
  header.nav::after{grid-column:9}
  header.nav .nav__ingresar{grid-column:10}
  header.nav .nav__grupo-btn,header.nav .nav__grupo:hover .nav__grupo-btn,header.nav .nav__grupo:focus-within .nav__grupo-btn,header.nav .nav__grupo.is-open .nav__grupo-btn{
    border-color:rgba(255,255,255,.85);color:#FFFFFF;font-weight:500;transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}
  header.nav .nav__grupo:hover .nav__grupo-btn,header.nav .nav__grupo:focus-within .nav__grupo-btn,header.nav .nav__grupo.is-open .nav__grupo-btn{
    background:var(--tc-violeta);border-color:var(--tc-violeta);color:#FFFFFF}
  :is(header.nav.is-scrolled) .nav__grupo-btn{border-color:var(--tc-azul);color:var(--tc-azul)}
  :is(header.nav.is-scrolled) .nav__grupo:hover .nav__grupo-btn,:is(header.nav.is-scrolled) .nav__grupo:focus-within .nav__grupo-btn,:is(header.nav.is-scrolled) .nav__grupo.is-open .nav__grupo-btn{
    background:var(--tc-violeta);border-color:var(--tc-violeta);color:#FFFFFF}
}
@media(min-width:1280px){header.nav .nav__grupo-btn,header.nav .nav__grupo-btn>span{letter-spacing:normal}}
/* v110 · menú de «Cotizaciones» realmente translúcido (como el relleno del botón de la portada) */
@media(min-width:1280px){
  header.nav .nav__menu{background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}
  header.nav .nav__menu a{color:#FFFFFF}
  header.nav .nav__menu a:hover,header.nav .nav__menu a:focus-visible{color:#FFFFFF;text-decoration:none;background:rgba(178,11,193,.55)}
  header.nav.is-scrolled .nav__menu{background:rgba(255,255,255,.72)}
  header.nav.is-scrolled .nav__menu a{color:var(--tc-azul)}
  header.nav.is-scrolled .nav__menu a:hover{color:#FFFFFF;background:rgba(178,11,193,.85)}
}
/* v111 · «Cotizaciones» sin flechita (el texto centrado en la caja); en las opciones, al pasar el mouse solo cambia la letra */
@media(min-width:1280px){
  header.nav .nav__grupo-btn{grid-template-columns:138px;column-gap:0}
  header.nav .nav__grupo-btn i{display:none}
  header.nav .nav__menu a:hover,header.nav .nav__menu a:focus-visible{background:none;color:var(--tc-violeta)}
  header.nav.is-scrolled .nav__menu a:hover{background:none;color:var(--tc-violeta)}
}
/* v112 · menú de celular: «Cotizaciones» al final, como caja igual a «Ingresar»; al tocarla se despliegan ahí mismo Seguros y Créditos */
@media(max-width:1279px){
  header.nav .nav__links.is-open{display:grid;grid-template-columns:1fr;align-content:start}
  header.nav .nav__links.is-open .nav__item{order:1}
  header.nav .nav__links.is-open .nav__grupo{order:2;display:grid;margin-top:24px;border-bottom:0}
  header.nav .nav__links.is-open .nav__ingresar{order:3;margin-top:12px}
  header.nav .nav__links.is-open .nav__grupo-btn{pointer-events:auto;display:grid;place-items:center;width:100%;height:48px;padding:0;
    border:1px solid var(--tc-azul);border-radius:2px;font-size:15px;color:var(--tc-azul);background:none;cursor:pointer}
  header.nav .nav__links.is-open .nav__grupo.is-open .nav__grupo-btn{background:var(--tc-violeta);border-color:var(--tc-violeta);color:#FFFFFF}
  header.nav .nav__links.is-open .nav__menu{display:none;padding:0;border:1px solid var(--s-linea);border-top:0;border-radius:0 0 2px 2px}
  header.nav .nav__links.is-open .nav__grupo.is-open .nav__menu{display:grid}
  header.nav .nav__links.is-open .nav__menu a{display:grid;place-items:center;height:48px;padding:0;font-size:15px;color:var(--tc-azul);border-bottom:1px solid var(--s-linea)}
  header.nav .nav__links.is-open .nav__menu a:last-child{border-bottom:0}
  header.nav .nav__links.is-open .nav__menu a:hover{color:var(--tc-violeta)}
}
@media(max-width:1279px){
  header.nav .nav__links.is-open .nav__grupo-btn{grid-template-columns:1fr;justify-items:center;font-weight:500;text-align:center}
  header.nav .nav__links.is-open .nav__grupo-btn>span{font-size:15px;font-weight:500}
}
/* Instagram: violeta al pasar el mouse en todos los estados del header (también con el menú abierto) */
header.nav .nav__ig:hover,header.nav.is-scrolled .nav__ig:hover,header.nav:has(.nav__links.is-open) .nav__ig:hover{color:var(--tc-violeta)}

/* =====================================================
   v113 · Menú de celular/tablet: se DESPLIEGA debajo de la barra (no cambia la página)
   - la barra queda como estaba (transparente sobre la foto o blanca si ya bajaste)
   - el panel mide lo que su contenido y baja con un movimiento corto
   ===================================================== */
@media(max-width:1279px){
  header.nav:has(.nav__links.is-open):not(.is-scrolled){background:none;border-bottom-color:transparent}
  header.nav:has(.nav__links.is-open):not(.is-scrolled) .brandlogo{filter:none}
  header.nav:has(.nav__links.is-open):not(.is-scrolled) .nav__ig{color:#FFFFFF}
  header.nav:has(.nav__links.is-open):not(.is-scrolled) .nav__burger span{background:#FFFFFF}
  header.nav:has(.nav__links.is-open):not(.is-scrolled) .nav__ig:hover{color:var(--tc-violeta)}
  header.nav .nav__links,header.nav .nav__links:not(.is-open),header.nav .nav__links.is-open{
    position:fixed;top:68px;left:0;right:0;bottom:auto;height:auto;max-height:calc(100vh - 68px);max-height:calc(100svh - 68px);overflow:auto;
    display:grid;grid-template-columns:1fr;align-content:start;padding:8px 20px 24px;
    background:rgba(255,255,255,.97);border-top:1px solid var(--s-linea);border-bottom:1px solid var(--s-linea);box-shadow:0 16px 32px -20px rgba(38,25,51,.35);
    clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:clip-path .35s cubic-bezier(.16,1,.3,1),opacity .25s var(--ease),transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s}
  header.nav .nav__links.is-open{clip-path:inset(0 0 0 0);opacity:1;visibility:visible;transform:none;
    transition:clip-path .35s cubic-bezier(.16,1,.3,1),opacity .2s var(--ease),transform .35s cubic-bezier(.16,1,.3,1)}
  header.nav .nav__links:not(.is-open)>*{display:none}
  header.nav .nav__links .nav__item{display:grid;align-items:center;height:56px;font-size:20px;color:var(--tc-azul);text-shadow:none;border-bottom:1px solid var(--s-linea);order:1}
  header.nav .nav__links .nav__grupo{order:2;display:grid;margin-top:24px}
  header.nav .nav__links .nav__ingresar{order:3;margin-top:12px}
}
@media(max-width:1279px) and (prefers-reduced-motion:reduce){header.nav .nav__links,header.nav .nav__links.is-open{transition:none;transform:none}}
/* la portada encierra sus capas (fotos y velo) para que nunca pasen por encima del header ni del menú */
.hero{isolation:isolate;z-index:0}
@media(max-width:1279px){header.nav .nav__links,header.nav .nav__links:not(.is-open),header.nav .nav__links.is-open{background:#FFFFFF}}
/* v115 · Subastas con su luz de activo (como la página actual) */
.nav__sub-dot{display:block;width:7px;height:7px;border-radius:50%;background:#3fd882;box-shadow:0 0 6px rgba(63,216,130,.75);animation:navSubLed 2.4s ease-in-out infinite}
@keyframes navSubLed{0%,100%{opacity:.55;box-shadow:0 0 3px rgba(63,216,130,.5)}50%{opacity:1;box-shadow:0 0 9px rgba(63,216,130,.95)}}
@media(prefers-reduced-motion:reduce){.nav__sub-dot{animation:none;opacity:1}}
header.nav .nav__sub{grid-template-columns:7px 80px;column-gap:9px;align-items:center}
@media(min-width:1280px){
  header.nav{grid-template-columns:148px 1fr 77px 77px 77px 96px 1fr 140px 1px 140px 40px}
  header.nav .nav__links>a:nth-child(5){grid-column:6;display:grid}
}
@media(max-width:1279px){header.nav .nav__links.is-open .nav__sub{display:grid;grid-template-columns:7px 1fr;column-gap:12px}}

/* =====================================================
   v116 · «Cotizaciones» vuelve al menú general, antes de Subastas:
   Servicios · Contacto · Espacios · Cotizaciones · Subastas
   Al pasar el mouse: la palabra a violeta y baja, pegada, la cajita translúcida con Seguros y Créditos
   Columnas: 148 · 1fr · 77 · 77 · 77 · 108 · 96 · 1fr · 1 · 140 · 40
   ===================================================== */
@media(min-width:1280px){
  header.nav{grid-template-columns:148px 1fr 77px 77px 77px 144px 96px 1fr 1px 140px 40px}
  header.nav .nav__links>a:nth-child(1){grid-column:3}
  header.nav .nav__links>a:nth-child(2){grid-column:4}
  header.nav .nav__links>a:nth-child(4){grid-column:5}
  header.nav .nav__grupo{grid-column:6;width:128px;top:0}
  header.nav .nav__links>a:nth-child(5){grid-column:7}
  header.nav::after{grid-column:9}
  header.nav .nav__ingresar{grid-column:10}
  header.nav .nav__ig{grid-column:11}
  header.nav .nav__grupo-btn,header.nav .nav__grupo:hover .nav__grupo-btn,header.nav .nav__grupo:focus-within .nav__grupo-btn,header.nav .nav__grupo.is-open .nav__grupo-btn{
    position:relative;top:2px;display:grid;grid-template-columns:128px;justify-content:start;width:128px;height:40px;padding:0;border:0;border-radius:0;background:none;
    font-size:17px;font-weight:500;line-height:20px;color:#FFFFFF;transition:color .25s var(--ease)}
  header.nav .nav__grupo-btn>span{text-align:left}
  header.nav .nav__grupo:hover .nav__grupo-btn,header.nav .nav__grupo:focus-within .nav__grupo-btn,header.nav .nav__grupo.is-open .nav__grupo-btn{color:var(--tc-violeta)}
  :is(header.nav.is-scrolled) .nav__grupo-btn{color:var(--tc-azul);background:none;border:0}
  :is(header.nav.is-scrolled) .nav__grupo:hover .nav__grupo-btn,:is(header.nav.is-scrolled) .nav__grupo:focus-within .nav__grupo-btn,:is(header.nav.is-scrolled) .nav__grupo.is-open .nav__grupo-btn{color:var(--tc-violeta);background:none;border:0}
  header.nav .nav__menu,header.nav.is-scrolled .nav__menu{top:calc(100% + 8px);left:-16px;width:140px;padding:4px 0;border-radius:2px}
  header.nav .nav__grupo::before{content:"";position:absolute;left:-16px;right:-16px;top:100%;height:10px}
  header.nav .nav__menu a,header.nav.is-scrolled .nav__menu a{justify-content:start;text-align:left;padding:0 16px}
}
/* celular: «Cotizaciones» en la lista, antes de Subastas; al tocarla se abren Seguros y Créditos debajo */
@media(max-width:1279px){
  header.nav .nav__links.is-open .nav__item{order:1}
  header.nav .nav__links.is-open .nav__esp.nav__item{order:2}
  header.nav .nav__links.is-open .nav__grupo{order:3;margin-top:0;border-bottom:1px solid var(--s-linea)}
  header.nav .nav__links.is-open .nav__sub{order:4}
  header.nav .nav__links.is-open .nav__ingresar{order:5;margin-top:24px}
  header.nav .nav__links.is-open .nav__grupo-btn{justify-items:start;height:56px;border:0;border-radius:0;font-size:20px;color:var(--tc-azul);background:none}
  header.nav .nav__links.is-open .nav__grupo-btn>span{font-size:20px}
  header.nav .nav__links.is-open .nav__grupo.is-open .nav__grupo-btn{background:none;border:0;color:var(--tc-violeta)}
  header.nav .nav__links.is-open .nav__menu{border:0;padding:0 0 12px 16px}
  header.nav .nav__links.is-open .nav__menu a{place-items:center start;height:44px;border:0;font-size:17px}
}
/* v117 · al pasar el mouse, «Cotizaciones» toma el recuadro de «Ingresar» y el menú baja pegado,
   con el mismo borde: palabra y opciones se leen como una sola pieza */
@media(min-width:1280px){
  header.nav .nav__grupo-btn::after{content:"";position:absolute;left:-16px;right:-16px;top:0;bottom:0;height:auto;border:1px solid transparent;border-radius:2px;
    transition:border-color .25s var(--ease)}
  header.nav .nav__grupo:hover .nav__grupo-btn,header.nav .nav__grupo:focus-within .nav__grupo-btn,header.nav .nav__grupo.is-open .nav__grupo-btn{color:#FFFFFF}
  header.nav .nav__grupo:hover .nav__grupo-btn::after,header.nav .nav__grupo:focus-within .nav__grupo-btn::after,header.nav .nav__grupo.is-open .nav__grupo-btn::after{
    border-color:rgba(255,255,255,.85);border-radius:2px 2px 0 0}
  :is(header.nav.is-scrolled) .nav__grupo:hover .nav__grupo-btn,:is(header.nav.is-scrolled) .nav__grupo:focus-within .nav__grupo-btn,:is(header.nav.is-scrolled) .nav__grupo.is-open .nav__grupo-btn{color:var(--tc-azul)}
  :is(header.nav.is-scrolled) .nav__grupo:hover .nav__grupo-btn::after,:is(header.nav.is-scrolled) .nav__grupo:focus-within .nav__grupo-btn::after,:is(header.nav.is-scrolled) .nav__grupo.is-open .nav__grupo-btn::after{border-color:var(--tc-azul)}
  header.nav .nav__grupo::before{content:none}
  header.nav .nav__menu,header.nav.is-scrolled .nav__menu{top:calc(100% + 1px);left:-16px;width:140px;padding:4px 0;border:1px solid rgba(255,255,255,.85);border-top:0;border-radius:0 0 2px 2px;transform:none}
  header.nav.is-scrolled .nav__menu{border-color:var(--tc-azul)}
}
/* filete entre secciones del mismo fondo: de lado a lado de la pantalla */
.s--blanco+.s--blanco::before,.s--gris+.s--gris::before{left:0;right:0;width:auto;transform:none}

/* =====================================================
   v120 · Servicios destacados: panel enmarcado de 5 × 2 (mismo panel que Contexto y Por qué),
   número en violeta, nombre como la marca (Touring + sub-nombre liviano) y descripción
   ===================================================== */
.panel--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.panel--5 .panel__celda:nth-child(n+6){border-top:1px solid var(--linea)}
.panel--5 .panel__celda:nth-child(6){border-left:0}
.dest{row-gap:0;padding:32px 28px}
.dest__n{display:block;height:16px;color:var(--tc-violeta)}
.dest__t{display:block;height:28px;margin:12px 0 8px;font-family:"Sora",system-ui,sans-serif;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.01em;color:var(--tx);white-space:nowrap}
.dest__t span{font-weight:300}
.dest__p{display:block;height:120px}
@media(min-width:1024px) and (max-height:960px){.dest{padding:24px 24px}.dest__t{font-size:18px;height:24px;line-height:24px;margin:8px 0 8px}.dest__p{height:120px}}
@media(max-width:1279px){
  .panel--5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel--5 .panel__celda{border-left:1px solid var(--linea);border-top:1px solid var(--linea)}
  .panel--5 .panel__celda:nth-child(odd){border-left:0}
  .panel--5 .panel__celda:nth-child(-n+2){border-top:0}
  .dest__p{height:96px}
}
@media(max-width:639px){
  .panel--5{grid-template-columns:1fr}
  .panel--5 .panel__celda{border-left:0;border-top:1px solid var(--linea)}
  .panel--5 .panel__celda:first-child{border-top:0}
  .dest{padding:24px 20px}
  .dest__p{height:88px}
}

/* v121 · «Travel Assistance» en Cotizaciones: es un nombre propio (no se pasa a minúscula).
   No entra en 108 px: la caja de «Cotizaciones» y su menú pasan juntos de 140 a 160 (botón de 128 + 16 a
   cada lado) y la columna crece a 144, así Subastas queda a 32 de la caja, como entre los demás ítems. */
header.nav .nav__menu a.nav__nom>span{text-transform:none}
@media(min-width:1280px){
  header.nav .nav__menu,header.nav.is-scrolled .nav__menu{width:160px}
}