:root{
  --laranja:#f7941d; --laranja-esc:#d97a05; --preto:#111; --cinza:#f4f4f2; --borda:#e2e2de;
  --texto:#1c1c1c; --suave:#5d5d58; --verde:#1fa855; --r:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--texto);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(1.6rem,5vw,2.4rem)} h2{font-size:clamp(1.3rem,3.5vw,1.8rem)}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
:focus-visible{outline:3px solid var(--laranja);outline-offset:2px}

/* topo */
.topo{background:#fff;border-bottom:3px solid var(--laranja);position:sticky;top:0;z-index:30}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.logo img{height:52px;width:auto}
.menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--laranja);padding:8px 16px 16px;flex-direction:column;gap:2px}
.menu.aberto{display:flex}
.menu a{text-decoration:none;padding:12px 8px;font-weight:600;border-radius:8px}
.menu a[aria-current]{color:var(--laranja-esc)}
.menu a:hover{background:var(--cinza)}
.menu .btn{margin-top:8px;text-align:center}
.menu-btn{background:none;border:0;padding:10px;display:flex;flex-direction:column;gap:5px;cursor:pointer}
.menu-btn span{width:26px;height:3px;background:var(--preto);border-radius:2px}
@media(min-width:900px){
  .menu-btn{display:none}
  .menu{display:flex;position:static;flex-direction:row;align-items:center;border:0;padding:0;gap:4px}
  .menu .btn{margin:0 0 0 8px}
}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;background:var(--laranja);color:#111;min-height:48px}
.btn:hover{background:var(--laranja-esc)}
.btn-zap{background:var(--verde);color:#fff}.btn-zap:hover{background:#178c47}
.btn-escuro{background:var(--preto);color:#fff}.btn-escuro:hover{background:#333}
.btn-linha{background:#fff;border:2px solid var(--preto);color:var(--preto)}.btn-linha:hover{background:var(--cinza)}
.btn-bloco{display:flex;width:100%}
.zap-flutuante{position:fixed;right:14px;bottom:14px;width:56px;height:56px;border-radius:50%;background:var(--verde);display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.35);z-index:40}

/* hero */
.hero{background:linear-gradient(135deg,#111 0%,#2a1a05 100%);color:#fff;padding:36px 0 44px}
.hero h1{max-width:18ch}
.hero p{color:#ddd;max-width:46ch}
.busca{background:#fff;color:var(--texto);border-radius:var(--r);padding:16px;margin-top:22px;display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:760px){.busca{grid-template-columns:2fr 1.2fr 1.2fr auto;align-items:end}}
label{display:block;font-weight:600;font-size:.88rem;margin-bottom:4px}
input,select,textarea{width:100%;font:inherit;padding:11px 12px;border:1.5px solid #c9c9c3;border-radius:8px;background:#fff;min-height:46px}
textarea{min-height:110px}
input:focus,select:focus,textarea:focus{border-color:var(--laranja)}
.selos{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-weight:600;font-size:.95rem}
.selos span::before{content:"✓ ";color:var(--laranja)}

/* seções */
.sec{padding:40px 0}.sec.cinza{background:var(--cinza)}
.sec-topo{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:560px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}
.beneficios{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:760px){.beneficios{grid-template-columns:repeat(3,1fr)}}
.bene{background:#fff;border:1px solid var(--borda);border-radius:var(--r);padding:20px}
.bene b{display:block;font-size:2rem;color:var(--laranja-esc)}

/* cartão */
.card{display:block;text-decoration:none;background:#fff;border:1px solid var(--borda);border-radius:var(--r);overflow:hidden;transition:box-shadow .15s,transform .15s}
.card:hover{box-shadow:0 8px 22px rgba(0,0,0,.12);transform:translateY(-2px)}
.card-img{position:relative;aspect-ratio:4/3;background:#eee;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-img.sem-foto{background:#fafafa;display:grid;place-items:center}.card-img.sem-foto img{width:40%;height:auto;object-fit:contain;opacity:.6}
.badge{position:absolute;top:10px;left:10px;background:var(--preto);color:#fff;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:99px}
.badge-res{background:var(--laranja);color:#111}
.card-body{padding:14px 16px 16px}
.card h3{margin:0;font-size:1.15rem}
.versao{margin:2px 0 8px;color:var(--suave);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 10px;font-size:.88rem;color:var(--suave)}
.preco{margin:0;font-size:1.4rem;font-weight:800}

/* estoque */
.estoque{display:grid;gap:20px}
@media(min-width:900px){.estoque{grid-template-columns:280px 1fr;align-items:start}}
.filtros{background:var(--cinza);border-radius:var(--r);padding:16px;display:grid;gap:12px}
.filtros .duo{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.filtros-toggle{display:block}
@media(min-width:900px){.filtros-toggle{display:none}.filtros-box{display:block!important}}
.filtros-box{display:none}.filtros-box.aberto{display:block}
.resultado-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.resultado-topo select{width:auto}
.pag{display:flex;gap:6px;justify-content:center;margin:28px 0 0;flex-wrap:wrap}
.pag a,.pag span{min-width:44px;min-height:44px;display:grid;place-items:center;border:1.5px solid var(--borda);border-radius:8px;text-decoration:none;font-weight:600}
.pag span{background:var(--preto);color:#fff;border-color:var(--preto)}
.vazio{background:var(--cinza);padding:32px;border-radius:var(--r);text-align:center}

/* veículo */
.crumbs{font-size:.88rem;color:var(--suave);margin:16px 0}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.vgrid{display:grid;gap:24px}
@media(min-width:960px){.vgrid{grid-template-columns:1.5fr 1fr;align-items:start}.lateral{position:sticky;top:84px}}
.galeria-main{aspect-ratio:4/3;background:#eee;border-radius:var(--r);overflow:hidden;position:relative}
.galeria-main img{width:100%;height:100%;object-fit:cover}
.galeria-main.sem-foto{display:grid;place-items:center}.galeria-main.sem-foto img{width:30%;height:auto;opacity:.5}
.gal-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);color:#fff;border:0;width:44px;height:44px;border-radius:50%;font-size:1.4rem;cursor:pointer}
.gal-nav.ant{left:10px}.gal-nav.prox{right:10px}
.gal-cont{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.6);color:#fff;padding:3px 10px;border-radius:99px;font-size:.8rem}
.thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 0;scroll-snap-type:x proximity}
.thumbs button{flex:0 0 84px;aspect-ratio:4/3;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:#eee;scroll-snap-align:start}
.thumbs button[aria-current="true"]{border-color:var(--laranja)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.caixa{background:#fff;border:1px solid var(--borda);border-radius:var(--r);padding:20px}
.caixa+.caixa{margin-top:16px}
.vpreco{font-size:2rem;font-weight:800;margin:6px 0 14px}
.aviso-status{background:var(--laranja);color:#111;font-weight:700;padding:10px 14px;border-radius:8px;margin-bottom:12px}
.aviso-status.vend{background:#444;color:#fff}
.ficha{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0}
.ficha dt{font-size:.8rem;color:var(--suave);text-transform:uppercase;letter-spacing:.03em}
.ficha dd{margin:0;font-weight:600}
.opc{columns:1;padding:0;margin:0;list-style:none}
@media(min-width:560px){.opc{columns:2}}
.opc li{padding:3px 0 3px 22px;position:relative;break-inside:avoid;font-size:.95rem}
.opc li::before{content:"✓";position:absolute;left:0;color:var(--laranja-esc);font-weight:700}
.sim{display:grid;gap:12px}
.sim-res{background:var(--preto);color:#fff;border-radius:10px;padding:14px;text-align:center}
.sim-res strong{display:block;font-size:1.7rem;color:var(--laranja)}
.peq{font-size:.82rem;color:var(--suave)}
.barra-zap{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--borda);padding:10px 16px;z-index:35;display:flex;gap:10px}
.barra-zap .btn{flex:1}
@media(min-width:960px){.barra-zap{display:none}}
body.tem-barra{padding-bottom:72px}
@media(min-width:960px){body.tem-barra{padding-bottom:0}}
body.tem-barra .zap-flutuante{display:none}

/* institucional / contato */
.texto{max-width:760px}.texto p,.texto li{color:#333}
.aviso{background:#fff7e8;border-left:4px solid var(--laranja);padding:12px 16px;border-radius:6px;margin:16px 0}
.form{display:grid;gap:14px;max-width:560px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.9rem}
.check input{width:22px;height:22px;min-height:0;margin-top:2px;flex:0 0 22px}
.hp{position:absolute;left:-9999px}
.ok{background:#e8f7ee;border-left:4px solid var(--verde);padding:12px 16px;border-radius:6px}
.erro{background:#fdeaea;border-left:4px solid #c0392b;padding:12px 16px;border-radius:6px}
.mapa{border:0;width:100%;height:320px;border-radius:var(--r)}
.duas{display:grid;gap:24px}@media(min-width:760px){.duas{grid-template-columns:1fr 1fr}}

/* rodapé */
.rodape{background:var(--preto);color:#ddd;padding:36px 0 14px;margin-top:0}
.rodape-grid{display:grid;gap:24px;grid-template-columns:1fr}
@media(min-width:760px){.rodape-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.rodape h4{color:var(--laranja);margin-bottom:8px}
.rodape p{margin:.3em 0}.rodape a{text-decoration:none}.rodape a:hover{text-decoration:underline}
.rodape-logo{background:#fff;border-radius:8px;padding:4px 8px;margin-bottom:10px}
.hor{display:flex;justify-content:space-between;gap:10px;max-width:260px}
.copy{border-top:1px solid #333;margin-top:24px;padding-top:14px;font-size:.8rem;color:#999}

/* ===== Tema escuro: preto dominante, laranja nos detalhes ===== */
:root{--preto:#0b0b0b;--sup:#161616;--sup2:#1f1f1f;--borda:#2b2b2b;--texto:#f1f1ee;--suave:#a8a8a2;--cinza:#121212}
body{background:var(--preto);color:var(--texto)}
.topo{background:rgba(11,11,11,.96);backdrop-filter:blur(6px)}
.logo img{height:46px}
.menu{background:#0b0b0b}
.menu a{color:var(--texto)}.menu a:hover{background:var(--sup2)}
.menu a[aria-current]{color:var(--laranja)}
.menu-btn span{background:var(--laranja)}
.btn-escuro{background:var(--sup2);color:#fff;border:1.5px solid #3a3a3a}.btn-escuro:hover{background:#2c2c2c}
.btn-linha{background:transparent;border:2px solid var(--laranja);color:var(--laranja)}.btn-linha:hover{background:rgba(247,148,29,.12)}
.hero{position:relative;overflow:hidden;background:radial-gradient(900px 420px at 85% 0%,rgba(247,148,29,.22),transparent 60%),#0b0b0b;border-bottom:1px solid var(--borda)}
.hero h1 span{color:var(--laranja)}
.busca{background:var(--sup);border:1px solid var(--borda);color:var(--texto)}
input,select,textarea{background:#101010;color:var(--texto);border-color:#3a3a3a}
input::placeholder,textarea::placeholder{color:#7d7d77}
input:focus,select:focus,textarea:focus{border-color:var(--laranja);outline:0}
option{background:#161616;color:#f1f1ee}
.sec.cinza{background:var(--cinza);border-top:1px solid var(--borda);border-bottom:1px solid var(--borda)}
.bene,.card,.caixa{background:var(--sup);border-color:var(--borda)}
.bene b{color:var(--laranja)}
.card:hover{box-shadow:0 8px 26px rgba(247,148,29,.18);border-color:#4a3a22}
.card-img{background:#101010}.card-img.sem-foto{background:#101010}
.card-img.sem-foto img{background:#fff;border-radius:50%;padding:4px;opacity:.9}
.preco{color:var(--laranja)}
.badge{background:#000;border:1px solid var(--laranja);color:var(--laranja)}.badge-res{background:var(--laranja);color:#111}
h2{position:relative}
.sec-topo h2::after{content:"";display:block;width:44px;height:4px;background:var(--laranja);border-radius:2px;margin-top:8px}
.sec-topo a{color:var(--laranja)}
.filtros{background:var(--sup);border:1px solid var(--borda)}
.vazio{background:var(--sup);border:1px dashed #3a3a3a}
.pag a,.pag span{border-color:var(--borda);color:var(--texto)}.pag span{background:var(--laranja);color:#111;border-color:var(--laranja)}
.galeria-main{background:#101010}.galeria-main.sem-foto img{background:#fff;border-radius:50%;padding:6px}
.thumbs button{background:#101010}
.vpreco{color:var(--laranja)}
.ficha dt{color:var(--suave)}
.opc li::before{color:var(--laranja)}
.sim-res{background:#000;border:1px solid var(--laranja)}
.barra-zap{background:#0b0b0b;border-top:1px solid var(--borda)}
.texto p,.texto li{color:#d6d6d2}
.aviso{background:#1d1608}
.ok{background:#0f2218;color:#d6f5e2}.erro{background:#2a1212;color:#ffd9d9}
.crumbs a{color:var(--texto)}
.rodape{background:#000;border-top:3px solid var(--laranja)}
.rodape-logo{background:none;padding:0}
.copy{border-top-color:#222}

.hero h1{max-width:20ch}
.social{display:inline-flex;align-items:center;gap:8px}
.social svg{flex:0 0 auto}
.btn-insta{background:linear-gradient(45deg,#f7941d,#e1306c 60%,#833ab4);color:#fff}
.btn-insta:hover{filter:brightness(1.1);background:linear-gradient(45deg,#f7941d,#e1306c 60%,#833ab4)}
