:root{color-scheme:dark;--bg:#101111;--surface:#191a1a;--line:#333432;--text:#f7f4ee;--muted:#c1bfb7;--accent:#f3c668;--ink:#211809;--tone:#272318;--width:1200px}
:root[data-theme=alt]{--bg:#0d151b;--surface:#14232b;--line:#35505c;--text:#eef9ff;--muted:#bbd1dc;--accent:#79e3d1;--ink:#05241e;--tone:#16332e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wrap{width:min(var(--width),calc(100% - 56px));margin:auto}.muted{color:var(--muted)}.label{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin:0}.nav{border-bottom:1px solid var(--line)}.nav-inner{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:780;white-space:nowrap}.logo{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:var(--ink);border-radius:9px;font-weight:900;font-size:22px}.logo svg{width:25px}.nav-links{display:flex;align-items:center;gap:clamp(12px,2.4vw,30px);color:var(--muted)}.nav-links a:hover{color:var(--accent)}select{background:var(--surface);border:1px solid var(--line);color:var(--text);padding:10px;border-radius:8px}.theme-control select{max-width:180px;font-size:13px}.menu-toggle,.mobile-quote{display:none!important}
.hero{display:grid;grid-template-columns:minmax(295px,.75fr) minmax(0,1.25fr);align-items:center;gap:36px;padding:52px 0}.hero h1{font-size:clamp(45px,5.8vw,83px);line-height:.96;letter-spacing:-.07em;margin:15px 0 18px}.hero-copy>p:not(.label){font-size:17px;max-width:420px;color:var(--muted);margin:0 0 22px}.buttons{display:flex;flex-wrap:wrap;gap:9px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 13px;border:1px solid var(--accent);background:var(--accent);color:var(--ink);border-radius:8px;font-weight:750;line-height:1.2;text-align:center}.btn:hover{filter:brightness(1.13)}.btn.secondary{background:transparent;color:var(--text);border-color:var(--line)}.btn.secondary:hover{background:var(--tone)}.hero-360{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.viewer-header,.viewer-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px}.viewer-header strong{font-size:17px}.pill{border:1px solid var(--line);border-radius:30px;padding:5px 9px;color:var(--accent);font-size:12px;font-weight:750;white-space:nowrap;animation:hint 1s ease-in-out 2 alternate}.viewer-shell{position:relative;aspect-ratio:1.76;background:#111;overflow:hidden}.viewer-shell img,.viewer-shell iframe{width:100%;height:100%;display:block;border:0;object-fit:cover}.viewer-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.viewer-caption{font-size:12px;color:var(--muted);padding:8px 14px}@keyframes hint{to{transform:translateX(-6px)}}
.section{border-top:1px solid var(--line);padding:43px 0 49px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:20px}.section h2,footer h2{font-size:clamp(31px,4vw,48px);line-height:1.03;letter-spacing:-.055em;margin:7px 0 0}.section-head>p{margin:0;color:var(--muted)}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px}.filters label,.finance-fields label{display:grid;gap:5px;font-weight:650}.filters select,.finance-fields select{min-width:0;width:100%}.inventory-count{margin:12px 0;font-size:13px}.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.car-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.car-card img{width:100%;aspect-ratio:1.65;object-fit:cover;display:block;background:var(--tone)}.car-card div{padding:13px}.car-card h3{font-size:18px;margin:0}.car-card p{margin:4px 0 10px;color:var(--muted);font-size:13px}.car-card .price,.section-head .price{font-weight:800;color:var(--accent);font-size:clamp(19px,3.5vw,30px);white-space:nowrap}.car-card .btn{width:100%;margin-top:9px}.card-note{display:block;color:var(--muted);font-size:12px;margin-top:2px}.vehicle,.finance-panel{display:grid;grid-template-columns:1fr 1fr;border-radius:14px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.vehicle-gallery{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.vehicle-gallery button{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);text-align:left}.vehicle-gallery button:first-child{grid-column:1/-1}.vehicle-gallery img{display:block;width:100%;aspect-ratio:1.8;object-fit:cover}.vehicle-gallery span{display:block;padding:6px 9px;font-size:12px}.vehicle-info,.finance-controls,.finance-result{padding:clamp(18px,3vw,36px)}.vehicle-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 18px}.vehicle-specs div{border:1px solid var(--line);border-radius:8px;padding:6px 9px}.vehicle-specs dt{color:var(--muted);font-size:12px}.vehicle-specs dd,.finance-summary dd{font-weight:730;margin:0}.finance-controls>p{color:var(--muted);margin:0 0 13px}.finance-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.finance-controls .finance-note{margin-top:16px;font-size:13px}.finance-result{background:var(--tone);border-left:1px solid var(--line)}.finance-result output{display:block;color:var(--accent);font-size:clamp(30px,5vw,50px);font-weight:800;letter-spacing:-.05em;line-height:1.1;margin:5px 0 12px}.finance-result small{font-size:14px;letter-spacing:0;color:var(--text)}.finance-summary{margin:0 0 14px}.finance-summary div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:5px 0}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-grid article,.location{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}.trust-grid h3,.location h3{margin:4px 0}.trust-grid p,.location p:not(.label){margin:5px 0 0;color:var(--muted)}.trust-icon{color:var(--accent);font-weight:900}.location{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:12px}.map-card{display:grid;place-content:center;text-align:center;gap:2px;min-height:135px;background:linear-gradient(#0d111779,#0d1117ad),url(media/mapa.svg) center/cover;border:1px solid var(--line);border-radius:8px;color:white}.map-card span{font-size:32px;color:var(--accent);line-height:1}footer{border-top:1px solid var(--line);padding:32px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:14px}.footer-inner p:not(.label){color:var(--muted);margin:6px 0}dialog{width:min(850px,calc(100% - 20px));max-height:calc(100dvh - 20px);padding:0;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:13px}dialog::backdrop{background:#000d}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px}dialog img{width:100%;max-height:calc(100dvh - 100px);object-fit:contain;display:block}
@media(max-width:820px){.wrap{width:calc(100% - 32px)}.nav-inner{display:grid;grid-template-columns:1fr auto auto;gap:8px;min-height:60px}.menu-toggle{display:inline-flex!important}.nav-links{display:none;grid-column:1/-1;padding:8px 0 13px;flex-wrap:wrap;gap:12px}.nav-links.open{display:flex}.hero{gap:20px;padding:32px 0}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.wrap{width:calc(100% - 24px)}.brand{gap:6px;font-size:13px}.logo{width:29px;height:29px;font-size:17px}.logo svg{width:20px}.theme-control select{max-width:126px;padding:8px 3px;font-size:11px}.menu-toggle{min-height:38px;font-size:12px;padding:0 7px}.hero,.vehicle,.finance-panel,.location{grid-template-columns:1fr}.hero{padding:26px 0}.hero h1{font-size:clamp(40px,10vw,59px)}.hero-copy>p:not(.label){font-size:15px}.section{padding:30px 0}.section-head,.footer-inner{align-items:start;flex-direction:column;gap:7px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filters select{font-size:13px}.inventory-grid{gap:8px}.car-card div{padding:8px}.car-card h3{font-size:15px}.car-card p{font-size:12px}.car-card .btn,.viewer-caption{font-size:11px}.trust-grid{grid-template-columns:1fr}.finance-result{border-left:0;border-top:1px solid var(--line)}.mobile-quote{position:fixed;display:block!important;z-index:3;bottom:0;left:0;right:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.mobile-quote .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill{animation:none}}