/* Blog — White Premium Automotive */
:root{
  --blog-white:#FFFFFF;
  --blog-ice:#F7F7F5;
  --blog-ink:#171717;
  --blog-muted:#686868;
  --blog-line:#E6E6E3;
  --blog-yellow:#F4B400;
  --blog-red:#D32027;
  --blog-red-dark:#B91820;
}

/* Header: garante o mesmo padrão claro no Blog, inclusive sobre estilos antigos inline */
body .site-fixed-header{background:var(--blog-white)!important;}
body .site-topbar{background:var(--blog-ice)!important;color:var(--blog-muted)!important;border-bottom:1px solid var(--blog-line)!important;}
body .header-solid{background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--blog-line)!important;box-shadow:0 12px 30px -30px rgba(0,0,0,.52)!important;}
body .header-solid nav,
body .header-solid nav>a,
body .header-solid nav>div>span{color:var(--blog-ink)!important;}
body .header-solid nav>a:hover,
body .header-solid nav>div>span:hover{color:var(--blog-yellow)!important;}
body .header-solid button[aria-label="Abrir menu"]{color:var(--blog-ink)!important;}

/* Hero do Blog e dos artigos: claro, com foto integrada à direita */
body main>section.bg-ink.relative.overflow-hidden{
  background:linear-gradient(110deg,#fff 0%,#fbfbfa 50%,#f4f4f1 100%)!important;
  color:var(--blog-ink)!important;
  border-bottom:1px solid var(--blog-line)!important;
}
body main>section.bg-ink.relative.overflow-hidden>.absolute.inset-0.opacity-15,
body main>section.bg-ink.relative.overflow-hidden>.absolute.inset-0.opacity-20{
  left:auto!important;
  right:0!important;
  width:55%!important;
  opacity:.28!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.22) 15%,rgba(0,0,0,.82) 50%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.22) 15%,rgba(0,0,0,.82) 50%,#000 100%);
}
body main>section.bg-ink.relative.overflow-hidden>.absolute.inset-0.opacity-15 img,
body main>section.bg-ink.relative.overflow-hidden>.absolute.inset-0.opacity-20 img{
  filter:grayscale(.42) saturate(.52) contrast(.96) brightness(1.12)!important;
}
body main>section.bg-ink.relative.overflow-hidden>.absolute.inset-0.bg-gradient-to-r{
  background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.995) 43%,rgba(247,247,245,.88) 65%,rgba(247,247,245,.26) 100%)!important;
}
body main>section.bg-ink.relative.overflow-hidden h1,
body main>section.bg-ink.relative.overflow-hidden .text-white{color:var(--blog-ink)!important;}
body main>section.bg-ink.relative.overflow-hidden .text-paper,
body main>section.bg-ink.relative.overflow-hidden [class*="text-paper/"]{color:var(--blog-muted)!important;}
body main>section.bg-ink.relative.overflow-hidden .eyebrow,
body main>section.bg-ink.relative.overflow-hidden .text-signal,
body main>section.bg-ink.relative.overflow-hidden .tag-code{color:var(--blog-yellow)!important;}
body main>section.bg-ink.relative.overflow-hidden .tag--dark{
  background:#fff!important;
  color:var(--blog-ink)!important;
  border:1px solid var(--blog-line)!important;
  box-shadow:0 16px 36px -32px rgba(0,0,0,.5)!important;
}
body main>section.bg-ink.relative.overflow-hidden a.bg-white\/10{
  background:#fff!important;
  border-color:#CFCFCA!important;
  color:var(--blog-ink)!important;
  box-shadow:0 10px 24px -22px rgba(0,0,0,.45)!important;
}
body main>section.bg-ink.relative.overflow-hidden a.bg-white\/10:hover{
  background:var(--blog-ice)!important;
  border-color:rgba(244,180,0,.62)!important;
}

/* Lista principal de artigos */
body #artigos .spec-card{
  background:#fff!important;
  border:1px solid var(--blog-line)!important;
  box-shadow:0 16px 38px -34px rgba(0,0,0,.48)!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
body #artigos .spec-card:hover{
  border-color:rgba(244,180,0,.58)!important;
  box-shadow:0 20px 42px -32px rgba(0,0,0,.48)!important;
  transform:translateY(-2px);
}
body #artigos .spec-card>.h-32.bg-ink{
  background:linear-gradient(145deg,#fff 0%,#f7f7f5 100%)!important;
  border-bottom:1px solid var(--blog-line)!important;
}
body #artigos .spec-card>.h-32.bg-ink .material-symbols-outlined{color:var(--blog-yellow)!important;}

/* Artigos internos */
body .article-body{
  background:#fff!important;
  border-color:var(--blog-line)!important;
  box-shadow:0 18px 42px -36px rgba(0,0,0,.42)!important;
}
body .article-body h2,
body .article-body h3,
body .article-body strong{color:var(--blog-ink)!important;}
body .article-body p,
body .article-body li{color:var(--blog-muted)!important;}
body .article-body a{color:var(--blog-red)!important;}
body .article-body .rounded.border.border-signal\/25.bg-ink{
  background:var(--blog-ice)!important;
  color:var(--blog-ink)!important;
  border:1px solid rgba(244,180,0,.38)!important;
  box-shadow:none!important;
}
body .article-body .rounded.border.border-signal\/25.bg-ink .text-white,
body .article-body .rounded.border.border-signal\/25.bg-ink [class*="text-paper/"]{
  color:var(--blog-ink)!important;
}
body .article-body th{
  background:#F3F3F1!important;
  color:var(--blog-ink)!important;
  border-color:var(--blog-line)!important;
}
body .article-body td{background:#fff!important;border-color:var(--blog-line)!important;}
body .article-body [class*="text-green"]{color:var(--blog-yellow)!important;}
body .article-body [class*="bg-green"]{background:rgba(244,180,0,.10)!important;}

/* CTA final do índice: mantém o site white e concentra vermelho no botão */
body main>section.bg-signal.text-white{
  background:var(--blog-ice)!important;
  color:var(--blog-ink)!important;
  border-top:1px solid var(--blog-line)!important;
  border-bottom:1px solid var(--blog-line)!important;
}
body main>section.bg-signal.text-white h2,
body main>section.bg-signal.text-white p{color:var(--blog-ink)!important;}
body main>section.bg-signal.text-white a.btn.bg-ink{
  background:var(--blog-red)!important;
  color:#fff!important;
  box-shadow:0 14px 30px -22px rgba(211,32,39,.72)!important;
}
body main>section.bg-signal.text-white a.btn.bg-ink:hover{background:var(--blog-red-dark)!important;}

/* Remove qualquer verde visual residual do Blog */
body [class*="text-green-"]{color:var(--blog-yellow)!important;}
body [class*="bg-green-"]{background:rgba(244,180,0,.10)!important;}

/* Rodapé segue claro até o fim */
body .desktop-footer.bg-ink,
body .mobile-footer-clean{
  background:#F3F3F1!important;
  color:var(--blog-ink)!important;
  border-top:1px solid var(--blog-line)!important;
}
body .desktop-footer .text-white,
body .mobile-footer-clean .text-white{color:var(--blog-ink)!important;}
body .desktop-footer [class*="text-paper/"],
body .mobile-footer-clean [class*="text-paper/"]{color:var(--blog-muted)!important;}
body .desktop-footer [class*="border-white"],
body .mobile-footer-clean [class*="border-white"]{border-color:var(--blog-line)!important;}

/* Mobile */
@media(max-width:767px){
  body main>section.bg-ink.relative.overflow-hidden>.absolute.inset-0.opacity-15,
  body main>section.bg-ink.relative.overflow-hidden>.absolute.inset-0.opacity-20{
    left:0!important;
    width:100%!important;
    opacity:.12!important;
    -webkit-mask-image:none;
    mask-image:none;
  }
  body main>section.bg-ink.relative.overflow-hidden>.absolute.inset-0.bg-gradient-to-r{
    background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 62%,rgba(247,247,245,.84) 100%)!important;
  }
}
