:root{
  --bg:#0a0a0b;
  --bg-alt:#121214;
  --card:#161618;
  --card-border:#232326;
  --accent:#ff7a1a;
  --accent-dark:#b3540f;
  --text:#f4f4f5;
  --text-dim:#a4a4a9;
  --radius:14px;
  --wrap:1180px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Segoe UI',Roboto,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 22px;border-radius:999px;font-weight:600;font-size:.95rem;
  border:1px solid transparent;white-space:nowrap;cursor:pointer;
  transition:transform .15s ease, background .2s ease, border-color .2s ease, filter .2s ease;
}
.btn:active{transform:scale(.97)}
.btn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent-dark));
  color:#0a0a0b;
  font-weight:700;
}
.btn-primary:hover{filter:brightness(1.08)}
.btn-ghost{
  background:transparent;color:var(--text);border-color:#3a3a3d;
}
.btn-ghost:hover{border-color:var(--accent)}
.btn-lg{padding:15px 30px;font-size:1rem}
.btn-sm{padding:8px 16px;font-size:.82rem}

/* Topbar */
.topbar{background:#000;border-bottom:1px solid #1c1c1e;font-size:.82rem;color:var(--text-dim)}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;flex-wrap:wrap;gap:6px}
.topbar-inner a{color:var(--text-dim)}
.topbar-inner a:hover{color:var(--accent)}

/* Header */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(10,10,11,.85);backdrop-filter:blur(10px);
  border-bottom:1px solid #1c1c1e;
}
.header-inner{display:flex;align-items:center;gap:28px;padding:14px 24px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);flex-shrink:0}
.brand-mark{width:30px;height:30px;color:var(--accent)}
.brand-text{font-weight:800;letter-spacing:.5px;font-size:1.05rem}
.brand-text em{font-style:normal;color:var(--accent)}
.main-nav{display:flex;gap:26px;margin-left:auto}
.main-nav a{color:var(--text-dim);font-weight:500;font-size:.95rem;transition:color .2s}
.main-nav a:hover{color:var(--text)}
.header-cta{margin-left:12px}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-toggle span{width:22px;height:2px;background:var(--text)}

/* Hero */
.hero{position:relative;overflow:hidden;padding:90px 0 70px}
.hero-bg{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(circle at 82% 15%, rgba(255,122,26,.3), transparent 45%),
    linear-gradient(115deg, rgba(0,0,0,.94) 30%, rgba(30,15,2,.9) 55%, rgba(70,32,4,.72) 100%),
    url("img/hero.webp") center 30%/cover no-repeat;
}
.hero-inner{position:relative;z-index:1}
.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;margin-bottom:14px}
.hero h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.01em}
.hero h1 span{color:var(--accent)}
.hero-sub{max-width:560px;margin-top:20px;font-size:1.1rem;color:var(--text-dim)}
.hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.hero-stats{display:flex;gap:40px;margin-top:56px;flex-wrap:wrap}
.hero-stats strong{display:block;font-size:1.6rem;color:var(--accent)}
.hero-stats span{color:var(--text-dim);font-size:.85rem}

/* Vantagens */
.vantagens{padding:70px 0;background:var(--bg-alt);border-top:1px solid #1c1c1e;border-bottom:1px solid #1c1c1e}
.vantagens-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.vcard{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:26px}
.vicon{font-size:1.7rem}
.vcard h3{margin:14px 0 8px;font-size:1.05rem}
.vcard p{color:var(--text-dim);font-size:.92rem}

/* Section head */
.section-head{max-width:640px;margin-bottom:44px}
.section-head h2{font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800;margin-top:4px}
.section-sub{color:var(--text-dim);margin-top:12px}

/* Catalogo */
.catalogo{padding:90px 0}
.catalogo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.car-card{
  background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease, border-color .2s ease;
}
.car-card:hover{transform:translateY(-4px);border-color:#4a2c14}
.car-media{position:relative;height:180px;background:linear-gradient(150deg,#1c1c1f,#0d0d0e);display:flex;align-items:center;justify-content:center}
.car-badge{position:absolute;top:12px;left:12px;background:rgba(255,122,26,.15);color:#ffb073;border:1px solid rgba(255,122,26,.4);font-size:.72rem;font-weight:700;padding:5px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}
.car-silhouette{width:74%;height:60%;opacity:.9}
.car-silhouette::before{content:"";display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}
.car-silhouette[data-shape="naked"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 90'%3E%3Cpath fill='%23ff7a1a' opacity='.9' d='M40 62 Q44 40 66 34 L84 20 Q100 10 118 18 L134 32 Q150 36 156 58 L156 66 Q156 70 150 70 L46 70 Q40 70 40 66 Z'/%3E%3Ccircle cx='54' cy='40' r='6' fill='%230a0a0b'/%3E%3Ccircle cx='48' cy='74' r='11' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='152' cy='74' r='11' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")}
.car-silhouette[data-shape="trail"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 90'%3E%3Cpath fill='%23ff7a1a' opacity='.9' d='M34 46 L20 40 L34 34 Z M38 62 Q40 36 60 28 L64 16 L78 16 L82 26 Q96 8 116 12 L130 26 Q148 30 156 56 L156 66 Q156 70 150 70 L44 70 Q38 70 38 66 Z'/%3E%3Ccircle cx='48' cy='74' r='11' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='152' cy='74' r='11' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")}
.car-silhouette[data-shape="bigtrail"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 90'%3E%3Cpath fill='%23ff7a1a' opacity='.9' d='M28 46 L14 40 L28 34 Z M34 62 Q36 34 58 26 L62 14 L78 14 L82 24 Q98 6 120 10 L136 26 Q156 30 164 56 L164 66 Q164 70 158 70 L40 70 Q34 70 34 66 Z'/%3E%3Crect x='150' y='48' width='18' height='16' rx='3' fill='%23ff7a1a' opacity='.9'/%3E%3Ccircle cx='42' cy='74' r='12' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='162' cy='74' r='12' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")}
.car-silhouette[data-shape="esportiva"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 90'%3E%3Cpath fill='%23ff7a1a' opacity='.9' d='M36 50 L18 54 L36 40 Z M36 66 Q40 46 60 38 L82 24 Q100 16 118 20 L142 32 Q156 38 158 58 L158 66 Q158 70 152 70 L42 70 Q36 70 36 66 Z'/%3E%3Ccircle cx='48' cy='74' r='11' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='152' cy='74' r='11' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")}
.car-silhouette[data-shape="custom"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 90'%3E%3Cpath fill='%23ff7a1a' opacity='.9' d='M22 64 Q24 52 44 48 L70 44 L92 30 Q104 22 116 26 L140 40 L162 50 Q172 54 172 64 L172 68 Q172 70 168 70 L26 70 Q22 70 22 66 Z'/%3E%3Ccircle cx='30' cy='74' r='12' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='164' cy='74' r='12' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")}
.car-silhouette[data-shape="scooter"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 90'%3E%3Cpath fill='%23ff7a1a' opacity='.9' d='M50 66 Q50 48 64 44 L64 28 Q66 18 80 16 L96 16 Q100 18 100 26 L100 44 Q122 48 132 62 L132 66 Q132 70 126 70 L54 70 Q50 70 50 66 Z'/%3E%3Ccircle cx='58' cy='74' r='10' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='124' cy='74' r='10' fill='%230a0a0b' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")}
.car-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.car-body h3{font-size:1.08rem}
.car-year{color:var(--text-dim);font-size:.85rem}
.car-specs{margin:6px 0 10px;display:flex;flex-direction:column;gap:5px}
.car-specs li{font-size:.85rem;color:var(--text-dim);padding-left:16px;position:relative}
.car-specs li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.car-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--card-border)}
.car-price{font-size:1.2rem;font-weight:800;color:#fff}
.car-card--cta{align-items:center;justify-content:center;text-align:center;padding:30px;background:linear-gradient(160deg,#1a1005,#0a0a0b);border-color:#4a2c14}
.car-cta-content h3{font-size:1.2rem;margin-bottom:8px}
.car-cta-content p{color:var(--text-dim);font-size:.9rem;margin-bottom:18px}

/* Troca / consignação */
.troca{padding:60px 0;background:linear-gradient(120deg,var(--accent-dark),#3d1e04);}
.troca-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.troca h2{font-size:1.6rem;margin-bottom:6px}
.troca p{color:rgba(255,255,255,.85);max-width:480px}
.troca .btn-primary{background:#fff;color:#000}
.troca .btn-primary:hover{background:#f2f2f2}

/* Depoimentos */
.depoimentos{padding:90px 0}
.depo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.depo-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:26px}
.depo-check{display:inline-block;font-size:.78rem;font-weight:700;color:#37d67a;background:rgba(55,214,122,.12);padding:5px 10px;border-radius:999px;margin-bottom:14px}
.depo-card p{color:var(--text-dim);font-size:.95rem;font-style:italic}

/* Localizacao */
.localizacao{padding:90px 0;background:var(--bg-alt);border-top:1px solid #1c1c1e}
.loc-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}
.loc-address{margin:14px 0;font-size:1.05rem;font-weight:600}
.loc-info p{color:var(--text-dim)}
.loc-info .btn{margin-top:20px}
.loc-map{border-radius:var(--radius);overflow:hidden;border:1px solid var(--card-border);height:340px}
.loc-map iframe{width:100%;height:100%;border:0;filter:grayscale(.2) invert(.92) contrast(.9)}

/* Footer */
.site-footer{background:#000;padding:60px 0 0;border-top:1px solid #1c1c1e}
.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding-bottom:40px}
.footer-brand p{color:var(--text-dim);margin-top:10px;max-width:260px}
.footer-col h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:14px}
.footer-col a,.footer-col p{display:block;color:var(--text-dim);margin-bottom:8px;font-size:.92rem}
.footer-col a.icon-link{display:flex;width:fit-content}
.footer-col a:hover{color:var(--accent)}
.footer-bottom{border-top:1px solid #1c1c1e;padding:18px 24px;text-align:center;color:var(--text-dim);font-size:.82rem}

/* Icon links (WhatsApp/Instagram ao lado de texto) */
.icon-link{display:inline-flex;align-items:center;gap:6px}
.icon-inline{width:16px;height:16px;flex-shrink:0}

/* WhatsApp float */
.whatsapp-float{
  position:fixed;bottom:22px;right:22px;z-index:60;
  width:58px;height:58px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  transition:transform .2s ease;
}
.whatsapp-float:hover{transform:scale(1.08)}
.whatsapp-float svg{width:30px;height:30px;color:#fff}

/* Responsive */
@media (max-width:960px){
  .vantagens-grid{grid-template-columns:repeat(2,1fr)}
  .catalogo-grid{grid-template-columns:repeat(2,1fr)}
  .depo-grid{grid-template-columns:1fr}
  .loc-inner{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .main-nav{
    position:fixed;top:65px;left:0;right:0;background:#0a0a0b;
    flex-direction:column;padding:20px 24px;gap:18px;
    border-bottom:1px solid #1c1c1e;
    transform:translateY(-130%);opacity:0;transition:all .25s ease;
    pointer-events:none;
  }
  .main-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}
  .nav-toggle{display:flex}
  .header-cta{display:none}
  .vantagens-grid{grid-template-columns:1fr}
  .catalogo-grid{grid-template-columns:1fr}
  .troca-inner{flex-direction:column;text-align:center}
  .footer-inner{grid-template-columns:1fr;text-align:center}
  .icon-link{margin-left:auto;margin-right:auto}
  .hero{padding:60px 0 50px}
  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:100%}
  .hero-stats{justify-content:space-between;gap:16px}
}

/* --- Páginas veiculos.html / veiculo.html (mobile-first) --- */

.car-media-link,.car-title-link{display:block;color:inherit}
.car-title-link:hover h3{color:var(--accent)}
.catalogo-cta{display:flex;justify-content:center;margin-top:36px}

.pagina-topo{padding:50px 0 30px}
.pagina-topo h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-top:6px}

.catalogo-full{padding:10px 0 90px}
.catalogo-vazio{color:var(--text-dim);padding:40px 0;grid-column:1/-1;text-align:center}

.veiculo-detalhe{padding:40px 0 90px}
.voltar-link{display:inline-block;color:var(--text-dim);font-size:.9rem;margin-bottom:20px}
.voltar-link:hover{color:var(--accent)}
.veiculo-grid{display:flex;flex-direction:column;gap:32px}
.veiculo-media{position:relative;background:linear-gradient(150deg,#1c1c1f,#0d0d0e);border:1px solid var(--card-border);border-radius:var(--radius);height:280px;display:flex;align-items:center;justify-content:center}
.car-silhouette--grande{width:78%;height:66%}
.galeria-label{position:absolute;bottom:14px;right:16px;background:rgba(0,0,0,.55);color:var(--text-dim);font-size:.78rem;padding:4px 10px;border-radius:999px}
.galeria-thumbs{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.galeria-thumb{background:var(--card);color:var(--text-dim);border:1px solid var(--card-border);border-radius:8px;padding:8px 12px;font-size:.82rem;cursor:pointer;transition:border-color .2s,color .2s}
.galeria-thumb.active,.galeria-thumb:hover{border-color:var(--accent);color:var(--text)}
.veiculo-info h1{font-size:clamp(1.7rem,4vw,2.3rem);font-weight:800;margin-top:6px}
.veiculo-meta{color:var(--text-dim);margin-top:8px}
.veiculo-preco{font-size:1.7rem;font-weight:800;margin-top:14px}
.veiculo-descricao{color:var(--text-dim);margin-top:14px}
.veiculo-specs{margin:18px 0 24px}
.veiculo-vazio{padding:80px 0;text-align:center}
.veiculo-vazio h1{font-size:1.8rem;margin-bottom:10px}
.veiculo-vazio p{color:var(--text-dim);margin-bottom:24px}

.similares{padding:20px 0 90px;border-top:1px solid #1c1c1e;margin-top:20px}
.similares h2{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800;margin-bottom:22px}

@media (min-width:960px){
  .veiculo-grid{flex-direction:row;align-items:flex-start}
  .veiculo-galeria{flex:1.1}
  .veiculo-info{flex:1}
  .veiculo-media{height:380px}
}