/* ===== Tema escuro (pedido do Marcelo em 20/10/2026) ===== */
:root{
  --bg:#0b0809; --bg-2:#120d0f; --bg-3:#1a1214; --bg-4:#2a1d20; --line:#2f2326;
  --text:#f4ecea; --muted:#b9aaa7; --accent:#B63B47; --accent-2:#D9757F; --stage:#0b0809;
  color-scheme:dark;
}
body{background:var(--bg);color:var(--text)}
::selection{background:#A5313C;color:#fff}

/* navegação */
.nav{background:rgba(18,13,15,.78);border-color:rgba(255,255,255,.1);box-shadow:0 14px 34px rgba(0,0,0,.55)}
.nav-links a{color:#cdbfbc}.nav-links a:hover{color:#fff}
.burger{background:#2a1d20}.burger span{background:#fff}
.menu{background:rgba(10,7,8,.97)}
.menu li a:not(.btn){color:#fff}
.brand-logo{mix-blend-mode:screen;filter:contrast(1.25) brightness(1.05) invert(1) hue-rotate(180deg) drop-shadow(0 0 10px rgba(165,49,60,.45));clip-path:inset(3% 2.2% 3% 2.2%)}

/* hero */
.hero{background:radial-gradient(90% 70% at 80% 10%,#2a0f14,#0b0809 62%)}
.grad{background:linear-gradient(90deg,#ffffff,#e9b3ba 70%,#D9757F);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-fx .glow{background:radial-gradient(circle,rgba(165,49,60,.42),rgba(107,43,51,.14) 48%,transparent 70%)}
.hero-fx .lines{background:repeating-linear-gradient(-62deg,rgba(255,255,255,.055) 0 2px,transparent 2px 80px)}
.hero-fx .wm{filter:none;opacity:.03}
.hero-fx .streak{background:linear-gradient(90deg,transparent,var(--accent) 60%,#fff);filter:drop-shadow(0 0 14px rgba(165,49,60,.9))}
.cone{border-color:#3a2b2e;box-shadow:0 40px 80px rgba(0,0,0,.7),0 0 90px rgba(165,49,60,.28),inset 0 0 70px rgba(0,0,0,.9)}
.bars i{background:#3a2b2e}.bars i:nth-child(odd){background:var(--accent)}
.hero h1 .hl{background:linear-gradient(90deg,#D9757F,#fff,#D9757F);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.proof{border-top-color:var(--line)}
.btn-ghost{color:#fff;border-color:#4a373b;background:rgba(255,255,255,.03)}
.btn-ghost:hover{background:rgba(255,255,255,.09);border-color:var(--accent-2)}
.btn-beat[aria-pressed="true"]{background:#fff;color:#6B2B33;border-color:#fff}
.btn-beat[aria-pressed="true"] i{color:#A5313C}

/* faixas e seções */
.section,.tagline{background:var(--bg)}
.section-alt,.quote,.quiz,.history,.feedbacks{background:linear-gradient(180deg,#120d0f,#0b0809)}
.quote,.history{background:linear-gradient(180deg,#0b0809,#150e10)}
.quiz{background:linear-gradient(180deg,#150e10,#0b0809)}
.feedbacks{background:linear-gradient(180deg,#0b0809,#120d0f)}
.section-alt.final{background:linear-gradient(160deg,#B83A46 0%,#A5313C 38%,#4a1a21 100%)}
.ticker{background:#0e0a0b;border-color:#2a1d20}
.ticker::before{background:linear-gradient(90deg,#0e0a0b,transparent)}.ticker::after{background:linear-gradient(270deg,#0e0a0b,transparent)}
.words span{color:#fff}

/* cartões */
.card,.steps li,.checks li,details,.fb,.fb-empty,.where,.qz,.qform{background:linear-gradient(180deg,#1c1315,#150e10);border-color:var(--line);box-shadow:0 20px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);color:var(--text)}
.checks span,.steps p,.card p,details p,.fb-empty p,.qz-res p,.tl p,.where p{color:var(--muted)}
.checks strong,.tl h3,.where h3{color:#fff}
.where p,.where a{color:#eadfdc}.where i{color:var(--accent-2)}
.final .where{background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.45));border-color:rgba(255,255,255,.22)}
.final .where .btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.final .btn-lg{background:#fff;color:#6B2B33}
details[open]{border-color:var(--accent)}
.num{box-shadow:0 0 0 6px rgba(165,49,60,.3)}
.chip{background:#1c1315;border-color:var(--line);color:#fff;box-shadow:none}
.chip:hover{background:#261a1d}
.chip-main{background:var(--accent);border-color:var(--accent)}

/* formulário */
.qform legend,.qform label{color:#f0e6e3}
.qform small{color:var(--muted)}
.qchips span{background:#1f1517;border-color:#3b2c30;color:#f4ecea}
.qchips label:hover span{border-color:var(--accent-2)}
.qform input[type=text],.qform input:not([type]),.qform input[inputmode]{background:#0f0a0c;border-color:#3b2c30;color:#fff}
.qform input::placeholder{color:#7d6e6b}
.qform input:focus{background:#140d10;border-color:var(--accent-2);box-shadow:0 0 0 4px rgba(217,117,127,.2)}
.qnote{color:var(--muted)}
.quote-points li{color:#f0e6e3}

/* quiz */
.qz-bar{background:#2a1d20}
.qz-q{color:#fff}
.qz-opt{background:#1f1517;border-color:#3b2c30;color:#f4ecea}
.qz-opt span{color:var(--muted)}
.qz-opt:hover{background:#2a1c20;border-color:var(--accent-2);box-shadow:0 18px 30px rgba(0,0,0,.5)}
.qz-opt i{color:var(--accent-2)}
.qz-badge{background:rgba(217,117,127,.14);color:var(--accent-2)}
.qz-parts li{background:#1f1517;border-color:#3b2c30;color:#f4ecea}
.qz-res h3{color:#fff}

/* história */
.tl::before{background:#2f2326}
.tl li::before{background:var(--bg);border-color:#5a4549}
.tl-year{color:var(--accent-2)}

/* feedbacks / faq */
.fb footer{color:var(--muted)}.fb q{color:#fff}
summary{color:#f4ecea}

/* marcas */
.brand-logos li{background:#f3eeec;border-color:transparent;box-shadow:0 12px 28px rgba(0,0,0,.45)}
.brand-list li{background:#1c1315;border-color:var(--line);color:#f4ecea}
.brand-list li:hover{border-color:var(--accent-2)}
.brand-group h3{color:var(--accent-2)}
.brand-more{color:var(--muted)}

/* trabalhos */
.work{box-shadow:0 18px 40px rgba(0,0,0,.55);border:1px solid var(--line)}

/* demos (já escuros): mantêm o palco, só afinam a borda */
.media{background:radial-gradient(circle at 30% 20%,rgba(165,49,60,.3),transparent 60%),linear-gradient(180deg,#1c1315,#0f0a0c);border-color:var(--line);box-shadow:0 30px 60px rgba(0,0,0,.55)}
.demo{border-color:#2f2326}
.service-text p:not(.eyebrow){color:var(--muted)}
.stage{background:radial-gradient(120% 90% at 80% 0%,#2a0f14 0%,#0b0809 55%)}

/* rodapé */
.footer{background:linear-gradient(180deg,#0b0809,#000);border-top-color:var(--line)}
.foot a{color:#b9aaa7}.foot a:hover{color:#fff}
.foot .brand-logo-lg{opacity:.95}

/* extras */
.progress i{box-shadow:0 0 14px rgba(217,117,127,.8)}
.wa-float{box-shadow:0 10px 28px rgba(0,0,0,.6),0 0 24px rgba(37,211,102,.25)}
.mbar{background:rgba(18,13,15,.94);border:1px solid var(--line)}
.lb{background:rgba(5,3,4,.94)}

.qz-opt div{display:flex;flex-direction:column;gap:4px}

/* a loja (video da fachada) */
.shop{background:linear-gradient(180deg,#0b0809,#150e10)}
.shop-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s600);align-items:center}
.shop-cta{display:flex;flex-wrap:wrap;gap:var(--s100);margin-top:var(--s400)}
.shop-video{position:relative;width:100%;max-width:340px;aspect-ratio:464/832;margin-inline:auto;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 1px rgba(165,49,60,.35),0 40px 80px rgba(0,0,0,.7),0 0 80px rgba(165,49,60,.25)}
.shop-video video{width:100%;height:100%;object-fit:cover;display:block}
.shop-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.7));pointer-events:none}
@media (max-width:900px){.shop-grid{grid-template-columns:1fr}.shop-video{max-width:300px}}

/* icone oficial do WhatsApp + logo maior */
.wa-ic{width:1.35em;height:1.35em;flex:none;fill:currentColor;display:inline-block}
.btn .wa-ic{width:22px;height:22px}
.btn-lg .wa-ic{width:24px;height:24px}
.wa-float .wa-ic{width:34px;height:34px}
.mbar .wa-ic{width:20px;height:20px}
.nav{padding:6px 8px 6px 20px}
.nav .brand-logo{height:60px;width:auto}
.foot .brand-logo-lg{height:88px;width:auto}
@media (max-width:900px){.nav .brand-logo{height:52px}.nav{padding:5px 8px 5px 16px}}

/* ajustes mobile (revisao 20/10) */
@media (max-width:760px){
  .work-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  .work.big{grid-column:span 2;grid-row:span 2}
  .work:nth-child(4){grid-column:span 2}
  .work.vid{grid-column:span 2;grid-row:span 2}
  .brand-list{gap:8px}
  .brand-list li{padding:8px 14px;font-size:.88rem;letter-spacing:.03em}
  .brands{gap:var(--s300)}
  .tl{padding-left:34px}
}

/* carro novo (silhueta esportiva com detalhes) */
.car-body{stroke:rgba(255,255,255,.14);stroke-width:1}
.car-shade{pointer-events:none}
.car-shine{stroke:rgba(255,255,255,.4);stroke-width:2;fill:none;stroke-linecap:round}
.car-glass{fill:url(#carGlassG);stroke:rgba(255,255,255,.3);stroke-width:1.2;opacity:1}
.car-line{stroke:rgba(0,0,0,.38);stroke-width:1.5;fill:none;opacity:1}
.car-handle{fill:rgba(255,255,255,.6)}
.car-tail{fill:#e0303f;filter:drop-shadow(0 0 5px #ff3b4d)}
.car-head{fill:#fff6d6;filter:drop-shadow(0 0 6px #fff)}
.car-grille{stroke:#0a0a0a;stroke-width:2}
.arch{fill:#06070a;stroke:none}
.car-wheel .tire{fill:#0b0b0c;stroke:#26282b;stroke-width:2}
.car-wheel .rimc{fill:url(#carRim);stroke:#3a3d41;stroke-width:1.5}
.car-wheel .hub{fill:#2b2e32;stroke:none}
.spokes path{stroke:#4d5258;stroke-width:3;stroke-linecap:round;fill:none}
.car-stage .floor{bottom:-2px}
.car-stage.night .car-line{stroke:var(--led);filter:drop-shadow(0 0 5px var(--led));opacity:.95}
.car-stage.night .car-head{fill:#fff;filter:drop-shadow(0 0 10px var(--led))}
.car-stage.night .spokes{animation:spin 2.4s linear infinite;transform-box:fill-box;transform-origin:center}
.car-stage.night .headbeam{top:52%}
.demo-wrap .car-stage svg{filter:drop-shadow(0 18px 18px rgba(0,0,0,.55))}

/* ===== carro: foto real com pintura trocável ===== */
.car-stage{max-width:none}
.photo-car{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#17171a;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.photo-car img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.photo-car .tint{position:absolute;inset:0;background:var(--car);mix-blend-mode:multiply;-webkit-mask:url(trabalhos/carro-tinta.png) center/100% 100% no-repeat;mask:url(trabalhos/carro-tinta.png) center/100% 100% no-repeat;transition:background .5s ease}
.car-stage.night .photo-car img{filter:brightness(.5) saturate(.6) contrast(1.15)}
.car-stage.night .photo-car .tint{background:var(--led);mix-blend-mode:color;opacity:.2;transition:background .5s ease}
.car-stage.night .photo-car{box-shadow:0 0 70px -10px var(--led),0 18px 40px rgba(0,0,0,.5)}
.car-stage.night .underglow{left:14%;right:13%;bottom:24%;height:4%;filter:blur(10px);box-shadow:0 0 50px 16px var(--led);z-index:2}
.car-stage.night .headbeam{left:-6%;right:auto;top:49%;width:26%;height:12%;background:linear-gradient(90deg,transparent,var(--led));opacity:.0;display:none}

/* formulario no celular: sem estourar a largura */
.qrow{grid-template-columns:minmax(0,1fr) 110px}
.qform label,.qform input:not([type=checkbox]){min-width:0;max-width:100%;box-sizing:border-box}
.qform input:not([type=checkbox]){width:100%}
@media (max-width:520px){.qrow{grid-template-columns:minmax(0,1fr) 84px}}

/* ===== Versão mista: preto, branco e vermelho (23/10/2026) =====
   preto: hero, mesa de som, quiz, trabalhos, feedbacks, como funciona, FAQ, rodapé
   branco (.lt): serviços, história, loja, marcas, orçamento
   vermelho: faixa de marcas (ticker), frase de destaque e "onde estamos" */
.lt{--bg:#fff;--bg-2:#F7F3F1;--text:#1A1A1A;--muted:#5E5A5A;--line:#E3D9D6;--accent-2:#A5313C;color-scheme:light;background:#fff!important;color:#1A1A1A}
.lt.section-alt,.lt.history,.lt.quote{background:#F7F3F1!important}
.lt h2,.lt h3{color:#1A1A1A}
.lt .eyebrow{color:#A5313C}
.lt .sub,.lt .lead{color:#5E5A5A}
.lt .service-text p:not(.eyebrow){color:#5E5A5A}
.lt .btn-ghost{color:#1A1A1A;border-color:#cdbfbb;background:transparent}
.lt .btn-ghost:hover{background:#fff;border-color:#A5313C}
.lt .chip{background:#fff;border-color:#E3D9D6;color:#1A1A1A}
.lt .chip:hover{background:#F7F3F1}
.lt .chip-main{background:#A5313C;border-color:#A5313C;color:#fff}
.lt .media{box-shadow:0 24px 50px rgba(107,43,51,.25)}

/* PPF e LED: só texto, sem demonstração */
.service.text-only{display:block;padding:var(--s400) var(--s500);border-radius:var(--r-2xl);background:#fff;border:1px solid #E3D9D6;border-left:6px solid #A5313C;box-shadow:0 14px 34px rgba(107,43,51,.1)}
.service.text-only .service-text p:not(.eyebrow){max-width:680px}
.service.text-only .service-text h3{max-width:none}
#ppf,#led{margin-top:var(--s400)}

/* história */
.lt .tl::before{background:#E3D9D6}
.lt .tl li::before{background:#fff;border-color:#A5313C}
.lt .tl-year{color:#A5313C}
.lt .tl h3{color:#1A1A1A}
.lt .tl p{color:#5E5A5A}

/* loja */
.lt .quote-points li,.lt .shop-points li{color:#1A1A1A}
.lt .where,.lt .shop-info{color:#1A1A1A}
.lt .quote-points i,.lt .shop-points i{color:#A5313C}

/* marcas */
.lt .brand-logos li{background:#fff;border:1px solid #E3D9D6;box-shadow:0 10px 24px rgba(107,43,51,.1)}
.lt .brand-list li{background:#fff;border-color:#E3D9D6;color:#1A1A1A}
.lt .brand-list li:hover{border-color:#A5313C}
.lt .brand-group h3{color:#A5313C}
.lt .brand-more{color:#5E5A5A}

/* orçamento */
.lt .qform{background:#fff;border-color:#E3D9D6;box-shadow:0 22px 44px rgba(107,43,51,.14);color:#1A1A1A}
.lt .qform legend,.lt .qform label{color:#1A1A1A}
.lt .qform small,.lt .qnote{color:#5E5A5A}
.lt .qchips span{background:#F7F3F1;border-color:#E3D9D6;color:#1A1A1A}
.lt .qchips input:checked+span,.lt .qchips input:checked ~ span{background:#A5313C;border-color:#A5313C;color:#fff}
.lt .qform input[type=text],.lt .qform input:not([type]),.lt .qform input[inputmode]{background:#fff;border-color:#d8cdc9;color:#1A1A1A}
.lt .qform input::placeholder{color:#8d8280}
.lt .qform input:focus{background:#fff;border-color:#A5313C;box-shadow:0 0 0 4px rgba(165,49,60,.15)}
.lt .quote-points li{color:#1A1A1A}

/* faixa vermelha (ticker) */
.ticker{background:#A5313C;border-color:#8C2631}
.ticker::before{background:linear-gradient(90deg,#A5313C,transparent)}.ticker::after{background:linear-gradient(270deg,#A5313C,transparent)}
.ticker *{color:#fff}
.ticker i{background:#fff!important}

/* frase de destaque em vermelho */
.tagline{background:linear-gradient(160deg,#B83A46 0%,#A5313C 45%,#6B2B33 100%)}
.tagline .words,.tagline .words span{color:#fff}
.tagline .words span.on,.tagline .words span.lit{color:#fff}

/* detalhes em vermelho nas seções escuras */
.hero h1 .hl{background:linear-gradient(90deg,#ff6b78,#fff,#ff6b78);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.section:not(.lt) h2{color:#fff}

/* listas curtas nos serviços (ajustes do cliente 27/10) */
.service-text .pts{margin:6px 0 14px;padding-left:20px;list-style:disc}.service-text .pts li{margin:6px 0;line-height:1.5}.service-text .pts li::marker{color:#A5313C}