/* Site de estoque — mobile-first, zero libs, zero fontes externas */
:root{
  --bg:#fff;--ink:#111;--mute:#666;--line:#e5e5e5;--soft:#f4f4f4;
  --topo:#0b0b0b;--preco:#15803d;--wa:#25d366;--wa-ink:#0b3d1f;--raio:12px;
  --max:1200px;--topo-h:56px;--bf-h:68px;
  --display:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;
}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/barlow-condensed-800.woff2) format("woff2")}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
img,video{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;cursor:pointer}
h1,h2,h3{margin:0;line-height:1.2}
ul{list-style:none;margin:0;padding:0}
[hidden]{display:none!important}

/* topo */
.topo{position:sticky;top:0;z-index:20;height:var(--topo-h);background:var(--topo);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.topo-logo img{height:34px;width:auto}
.topo-wa{display:flex;align-items:center;gap:6px;background:var(--wa);color:var(--wa-ink);text-decoration:none;font-weight:700;font-size:14px;padding:0 14px;height:40px;border-radius:999px}
.topo-voltar{color:#111;background:#fff;text-decoration:none;font-weight:700;font-size:14px;display:flex;align-items:center;height:40px;padding:0 14px;border-radius:999px}
.topo-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-8px;margin-right:4px;border-radius:50%;color:#fff;background:rgba(255,255,255,.12)}
.vpage .topo-logo{margin-right:auto}

/* faixa de marca (home) */
.hero{background:var(--topo);color:#fff;overflow:hidden;position:relative}
.hero::before{content:"";position:absolute;inset:0;background:url(/assets/logo-marca.webp) no-repeat center 55%/88% auto;opacity:.08;pointer-events:none}
.hero-in{max-width:var(--max);margin:0 auto;padding:18px 16px 16px;display:grid;gap:12px;position:relative}
.hero-kicker{margin:0 0 6px;font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:#9a9a9a;font-weight:600}
.hero-titulo{font:800 36px/.95 var(--display);letter-spacing:.2px;text-transform:uppercase;margin:0;max-width:14ch}
.hero-sub{margin:10px 0 0;font-size:15px;line-height:1.45;color:#d4d4d4;max-width:48ch}
@media (min-width:900px){
  .hero::before{background-position:right 6% center;background-size:46% auto;opacity:.1}
  .hero-in{padding:40px 16px 36px;min-height:240px}
  .hero-titulo{font-size:64px;max-width:12ch}
  .hero-sub{font-size:17px}
}

/* busca + filtros */
.estoque{max-width:var(--max);margin:0 auto;padding:12px 16px 32px}
.busca{display:flex;align-items:center;gap:8px;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:0 14px;height:48px;color:var(--mute)}
.busca input{flex:1;border:0;background:transparent;font-size:16px;color:var(--ink);outline:none;min-width:0}
.busca input::-webkit-search-cancel-button{-webkit-appearance:none}
.abas{display:flex;gap:6px;margin:12px 0 4px;border-bottom:2px solid var(--line)}
.aba{flex:1;border:0;background:none;padding:10px 4px;font-weight:600;font-size:15px;color:var(--mute);border-bottom:3px solid transparent;margin-bottom:-2px}
.aba span{font-weight:500;font-size:13px;color:var(--mute);margin-left:2px}
.aba.is-on{color:var(--ink);border-bottom-color:var(--ink)}
.filtros{margin-top:10px}
.fgrupos,.fopts,.fativos{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 0;margin:0 -16px;padding-left:16px;padding-right:16px;-webkit-overflow-scrolling:touch}
.fgrupos::-webkit-scrollbar,.fopts::-webkit-scrollbar,.fativos::-webkit-scrollbar{display:none}
.fg,.chip{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:0 14px;height:38px;font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap}
.fg::after{content:" ▾";font-size:11px;color:var(--mute)}
.fg.is-open{background:var(--ink);color:#fff;border-color:var(--ink)}
.fg.is-open::after{color:#fff}
.fg.has-val{border-color:var(--ink);font-weight:700}
.chip.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.fopts{background:var(--soft);padding-top:8px;padding-bottom:8px}
.fativos .chip{background:var(--soft);border-color:transparent}
.fativos .chip::after{content:" ×";font-weight:700;margin-left:2px}
.fativos .limpar{background:none;border:0;color:var(--mute);text-decoration:underline;padding:0 8px;height:38px;flex:0 0 auto}
.barra-lista{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 10px}
.contador{margin:0;font-weight:600;font-size:15px}
.ordem{font-size:14px;color:var(--mute);display:flex;align-items:center;gap:6px}
.ordem select{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff;max-width:160px}
.vazio{text-align:center;color:var(--mute);padding:40px 0}
.vazio button{border:0;background:none;color:var(--ink);text-decoration:underline;font-weight:600}

/* grid + card */
.grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:560px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.grid{grid-template-columns:repeat(3,1fr);gap:20px}}
@media (min-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{position:relative;border:1px solid var(--line);border-radius:var(--raio);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.card-foto{position:relative;display:block;aspect-ratio:4/3;background:var(--soft)}
.card-foto img{width:100%;height:100%;object-fit:cover}
.card-nfotos{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;padding:3px 8px;border-radius:999px}
.selo-status{position:absolute;left:8px;top:8px;background:#f59e0b;color:#111;font-weight:700;font-size:12px;letter-spacing:.3px;text-transform:uppercase;padding:4px 10px;border-radius:6px}
.selo-status.grande{top:12px;left:12px;font-size:14px;padding:6px 12px;z-index:3}
.card.is-reservado .card-foto img{filter:saturate(.7)}
.card-corpo{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px;flex:1}
.card-link{text-decoration:none}
.card-link::after{content:"";position:absolute;inset:0}
.card-nome{font-size:18px;font-weight:700;display:flex;flex-direction:column;gap:2px}
.card-nome small{font-size:14px;font-weight:500;color:var(--mute);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.dest{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:14px;color:#333}
.dest li{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dest li .ic{width:18px;height:18px;flex:0 0 18px;color:var(--mute)}
.card-preco{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.card-preco strong{font:800 28px/1 var(--display);color:var(--preco);letter-spacing:.2px}
.btn-wa-mini{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--wa);color:var(--wa-ink)}

/* página do veículo */
.veiculo{max-width:900px;margin:0 auto;padding-bottom:calc(var(--bf-h) + 16px)}
.gal-wrap{position:relative;background:#000}
.gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none;aspect-ratio:4/3;max-height:80vh}
.gal::-webkit-scrollbar{display:none}
.gal-item{flex:0 0 100%;width:100%;min-width:0;max-width:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;margin:0;display:flex;align-items:center;justify-content:center;background:#000}
.gal-item img,.gal-item video{width:100%;height:100%;max-width:100%;object-fit:contain}
.gal-barra{position:absolute;right:10px;bottom:10px;display:flex;gap:8px;align-items:center;z-index:3}
.gal-cont{background:rgba(0,0,0,.65);color:#fff;font-size:13px;padding:5px 10px;border-radius:999px}
.gal-ampliar{background:rgba(255,255,255,.92);color:#111;border:0;border-radius:999px;height:36px;padding:0 12px;font-size:13px;font-weight:600}
.gal-seta{display:none;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#111;font-size:26px;line-height:1;z-index:3}
.gal-prev{left:10px}.gal-next{right:10px}
@media (hover:hover) and (min-width:900px){.gal-seta{display:block}}
.gal-thumbs{display:none;gap:6px;overflow-x:auto;padding:8px 12px;background:#000;scrollbar-width:none}
.gal-thumbs::-webkit-scrollbar{display:none}
.gal-thumbs button{flex:0 0 auto;border:2px solid transparent;border-radius:6px;padding:0;background:none;position:relative;overflow:hidden;cursor:pointer}
.gal-thumbs button img{width:88px;height:66px;object-fit:cover;opacity:.55;transition:opacity .15s;background:#222}
.gal-thumbs button:hover img{opacity:.9}
.gal-thumbs button.is-on{border-color:#fff}
.gal-thumbs button.is-on img{opacity:1}
@media (hover:hover) and (min-width:900px){.gal-thumbs{display:flex}}
.vcab{padding:16px 16px 4px}
.vcab h1{font-size:24px;font-weight:800;display:flex;flex-direction:column;gap:2px}
.vcab h1 small{font-size:16px;font-weight:500;color:var(--mute)}
.vpreco{font:800 40px/1 var(--display);color:var(--preco);margin:10px 0 14px;letter-spacing:.3px}
.vpreco-tag{font-size:14px;background:#fee2e2;color:#991b1b;border-radius:6px;padding:3px 8px;vertical-align:middle;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.dest.grande{grid-template-columns:repeat(2,1fr);gap:10px}
.dest.grande li{background:var(--soft);border-radius:10px;padding:10px 12px;font-size:15px;font-weight:600;white-space:normal}
@media (min-width:560px){.dest.grande{grid-template-columns:repeat(4,1fr)}}
.aviso-vendido{margin:12px 16px;background:#fef3c7;border-radius:var(--raio);padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.aviso-vendido p{margin:0}
.btn-sec{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;align-self:flex-start}
.bloco{padding:18px 16px 6px}
.bloco h2{font-size:17px;font-weight:700;margin-bottom:10px}
.ficha-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:0}
.ficha-grid div{background:var(--soft);border-radius:10px;padding:10px 12px}
.ficha-grid dt{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.3px}
.ficha-grid dd{margin:2px 0 0;font-weight:600;font-size:15px}
@media (min-width:560px){.ficha-grid{grid-template-columns:repeat(3,1fr)}}
.chips-lista{display:flex;flex-wrap:wrap;gap:8px}
.chips-lista li{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px}
.selos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.selos li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;background:#ecfdf5;color:#065f46;border-radius:10px;padding:10px 12px}
.descricao{white-space:pre-line;margin:0;color:#333;font-size:15px}
.grid-mini{grid-template-columns:1fr;gap:12px}
@media (min-width:560px){.grid-mini{grid-template-columns:repeat(3,1fr)}}
.card-mini{text-decoration:none;display:grid;grid-template-columns:132px 1fr;align-items:center}
.card-mini img{width:132px;height:99px;object-fit:cover}
.card-mini .card-corpo{gap:4px;justify-content:center;padding:10px 12px}
@media (min-width:560px){.card-mini{display:flex;flex-direction:column}.card-mini img{width:100%;height:auto;aspect-ratio:4/3}}
.card-mini .card-nome{font-size:16px}
.card-preco-mini{color:var(--preco);font:800 24px/1 var(--display);letter-spacing:.2px}

.voltar-estoque{padding-top:8px}
.btn-estoque{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:999px;border:2px solid var(--ink);color:var(--ink);text-decoration:none;font-weight:800;font-size:16px}
.btn-estoque:hover{background:var(--ink);color:#fff}

/* onde estamos (home) */
.onde{background:var(--soft);padding:32px 16px}
.onde-in{max-width:var(--max);margin:0 auto;display:grid;gap:20px}
@media (min-width:900px){.onde-in{grid-template-columns:1fr 1.4fr;align-items:center}}
.onde h2{font-size:22px;margin-bottom:10px}
.onde p{margin:4px 0;color:#333}
.onde-nome{font-weight:700}
.onde-horario{color:var(--mute)}
.onde-acoes{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px}
.btn-link{color:var(--ink);font-weight:700}
.onde-mapa iframe{width:100%;height:320px;border:0;border-radius:var(--raio);display:block}
@media (min-width:900px){.onde-mapa iframe{height:400px}}

/* barra fixa inferior */
.barra-fixa{position:fixed;left:0;right:0;bottom:0;z-index:30;height:var(--bf-h);background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px rgba(0,0,0,.08)}
.bf-preco{font:800 28px/1 var(--display);color:var(--preco);letter-spacing:.2px}
.btn-wa{white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 16px;border-radius:999px;background:var(--wa);color:var(--wa-ink);font-weight:800;font-size:16px;text-decoration:none;flex:1;max-width:320px}

/* lightbox */
.lb{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;background:#000;color:#fff}
.lb::backdrop{background:#000}
.lb[open]{display:flex;flex-direction:column}
.lb-fechar{position:absolute;top:12px;right:12px;z-index:5;height:44px;padding:0 16px;border:0;border-radius:999px;background:rgba(255,255,255,.95);color:#111;font-weight:700;font-size:15px}
.lb-cont{position:absolute;top:22px;left:16px;z-index:5;background:rgba(0,0,0,.6);color:#fff;font-size:14px;padding:4px 10px;border-radius:999px}
.lb-strip{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-height:0}
.lb-strip::-webkit-scrollbar{display:none}
.lb-item{flex:0 0 100%;width:100%;min-width:0;max-width:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;margin:0;display:flex;align-items:center;justify-content:center;background:#000}
.lb-item img,.lb-item video{width:100%;height:100%;max-width:100%;object-fit:contain}
.lb .gal-seta{top:50%}
.lb-prev{left:10px}.lb-next{right:10px}
.lb-thumbs{flex:0 0 auto;display:flex;gap:6px;overflow-x:auto;padding:10px 12px;scrollbar-width:none;background:#000}
.lb-thumbs::-webkit-scrollbar{display:none}
.lb-thumbs button{flex:0 0 auto;border:2px solid transparent;border-radius:6px;padding:0;background:none;position:relative;overflow:hidden}
.lb-thumbs button img{width:72px;height:54px;object-fit:cover;opacity:.6}
.lb-thumbs button.is-on{border-color:#fff}
.lb-thumbs button.is-on img{opacity:1}
.thumb-video span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;text-shadow:0 0 6px #000}

/* rodapé */
.rodape{background:var(--topo);color:#ddd;padding:32px 16px;margin-top:24px;font-size:14px}
.vpage .rodape{margin-bottom:var(--bf-h)}
.rodape-in{max-width:var(--max);margin:0 auto;text-align:center}
.rodape-logo{height:40px;width:auto;margin:0 auto 12px}
.rodape p{margin:4px 0}
.rodape a{color:#fff}
.rodape-credito{margin-top:16px;color:#999;font-size:13px}