:root{
  --ink:#0b1220; --ink-2:#3a4558; --muted:#6c7689;
  --bg:#fff; --soft:#f1f3f6; --line:#e2e6ec;
  --blue:#1a4db2; --blue-2:#0f3a8f;
  --night:#070d1a; --night-2:#0d1730;
  --kubota:#f0661c; --gold:#d4a72c; --wa:#25d366;
  --display:"Archivo",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--display);font-stretch:112%;letter-spacing:-.025em;line-height:1.02;margin:0}
h2{font-size:clamp(32px,4.6vw,58px);font-weight:800}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
i[data-ic]{display:inline-flex;width:20px;height:20px;flex:none}
i[data-ic] svg{width:100%;height:100%}
.kicker{font:600 12.5px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin:0 0 16px}
.kicker--light{color:#8fb0f2}
.lead{font-size:17px;color:var(--ink-2);margin:18px 0 0;max-width:520px}
.fine{font-size:12px;color:var(--muted);margin:0 0 0 auto}

/* ---------- header ---------- */
.top{position:fixed;inset:0 0 auto;z-index:50;color:#fff;transition:background .3s,box-shadow .3s,color .3s}
.top.solid{background:rgba(255,255,255,.94);backdrop-filter:blur(14px) saturate(1.6);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.top__in{display:flex;align-items:center;gap:28px;height:76px}
.brand{display:flex;align-items:center;gap:12px}
.brand__mark{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.brand__mark img{width:34px;height:auto}
.brand__txt{display:flex;flex-direction:column;line-height:1}
.brand__txt b{font:900 17px/1 var(--display);font-stretch:120%;text-transform:uppercase;letter-spacing:.01em}
.brand__txt small{font-size:12.5px;font-weight:500;opacity:.75;margin-top:4px}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{font-size:14.5px;font-weight:500;padding:10px 14px;border-radius:999px;opacity:.85;transition:opacity .2s,background .2s}
.nav a:hover{opacity:1;background:rgba(127,127,127,.14)}
.top__cta{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:var(--wa);color:#fff;font-weight:600;font-size:14.5px}
.top__cta:hover{filter:brightness(1.05)}
.burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:12px}
.burger span{display:block;height:2px;background:currentColor;margin:6px 0;transition:transform .25s}
.burger[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* ---------- buttons ---------- */
.btn{background:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 15px/1 var(--body);padding:16px 26px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background .2s,box-shadow .2s}
.btn:active{transform:scale(.98)}
.btn--white{background:#fff;color:var(--ink)}
.btn--white:hover{box-shadow:0 10px 30px rgba(0,0,0,.25)}
.btn--line{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}
.btn--line:hover{background:rgba(255,255,255,.1)}
.btn--blue{background:var(--blue);color:#fff}
.btn--blue:hover{background:var(--blue-2)}
.btn--wa{background:var(--wa);color:#fff}
.btn--block{width:100%}

/* ---------- hero ---------- */
.hero{position:relative;height:min(100svh,920px);min-height:620px;background:var(--night);color:#fff;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s}
.slide.on{opacity:1;visibility:visible;transition:opacity .9s ease}
.slide--stage{background:radial-gradient(70% 55% at 62% 62%,#1d3b78 0%,transparent 70%),linear-gradient(180deg,#060b16 0%,#0b1833 55%,#0e1d3c 100%)}
.slide--stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55))}
.slide__bgword{position:absolute;left:50%;top:44%;transform:translate(-40%,-50%);font:900 clamp(140px,26vw,420px)/.8 var(--display);font-stretch:125%;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.09);white-space:nowrap;pointer-events:none}
.slide__car{position:absolute;right:2%;bottom:13%;width:min(62vw,1020px);z-index:1;filter:drop-shadow(0 40px 40px rgba(0,0,0,.55));transform:translateX(8%);opacity:0;transition:transform 1.2s var(--ease),opacity 1s ease}
.slide.on .slide__car{transform:none;opacity:1}
.slide__floor{position:absolute;right:6%;bottom:11%;width:min(56vw,900px);height:60px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent);z-index:0}
.slide--photo img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s linear}
.slide--photo.on img.bg{transform:scale(1)}
.slide--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,22,.82) 0%,rgba(5,10,22,.45) 45%,rgba(5,10,22,.05) 75%),linear-gradient(0deg,rgba(5,10,22,.6),transparent 40%)}
.slide__copy{position:absolute;z-index:2;left:0;right:0;top:50%;transform:translateY(-45%)}
.slide__copy .wrap>*{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s var(--ease)}
.slide.on .slide__copy .wrap>*{opacity:1;transform:none}
.slide.on .slide__copy .wrap>*:nth-child(2){transition-delay:.12s}
.slide.on .slide__copy .wrap>*:nth-child(3){transition-delay:.22s}
.slide.on .slide__copy .wrap>*:nth-child(4){transition-delay:.32s}
.slide__logo{height:30px;width:auto;margin-bottom:22px;filter:brightness(0) invert(1);opacity:.9}
.slide__logo.keep{filter:none;border-radius:6px;height:34px}
.slide h1{font-size:clamp(56px,9vw,128px);font-weight:900;max-width:9ch}
.slide p{font-size:clamp(16px,1.4vw,19px);color:rgba(255,255,255,.78);max-width:440px;margin:20px 0 34px}
.slide__ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero__ui{position:absolute;left:0;right:0;bottom:36px;z-index:3;display:flex;justify-content:space-between;align-items:center}
.hero__dots{display:flex;gap:10px}
.hero__dots button{width:44px;height:3px;border:0;padding:0;background:rgba(255,255,255,.28);cursor:pointer;position:relative;overflow:hidden;border-radius:2px}
.hero__dots button span{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.hero__dots button.on span{animation:prog 6.5s linear forwards}
.hero.paused .hero__dots button.on span{animation-play-state:paused}
@keyframes prog{to{transform:scaleX(1)}}
.hero__arrows{display:flex;gap:10px}
.hero__arrows button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.04);color:#fff;font-size:18px;cursor:pointer;transition:background .2s}
.hero__arrows button:hover{background:rgba(255,255,255,.14)}

/* ---------- brands band ---------- */
.brands-band{border-bottom:1px solid var(--line)}
.brands-band__in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:30px;padding-bottom:30px}
.brands-band span{font:600 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.brands-band img{height:30px;width:auto;opacity:.92;transition:opacity .2s,transform .2s}
.brands-band a:hover img{opacity:1;transform:translateY(-2px)}
.brands-band .kb{height:36px;border-radius:6px}

/* ---------- section heads ---------- */
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:28px}
.head--light{color:#fff}
.head--light .lead{color:rgba(255,255,255,.7)}

/* ---------- showroom ---------- */
.showroom{padding:120px 0 90px;background:linear-gradient(180deg,#fff 0%,var(--soft) 100%)}
.brand-switch{display:flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;gap:4px;box-shadow:0 4px 18px rgba(11,18,32,.06)}
.brand-switch button{border:0;background:none;padding:10px 20px;border-radius:999px;cursor:pointer;display:grid;place-items:center;height:46px;transition:background .2s}
.brand-switch img{height:20px;width:auto;max-width:110px;object-fit:contain;filter:grayscale(1);opacity:.5;transition:filter .2s,opacity .2s}
.brand-switch button[aria-selected=true]{background:var(--soft)}
.brand-switch button[aria-selected=true] img,.brand-switch button:hover img{filter:none;opacity:1}
.cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;min-height:40px}
.cats button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer}
.cats button.on{background:var(--ink);color:#fff;border-color:var(--ink)}

.rail-wrap{position:relative}
.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(32px,calc((100vw - 1280px)/2 + 32px));padding:24px max(32px,calc((100vw - 1280px)/2 + 32px)) 30px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start;flex:none}
.rail-ctrl{display:flex;gap:10px;align-items:center}
.rbtn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:18px;transition:background .2s,border-color .2s}
.rbtn:hover{border-color:var(--ink)}
.rail-ctrl--light .rbtn{background:transparent;border-color:rgba(255,255,255,.25);color:#fff}
.rail-ctrl--light .rbtn:hover{border-color:#fff}
.rail-ctrl--light .fine{color:rgba(255,255,255,.5)}

.model{width:min(380px,78vw);border:0;padding:0;background:none;text-align:left;cursor:pointer}
.model__stage{position:relative;aspect-ratio:16/10.5;border-radius:22px;background:radial-gradient(80% 70% at 50% 85%,#ffffff 0%,#e9edf2 60%,#dfe4ea 100%);display:grid;place-items:end center;padding:0 18px 16%;overflow:hidden;transition:box-shadow .3s}
.model__stage::after{content:"";position:absolute;left:14%;right:14%;bottom:15%;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(11,18,32,.28),transparent)}
.model__stage img{position:relative;z-index:1;width:100%;height:auto;max-height:86%;object-fit:contain;transition:transform .5s var(--ease)}
.model:hover .model__stage{box-shadow:0 20px 50px rgba(11,18,32,.12)}
.model:hover .model__stage img{transform:translateX(-3%) scale(1.04)}
.model__photo{aspect-ratio:16/10.5;border-radius:22px;overflow:hidden;background:var(--soft)}
.model__photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.model:hover .model__photo img{transform:scale(1.05)}
.model__blank{aspect-ratio:16/10.5;border-radius:22px;display:grid;place-items:center;background:linear-gradient(140deg,#14161c,#2b2f39);}
.model__blank img{width:46%;filter:brightness(0) invert(1);opacity:.85}
.model__info{display:flex;justify-content:space-between;align-items:flex-end;padding:16px 6px 0}
.model__info b{display:block;font:800 22px/1.1 var(--display);font-stretch:110%}
.model__info small{color:var(--muted);font-size:13.5px}
.model__go{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s;flex:none}
.model:hover .model__go{background:var(--ink);color:#fff;border-color:var(--ink)}
.badge{position:absolute;top:14px;left:14px;z-index:2;font:700 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:var(--gold);color:#241a00}

/* ---------- used ---------- */
.used{padding:110px 0 90px;background:linear-gradient(180deg,var(--night) 0%,var(--night-2) 100%);color:#fff}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips button{border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer}
.chips button.on{background:#fff;color:var(--ink);border-color:#fff}
.car{width:min(340px,80vw);background:#121c33;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;transition:transform .35s var(--ease),border-color .3s}
.car:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.18)}
.car__img{aspect-ratio:1/1;overflow:hidden;background:#0b1220}
.car__img img{width:100%;height:100%;object-fit:cover}
.car__body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
.car__name small{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8fb0f2}
.car__name b{font:800 21px/1.15 var(--display);font-stretch:108%}
.car__meta{display:flex;gap:14px;font-size:13.5px;color:rgba(255,255,255,.62);flex-wrap:wrap}
.car__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.car__foot strong{font:800 24px/1 var(--display);font-stretch:110%}
.car__foot a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--wa);color:#fff}
.car__foot a i{width:22px;height:22px}
.car--more{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:32px;background:linear-gradient(150deg,var(--blue),#0b2a6b)}
.car--more b{font:800 28px/1.1 var(--display);font-stretch:110%}
.car--more p{margin:0;color:rgba(255,255,255,.75)}

/* ---------- kubota ---------- */
.kubota{padding-bottom:90px;background:#fff}
.kubota__banner{position:relative;height:min(78vh,680px);min-height:460px;overflow:hidden;color:#fff}
.kubota__banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%}
.kubota__banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,4,.78) 0%,rgba(10,8,4,.35) 50%,transparent 80%)}
.kubota__copy{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.kubota__logo{height:46px;width:auto;border-radius:8px;margin-bottom:26px}
.kubota__copy p{font-size:18px;color:rgba(255,255,255,.82);max-width:420px;margin:20px 0 0}
.kubota__rail{margin-top:-70px;z-index:2}
.tractor{width:min(300px,74vw);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px rgba(11,18,32,.12);border:0;padding:0;text-align:left;cursor:pointer;transition:transform .35s var(--ease)}
.tractor:hover{transform:translateY(-6px)}
.tractor__img{aspect-ratio:4/3;overflow:hidden;background:#fff}
.tractor__img img{width:100%;height:100%;object-fit:cover}
.tractor__body{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 18px;gap:12px}
.tractor__body small{display:block;font-size:12.5px;color:var(--muted)}
.tractor__body b{font:800 20px/1.1 var(--display);font-stretch:108%}
.hp{flex:none;font:800 15px/1 var(--display);color:#fff;background:var(--kubota);padding:9px 11px;border-radius:10px}

/* ---------- services ---------- */
.services{padding:110px 0}
.tiles{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:280px 280px;gap:18px}
.tile{position:relative;border:0;padding:0;border-radius:24px;overflow:hidden;cursor:pointer;text-align:left;color:#fff;background:var(--soft);isolation:isolate}
.tile--big{grid-row:span 2}
.tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .7s var(--ease)}
.tile--big::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,22,.85) 0%,rgba(5,10,22,.1) 55%);z-index:0}
.tile>img.cut{inset:auto -8% -6% auto;width:78%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.35))}
.tile:hover>img{transform:scale(1.05)}
.tile:hover>img.cut{transform:translateX(-4%)}
.tile--blue{background:linear-gradient(150deg,#1d56c4,#0b2a6b)}
.tile--dark{background:linear-gradient(150deg,#1a2030,#06090f)}
.tile--light{background:linear-gradient(150deg,#eef1f5,#dfe4eb);color:var(--ink)}
.tile--sand{background:linear-gradient(150deg,#f3ece0,#e6dac4);color:#3b2f1b}
.tile__txt{position:absolute;left:28px;top:26px;right:28px;z-index:1;display:flex;flex-direction:column;gap:6px}
.tile--big .tile__txt{top:auto;bottom:30px}
.tile__txt small{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.tile__txt b{font:800 clamp(24px,2.4vw,32px)/1.05 var(--display);font-stretch:110%;max-width:12ch}
.tile--big .tile__txt b{font-size:clamp(30px,3.4vw,46px)}
.tile__txt em{font-style:normal;font-weight:600;font-size:14.5px;margin-top:10px}
.tile__icon{position:absolute;right:28px;bottom:26px;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.6);display:grid;place-items:center}
.tile__icon i{width:38px;height:38px}

/* ---------- ten ---------- */
.ten{background:var(--blue);color:#fff;overflow:hidden}
.ten__in{display:grid;grid-template-columns:auto 1fr;gap:60px;align-items:center;padding-top:90px;padding-bottom:90px}
.ten__num{font:900 clamp(150px,22vw,300px)/.78 var(--display);font-stretch:125%;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.9)}
.ten__copy p:last-child{color:rgba(255,255,255,.82);font-size:18px;max-width:520px;margin:18px 0 0}

/* ---------- contact ---------- */
.contact{padding:110px 0}
.contact__in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch}
.contact h2{font-size:clamp(28px,3.4vw,44px)}
.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.contact__grid a,.contact__grid div{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:16px;background:var(--soft);transition:background .2s}
.contact__grid a:hover{background:#e6eaf0}
.contact__grid small{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px}
.contact__grid small i{width:16px;height:16px;color:var(--blue)}
.contact__grid b{font-weight:600;font-size:15.5px}
.map{border-radius:24px;overflow:hidden;min-height:420px;background:var(--soft)}
.map iframe{border:0;width:100%;height:100%;min-height:420px;display:block}

/* ---------- footer ---------- */
.foot{background:var(--night);color:#fff;padding:44px 0}
.foot__in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.foot p{margin:0;font-size:13.5px;color:rgba(255,255,255,.5)}
.foot__logos{display:flex;gap:26px;align-items:center}
.foot__logos img{height:20px;width:auto;filter:brightness(0) invert(1);opacity:.55}
.brand--light .brand__txt{color:#fff}

.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(37,211,102,.4);transition:transform .2s}
.wa-float:hover{transform:scale(1.07)}
.wa-float i{width:30px;height:30px}

/* ---------- modal ---------- */
.modal{position:fixed;inset:0;z-index:90;background:rgba(5,10,22,.6);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;animation:fade .25s ease}
.modal[hidden]{display:none}
.modal__box{position:relative;width:min(560px,100%);max-height:calc(100svh - 32px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:up .35s var(--ease)}
@keyframes fade{from{opacity:0}}
@keyframes up{from{transform:translateY(20px);opacity:0}}
.modal__x{position:absolute;top:14px;right:14px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.m-hero{position:relative;aspect-ratio:16/8;background:radial-gradient(80% 70% at 50% 85%,#fff,#e3e8ee);display:grid;place-items:end center;padding:0 24px 6%;overflow:hidden}
.m-hero img{max-height:92%;width:auto;object-fit:contain}
.m-hero--photo{padding:0}
.m-hero--photo img{width:100%;height:100%;max-height:none;object-fit:cover}
.m-body{padding:28px 30px 30px;display:grid;gap:14px}
.m-body h3{font:800 28px/1.05 var(--display);font-stretch:110%}
.m-body>p{margin:0;color:var(--ink-2)}
.form{display:grid;gap:12px}
.form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2)}
.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fbfcfd;font:400 15px var(--body);color:var(--ink)}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #e3ebfb}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sim-out{background:linear-gradient(150deg,var(--blue),#0b2a6b);color:#fff;border-radius:18px;padding:22px;display:grid;gap:4px}
.sim-out span{font-size:13px;opacity:.8}
.sim-out strong{font:900 44px/1 var(--display);font-stretch:112%}
.sim-out small{opacity:.8}
.form input[type=range]{padding:0;accent-color:var(--blue);background:none;border:0}
.note{font-size:12px;color:var(--muted);margin:0}
.acc-list{display:flex;flex-wrap:wrap;gap:8px}
.acc-list span{padding:8px 13px;border-radius:999px;background:var(--soft);font-size:14px;font-weight:500}
.empty-note{padding:18px;border-radius:14px;background:var(--soft);color:var(--ink-2);font-size:14.5px}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .nav{position:absolute;left:0;right:0;top:100%;max-height:calc(100svh - 76px);overflow:auto;visibility:hidden;flex-direction:column;background:#fff;color:var(--ink);padding:10px 20px 24px;gap:0;box-shadow:0 20px 40px rgba(0,0,0,.15);display:none}
  .nav.open{display:flex;visibility:visible}
  .top:has(.nav.open){background:#fff;color:var(--ink);transition:none}
  .nav a{padding:16px 6px;font-size:18px;border-bottom:1px solid var(--line);border-radius:0;opacity:1}
  .burger{display:block}
  .top__cta span{display:none}
  .top__cta{padding:11px;margin-left:auto}
  .tiles{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:240px}
  .tile--big{grid-column:span 2;grid-row:auto}
  .contact__in{grid-template-columns:1fr}
  .slide__car{width:92vw;right:-6vw;bottom:16%}
  .slide__copy{top:22%;transform:none}
  .slide h1{font-size:clamp(52px,14vw,96px)}
}
@media (max-width:620px){
  .wrap{padding:0 20px}
  .top__in{gap:8px}
  .brand__txt b{font-size:15px}
  .rail{padding-left:20px;padding-right:20px;scroll-padding-left:20px;gap:14px}
  .hero{height:100svh;min-height:640px}
  .slide__copy{top:15%}
  .slide p{margin:14px 0 24px}
  .slide__car{width:118vw;right:-22vw;bottom:15%}
  .slide__bgword{top:62%}
  .hero__arrows{display:none}
  .brands-band__in{flex-wrap:wrap;justify-content:center;gap:22px 30px}
  .brands-band span{width:100%;text-align:center}
  .brands-band img{height:24px}
  .showroom,.used,.services,.contact{padding:80px 0 70px}
  .brand-switch{width:100%}
  .brand-switch button{flex:1;padding:10px}
  .brand-switch img{max-width:100%;height:auto;max-height:18px}
  .cats{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none}
  .cats button{flex:none}
  .rail-ctrl .rbtn{display:none}
  .fine{margin:0}
  .tiles{grid-template-columns:1fr;grid-auto-rows:220px}
  .tile--big{grid-column:auto;height:340px}
  .ten__in{grid-template-columns:1fr;gap:10px;padding-top:70px;padding-bottom:70px}
  .contact__grid{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  .m-body{padding:22px}
  .foot__logos{display:none}
  .kubota__banner{height:560px}
  .kubota__banner::after{background:linear-gradient(0deg,rgba(10,8,4,.85) 0%,rgba(10,8,4,.3) 60%,rgba(10,8,4,.2))}
  .kubota__copy{justify-content:flex-end;padding-bottom:110px}
}

/* ---------- tarjeta usado: clickeable ---------- */
.car{cursor:pointer}
.car__img{position:relative}
.car__img img{transition:transform .6s var(--ease)}
.car:hover .car__img img{transform:scale(1.04)}
.car__count{position:absolute;left:12px;bottom:12px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:rgba(5,10,22,.7);backdrop-filter:blur(6px)}
.car__view{position:absolute;right:12px;bottom:12px;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;background:#fff;color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.car:hover .car__view,.car:focus-visible .car__view{opacity:1;transform:none}
.car:focus-visible{outline:2px solid #8fb0f2;outline-offset:3px}

/* ---------- visor de ficha ---------- */
.viewer{position:fixed;inset:0;z-index:95;background:#fff;overflow:auto;overscroll-behavior:contain}
.viewer[hidden]{display:none}
.viewer__bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:16px;padding:14px 32px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.viewer__back{border:0;background:none;font-weight:600;cursor:pointer;padding:8px 0}
.viewer__crumb{color:var(--muted);font-size:14px;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.viewer__x{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:24px;line-height:1;cursor:pointer}
.viewer__grid{max-width:1280px;margin:0 auto;padding:28px 32px 40px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:40px;align-items:start}
.viewer__main{position:relative;border-radius:22px;overflow:hidden;background:#0b1220;aspect-ratio:4/3}
.viewer__main img{width:100%;height:100%;object-fit:contain}
.viewer__arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:18px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.viewer__arrow.l{left:14px}.viewer__arrow.r{right:14px}
.viewer__n{position:absolute;right:14px;bottom:14px;color:#fff;font-size:13px;font-weight:600;padding:6px 11px;border-radius:999px;background:rgba(5,10,22,.65)}
.viewer__thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:thin}
.viewer__thumbs button{flex:none;width:96px;aspect-ratio:4/3;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;opacity:.6;background:var(--soft);transition:opacity .2s,border-color .2s}
.viewer__thumbs button.on{opacity:1;border-color:var(--blue)}
.viewer__thumbs img{width:100%;height:100%;object-fit:cover}
.viewer__info{position:sticky;top:96px;display:grid;gap:16px}
.viewer__info h2{font-size:clamp(30px,3.2vw,44px)}
.viewer__info .kicker{margin:0}
.viewer__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.viewer__price strong{font:900 38px/1 var(--display);font-stretch:112%}
.viewer__price span{color:var(--muted);font-size:14px}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.specs div{background:#fff;padding:13px 16px}
.specs dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.specs dd{margin:3px 0 0;font-weight:600}
.viewer__desc{margin:0;color:var(--ink-2);line-height:1.65}
.btn--ghost-dark{border-color:var(--line);color:var(--ink)}
.btn--ghost-dark:hover{border-color:var(--ink)}
.viewer__more{max-width:1280px;margin:0 auto;padding:10px 32px 60px}
.viewer__others{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.viewer__others button{border:0;padding:0;background:none;text-align:left;cursor:pointer}
.viewer__others img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;margin-bottom:10px}
.viewer__others b{display:block;font-size:15px}
.viewer__others small{color:var(--muted)}
@media (max-width:900px){
  .viewer__grid{grid-template-columns:1fr;gap:22px;padding:0 0 30px}
  .viewer__main{border-radius:0}
  .viewer__thumbs{padding-left:16px;padding-right:16px}
  .viewer__info{position:static;padding:0 20px}
  .viewer__bar{padding:10px 16px}
  .viewer__crumb{display:none}
  .viewer__more{padding:10px 20px 40px}
  .viewer__others{grid-template-columns:1fr 1fr}
  .viewer__arrow{width:40px;height:40px}
  .car__view{opacity:1;transform:none}
}

/* ---------- grilla de usados ---------- */
.used{padding-bottom:110px}
.used__tools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.used__right{display:flex;gap:10px;flex-wrap:wrap}
.used__search input,.used__right select{font:500 14.5px var(--body);color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:11px 18px;outline:0}
.used__search input{width:240px}
.used__search input::placeholder{color:rgba(255,255,255,.5)}
.used__search input:focus,.used__right select:focus{border-color:#8fb0f2}
.used__right select option{color:var(--ink)}
.used__count{margin:22px 0 14px;font-size:14px;color:rgba(255,255,255,.55)}
.used__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.used__grid .car{width:auto}
.used__grid .car__img{aspect-ratio:4/3}
.used__empty{grid-column:1/-1;padding:40px;text-align:center;color:rgba(255,255,255,.6)}
.used__foot{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:36px}
.used__foot .fine{margin:0;color:rgba(255,255,255,.45)}
.used__foot .btn[hidden]{display:none}
.viewer__ig{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2)}
.viewer__ig:hover{color:var(--ink)}
.viewer__ig i{width:18px;height:18px}
.muted{color:var(--muted);font-weight:500}
@media (max-width:620px){
  .used__right,.used__search,.used__search input{width:100%}
  .used__right select{flex:1}
  .used__tools .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none;width:calc(100% + 40px)}
  .used__tools .chips button{flex:none}
  .used__grid{grid-template-columns:1fr 1fr;gap:12px}
  .used__grid .car__body{padding:12px 12px 14px;gap:8px}
  .used__grid .car__name b{font-size:16px}
  .used__grid .car__meta{font-size:12px;gap:8px}
  .used__grid .car__meta span:nth-child(n+2){display:none}
  .used__grid .car__foot strong{font-size:15.5px;white-space:nowrap}
  .used__grid .car__view{display:none}
  .used__grid .car__foot{gap:6px}
  .used__grid .car__foot a{width:36px;height:36px}
  .used__grid .car__count{display:none}
}

/* tarjeta "también tenemos" */
.model__more{aspect-ratio:16/10.5;border-radius:22px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:30px;background:linear-gradient(150deg,#14161c,#2b2f39);color:#fff;transition:box-shadow .3s}
.model__more img{height:22px;width:auto;filter:brightness(0) invert(1);opacity:.8;margin-bottom:10px}
.model__more small{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.model__more b{font:800 24px/1.15 var(--display);font-stretch:110%}
.model__more em{font-style:normal;font-size:14px;font-weight:600;opacity:.85;margin-top:8px}
.model--more:hover .model__more{box-shadow:0 20px 50px rgba(11,18,32,.25)}