:root{
  --red:#ff1c24;
  --red-dark:#cf090f;
  --bg:#050505;
  --panel:#101011;
  --line:#2e2e31;
  --white:#f7f7f7;
  --muted:#a3a3a7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--white);
  font-family:Arial,Helvetica,sans-serif;overflow-x:hidden
}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit;color:inherit}
.header{
  height:92px;padding:10px max(22px,calc((100% - 1180px)/2));
  display:flex;align-items:center;justify-content:space-between;
  position:sticky;top:0;z-index:60;background:#050505f7;
  border-bottom:1px solid #161617
}
.brand img{width:270px;height:74px;object-fit:contain;object-position:left center}
.menu-btn{
  width:48px;height:48px;border:0;background:transparent;
  display:grid;align-content:center;gap:6px;padding:9px
}
.menu-btn span{height:3px;background:#f1f1f1;border-radius:4px}
.drawer{
  position:fixed;right:-320px;top:0;width:min(320px,86vw);height:100dvh;
  background:#090909;z-index:100;padding:88px 22px 25px;
  display:grid;align-content:start;gap:3px;transition:.25s;border-left:1px solid #232323
}
.drawer.open{right:0}
.drawer-close{position:absolute;top:16px;right:18px;border:0;background:none;font-size:35px}
.drawer-logo{width:185px;margin-bottom:20px}
.drawer a:not(.drawer-whatsapp){padding:15px 2px;border-bottom:1px solid #252525;font-weight:800}
.drawer-whatsapp{margin-top:22px;background:var(--red);padding:14px;text-align:center;border-radius:7px;font-weight:900;font-size:11px}
.drawer-overlay{position:fixed;inset:0;background:#000b;z-index:90;display:none}
.drawer-overlay.open{display:block}

.hero{
  min-height:590px;position:relative;overflow:hidden;
  background:
    linear-gradient(90deg,#050505 0%,#070707 46%,transparent 70%),
    radial-gradient(circle at 75% 38%,#321113 0,#101010 34%,#050505 72%)
}
.hero-car{
  position:absolute;right:0;top:0;width:50%;height:470px;
  background-image:url('hero-car.jpg');
  background-size:cover;background-position:center;
  filter: brightness(1.45) contrast(1.20) saturate(1.18);}
.hero-car:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0,transparent 52%)}
.hero-shade{position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#050505)}
.hero-content{
  width:min(1180px,100%);margin:auto;padding:80px 22px 30px;position:relative;z-index:3
}
.hero-kicker{font-size:12px;letter-spacing:3px;color:#acacb1}
.hero h1{font-size:clamp(45px,6.8vw,76px);line-height:.98;letter-spacing:-2.8px;margin:15px 0 16px;max-width:650px}
.hero h1 em{font-style:normal;color:var(--red)}
.hero p{font-size:18px;color:#c3c3c6;margin:0 0 26px}
.whatsapp-main{
  width:390px;max-width:100%;min-height:61px;border-radius:8px;
  background:linear-gradient(#ff2c32,#ec1017);
  display:flex;align-items:center;justify-content:center;gap:12px;
  font-size:16px;font-weight:900
}
.whats-mark{font-size:28px}
.benefits{
  width:min(1180px,100%);margin:0 auto;padding:18px 20px 26px;
  position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr)
}
.benefits div{min-height:86px;display:grid;place-items:center;align-content:center;text-align:center;border-right:2px solid var(--red);padding:7px}
.benefits div:last-child{border-right:0}
.benefit-icon{font-size:31px;margin-bottom:7px}
.benefits strong{font-size:11px;line-height:1.32}

.quick-nav{
  border-block:1px solid #252527;background:#080808;
  padding:14px max(22px,calc((100% - 1180px)/2));
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px
}
.quick-nav a{
  height:92px;background:linear-gradient(#151516,#101011);border:1px solid #343438;
  border-radius:8px;display:grid;place-items:center;align-content:center;gap:9px
}
.quick-nav span{font-size:27px}
.quick-nav b{font-size:11px}

.section{width:min(1180px,100%);margin:auto;padding:28px 22px 42px}
.section-head small{font-size:10px;color:var(--red);font-weight:900;letter-spacing:3px}
.section-head h2{font-size:31px;margin:7px 0}
.section-head i{display:block;width:62px;height:4px;background:var(--red);margin-bottom:17px}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.service-card{border:1px solid #36363a;border-radius:8px;overflow:hidden;background:#0b0b0c}
.service-photo{height:175px;background-size:cover;background-position:center;filter:brightness(1.18) contrast(1.14) saturate(1.12)}
.service-body{padding:10px 16px 15px}
.service-body small{color:var(--red);font-weight:900;font-size:11px}
.service-body h3{font-size:18px;margin:6px 0 4px}
.service-body p{font-size:13px;line-height:1.35;color:#b0b0b4;margin:0;max-width:250px}

.about-section{display:grid;grid-template-columns:1.45fr .75fr;gap:35px;padding-top:18px}
.about-copy p{font-size:15px;line-height:1.65;color:#b1b1b5;max-width:650px}
.about-list{display:grid;align-content:center;gap:17px}
.about-list div{display:flex;align-items:center;gap:18px}
.about-list span{font-size:31px;width:40px;text-align:center}
.about-list b{font-size:11px;line-height:1.35}

.location-section{
  display:grid;grid-template-columns:1.5fr 1fr;
  border-top:1px solid #141415;background:#070707
}
.location-copy{width:100%;padding-top:22px;padding-bottom:28px}
.location-card{
  min-height:78px;border:1px solid #353539;border-radius:8px;background:#101011;
  display:flex;align-items:center;gap:15px;padding:14px 18px
}
.location-pin{width:48px;height:48px;border-radius:50%;background:#1b1b1d;display:grid;place-items:center;color:white;font-size:23px}
.location-card strong{font-size:13px}
.location-card p{font-size:12px;color:#a9a9ad;margin:5px 0 0}
.map-btn{
  margin-top:10px;width:100%;height:51px;border-radius:7px;
  display:flex;align-items:center;justify-content:center;background:linear-gradient(#ff2a31,#ef0e15);
  font-weight:900;font-size:14px
}
.map-visual{background:url('mapa.jpg') center/cover no-repeat;min-height:255px;position:relative;filter:brightness(1.16) contrast(1.12) saturate(1.08)}
.map-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070707,transparent 32%)}

.contact-strip{
  padding:42px max(22px,calc((100% - 1180px)/2));
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  border-top:1px solid #222;background:#0a0a0b
}
.contact-strip small{color:var(--red);font-size:9px;letter-spacing:2px;font-weight:900}
.contact-strip h2{font-size:28px;margin:7px 0}
.contact-strip p{color:#aaa;margin:0;font-size:13px}
.contact-wa{min-width:265px;height:52px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px}
.footer{
  min-height:92px;padding:12px max(22px,calc((100% - 1180px)/2));
  display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:25px;border-top:1px solid #242426
}
.footer img{width:220px;height:70px;object-fit:contain}
.footer p{text-align:center;color:#b5b5b8;font-size:12px}
.footer-icons{display:flex;gap:18px;font-size:25px}
.floating-wa{
  position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;
  background:#1fd15f;color:white;display:grid;place-items:center;font-size:28px;
  z-index:55;box-shadow:0 10px 30px #000
}

@media(max-width:760px){
  .header{height:68px;padding:6px 13px}
  .brand img{width:151px;height:56px}
  .menu-btn{width:42px;height:42px}
  .hero{min-height:500px;background:#050505}
  .hero-car{
    width:58%;height:300px;right:-9%;top:18px;
    opacity:1;background-position:center
  }
  .hero-car:after{background:linear-gradient(90deg,#050505 0,transparent 72%),linear-gradient(0deg,#050505 0,transparent 25%)}
  .hero-content{padding:73px 18px 20px}
  .hero-kicker{font-size:8px;letter-spacing:2.4px}
  .hero h1{font-size:42px;line-height:.99;margin-top:12px;max-width:410px}
  .hero p{font-size:14px}
  .whatsapp-main{width:100%;height:57px;font-size:13px}
  .benefits{padding:20px 12px 25px}
  .benefit-icon{font-size:24px}
  .benefits strong{font-size:8px}
  .quick-nav{padding:13px 10px;gap:8px}
  .quick-nav a{height:84px}
  .quick-nav span{font-size:23px}
  .quick-nav b{font-size:8px}
  .section{padding:20px 14px 32px}
  .section-head small{font-size:9px}
  .section-head h2{font-size:25px}
  .section-head i{width:52px;height:3px}
  .services-grid{gap:8px}
  .service-photo{height:120px}
  .service-body{padding:8px 10px 12px}
  .service-body h3{font-size:13px}
  .service-body p{font-size:10px}
  .about-section{grid-template-columns:1fr .55fr;gap:18px}
  .about-copy p{font-size:12px}
  .about-list{gap:16px}
  .about-list span{font-size:24px;width:29px}
  .about-list b{font-size:8px}
  .location-section{grid-template-columns:1.42fr .85fr}
  .location-card{padding:12px 10px;gap:9px}
  .location-pin{width:38px;height:38px}
  .location-card strong{font-size:10px}
  .location-card p{font-size:9px}
  .map-visual{min-height:220px;background-position:center}
  .contact-strip{padding:32px 14px;display:block;text-align:center}
  .contact-strip h2{font-size:23px}
  .contact-wa{margin-top:18px;min-width:0;width:100%}
  .footer{grid-template-columns:120px 1fr auto;padding:8px 12px;gap:9px}
  .footer img{width:115px;height:58px}
  .footer p{font-size:9px}
  .footer-icons{font-size:19px;gap:10px}
  .floating-wa{width:54px;height:54px;right:16px;bottom:16px}
}

/* =========================================================
   ROBERTT — AJUSTE MOBILE DO BANNER
   Mantém o layout e deixa somente o carro mais visível.
   ========================================================= */
@media (max-width:760px){
  .hero-car{
    opacity:1;
    filter:brightness(1.45) contrast(1.20) saturate(1.18);
  }

  .hero-car:after{
    background:
      linear-gradient(90deg,#050505 0,rgba(5,5,5,.35) 38%,transparent 78%),
      linear-gradient(0deg,#050505 0,rgba(5,5,5,.15) 18%,transparent 32%);
  }
}