:root{
  --bg:#0c0d0f; --bg2:#141519; --line:#26282e; --ink:#f3f1ec; --mut:#a4a29b;
  --wa:#4fae63; --wa-d:#3f9552; --warn:#f2c46b;
  --head:"Geist",system-ui,sans-serif; --body:"Geist",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--warn);outline-offset:3px}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
h1,h2,h3{font-family:var(--head);line-height:1.1;margin:0;letter-spacing:-.025em}
h2{font-size:clamp(26px,3.4vw,38px);font-weight:700}
.sub{color:var(--mut);max-width:60ch;margin:12px 0 0}
section{padding:72px 0 84px}
.alt{background:var(--bg2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:600 15px var(--body);text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn.wa{background:var(--wa);border-color:var(--wa);color:#08140b}
.btn.pri{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.btn.sm{padding:9px 16px;font-size:14px}
.btn,.chip,.gal-btn,.rv-btn,.lb-x,.lb-p,.lb-n,.fab,.gal-th button{-webkit-tap-highlight-color:transparent}
.btn:active,.chip:active,.fab:active{transform:scale(.97)}
.btn{transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease-out}
h1,h2{text-wrap:balance}
p,dd,blockquote{text-wrap:pretty}
@media(pointer:coarse){.btn,.btn.sm,.chip{min-height:44px}.linkbtn,.di .small a{display:inline-block;padding:10px 0}}
@media(prefers-reduced-motion:reduce){html,.rv-track{scroll-behavior:auto}.btn:active,.chip:active,.fab:active{transform:none}.car .ph img{transition:none}}
@media(hover:hover){
.btn:hover{background:var(--ink);color:var(--bg)}
.btn.wa:hover{background:var(--wa-d);border-color:var(--wa-d);color:#fff}
.btn.pri:hover{background:#d9d6cf;border-color:#d9d6cf;color:var(--bg)}
nav.nav a:hover{color:var(--ink)}
.chip:hover{color:var(--ink);border-color:var(--mut)}
.fab:hover{background:var(--wa-d)}
.car .ph:hover img{transform:scale(1.03)}
.car .ig:hover{color:var(--ink)}
.gal-btn:hover{background:rgba(12,13,15,.92)}
.linkbtn:hover{color:var(--ink)}
.lb-x:hover,.lb-p:hover,.lb-n:hover{background:rgba(255,255,255,.25)}
.rv-score:hover{border-color:var(--mut)}
.rv-btn:hover{border-color:var(--ink)}
}

.skip{position:absolute;left:12px;top:-60px;z-index:60;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
nav.nav a[aria-current="true"]{color:var(--ink)}
/* header */
header.top{position:sticky;top:0;z-index:20;background:rgba(12,13,15,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:24px;height:68px}
.brand{font:700 22px var(--head);text-decoration:none;letter-spacing:-.02em;margin-right:auto}
nav.nav{display:flex;gap:22px}
nav.nav a{color:var(--mut);text-decoration:none;font-size:15px}
@media(max-width:860px){html{scroll-padding-top:118px}header.top .wrap{flex-wrap:wrap;height:auto;row-gap:0;padding-top:10px}nav.nav{order:3;flex:0 0 100%;overflow-x:auto;gap:20px;padding:4px 0 6px;white-space:nowrap;scrollbar-width:none}nav.nav::-webkit-scrollbar{display:none}nav.nav a{flex:none;padding:8px 0}}

/* hero */
.hero{position:relative;padding:0;min-height:min(640px,86vh);display:flex;align-items:flex-end;background:var(--bg) center/cover no-repeat;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,13,15,.05) 0%,rgba(12,13,15,.18) 55%,var(--bg) 100%);z-index:-1}
.hero .wrap{padding:120px 0 56px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero p{max-width:52ch;font-size:18px;color:#d9d6cf;margin:18px 0 28px}
.hero .cta{display:flex;flex-wrap:nowrap;gap:12px}@media(max-width:520px){.hero .cta{gap:8px}.hero .cta .btn{padding-left:12px;padding-right:12px;font-size:14px;white-space:nowrap}.hero .cta .pk{display:none}}

/* stock */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 8px}
.chip{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--mut);font:500 14px var(--body);cursor:pointer}
.chip{transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease-out}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;margin-top:22px}
.car{background:var(--bg2);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.car .ph{display:block;aspect-ratio:4/3;background:#1b1c21;position:relative;overflow:hidden}
.car .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.car .pr,.di .pr{font-variant-numeric:tabular-nums}
.car.sold .ph img{filter:grayscale(.85) brightness(.75)}
.car .tag.sold,.dg .soldtag{background:#c62828;color:#fff;letter-spacing:.08em}
.car.sold .pr{color:#c62828}
.dg .soldtag{display:inline-block;font:600 13px var(--body);padding:4px 12px;border-radius:999px;margin-bottom:10px}
.car .tag{position:absolute;top:10px;left:10px;background:var(--warn);color:#241a00;font:600 12px var(--body);padding:3px 10px;border-radius:999px}
.car .b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px;flex:1}
.car .br{color:var(--mut);font-size:13px}
.car h3{font-size:18px;font-weight:600}
.car .meta{color:var(--mut);font-size:14px}
.car .pr{font:700 22px var(--head);margin:8px 0 12px}
.pr .pl{font:500 12px var(--body);color:var(--mut,#9a9a9a);margin-left:6px;letter-spacing:.02em;text-transform:uppercase}
.car .pr.has-lp{margin-bottom:2px}
.lp{font:400 13px/1.4 var(--body);color:var(--mut,#9a9a9a);margin:0 0 12px;font-variant-numeric:tabular-nums}
.lp b{font-weight:600;color:inherit}
.di .lp{font-size:15px;margin:2px 0 10px}
.car .act{display:flex;gap:8px;margin-top:auto}
.car .act .btn{flex:1;padding:9px 10px;font-size:14px}
.skl{display:block;height:12px;border-radius:6px;background:#1f2026;margin:4px 0}
.sk .ph{background:#1b1c21}
@media(prefers-reduced-motion:no-preference){.sk{animation:skp 1.4s ease-in-out infinite}}
@keyframes skp{50%{opacity:.55}}
.more{display:flex;justify-content:center;margin-top:32px}
.stockdate{color:var(--mut);font-size:14px;margin:18px 0 0}
.stocklinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}

/* panels / forms */
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:36px}
@media(max-width:860px){.two{grid-template-columns:1fr}}
.panel{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:26px}
.alt .panel{background:var(--bg)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.row.one{grid-template-columns:1fr}
@media(max-width:520px){.row{grid-template-columns:1fr}}
label.f{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--mut)}
input,select,textarea{font:400 16px var(--body);color:var(--ink);background:#0c0d0f;border:1px solid var(--line);border-radius:8px;padding:11px 12px;width:100%}
textarea{min-height:90px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px rgba(243,241,236,.15)}
input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease}
.err{color:#ff9d8f;font-size:14px;margin:10px 0 0;min-height:1em}
.out{background:#0c0d0f;border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:6px}
.out .big{font:700 34px var(--head);margin:4px 0 14px;font-variant-numeric:tabular-nums}
.out dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0;font-size:15px}
.out dt{color:var(--mut)}
.out dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.note{color:var(--mut);font-size:13px;margin:14px 0 0}
label.f small{font-size:12.5px;min-height:1.3em}
.warnbox{background:#2d2410;color:var(--warn);border-radius:8px;padding:10px 12px;font-size:14px;margin-top:12px}
ol.steps{margin:14px 0 0;padding-left:22px;color:var(--mut)}
ol.steps li{margin:0 0 10px;padding-left:6px}
ol.steps li::marker{color:var(--ink);font-weight:600}

/* faq */
.faqs{max-width:820px;margin-top:28px}
details{border-bottom:1px solid var(--line);padding:16px 0}
summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:24px;line-height:1;color:var(--mut)}
details[open] summary::after{content:"−"}
details p{margin:10px 0 0;color:var(--mut);max-width:68ch}

/* nosotros & contacto */
.about{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:34px}
.about h3{font-size:17px;margin-bottom:8px}
.about p{color:var(--mut);margin:0}
dl.info{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;margin:0}
dl.info dt{font-weight:600;color:var(--mut)}
dl.info dd{margin:0}
footer{border-top:1px solid var(--line);padding:40px 0 96px;color:var(--mut);font-size:14px}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
.foot b{display:block;color:var(--ink);font:700 18px var(--head);margin-bottom:8px}
.foot p{margin:0}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.foot a{text-decoration:none}
.legal{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:13px}
@media(hover:hover){.foot a:hover{color:var(--ink)}}
@media(max-width:700px){.foot{grid-template-columns:1fr}}
@media(pointer:coarse){.foot ul a{display:inline-block;padding:8px 0}.foot ul{gap:0}}
.fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));transition:background .15s ease,transform .1s ease-out;z-index:30;width:58px;height:58px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.fab svg{width:30px;height:30px;fill:#08140b}

/* media */
.hero .hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.car .ig{display:inline-block;margin-top:10px;color:var(--mut);font-size:13px}
.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:34px}
.shots img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#1b1c21}
.tour{margin-top:34px;border-radius:12px;overflow:hidden;background:#1b1c21;aspect-ratio:16/9}
.tour video{width:100%;height:100%;object-fit:cover;display:block}
.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.reels video{width:100%;aspect-ratio:9/14;object-fit:cover;border-radius:12px;background:#1b1c21;display:block}
.map{width:100%;height:300px;border:0;border-radius:12px;margin-top:20px;background:#1b1c21}
@media(max-width:700px){.shots{grid-template-columns:1fr}.reels{grid-template-columns:1fr 1fr}.reels video:nth-child(3){grid-column:1/-1;aspect-ratio:16/10}.tour{aspect-ratio:9/12}}

/* ficha del vehículo */
.det[hidden]{display:none}
.det{position:fixed;inset:0;z-index:50;background:var(--bg);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.det-top{position:sticky;top:0;z-index:3;background:rgba(12,13,15,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:10px 0;padding-top:calc(10px + env(safe-area-inset-top,0px))}
.det-top .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px}
.det-top .nm{color:var(--mut);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;padding:28px 0 70px;align-items:start}
@media(max-width:900px){.dg{grid-template-columns:1fr;gap:22px;padding-top:18px}}
.gal-main{position:relative;aspect-ratio:4/3;background:#1b1c21;border-radius:12px;overflow:hidden;touch-action:pan-y;user-select:none}
.gal-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
.gal-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(12,13,15,.7);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.gal-prev{left:10px}.gal-next{right:10px}
.gal-count{position:absolute;right:10px;bottom:10px;background:rgba(12,13,15,.72);padding:3px 11px;border-radius:999px;font-size:13px}
.gal-th{display:flex;gap:8px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:thin}
.gal-th button{flex:0 0 82px;aspect-ratio:4/3;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;background:#1b1c21;cursor:pointer;opacity:.65}
.gal-th button[aria-current="true"]{border-color:var(--ink);opacity:1}
.gal-th img{width:100%;height:100%;object-fit:cover;display:block}
.di .br{color:var(--mut);font-size:14px}
.di h1,.di h2{font-size:clamp(24px,3vw,34px);margin:4px 0 10px}
.di .pr{font:700 32px var(--head);margin:6px 0 4px}
.di .chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.di .chips span{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:14px;color:var(--mut)}
.di .cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.di .small{color:var(--mut);font-size:13px;margin:8px 0 0}
.di .small a{color:var(--mut)}
.di h3{font-size:17px;margin:26px 0 10px}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}
@media(max-width:520px){.specs{grid-template-columns:1fr}}
.specs{gap:16px 24px}
.specs dt{color:var(--mut);font-size:13px}
.specs dd{margin:2px 0 0;font-weight:500;font-size:15px}
.di .ver{color:var(--mut);font-size:15px;margin:-4px 0 10px}
.di .chips.equip{margin:0}
.desc{white-space:pre-line;color:#d9d6cf;font-size:15px;line-height:1.65}
.linkbtn{background:none;border:0;color:var(--mut);font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.nodisp{padding:80px 0;text-align:center}
.shots img,#gal-img{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:200;background:rgba(5,5,7,.96);display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.lb[hidden]{display:none}
.lb img{max-width:96vw;max-height:88vh;object-fit:contain;border-radius:6px;user-select:none;-webkit-user-drag:none}
.lb-x,.lb-p,.lb-n{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;width:48px;height:48px;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.lb-x{top:16px;right:16px;font-size:24px}.lb-p{left:16px;top:50%;transform:translateY(-50%)}.lb-n{right:16px;top:50%;transform:translateY(-50%)}
.lb-c{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#ccc;font-size:14px;background:rgba(255,255,255,.1);padding:4px 12px;border-radius:999px}
@media(max-width:700px){.lb-p,.lb-n{width:40px;height:40px;font-size:24px}.lb-p{left:8px}.lb-n{right:8px}.lb img{max-width:100vw;border-radius:0}}
.rv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.rv-score{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:12px;text-decoration:none;padding:14px 20px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.rv-score .rv-g{width:30px;height:30px;grid-row:span 2}
.rv-score b{font:700 34px/1 var(--head)}
.rv-score .rv-st{grid-column:2}
.rv-score small{grid-column:1/-1;color:var(--mut);font-size:13px;margin-top:6px;text-align:center}
.rv-st{display:flex;gap:2px}.rv-st svg{width:17px;height:17px;fill:#fbbc05}
.rv-wrap{position:relative;margin-top:34px}
.rv-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:none}
.rv-track::-webkit-scrollbar{display:none}
.rv{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;margin:0;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:14px}
.rv blockquote{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink);flex:1}
.rv blockquote:before{content:"“";font:700 40px/0 var(--head);color:var(--mut);vertical-align:-14px;margin-right:4px}
.rv figcaption{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:14px;font-weight:500}
.rv figcaption .rv-g{width:18px;height:18px;margin-left:auto}
.rv-av{width:34px;height:34px;border-radius:10px;background:#2b2d33;color:var(--ink);display:grid;place-items:center;font:600 14px var(--head)}
.rv-btn{position:absolute;top:50%;transform:translateY(-60%);z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(12,13,15,.85);color:var(--ink);font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.rv-prev{left:-18px}.rv-next{right:-18px}
.rv-more{margin:18px 0 0;text-align:center}
@media(max-width:900px){.rv{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:700px){.rv{flex-basis:86%}.rv-btn{display:none}.rv-head{align-items:flex-start}}

/* ===== Dónde estacionar ===== */
.pv{flex-direction:column;gap:14px}
.pv-c{max-width:min(92vw,520px);text-align:center;color:#f3f1ec;font:500 15px/1.4 var(--body);padding:0 8px}
.pv video{max-height:76vh}
.pv{position:fixed;inset:0;z-index:210;background:rgba(5,5,7,.96);display:flex;align-items:center;justify-content:center}
.pv[hidden]{display:none}
.pv video{max-width:96vw;border-radius:8px;background:#000}
.pv-x{position:absolute;top:16px;right:16px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}
.c-btns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
/* ===== v37 ===== */
.alt .rv,.alt .rv-score{background:var(--bg)}
.band{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:30px 32px}
.band h2{font-size:clamp(22px,2.6vw,30px)}
.band .sub{margin-top:8px}
#vende{padding:48px 0}
@media(max-width:600px){.quien{flex-direction:column;align-items:flex-start}}
.legal a,.note a,.faqs a{color:inherit}
.legal2{margin:10px 0 0;font-size:13px}
.legal2 a{text-decoration:underline}
.faqs .linkbtn{color:inherit}
label.f small{line-height:1.35}
.ficha-cta{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:6px}
.ficha-cta h3{font-size:20px;margin:0 0 6px}
.ficha-cta p{margin:0;color:var(--mut);max-width:62ch}
.ficha-cta .btn{flex:0 0 auto}
@media(max-width:700px){.ficha-cta{flex-direction:column;align-items:flex-start}}
.parklink{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,214,10,.55);background:rgba(12,13,15,.55);color:#ffd60a;font:600 14px var(--f,inherit);cursor:pointer;backdrop-filter:blur(4px)}
.parklink:hover{background:rgba(255,214,10,.14)}
.parklink:focus-visible{outline:2px solid #ffd60a;outline-offset:3px}
.car .act .btn.ico{flex:0 0 46px;padding:9px 0}
.car .act .btn.ico svg{width:20px;height:20px;fill:currentColor}
.photoband{height:clamp(200px,30vw,380px);overflow:hidden;background:#1b1c21}
.photoband img{width:100%;height:100%;object-fit:cover;display:block}