:root{
--bg:#f4f6f8;--text:#16181b;--font:Arial,sans-serif;--bodySize:16px;
--menu:#101214;--menuText:#fff;--fontMenu:Arial,sans-serif;--menuSize:15px;--menuHeight:78px;--menuShadow:rgba(0,0,0,.25);--menuBorder:0px;--menuBorderColor:#2d3135;
--bannerText:#fff;--fontBanner:'Trebuchet MS',Arial,sans-serif;--bannerTitle:66px;--bannerCopy:25px;--bannerOverlay:.52;--bannerTextShadow:rgba(0,0,0,.60);--primary:#e53935;--primaryText:#fff;--buttonRadius:12px;
--card:#fff;--cardBorder:#e8eaed;--cardBorderWidth:1px;--cardRadius:18px;--cardShadow:rgba(0,0,0,.12);--fontModel:Arial,sans-serif;--modelColor:#16181b;--modelSize:21px;--modelShadow:transparent;
--year:#e53935;--yearText:#fff;--fontYear:Arial,sans-serif;--yearSize:17px;--yearBorder:0px;--yearBorderColor:#fff;--yearShadow:rgba(0,0,0,.35);
--price:#111;--fontPrice:Arial,sans-serif;--priceSize:25px;--priceShadow:transparent;
--badgeBg:#fff3cd;--badgeText:#6b5200;--badgeBorder:#ead48a;--fontBadge:Arial,sans-serif;--badgeSize:11px;
--wa:#146c3a;--waText:#fff;--fontWa:Arial,sans-serif;--waSize:14px;--waRadius:12px;--waShadow:rgba(0,0,0,.20);
--contactBg:#171a1e;--contactText:#fff;--footerBg:#0c0e10;--footerText:#fff;
--animDistance:24px;--hoverLift:-7px;--animDuration:.55s
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--bodySize)}a{text-decoration:none;color:inherit}.top{position:sticky;top:0;z-index:50;height:var(--menuHeight);background:var(--menu);color:var(--menuText);display:flex;align-items:center;box-shadow:0 4px 20px var(--menuShadow);border-bottom:var(--menuBorder) solid var(--menuBorderColor)}.nav{width:min(1240px,94%);margin:auto;display:flex;align-items:center;gap:22px;height:100%}.brand{height:calc(var(--menuHeight) - 20px);max-width:190px;display:flex;align-items:center}.brand img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.brand-fallback{font-size:22px;font-weight:900;white-space:nowrap}.links{margin-left:auto;display:flex;align-items:center;gap:20px;font-family:var(--fontMenu);font-size:var(--menuSize);font-weight:700}.links a{opacity:.9;transition:.2s}.links a:hover{opacity:1;transform:translateY(-2px)}.gear{font-size:22px;padding:8px}.hero{min-height:440px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(120deg,#101214,#32363b)}.hero-bg{position:absolute;inset:-5%;animation:heroZoom 14s ease-in-out infinite alternate}.hero-bg img{width:100%;height:100%;display:block;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,var(--bannerOverlay));z-index:1}.hero-content{position:relative;z-index:2;text-align:center;color:var(--bannerText);padding:40px 18px;font-family:var(--fontBanner);animation:rise .8s ease both}.hero h1{font-size:clamp(32px,7vw,var(--bannerTitle));margin:0 0 10px;text-shadow:0 5px 20px var(--bannerTextShadow)}.hero p{font-size:clamp(16px,2.5vw,var(--bannerCopy));margin:0 0 26px;text-shadow:0 3px 12px var(--bannerTextShadow)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--buttonRadius);padding:14px 22px;font-weight:800;transition:.25s;border:0;cursor:pointer}.btn-primary{background:var(--primary);color:var(--primaryText)}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0004}.section{width:min(1240px,94%);margin:0 auto;padding:62px 0}.section-title{text-align:center;margin:0 0 8px;font-size:clamp(28px,4vw,42px)}.section-sub{text-align:center;margin:0 auto 34px;opacity:.7}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{position:relative;background:var(--card);border-radius:var(--cardRadius);overflow:hidden;box-shadow:0 8px 26px var(--cardShadow);border:var(--cardBorderWidth) solid var(--cardBorder);transition:.28s;animation:rise var(--animDuration) ease both}.card:hover{transform:translateY(var(--hoverLift));box-shadow:0 18px 38px var(--cardShadow)}.photo{aspect-ratio:4/3;background:linear-gradient(135deg,#dfe3e7,#aeb6be);overflow:hidden;position:relative}.photo img{width:100%;height:100%;object-fit:cover;transition:.4s}.card:hover .photo img{transform:scale(1.045)}.placeholder{height:100%;display:grid;place-items:center;font-size:54px;opacity:.35}.sold{position:absolute;z-index:4;top:24px;left:-44px;width:190px;text-align:center;background:#b71c1c;color:#fff;padding:9px;font-weight:900;transform:rotate(-35deg);box-shadow:0 3px 10px #0005}.year{position:absolute;right:10px;bottom:10px;background:var(--year);color:var(--yearText);border-radius:10px;padding:7px 10px;font-family:var(--fontYear);font-size:var(--yearSize);font-weight:900;border:var(--yearBorder) solid var(--yearBorderColor);box-shadow:0 3px 10px var(--yearShadow)}.card-body{padding:16px}.make{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;opacity:.65;font-weight:800}.make img{width:28px;height:28px;object-fit:contain}.model{font-family:var(--fontModel);font-size:var(--modelSize);color:var(--modelColor);font-weight:900;margin:5px 0 9px;text-shadow:0 2px 8px var(--modelShadow)}.meta{font-size:14px;opacity:.68}.badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.badge{font-family:var(--fontBadge);font-size:var(--badgeSize);font-weight:900;padding:6px 8px;border-radius:999px;background:var(--badgeBg);color:var(--badgeText);border:1px solid var(--badgeBorder)}.badges.is-animated .badge{animation:pulse 2.2s ease-in-out infinite}.price{font-family:var(--fontPrice);font-size:var(--priceSize);font-weight:900;color:var(--price);margin:12px 0;text-shadow:0 2px 8px var(--priceShadow)}.whatsapp{background:var(--wa);color:var(--waText);width:100%;font-family:var(--fontWa);font-size:var(--waSize);border-radius:var(--waRadius);box-shadow:0 6px 16px var(--waShadow)}.contact-band{background:var(--contactBg);color:var(--contactText);text-align:center;padding:48px 18px}.contact-band h2{font-size:clamp(27px,4vw,42px);margin:0 0 12px}.location{display:grid;grid-template-columns:1fr 1.35fr;gap:25px;align-items:stretch}.location-box,.map{background:var(--card);border-radius:var(--cardRadius);overflow:hidden;box-shadow:0 8px 26px var(--cardShadow)}.location-box{padding:28px}.map iframe{width:100%;height:100%;min-height:330px;border:0}.footer{background:var(--footerBg);color:var(--footerText);padding:34px 18px;text-align:center}.make-with-logo{display:flex;align-items:center;gap:8px}.make-with-logo img{width:30px;height:22px;object-fit:contain;flex:0 0 auto}.storefront{width:100%;max-height:260px;object-fit:cover;border-radius:16px;margin-bottom:18px}@keyframes heroZoom{to{transform:scale(1.07)}}@keyframes rise{from{opacity:0;transform:translateY(var(--animDistance))}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 4px rgba(255,213,79,.20)}}body.animations-off *,body.animations-off *:before,body.animations-off *:after{animation:none!important;transition:none!important}body.anim-soft{--animDistance:12px;--hoverLift:-4px;--animDuration:.75s}body.anim-medium{--animDistance:24px;--hoverLift:-7px;--animDuration:.55s}body.anim-strong{--animDistance:38px;--hoverLift:-11px;--animDuration:.38s}@media(max-width:900px){.links a:not(.gear){display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.section{width:96%;padding:42px 0}.hero{min-height:360px}.location{grid-template-columns:1fr}.card-body{padding:11px}.model{font-size:min(var(--modelSize),18px)}.price{font-size:min(var(--priceSize),22px)}.meta{font-size:12px}.badge{font-size:min(var(--badgeSize),11px)}.year{font-size:min(var(--yearSize),15px)}.brand{max-width:155px}}@media(max-width:390px){.grid{gap:8px}.model{font-size:min(var(--modelSize),16px)}.price{font-size:min(var(--priceSize),20px)}.whatsapp{padding:11px 6px;font-size:min(var(--waSize),13px)}}


/* ETAPA 6 — correções de banner e alinhamento responsivo */
.hero{width:100%;min-height:520px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#171a1e}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;animation:none}
.hero-bg img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center;display:block;animation:heroImageZoom 14s ease-in-out infinite alternate}
.hero-overlay{position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,var(--bannerOverlay));z-index:1}
.hero-content{position:relative;z-index:2;width:min(1000px,92%);margin:0 auto;padding:48px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--bannerText);font-family:var(--fontBanner);animation:rise .8s ease both}
.hero-content h1,.hero-content p{width:100%;text-align:center}
.hero-content .btn{align-self:center}
@keyframes heroImageZoom{from{transform:scale(1)}to{transform:scale(1.055)}}
@media(max-width:900px){
  .hero{min-height:390px}
  .hero-content{width:100%;min-height:390px;margin:0;padding:34px 18px;text-align:center;align-items:center;justify-content:center}
  .hero-content h1,.hero-content p{text-align:center;margin-left:auto;margin-right:auto}
  .hero-content .btn{margin-left:auto;margin-right:auto}
}
@media(max-width:520px){
  .hero{min-height:350px}
  .hero-content{min-height:350px;padding:28px 16px}
  .hero h1{font-size:clamp(30px,10vw,var(--bannerTitle))}
  .hero p{font-size:clamp(15px,4.4vw,var(--bannerCopy));max-width:92%}
}
