:root{
  --preto:#0d0d0d;
  --preto-2:#1a1a1a;
  --vermelho:#e01e1e;
  --vermelho-escuro:#b81616;
  --branco:#ffffff;
  --cinza:#6b6b6b;
  --cinza-claro:#f4f4f4;
  --creme:#f6efe0;
  --borda:#e7e7e7;
  --sombra:0 10px 30px rgba(0,0,0,.08);
  --raio:16px;
  --fonte:'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--fonte);color:var(--preto);line-height:1.5;background:var(--branco);overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.container{max-width:1280px;margin:0 auto;padding:0 24px;}

/* ===== Header ===== */
.header{background:var(--preto);position:sticky;top:0;z-index:100;}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;}
.logo img{height:38px;}
.nav{display:flex;gap:28px;}
.nav a{color:var(--branco);font-size:14px;font-weight:600;letter-spacing:.3px;transition:color .2s;}
.nav a:hover{color:var(--vermelho);}
.header__contacts{display:flex;gap:24px;}
.header__contact{display:flex;align-items:center;gap:8px;color:var(--branco);font-size:12.5px;line-height:1.3;}
.header__contact strong{display:block;color:var(--vermelho);font-size:10.5px;letter-spacing:.5px;}
.header__icon{color:var(--vermelho);flex-shrink:0;}
.header__icon svg{width:20px;height:20px;display:block;}
.nav__toggle{display:none;background:none;border:none;color:var(--branco);cursor:pointer;padding:4px;}
.nav__toggle svg{width:24px;height:24px;display:block;}

/* ===== Hero ===== */
.hero{position:relative;background:var(--creme);color:var(--preto);padding:72px 0 90px;overflow:hidden;min-height:640px;}
.hero__bg{position:absolute;inset:0;z-index:0;}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 55%;}
.hero__bg-mobile{display:none;}
.hero__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg, var(--creme) 0%, var(--creme) 22%, rgba(246,239,224,.85) 38%, rgba(246,239,224,.25) 55%, rgba(246,239,224,0) 68%);}
.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;align-items:center;min-height:496px;}
.hero__content{max-width:600px;}
.hero__tag{display:inline-flex;align-items:center;color:var(--vermelho);font-weight:700;font-size:13px;letter-spacing:1px;margin-bottom:18px;}
.hero__content h1{font-size:44px;line-height:1.15;font-weight:800;margin-bottom:18px;color:var(--preto);}
.hero__content h1 span{color:var(--vermelho);}
.hero__content p{color:#4a4a4a;font-size:16px;max-width:520px;margin-bottom:28px;}
.hero__ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px;}
.hero__note{color:#4a4a4a;font-size:13.5px;display:flex;align-items:center;gap:8px;}
.hero__note .icon-inline{color:#1fa851;}
.icon-inline{width:16px;height:16px;flex-shrink:0;vertical-align:-3px;}

.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:10px;font-weight:700;font-size:14px;letter-spacing:.3px;cursor:pointer;border:2px solid transparent;transition:transform .15s ease, opacity .15s ease;}
.btn:hover{transform:translateY(-2px);}
.btn--primary{background:var(--vermelho);color:var(--branco);}
.btn--primary:hover{background:var(--vermelho-escuro);}
.btn--secondary{background:var(--branco);color:var(--preto);}
.btn__icon{display:inline-flex;}
.btn__icon svg{width:18px;height:18px;display:block;}

/* ===== Benefits ===== */
.benefits{background:var(--branco);border-bottom:1px solid var(--borda);padding:36px 0;}
.benefits__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
.benefit{display:flex;align-items:center;gap:12px;}
.benefit__icon{color:var(--vermelho);flex-shrink:0;}
.benefit__icon svg{width:26px;height:26px;display:block;}
.benefit strong{display:block;font-size:12px;letter-spacing:.4px;}
.benefit small{color:var(--cinza);font-size:12px;}

/* ===== Section title ===== */
.section-title{text-align:center;max-width:720px;margin:0 auto 44px;}
.section-title__tag{display:inline-flex;align-items:center;color:var(--vermelho);font-weight:700;font-size:13px;letter-spacing:1px;margin-bottom:14px;}
.section-title h2{font-size:32px;font-weight:800;margin-bottom:10px;}
.section-title p{color:var(--cinza);font-size:15px;}

/* ===== Frota ===== */
.frota{padding:90px 0;background:var(--cinza-claro);}
.frota__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.car-card{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);padding:24px 20px 20px;text-align:center;box-shadow:var(--sombra);display:flex;flex-direction:column;transition:transform .2s ease;}
.car-card:hover{transform:translateY(-6px);}
.car-card__header h3{font-size:15px;font-weight:800;letter-spacing:.4px;}
.car-card__header p{font-size:13px;color:var(--cinza);margin-top:2px;}
.car-card__header p strong{color:var(--vermelho);font-size:16px;}
.car-card img{height:90px;object-fit:contain;margin:16px auto;}
.car-card__models{font-size:12px;color:var(--cinza);margin-bottom:18px;min-height:32px;}
.car-card__btn{margin-top:auto;background:var(--cinza-claro);border:1px solid var(--borda);border-radius:8px;padding:11px;font-size:12px;font-weight:700;letter-spacing:.3px;transition:background .2s, color .2s;}
.car-card__btn:hover{background:var(--vermelho);color:var(--branco);border-color:var(--vermelho);}

/* ===== Sobre ===== */
.sobre{padding:90px 0;}
.sobre__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;}
.sobre__inner > *{min-width:0;}
.sobre__media{position:relative;}
.sobre__media img{border-radius:var(--raio);box-shadow:var(--sombra);background:radial-gradient(120% 120% at 30% 20%, #2a2a2a 0%, var(--preto) 70%);padding:30px;}
.sobre__badge{position:absolute;bottom:-20px;left:-20px;background:var(--vermelho);color:var(--branco);border-radius:50%;width:110px;height:110px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:800;line-height:1.2;box-shadow:var(--sombra);}
.sobre__content p{color:var(--cinza);margin-bottom:14px;font-size:15px;}
.sobre__lista{margin:20px 0 26px;}
.sobre__lista li{margin-bottom:8px;font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:8px;}
.sobre__lista .icon-inline{color:var(--vermelho);}

/* ===== Como funciona ===== */
.como-funciona{background:var(--cinza-claro);padding:90px 0;}
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.passo{background:var(--branco);border-radius:var(--raio);padding:32px 26px;box-shadow:var(--sombra);}
.passo__numero{color:var(--vermelho);font-size:30px;font-weight:800;display:block;margin-bottom:10px;}
.passo h3{font-size:18px;margin-bottom:10px;}
.passo p{color:var(--cinza);font-size:14.5px;}

/* ===== FAQ ===== */
.faq{padding:90px 0;}
.acordeon{max-width:820px;margin:0 auto;}
.acordeon__item{border-bottom:1px solid var(--borda);}
.acordeon__pergunta{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:22px 4px;font-size:16px;font-weight:700;text-align:left;cursor:pointer;color:var(--preto);}
.acordeon__seta{color:var(--vermelho);transition:transform .2s;flex-shrink:0;}
.acordeon__seta svg{width:20px;height:20px;display:block;}
.acordeon__item.is-open .acordeon__seta{transform:rotate(45deg);}
.acordeon__resposta{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.acordeon__item.is-open .acordeon__resposta{max-height:400px;}
.acordeon__resposta p, .acordeon__resposta ul{padding:0 4px 20px;color:var(--cinza);font-size:14.5px;}
.acordeon__resposta ul{padding-left:20px;list-style:disc;}
.acordeon__resposta li{margin-bottom:6px;}

/* ===== Tira final ===== */
.tira{background:var(--preto);}
.tira__grid{display:grid;grid-template-columns:repeat(4,1fr) 1.4fr;align-items:center;}
.tira__item{display:flex;align-items:center;gap:12px;padding:26px 20px;color:var(--branco);border-right:1px solid rgba(255,255,255,.1);}
.tira__item strong{display:block;font-size:12px;letter-spacing:.3px;}
.tira__item small{color:#a0a0a0;font-size:12px;}
.tira__icon{flex-shrink:0;}
.tira__icon svg{width:24px;height:24px;display:block;}
.tira__item .tira__icon{color:var(--vermelho);}
.tira__cta{background:var(--vermelho);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:26px 28px;color:var(--branco);}
.tira__cta strong{display:block;font-size:13px;}
.tira__cta small{font-size:12px;color:#ffe1e1;}
.tira__cta .tira__icon{color:var(--branco);}

/* ===== Footer ===== */
.footer{background:#080808;color:#bdbdbd;padding:56px 0 30px;text-align:center;}
.footer__logo{height:34px;margin:0 auto 18px;}
.footer__inner p{max-width:480px;margin:0 auto 20px;font-size:14px;}
.footer__contacts{display:flex;justify-content:center;gap:28px;margin-bottom:24px;flex-wrap:wrap;font-size:13.5px;}
.footer__contacts a{display:inline-flex;align-items:center;gap:8px;}
.footer__icon{color:var(--vermelho);flex-shrink:0;}
.footer__icon svg{width:18px;height:18px;display:block;}
.footer small{color:#6b6b6b;font-size:12px;}
.footer__dev{display:block;margin-top:10px;}
.footer__dev a{color:#8a8a8a;font-weight:700;text-decoration:underline;}
.footer__dev a:hover{color:var(--vermelho);}

/* ===== WhatsApp float ===== */
.whats-float{position:fixed;bottom:24px;right:24px;background:#25d366;color:var(--branco);width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.3);z-index:200;animation:pulse 2.2s infinite;}
.whats-float svg{width:28px;height:28px;display:block;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5);}70%{box-shadow:0 0 0 14px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}

/* ===== Modal WhatsApp ===== */
.modal-overlay{position:fixed;inset:0;background:rgba(13,13,13,.6);display:none;align-items:center;justify-content:center;z-index:300;padding:20px;}
.modal-overlay.is-open{display:flex;}
.modal{position:relative;background:var(--branco);border-radius:var(--raio);max-width:420px;width:100%;padding:36px 32px 32px;box-shadow:0 24px 60px rgba(0,0,0,.35);text-align:center;}
.modal__close{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--cinza);cursor:pointer;padding:4px;}
.modal__close svg{width:20px;height:20px;display:block;}
.modal__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#e9fbf0;color:#25d366;margin-bottom:16px;}
.modal__icon svg{width:26px;height:26px;}
.modal h3{font-size:20px;font-weight:800;margin-bottom:14px;}
.modal__aviso{display:flex;align-items:flex-start;gap:10px;text-align:left;background:#fdeaea;color:#8a1414;border-radius:10px;padding:14px;font-size:13.5px;line-height:1.5;margin-bottom:16px;}
.modal__aviso .icon-inline{width:20px;height:20px;color:var(--vermelho);margin-top:1px;}
.modal__lista{text-align:left;margin-bottom:24px;}
.modal__lista li{position:relative;padding-left:18px;color:var(--cinza);font-size:13.5px;margin-bottom:6px;}
.modal__lista li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--vermelho);}
.modal .btn{width:100%;justify-content:center;}

/* ===== Responsive ===== */
@media(max-width:1100px){
  .frota__grid{grid-template-columns:repeat(3,1fr);}
  .benefits__grid{grid-template-columns:repeat(3,1fr);}
  .tira__grid{grid-template-columns:repeat(2,1fr);}
  .tira__item{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);}
  .tira__cta{grid-column:1/-1;}
}
@media(max-width:960px){
  .nav, .header__contacts{display:none;}
  .nav__toggle{display:block;}
  .nav.is-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--preto);padding:20px 24px;gap:16px;}
  .hero{min-height:0;padding-bottom:320px;}
  .hero__inner{min-height:0;}
  .hero__content{text-align:center;margin:0 auto;}
  .hero__content p{margin-left:auto;margin-right:auto;}
  .hero__ctas{justify-content:center;}
  .hero__note{justify-content:center;}
  .hero__bg-desktop{display:none;}
  .hero__bg-mobile{display:block;}
  .hero__bg img{object-position:center top;}
  .hero__bg::after{background:linear-gradient(180deg, var(--creme) 0%, var(--creme) 40%, rgba(246,239,224,.35) 65%, rgba(246,239,224,0) 85%);}
  .sobre__inner{grid-template-columns:1fr;text-align:center;}
  .sobre__content p{text-align:left;}
  .sobre__badge{left:50%;transform:translateX(-50%);}
}
@media(max-width:720px){
  .frota__grid{grid-template-columns:repeat(2,1fr);}
  .benefits__grid{grid-template-columns:repeat(2,1fr);}
  .passos{grid-template-columns:1fr;}
  .hero__content h1{font-size:32px;}
  .header__inner{padding:12px 16px;}
}
@media(max-width:480px){
  .frota__grid{grid-template-columns:1fr;}
  .tira__grid{grid-template-columns:1fr;}
}
