:root{
 --brand-navy:#071A33;--brand-blue:#123A67;--brand-gold:#D9A441;--brand-gold-light:#F0C66A;
 --brand-bg:#F7F8FA;--brand-white:#FFFFFF;--brand-text:#172033;--brand-soft:#E9EEF4;
}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif!important;background:var(--brand-bg)!important;color:var(--brand-text)!important}
h1,h2,h3,h4,h5,h6{font-family:Montserrat,Inter,Arial,sans-serif!important;color:var(--brand-navy)}
a{transition:.2s ease}
.nav{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e5e9ef!important;box-shadow:0 8px 24px rgba(7,26,51,.06)!important}
.nav .nav-in{min-height:76px}
.logo{color:var(--brand-navy)!important;font-family:Montserrat,Inter,sans-serif!important;font-weight:800!important}
.logo span{color:var(--brand-gold)!important}
.logo-mark{border-radius:12px!important}
.menu a{color:var(--brand-navy)!important;font-weight:600!important}
.menu a:hover{color:var(--brand-gold)!important}
.menu .nav-cta,.nav-cta{background:var(--brand-gold)!important;color:var(--brand-navy)!important;border:1px solid var(--brand-gold)!important;border-radius:10px!important;padding:.78rem 1rem!important}
.page-hero{background:linear-gradient(135deg,#fff 0%,#f7f8fa 62%,#e9eef4 100%)!important;color:var(--brand-text)!important}
.page-hero h1,.page-hero .lead{color:var(--brand-navy)!important}
.eyebrow{color:var(--brand-blue)!important;font-weight:800!important;letter-spacing:.08em}
.gradient{background:none!important;-webkit-text-fill-color:initial!important;color:#B57B17!important}
.section{background:transparent}
.section:nth-of-type(even){background:#fff!important}
.card,.service-card,.project-card,.blog-card,.faq-item{background:#fff!important;border:1px solid #e1e6ec!important;box-shadow:0 10px 30px rgba(7,26,51,.07)!important;border-radius:18px!important}
.card h3,.service-card h3,.project-card h3,.blog-card h3{color:var(--brand-navy)!important}
.btn,.button{border-radius:10px!important;font-weight:800!important}
.btn-primary{background:var(--brand-navy)!important;color:#fff!important;border-color:var(--brand-navy)!important}
.btn-primary:hover{background:var(--brand-blue)!important}
.btn-wa{background:#fff!important;color:var(--brand-navy)!important;border:1px solid var(--brand-gold)!important}
footer,.footer{background:var(--brand-navy)!important;color:#fff!important}
footer a,.footer a{color:#fff!important}
footer h2,footer h3,footer h4,.footer h2,.footer h3,.footer h4{color:var(--brand-gold-light)!important}
.breadcrumb,.breadcrumb a{color:var(--brand-blue)!important}
@media(max-width:900px){
 .nav .menu{background:#fff!important}
 .mob{color:var(--brand-navy)!important}
}


/* ===== V3 — CONTRASTE E LEGIBILIDADE ===== */
/* Blocos escuros mantêm tipografia clara */
.case,
.featured,
.featured-visual,
.hero-card,
.mini-window,
.brand-showcase,
.project,
.product,
.side-card {
  color:#F7F8FA !important;
}
.case h1,.case h2,.case h3,.case h4,
.featured h1,.featured h2,.featured h3,.featured h4,
.hero-card h1,.hero-card h2,.hero-card h3,.hero-card h4,
.mini-window h1,.mini-window h2,.mini-window h3,.mini-window h4,
.brand-showcase h1,.brand-showcase h2,.brand-showcase h3,.brand-showcase h4,
.project h1,.project h2,.project h3,.project h4,
.product h1,.product h2,.product h3,.product h4,
.side-card h1,.side-card h2,.side-card h3,.side-card h4 {
  color:#FFFFFF !important;
}
.case p,.case .result,
.featured p,
.hero-card p,.mini-window p,.brand-showcase p,
.project p,.product p,.side-card p {
  color:#DCE4EE !important;
}
.case .tag,.featured .article-category {
  color:#F0C66A !important;
}

/* Cards informativos em áreas claras passam a ser realmente claros */
.method-card,
.client-card,
.article-card,
.form-card {
  background:#FFFFFF !important;
  color:#172033 !important;
  border:1px solid #DCE3EA !important;
  box-shadow:0 10px 28px rgba(7,26,51,.08) !important;
}
.method-card h1,.method-card h2,.method-card h3,.method-card h4,
.client-card h1,.client-card h2,.client-card h3,.client-card h4,
.article-card h1,.article-card h2,.article-card h3,.article-card h4,
.form-card h1,.form-card h2,.form-card h3,.form-card h4 {
  color:#071A33 !important;
}
.method-card p,.client-card p,.article-card p,.form-card p {
  color:#526071 !important;
}
.method-number {
  color:#071A33 !important;
  background:#F6E8C5 !important;
  border-color:#D9A441 !important;
}

/* Botões sobre fundos escuros */
.featured .btn-primary,.case .btn-primary,.project .btn-primary,
.hero-card .btn-primary,.side-card .btn-primary {
  background:#D9A441 !important;
  color:#071A33 !important;
  border-color:#D9A441 !important;
}
.featured .btn-secondary,.case .btn-secondary,.project .btn-secondary,
.hero-card .btn-secondary,.side-card .btn-secondary {
  color:#FFFFFF !important;
  border-color:#D9A441 !important;
  background:transparent !important;
}

/* Texto auxiliar nunca fica cinza claro sobre fundo branco */
.section-sub { color:#667386 !important; }

/* ===== V4 — SISTEMA VISUAL UNIFICADO / CONTRASTE GLOBAL ===== */
:root{
 --bg:#F7F8FA!important;
 --bg2:#FFFFFF!important;
 --card:#FFFFFF!important;
 --card2:#E9EEF4!important;
 --text:#172033!important;
 --muted:#5E6B7B!important;
 --line:rgba(7,26,51,.13)!important;
 --gold:#D9A441!important;
 --gold2:#8F5F0A!important;
}
body{background:#F7F8FA!important;color:#172033!important}
section{color:#172033}
.section-head h1,.section-head h2,.section-head h3,
.topic-section h1,.topic-section h2,
.cta-box h1,.cta-box h2,.cta-box h3{color:#071A33!important}
.section-head p,.topic-section p,.cta-box p{color:#5E6B7B!important}

/* componentes claros */
.topic,.faq-item,.process,.method-card,.card,.article-card,.client-card,.form-card{
 background:#FFFFFF!important;color:#172033!important;border-color:#DCE3EA!important;
}
.topic h3,.faq-q,.process h3,.method-card h3,.card h3,.article-card h3{
 color:#071A33!important;
}
.topic p,.faq-a,.process p,.method-card p,.card p,.article-card p{
 color:#5E6B7B!important;
}
.faq-q span{color:#071A33!important}
.cta-box{
 background:linear-gradient(135deg,#FFFFFF,#F1F4F7)!important;
 border-color:#D9A441!important;
 color:#172033!important;
}
.cta-box .eyebrow{color:#123A67!important}
.cta-box .btn-primary{background:#071A33!important;color:#fff!important}
.cta-box .btn-wa,.cta-box .btn-secondary{background:#fff!important;color:#071A33!important;border-color:#D9A441!important}

/* componentes que permanecem escuros */
.featured,.featured-visual,.project-card,.dark-card,.dark-section{
 background-color:#071A33!important;color:#F7F8FA!important;
}
.featured h1,.featured h2,.featured h3,.featured p,
.project-card h1,.project-card h2,.project-card h3,.project-card p,
.dark-card h1,.dark-card h2,.dark-card h3,.dark-card p,
.dark-section h1,.dark-section h2,.dark-section h3,.dark-section p{
 color:#F7F8FA!important;
}
.featured .article-category,.project-card .tag,.dark-card .eyebrow,.dark-section .eyebrow{
 color:#F0C66A!important;
}
.featured .btn-secondary{color:#fff!important;border-color:#D9A441!important}

/* rodapé único */
.footer{background:#071A33!important;color:#DCE4EE!important}
.footer p,.footer .copy,.footer span{color:#DCE4EE!important}
.footer a{color:#FFFFFF!important}
.footer a:hover{color:#F0C66A!important}
.footer h4{color:#F0C66A!important}

/* ===== V5 — CORREÇÃO DEFINITIVA DE LEGIBILIDADE ===== */
/* Áreas de conteúdo passam a usar fundo claro por padrão. */
.topic-section,.cta,.section,.content-section,.process-section,.faq-section,
.services-section,.portfolio-section,.blog-section{
  background:#F7F8FA!important;
  color:#172033!important;
}
.topic-section h1,.topic-section h2,.topic-section h3,
.cta h1,.cta h2,.cta h3,
.section h1,.section h2,.section h3,
.content-section h1,.content-section h2,.content-section h3,
.process-section h1,.process-section h2,.process-section h3,
.faq-section h1,.faq-section h2,.faq-section h3{
  color:#071A33!important;
}
.topic-section p,.cta p,.section p,.content-section p,
.process-section p,.faq-section p{
  color:#5E6B7B!important;
}

/* Blog — bloco "Explore por objetivo" */
.topic-section .topic{
  background:#FFFFFF!important;
  color:#172033!important;
  border:1px solid #D8E0E8!important;
}
.topic-section .topic h3{color:#071A33!important}
.topic-section .topic p{color:#526071!important}
.topic-section .topic a{color:#9A6810!important;font-weight:800!important}

/* CTAs: remove o fundo azul antigo que deixava título azul sobre azul */
.cta .cta-box{
  background:#FFFFFF!important;
  color:#172033!important;
  border:1px solid #D9A441!important;
}
.cta .cta-box h1,.cta .cta-box h2,.cta .cta-box h3{color:#071A33!important}
.cta .cta-box p{color:#526071!important}
.cta .cta-box .gradient{color:#B57B17!important}

/* FAQ: regra com alta prioridade para neutralizar estilos antigos */
.faq .faq-item{background:#FFFFFF!important;border:1px solid #D8E0E8!important}
.faq .faq-q,.faq .faq-q *{
  color:#071A33!important;
  background:transparent!important;
  opacity:1!important;
}
.faq .faq-a,.faq .faq-a *{
  color:#526071!important;
  background:transparent!important;
  opacity:1!important;
}

/* Cards de processo e conteúdo */
.process,.process-card,.method-card,.topic,.info-card{
  background:#FFFFFF!important;
  color:#172033!important;
}
.process h3,.process-card h3,.method-card h3,.topic h3,.info-card h3{
  color:#071A33!important;
}
.process p,.process-card p,.method-card p,.topic p,.info-card p{
  color:#526071!important;
}

/* Os únicos blocos públicos autorizados a permanecer escuros */
.featured,.project-card,.case,.dark-card,.dark-section{
  background:#071A33!important;
  color:#F7F8FA!important;
}
.featured h1,.featured h2,.featured h3,.featured p,
.project-card h1,.project-card h2,.project-card h3,.project-card p,
.case h1,.case h2,.case h3,.case p,.case .result,
.dark-card h1,.dark-card h2,.dark-card h3,.dark-card p,
.dark-section h1,.dark-section h2,.dark-section h3,.dark-section p{
  color:#F7F8FA!important;
  opacity:1!important;
}

/* ===== V6 — LEGIBILIDADE + LOGO + COMPONENTES ===== */
.logo{display:flex!important;align-items:center!important;gap:10px!important}
.logo-mark{
 width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;
 object-fit:contain!important;flex:0 0 34px!important;
}
.nav-in{min-height:68px!important}
.nav .logo{font-size:1rem!important;white-space:nowrap!important}

/* listas e textos que ainda herdavam branco/cinza claro */
.check-list,.check-list *,.check,.split-box,.split-box *{
 opacity:1!important;
}
.split-box{background:#fff!important;color:#172033!important;border:1px solid #D8E0E8!important}
.split-box h3{color:#071A33!important}
.split-box p{color:#526071!important}
.split-box .check,.check-list .check{color:#5E6B7B!important}
.split-box .check::before,.check-list .check::before{color:#B57B17!important}

/* botões secundários em fundo claro */
.project .btn-secondary,.card .btn-secondary,.split-box .btn-secondary,
.section .btn-secondary,.portfolio-section .btn-secondary{
 background:#071A33!important;color:#FFFFFF!important;border-color:#071A33!important;
 opacity:1!important;
}
.project .btn-secondary:hover,.card .btn-secondary:hover,.section .btn-secondary:hover{
 background:#123A67!important;color:#fff!important;
}

/* links e botões nunca usam branco sobre branco */
main a.btn:not(.btn-wa),main .button{
 opacity:1!important;
}

/* F1-03A (21/09/2026): --gold2 escurecido (#8F5F0A) para texto dourado sobre fundo claro; destaque .gradient em #B57B17 (texto grande). Abaixo: restaura #B57B17 sobre azul-marinho e corrige chips/negrito dourado das paginas de case. */
.price.featured .badge,.price.featured .price-value strong,.about-photo .photo-overlay span,.featured-visual .featured-symbol,.article-card .card-top .card-icon,.article-card .card-top .card-category,.compare-card.featured .compare-label{color:#B57B17!important}
.content-grid article.content .tags .tag{color:#8F5F0A!important}
.content-grid article.content p strong{color:#8F5F0A!important}
/* F1-03 ampliacao (21/09/2026): chips do heroi das paginas de servico e filtros de categoria do Blog. */
.hero-points .hero-point{color:#526071!important}
.category-nav .category-btn:not(.active):not(:hover){color:#526071!important}
/* F1-03B (21/09/2026): textos claros remanescentes do tema escuro antigo em areas claras (tabela e listas de Planos/Produtos, projetos, Orcamento, tempo de leitura do Blog) e dois textos no card escuro em destaque de Planos. */
.compare td{color:#526071!important}
.product ul li,.price:not(.featured) ul li{color:#526071!important}
.project .project-feature{color:#526071!important}
.side-card .process-item b{color:#172033!important}
.side-card .trust-point{color:#526071!important}
.form .field label{color:#172033!important}
.form .field label .optional{color:#5E6B7B!important}
.form .field .privacy-note{color:#5E6B7B!important}
.article-card .read-time{color:#5E6B7B!important}
.price.featured .eyebrow{color:#F0C66A!important}
.price.featured .price-value span{color:#DCE4EE!important}
/* F1-03C (21/09/2026): dourado pequeno sobre fundo escuro translucido e faixa de confianca da Home. */
.article-card .card-top .card-icon,.article-card .card-top .card-category{color:#D9A441!important}
.price.featured .badge{color:#D9A441!important}
.hero .trust{color:#526071!important}
/* F1-07A (21/09/2026): icone do botao flutuante de WhatsApp (mesmo numero e destino) em azul-marinho sobre o verde. */
.wa-float{color:#071A33!important}
/* F1-06A (21/09/2026): area de toque do botao do menu mobile (21x38 px) para no minimo 44x44 px. */
button.mob{min-width:44px!important;min-height:44px!important}
/* F1-06A (parte 2): em telas de ate 370 px o cabecalho estourava a largura (logotipo com 270 px + botao de menu); reduz o texto do logotipo no cabecalho e o espacamento. */
@media(max-width:370px){.nav .nav-in{gap:8px!important}.nav .logo{font-size:.9rem!important}}
@media(max-width:340px){.nav .logo{font-size:.8rem!important}}
@media(max-width:399px){.c.hero h1{font-size:clamp(1.85rem,9.6vw,2.4rem)!important}}