/* WHITE PREMIUM AUTOMOTIVE — 2026-08-27
   Camada exclusivamente visual. Não altera estrutura, conteúdo ou dimensões. */
:root{
  --wp-white:#FFFFFF;
  --wp-ice:#F7F7F5;
  --wp-ink:#171717;
  --wp-muted:#686868;
  --wp-line:#E6E6E3;
  --wp-yellow:#F4B400;
  --wp-red:#D32027;
  --wp-red-dark:#B91820;
}
html,body{background:var(--wp-white)!important;color:var(--wp-ink)!important;}
body{background-color:var(--wp-white)!important;}

/* Base da identidade */
.bg-paper,.bg-surface{background-color:var(--wp-white)!important;}
.bg-paper-alt{background-color:var(--wp-ice)!important;}
.text-ink{color:var(--wp-ink)!important;}
.text-steel,.text-steel-light{color:var(--wp-muted)!important;}
.text-signal,.hover\:text-signal:hover{color:var(--wp-yellow)!important;}
.bg-signal{background-color:var(--wp-yellow)!important;}
.border-line{border-color:var(--wp-line)!important;}
.eyebrow{color:var(--wp-yellow)!important;}
.eyebrow::before{background:var(--wp-yellow)!important;}
.tag-code{color:var(--wp-yellow)!important;}

/* Header white premium */
.site-fixed-header{background:var(--wp-white)!important;}
.site-topbar.bg-ink{
  background:var(--wp-ice)!important;
  color:var(--wp-muted)!important;
  border-bottom:1px solid var(--wp-line)!important;
}
.site-topbar.bg-ink .text-paper,
.site-topbar.bg-ink [class*="text-paper/"]{color:var(--wp-muted)!important;}
.site-topbar.bg-ink .text-white{color:var(--wp-ink)!important;}
.header-solid{
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid var(--wp-line)!important;
  box-shadow:0 10px 28px -28px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(12px)!important;
}
.header-solid nav,
.header-solid nav>a,
.header-solid nav>div>span{color:var(--wp-ink)!important;}
.header-solid nav>a:hover,
.header-solid nav>div>span:hover{color:var(--wp-yellow)!important;}
.header-solid button[aria-label="Abrir menu"]{color:var(--wp-ink)!important;}
.header-solid .dropdown-menu>div{background:var(--wp-white)!important;border-color:var(--wp-line)!important;}
.header-solid .dropdown-menu a{color:var(--wp-ink)!important;border-color:var(--wp-line)!important;}
.header-solid .dropdown-menu a:hover{background:var(--wp-ice)!important;}
/* Neutraliza o azul do logo sem alterar o arquivo original */
.header-solid img[src*="logo-light"],
.header-solid img[src*="logo-site-header"]{filter:grayscale(1) contrast(1.08) drop-shadow(0 2px 5px rgba(0,0,0,.10))!important;}

/* WhatsApp / CTA = vermelho da identidade, nunca verde */
.btn-wa,.btn-wa-mob-v89,.bg-wa-green,.bg-wa-green-dark,
.hover\:bg-wa-green-dark:hover{background:var(--wp-red)!important;color:#fff!important;}
.btn-wa:hover,.btn-wa-mob-v89:hover,.bg-wa-green-dark:hover{background:var(--wp-red-dark)!important;}
.text-wa-green{color:var(--wp-red)!important;}
.bg-wa-green\/15{background:rgba(211,32,39,.09)!important;}
.btn-whatsapp-floating{background:var(--wp-red)!important;color:#fff!important;}

/* Formulários / campos */
input,textarea,select{border-color:var(--wp-line)!important;background:#fff!important;color:var(--wp-ink)!important;}
input:focus,textarea:focus,select:focus{border-color:var(--wp-yellow)!important;--tw-ring-color:rgba(244,180,0,.25)!important;}
.hero-loc,.spec-card,.tag{background:var(--wp-white)!important;border-color:var(--wp-line)!important;}
.hero-loc-field{background:#fff!important;border-color:var(--wp-line)!important;}
.hero-loc-field:focus-within{border-color:var(--wp-yellow)!important;box-shadow:0 0 0 3px rgba(244,180,0,.10)!important;}
.hero-loc-field .material-symbols-outlined,.hero-loc-nota .material-symbols-outlined,
.hp-ic,.hcf-n{color:var(--wp-yellow)!important;}
.hero-loc-btn{background:var(--wp-red)!important;color:#fff!important;}
.hero-loc-btn:hover{background:var(--wp-red-dark)!important;}

/* Superfícies e alternância de seções */
main section.bg-ink,
main .bg-ink:not(.btn):not(.btn-wa):not(.btn-whatsapp-floating),
.fold-stats-orig.bg-ink{
  background:var(--wp-ice)!important;
  color:var(--wp-ink)!important;
  border-color:var(--wp-line)!important;
}
main section.bg-ink .text-white,
main .bg-ink:not(.btn) .text-white{color:var(--wp-ink)!important;}
main section.bg-ink .text-paper,
main section.bg-ink [class*="text-paper/"],
main .bg-ink:not(.btn) [class*="text-paper/"]{color:var(--wp-muted)!important;}
main section.bg-ink [class*="border-white"],
main .bg-ink:not(.btn) [class*="border-white"]{border-color:var(--wp-line)!important;}

/* Stats/trust: elimina verdes residuais */
.fold-stats-v88{background:var(--wp-white)!important;border-bottom:1px solid var(--wp-line)!important;}
.fold-stats-v88 .fst-item+.fst-item::before{background:var(--wp-line)!important;}
.fold-stats-v88 .fst-num{color:var(--wp-ink)!important;}
.fold-stats-v88 .fst-num em{color:var(--wp-yellow)!important;}
.fold-stats-v88 .fst-label{color:var(--wp-muted)!important;}
.fold-trust-v88,.fold-trust-orig{background:var(--wp-white)!important;border-color:var(--wp-line)!important;}
.fold-trust-inner>*{border-color:var(--wp-line)!important;}
.trust-item{border-color:var(--wp-line)!important;}

/* Cards e grids */
.vehicle-card,.spec-card,.tag,details,.premium-card{
  background:var(--wp-white)!important;
  border-color:var(--wp-line)!important;
}
.vehicle-card,.spec-card{box-shadow:0 14px 36px -32px rgba(0,0,0,.42)!important;}
.vehicle-card:hover,.spec-card:hover{border-color:rgba(244,180,0,.58)!important;box-shadow:0 18px 40px -30px rgba(0,0,0,.42)!important;}
.vehicle-image{background:var(--wp-ice)!important;}
.vehicle-title,details summary{color:var(--wp-ink)!important;}
details p{color:var(--wp-muted)!important;}

/* FAQ / blocos originalmente escuros */
#faq{background:var(--wp-ice)!important;}
#faq details{background:#fff!important;border:1px solid var(--wp-line)!important;box-shadow:0 12px 30px -28px rgba(0,0,0,.45)!important;}
#faq details summary{color:var(--wp-ink)!important;}
#faq details p{color:var(--wp-muted)!important;}
#quem-somos{background:var(--wp-white)!important;}
#quem-somos .text-white{color:var(--wp-ink)!important;}

/* Tabelas e selos */
.premium-inventory-table{border-color:var(--wp-line)!important;}
.premium-inventory-table thead th{background:var(--wp-ink)!important;color:#fff!important;}
.premium-inventory-table tbody tr{border-color:var(--wp-line)!important;}
.fuel-badge-premium,.mobile-stacked-badge{background:#fff!important;border-color:var(--wp-line)!important;color:var(--wp-muted)!important;}

/* Cookie / modal com linguagem clara */
#cookie-banner .bg-ink,#privacy-modal .bg-ink{background:var(--wp-white)!important;color:var(--wp-ink)!important;border:1px solid var(--wp-line)!important;}
#cookie-banner .text-paper,#privacy-modal .text-paper,
#cookie-banner [class*="text-paper/"],#privacy-modal [class*="text-paper/"]{color:var(--wp-muted)!important;}
#cookie-prefs-btn{background:var(--wp-ink)!important;color:#fff!important;}

/* Rodapé claro */
.desktop-footer.bg-ink,.mobile-footer-clean{
  background:#F3F3F1!important;
  color:var(--wp-ink)!important;
  border-top:1px solid var(--wp-line)!important;
}
.desktop-footer .text-white,.mobile-footer-clean .text-white{color:var(--wp-ink)!important;}
.desktop-footer .text-paper,.mobile-footer-clean .text-paper,
.desktop-footer [class*="text-paper/"],.mobile-footer-clean [class*="text-paper/"]{color:var(--wp-muted)!important;}
.desktop-footer [class*="border-white"],.mobile-footer-clean [class*="border-white"]{border-color:var(--wp-line)!important;}
.desktop-footer a:hover,.mobile-footer-clean a:hover{color:var(--wp-yellow)!important;}
.desktop-footer img[src*="logo-light"],.mobile-footer-clean img[src*="logo-light"]{filter:grayscale(1) contrast(1.08)!important;}

/* Links/acessibilidade */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--wp-yellow)!important;outline-offset:3px!important;}
::selection{background:rgba(244,180,0,.28);color:var(--wp-ink);}

/* Mobile: mantém a mesma leitura white */
@media(max-width:1023px){
  .site-fixed-header,.header-solid{background:var(--wp-white)!important;}
  #mobile-menu{background:var(--wp-white)!important;color:var(--wp-ink)!important;}
  #mobile-menu [class*="border-"]{border-color:var(--wp-line)!important;}
  #mobile-menu a:hover,#mobile-menu button:hover{background:var(--wp-ice)!important;}
  .fold-stats-v88{background:var(--wp-white)!important;}
}

/* PÁGINAS DE PEÇAS — HERO WHITE PREMIUM
   Corrige o antigo hero escuro sem alterar estrutura ou dimensões. */
main > section.bg-ink.relative.overflow-hidden{
  background:linear-gradient(110deg,#FFFFFF 0%,#FBFBFA 52%,#F3F3F0 100%)!important;
  border-bottom:1px solid var(--wp-line)!important;
}
main > section.bg-ink.relative.overflow-hidden > .absolute.inset-0.opacity-20{
  left:auto!important;
  right:0!important;
  width:56%!important;
  opacity:.34!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.28) 14%,rgba(0,0,0,.88) 48%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.28) 14%,rgba(0,0,0,.88) 48%,#000 100%);
}
main > section.bg-ink.relative.overflow-hidden > .absolute.inset-0.opacity-20 img{
  filter:grayscale(.48) saturate(.55) contrast(.96) brightness(1.08)!important;
  object-position:center!important;
}
main > section.bg-ink.relative.overflow-hidden > .absolute.inset-0.bg-gradient-to-r{
  background-image:linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,.99) 43%,rgba(247,247,245,.88) 63%,rgba(247,247,245,.30) 100%)!important;
}
main > section.bg-ink.relative.overflow-hidden .tag--dark{
  background:#FFFFFF!important;
  border:1px solid var(--wp-line)!important;
  box-shadow:0 8px 20px -20px rgba(0,0,0,.45)!important;
}
main > section.bg-ink.relative.overflow-hidden h1.text-white,
main > section.bg-ink.relative.overflow-hidden strong.text-white{
  color:var(--wp-ink)!important;
}
main > section.bg-ink.relative.overflow-hidden p[class*="text-paper/"]{
  color:var(--wp-muted)!important;
}
main > section.bg-ink.relative.overflow-hidden a.bg-white\/10{
  background:#FFFFFF!important;
  border-color:#CFCFCA!important;
  color:var(--wp-ink)!important;
  box-shadow:0 10px 24px -22px rgba(0,0,0,.48)!important;
}
main > section.bg-ink.relative.overflow-hidden a.bg-white\/10:hover{
  background:var(--wp-ice)!important;
  border-color:rgba(244,180,0,.65)!important;
}

@media(max-width:767px){
  main > section.bg-ink.relative.overflow-hidden > .absolute.inset-0.opacity-20{
    left:0!important;
    width:100%!important;
    opacity:.15!important;
    -webkit-mask-image:none;
    mask-image:none;
  }
  main > section.bg-ink.relative.overflow-hidden > .absolute.inset-0.bg-gradient-to-r{
    background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 58%,rgba(247,247,245,.82) 100%)!important;
  }
}

/* AJUSTE PROFISSIONAL — faixa do hero e botões de contato em verde WhatsApp */
:root{
  --wp-wa:#25D366;
  --wp-wa-dark:#1FB759;
  --wp-wa-deep:#103C29;
}

/* Faixa informativa do hero: horizontal, mais larga e premium */
#inicio .hero-card-flutua,
#inicio-mobile .hero-card-flutua--mob{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  background:linear-gradient(135deg, rgba(16,60,41,.96) 0%, rgba(12,43,30,.94) 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:18px!important;
  box-shadow:0 18px 40px -20px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(10px)!important;
}
#inicio .hero-card-flutua{
  left:24px!important;
  right:120px!important;
  bottom:26px!important;
  width:auto!important;
  max-width:none!important;
  padding:18px 22px!important;
}
#inicio .hero-card-flutua > div,
#inicio-mobile .hero-card-flutua--mob > div{min-width:0!important;}
#inicio .hero-card-flutua .material-symbols-outlined,
#inicio-mobile .hero-card-flutua--mob .material-symbols-outlined{
  width:42px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:28px!important;
  border-radius:999px!important;
  color:#F4B400!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
#inicio .hero-card-flutua .hcf-t,
#inicio-mobile .hero-card-flutua--mob .hcf-t{
  color:#fff!important;
  font-size:18px!important;
  line-height:1.24!important;
  font-weight:700!important;
  margin:0!important;
}
#inicio .hero-card-flutua .hcf-s,
#inicio-mobile .hero-card-flutua--mob .hcf-s{
  color:rgba(255,255,255,.84)!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  margin:5px 0 0!important;
}

/* Botões de contato / WhatsApp: verde no padrão do WhatsApp */
.btn-wa,.btn-wa-mob-v89,.bg-wa-green,.bg-wa-green-dark,
.hover\:bg-wa-green-dark:hover,.btn-whatsapp-floating,
a.btn[data-wa-track="whatsapp"].btn-signal,
a[data-wa-track="whatsapp"].btn-outline-ink,
a[data-wa-track="whatsapp"].bg-white\/10,
.vehicle-btn,.btn-consultar-premium{
  background:var(--wp-wa)!important;
  color:#fff!important;
  border-color:var(--wp-wa)!important;
  box-shadow:0 16px 34px -18px rgba(37,211,102,.48)!important;
}
.btn-wa:hover,.btn-wa-mob-v89:hover,.bg-wa-green-dark:hover,
.btn-whatsapp-floating:hover,a.btn[data-wa-track="whatsapp"].btn-signal:hover,
a[data-wa-track="whatsapp"].btn-outline-ink:hover,
a[data-wa-track="whatsapp"].bg-white\/10:hover,
.vehicle-btn:hover,.btn-consultar-premium:hover{
  background:var(--wp-wa-dark)!important;
  border-color:var(--wp-wa-dark)!important;
  color:#fff!important;
}
.text-wa-green{color:var(--wp-wa)!important;}
.bg-wa-green\/15{background:rgba(37,211,102,.12)!important;}

/* CTA secundário das páginas de peças: verde consistente */
main > section.bg-ink.relative.overflow-hidden a.bg-white\/10{
  background:var(--wp-wa)!important;
  border-color:var(--wp-wa)!important;
  color:#fff!important;
  box-shadow:0 16px 34px -18px rgba(37,211,102,.48)!important;
}
main > section.bg-ink.relative.overflow-hidden a.bg-white\/10:hover{
  background:var(--wp-wa-dark)!important;
  border-color:var(--wp-wa-dark)!important;
  color:#fff!important;
}

@media (min-width:1366px){
  #inicio .hero-card-flutua{
    right:120px!important;
  }
}

@media (min-width:1024px) and (max-width:1365px){
  #inicio .hero-card-flutua{
    right:112px!important;
    left:22px!important;
    bottom:20px!important;
    padding:15px 18px!important;
  }
  #inicio .hero-card-flutua .hcf-t{font-size:15.5px!important;}
  #inicio .hero-card-flutua .hcf-s{font-size:12.4px!important;}
}

@media (min-width:1024px) and (max-height:760px){
  #inicio .hero-card-flutua{bottom:16px!important; padding:14px 18px!important;}
  #inicio .hero-card-flutua .hcf-t{font-size:15px!important;}
  #inicio .hero-card-flutua .hcf-s{font-size:12px!important;}
}

@media (max-width:1023px){
  #inicio-mobile .hero-card-flutua--mob{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    width:auto!important;
    max-width:none!important;
    padding:14px 16px!important;
    border-radius:16px!important;
  }
  #inicio-mobile .hero-card-flutua--mob .material-symbols-outlined{
    width:36px!important;
    height:36px!important;
    font-size:23px!important;
  }
  #inicio-mobile .hero-card-flutua--mob .hcf-t{font-size:13.5px!important;line-height:1.25!important;}
  #inicio-mobile .hero-card-flutua--mob .hcf-s{font-size:11.5px!important;line-height:1.34!important;margin-top:3px!important;}
}

/* COMAAP — identidade oficial: preserva cores do novo logo */
.header-solid img[src*="logo-light"],
.header-solid img[src*="logo-site-header"],
.desktop-footer img[src*="logo-light"],
.mobile-footer-clean img[src*="logo-light"]{
  filter:none!important;
}


/* COMAAP — logo premium 2026-08-27: proporção e presença visual */
.header-solid img[src*="logo-site-header"]{
  height:44px!important;
  width:auto!important;
  max-width:170px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}
.desktop-footer img[src*="logo-site-header"],
.mobile-footer-clean img[src*="logo-site-header"]{
  height:44px!important;
  width:auto!important;
  max-width:180px!important;
  object-fit:contain!important;
  filter:none!important;
}
@media(min-width:1024px){
  .header-solid img[src*="logo-site-header"]{height:60px!important;max-width:205px!important;}
  .desktop-footer img[src*="logo-site-header"]{height:50px!important;max-width:190px!important;}
}
@media(max-width:420px){
  .header-solid img[src*="logo-site-header"]{height:40px!important;max-width:145px!important;}
}
@media(max-width:360px){
  .header-solid img[src*="logo-site-header"]{height:36px!important;max-width:132px!important;}
}