:root{
  --bg:#090c10; --panel:#121722; --panel2:#1b202b; --text:#f6f7fb; --muted:#b7bdca;
  --gold:#f2c94c; --gold2:#b8943e; --green:#23df72; --greenDark:#0f442c; --sold:#4b463b;
  --soldBorder:#b8943e; --border:rgba(255,255,255,.10); --shadow:0 24px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 20% 0%,#17202c 0,#090c10 36%,#05070a 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.1px} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.intro{position:fixed;inset:0;z-index:999;background:#030507;display:grid;place-items:center;animation:introOut .7s ease 3.2s forwards;overflow:hidden}.intro-img{width:100vw;height:100vh;object-fit:cover;animation:kenburns 3.6s ease forwards}.intro:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.3))}.skip-intro{position:absolute;right:24px;bottom:24px;z-index:2;border:1px solid rgba(242,201,76,.5);background:rgba(0,0,0,.35);color:var(--gold);border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer;backdrop-filter:blur(8px)}@keyframes kenburns{from{transform:scale(1.04)}to{transform:scale(1.0)}}@keyframes introOut{to{opacity:0;visibility:hidden;pointer-events:none}}
.topbar{position:sticky;top:0;z-index:50;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5vw;background:rgba(6,8,12,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#fff2af,var(--gold));color:#111;display:grid;place-items:center;font-weight:950}.brand strong{display:block;line-height:1}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}nav{display:flex;gap:30px;color:#d7dbe5}nav a:hover{color:var(--gold)}.whatsapp{background:#25d366;color:#051008;font-weight:900;padding:13px 22px;border-radius:999px}.section{padding:80px 6.5vw}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;min-height:calc(100vh - 84px)}.eyebrow{color:var(--gold);text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:4px}.hero h1{font-size:clamp(42px,6vw,86px);line-height:.95;margin:18px 0 24px;max-width:850px}.hero p{color:#c8ceda;font-size:18px;line-height:1.6;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:900;border:1px solid var(--border)}.primary{background:linear-gradient(135deg,var(--gold),#f6d76b);color:#111}.ghost{background:rgba(255,255,255,.08)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.stats article,.info-grid article{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid var(--border);border-radius:24px;padding:20px}.stats strong{display:block}.stats span{color:var(--muted)}.hero-card{border:1px solid var(--border);border-radius:34px;overflow:hidden;box-shadow:var(--shadow);animation:float 4.5s ease-in-out infinite;max-width:560px;justify-self:end;background:#05070a}.hero-card img{width:100%;height:315px;object-fit:contain;background:#05070a}@keyframes float{50%{transform:translateY(-8px)}}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(32px,4vw,56px);margin:0 0 12px}.section-head p,.subhead p{color:var(--muted);margin:0;line-height:1.55}.tools{display:flex;gap:12px;flex-wrap:wrap}.tools input,.tools select{background:rgba(255,255,255,.08);border:1px solid var(--border);color:var(--text);border-radius:16px;padding:14px 16px;outline:none;min-width:240px}.tools option{background:#111;color:#fff}.subhead{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--border);padding:24px 0 14px;margin:10px 0 20px}.subhead h3{font-size:26px;margin:0 0 6px}.subhead span{color:var(--gold);font-weight:900}.sold-title{margin-top:54px} .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{background:var(--panel);border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.22);position:relative}.media{height:275px;background:#05070a;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0}.media::after{content:"Clic para ampliar";position:absolute;left:14px;bottom:12px;background:rgba(0,0,0,.55);border:1px solid rgba(242,201,76,.35);color:#f7e7ad;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;opacity:0;transition:opacity .2s ease;pointer-events:none}.media:hover::after{opacity:1}.media img.vehicle-photo{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important;object-position:center center !important;background:#05070a;cursor:zoom-in;transition:transform .2s ease;border-radius:0}.media img.vehicle-photo:hover{transform:scale(1.01)}.badge{position:absolute;right:16px;top:16px;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:950}.badge.disponible{background:var(--green);color:#05200e}.badge.vendido{background:linear-gradient(135deg,#3a362e,#595143);border:1px solid var(--soldBorder);color:#f8e4a3;box-shadow:0 0 0 1px rgba(242,201,76,.08)}.gallery{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px 0}.gallery button{border:1px solid var(--border);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:9px 13px;font-weight:850;cursor:pointer}.gallery button.active{background:var(--gold);color:#111}.body{padding:18px 22px 24px}.title-row{display:flex;justify-content:space-between;gap:10px;align-items:start}.body h3{font-size:24px;margin:0 0 4px}.version{color:#cfd5df;margin:0 0 14px}.price{color:var(--gold);font-weight:950;font-size:18px;white-space:nowrap}.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.specs span{background:rgba(255,255,255,.08);border-radius:14px;padding:11px 12px;color:#e2e6ef}.desc{color:#cdd3df;line-height:1.55;min-height:52px}.card .btn{width:100%;margin-top:18px}.sold-note{margin-top:18px;border:1px solid rgba(184,148,62,.45);background:rgba(184,148,62,.12);color:#f7e8b5;border-radius:18px;padding:14px;text-align:center;font-weight:900}.empty{border:1px dashed var(--border);border-radius:22px;padding:26px;text-align:center;color:var(--muted);margin-top:18px}.hidden{display:none!important}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-grid h2{margin-top:0}footer{padding:40px 6.5vw;color:var(--muted);border-top:1px solid var(--border);text-align:center}
@media (max-width:1050px){.hero{grid-template-columns:1fr}.hero-card{max-width:680px;justify-self:start}.grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.topbar{padding:0 4vw}nav{gap:16px}}
@media (max-width:720px){.topbar{height:auto;min-height:72px;padding:12px 16px;gap:10px;flex-wrap:wrap}.brand-mark{width:42px;height:42px}nav{order:3;width:100%;justify-content:space-between;font-size:13px;gap:10px}.top.whatsapp{padding:10px 14px}.section{padding:48px 18px}.hero{min-height:auto;gap:28px}.hero h1{font-size:42px}.hero p{font-size:16px}.stats{grid-template-columns:1fr}.hero-card img{height:250px;object-fit:contain}.section-head{display:block}.tools{margin-top:18px}.tools input,.tools select{width:100%;min-width:0}.grid{grid-template-columns:1fr}.media{height:280px}.subhead{align-items:start;gap:14px}.info-grid{padding-top:28px}.intro-img{object-fit:cover}.skip-intro{right:14px;bottom:14px}}

body.modal-open{overflow:hidden}.photo-modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(10px)}.photo-modal.hidden{display:none!important}.photo-modal img{max-width:min(96vw,1300px);max-height:82vh;object-fit:contain;border-radius:18px;background:#05070a;box-shadow:0 24px 90px rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.12)}.photo-modal p{margin:14px 0 0;color:#f6e2a0;font-weight:900;text-align:center}.photo-modal-close{position:absolute;right:22px;top:18px;width:48px;height:48px;border-radius:999px;border:1px solid rgba(242,201,76,.45);background:rgba(255,255,255,.08);color:#f7e7ad;font-size:34px;line-height:1;cursor:pointer;font-weight:400}.photo-modal-close:hover{background:rgba(242,201,76,.18)}
@media (max-width:720px){.media{height:240px;padding:0}.photo-modal{padding:14px}.photo-modal img{max-width:96vw;max-height:78vh;border-radius:14px}.photo-modal-close{right:12px;top:12px;width:44px;height:44px}}


/* === Premium hero/header refinement v5 === */
:root{
  --gold-soft:#f5e9c8;
  --gold-mid:#d5b268;
  --gold-deep:#9f7b34;
}
.topbar{
  position:sticky;
  top:0;
  z-index:50;
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 5.8vw;
  background:linear-gradient(180deg, rgba(5,7,10,.96), rgba(7,10,14,.90));
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(212,176,97,.38);
  box-shadow:0 10px 34px rgba(0,0,0,.28);
}
.topbar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg, rgba(0,0,0,0), rgba(212,176,97,.65) 14%, rgba(212,176,97,.42) 50%, rgba(212,176,97,.65) 86%, rgba(0,0,0,0));
}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{
  width:50px;
  height:50px;
  border-radius:14px;
  background:linear-gradient(180deg,#f3d77d,#e0ba58 58%,#c89a39);
  color:#111;
  display:grid;
  place-items:center;
  font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,248,210,.6), 0 6px 18px rgba(0,0,0,.18);
}
.brand strong{display:block;line-height:1;color:#f5ecd7;font-size:18px;letter-spacing:.01em}
.brand small{display:block;color:#cda85e;font-size:12px;margin-top:3px;letter-spacing:.03em}
nav{display:flex;align-items:center;gap:0;color:#e7dec9}
nav a{
  position:relative;
  padding:0 28px;
  color:#ece3cf;
  transition:color .2s ease, text-shadow .2s ease;
}
nav a + a::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:22px;
  background:rgba(212,176,97,.22);
}
nav a:hover{color:var(--gold-soft);text-shadow:0 0 12px rgba(212,176,97,.18)}
.whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.whatsapp.top{
  background:rgba(0,0,0,.18);
  color:var(--gold-soft);
  font-weight:900;
  padding:12px 22px;
  border-radius:999px;
  border:1px solid rgba(212,176,97,.48);
  box-shadow:inset 0 0 0 1px rgba(255,245,210,.05), 0 8px 22px rgba(0,0,0,.18);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.whatsapp.top::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:#25d366;
  box-shadow:0 0 0 2px rgba(37,211,102,.18), 0 0 10px rgba(37,211,102,.45);
}
.whatsapp.top:hover{transform:translateY(-1px);border-color:rgba(241,214,143,.65);box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 18px rgba(212,176,97,.15)}

.hero{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:56px;
  align-items:center;
  min-height:calc(100vh - 86px);
  padding-top:54px;
}
.hero-copy{position:relative}
.hero .eyebrow{
  color:#d8b86f;
  text-transform:uppercase;
  font-size:11px;
  font-weight:950;
  letter-spacing:4.5px;
}
.hero h1{
  position:relative;
  display:block;
  margin:16px 0 24px;
  max-width:760px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(56px,6vw,88px);
  font-weight:700;
  line-height:.91;
  letter-spacing:-.025em;
  color:transparent;
  background:linear-gradient(180deg, #fff8ea 0%, #f7e7bc 16%, #ddb86c 62%, #f3dcb1 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 1px 0 rgba(255,255,255,.16), 0 0 15px rgba(212,176,97,.08);
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.20));
}
.hero h1::after{
  content:"";
  position:absolute;
  left:0;
  right:8%;
  top:48%;
  height:9px;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,230,170,0) 10%, rgba(255,214,110,.28) 24%, rgba(255,248,230,.90) 47%, rgba(255,214,110,.28) 72%, rgba(255,255,255,0) 100%);
  filter:blur(1px) drop-shadow(0 0 12px rgba(255,215,125,.58));
  mix-blend-mode:screen;
  pointer-events:none;
  animation:heroShine 6.5s ease-in-out infinite;
}
@keyframes heroShine{
  0%,100%{transform:translateX(-7%) scaleX(.94);opacity:.55}
  50%{transform:translateX(7%) scaleX(1.05);opacity:.96}
}
.hero p{
  color:#d5d2ca;
  font-size:17px;
  line-height:1.65;
  max-width:690px;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:14px 22px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.10);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.btn.primary{
  background:linear-gradient(180deg,#f0cf71,#ddb14b);
  color:#111;
  border:1px solid rgba(212,176,97,.74);
  box-shadow:0 8px 22px rgba(197,153,67,.18), inset 0 1px 0 rgba(255,245,220,.35);
}
.btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(197,153,67,.24)}
.btn.ghost{
  background:rgba(8,10,14,.28);
  color:#efe6d3;
  border:1px solid rgba(212,176,97,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.btn.ghost:hover{transform:translateY(-1px);border-color:rgba(241,214,143,.58);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.stats article{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:20px;
}
.hero-card{
  position:relative;
  border:1px solid rgba(212,176,97,.74);
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 20px 56px rgba(0,0,0,.34), 0 0 0 1px rgba(212,176,97,.14), 0 0 20px rgba(212,176,97,.14);
  animation:none;
  max-width:590px;
  justify-self:end;
  background:#05070a;
}
.hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,238,196,.08), rgba(255,255,255,0) 28%, rgba(212,176,97,.08) 76%, rgba(255,255,255,0) 100%);
}
.hero-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,230,166,.16);
}
.hero-card img{
  width:100%;
  height:330px;
  object-fit:cover;
  background:#05070a;
}
@media (max-width:980px){
  .hero{grid-template-columns:1fr;gap:34px;min-height:auto;padding-top:34px}
  .hero-card{justify-self:start;max-width:100%}
}
@media (max-width:720px){
  .topbar{height:auto;min-height:72px;padding:12px 16px;gap:10px;flex-wrap:wrap}
  .brand-mark{width:42px;height:42px}
  nav{order:3;width:100%;justify-content:space-between;font-size:13px;gap:0}
  nav a{padding:0 10px}
  nav a + a::before{display:none}
  .top.whatsapp{padding:10px 14px}
  .hero{padding-top:20px}
  .hero h1{font-size:46px;line-height:.94}
  .hero h1::after{right:2%;top:49%}
  .hero-card img{height:250px;object-fit:cover}
}


/* === Premium hero text refinement v6 === */
.hero h1{
  color:transparent;
  background:linear-gradient(180deg,
    #fff6e2 0%,
    #f4e5bf 18%,
    #dfc07a 55%,
    #cfa352 78%,
    #f0ddb0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:
    0 1px 0 rgba(255,255,255,.10),
    0 0 10px rgba(212,176,97,.06);
  filter:none;
}
.hero h1::after{
  left:-2%;
  right:12%;
  top:49%;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(238,203,118,0) 12%,
    rgba(224,184,95,.20) 34%,
    rgba(255,240,200,.95) 50%,
    rgba(224,184,95,.20) 66%,
    rgba(255,255,255,0) 88%,
    rgba(255,255,255,0) 100%);
  filter:blur(.35px) drop-shadow(0 0 7px rgba(218,178,90,.42));
  opacity:.95;
  animation:heroShineSoft 5.8s linear infinite;
}
@keyframes heroShineSoft{
  0%{transform:translateX(-18%);opacity:.15}
  10%{opacity:.75}
  50%{opacity:1}
  90%{opacity:.75}
  100%{transform:translateX(18%);opacity:.15}
}
@media (max-width:720px){
  .hero h1::after{top:50%;height:3px;right:6%;}
}