/* =====================================================================
   VOA — TEMA CLARO (teste da paleta nova)
   Carregado POR ÚLTIMO em todas as páginas. Para voltar ao visual escuro,
   basta remover a linha <link rel="stylesheet" href="tema-claro.css"> das páginas.

   Paleta (do print):
     Ciano Principal  #06B6D4  botões, destaques, preenchimentos
     Ciano Escuro     #0891B2  textos de destaque, hover, detalhes
     Preto            #0A0A0A  texto principal, rodapé
     Cinza Escuro     #171717  cards escuros, textos secundários
     Branco           #F8FAFC  fundo principal
   Derivado (única cor fora do print): #EAF6F9 = ciano ~8% sobre o branco,
   usado só para alternar as faixas de seção e dar ritmo à página clara.
   ===================================================================== */

/* ---------- 1) Variáveis: todo o site já lê estas cores ---------- */
:root{
  --voa-cyan:#06B6D4;
  --voa-cyan-dark:#0891B2;
  --voa-black:#0A0A0A;
  --voa-gray:#171717;
  --voa-white:#F8FAFC;
  --voa-tint:#EAF6F9;

  --bg:#F8FAFC;
  --bg-2:#FFFFFF;
  --ink:#0A0A0A;
  --ink-dim:rgba(23,23,23,.68);
  --line:rgba(10,10,10,.09);
  --line-2:rgba(10,10,10,.16);

  /* "acid" = cor de destaque. No claro, textos usam o ciano escuro (melhor contraste);
     preenchimentos (botões, sliders…) usam o ciano principal mais abaixo. */
  --acid:#0891B2;
  --acid-2:#06B6D4;
  --acid-deep:#0891B2;

  --paper:#EAF6F9;
  --paper-2:#FFFFFF;
  --paper-line:rgba(10,10,10,.10);
  --ink-paper:#0A0A0A;
  --ink-paper-dim:rgba(23,23,23,.68);
}
::selection{background:#06B6D4;color:#0A0A0A}

/* ---------- 2) Blocos que continuam ESCUROS de propósito (contraste e ritmo) ----------
   Dentro deles as variáveis voltam para "texto claro sobre fundo escuro". */
.feature,
.sim-results,
footer.foot,
.cs-card.cs-dark,
.mockup,
nav.nav,
.nav-mobile-menu,
.fixed-cta,
.voa-stats,
.process,
.final,
.svc-hero{
  --bg:#0A0A0A;
  --bg-2:#171717;
  --ink:#F8FAFC;
  --ink-dim:rgba(248,250,252,.68);
  --line:rgba(248,250,252,.10);
  --line-2:rgba(248,250,252,.18);
  --acid:#06B6D4;
  --acid-2:#06B6D4;
  color:#F8FAFC;
}
.feature{background:#171717!important;border-color:rgba(6,182,212,.38)!important}
.feature::before{background:radial-gradient(60% 80% at 90% 0%,rgba(6,182,212,.20),transparent 60%),radial-gradient(40% 60% at 0% 100%,rgba(6,182,212,.10),transparent 60%)}
.feature .btn-primary{background:#06B6D4!important}
.cs-card.cs-dark{background:radial-gradient(90% 120% at 100% 0%,rgba(6,182,212,.20),transparent 60%),#171717!important;border-color:#171717!important}
.sim-results{background:#171717!important;border-color:#171717!important}
.sim-results::before{background:radial-gradient(60% 80% at 100% 0%,rgba(6,182,212,.14),transparent 70%)}
footer.foot{background:#0A0A0A!important;border-top:0!important}
.mockup{background:#0A0A0A!important}
.mockup-bar{background:#171717!important}

/* ---------- 4) Botões ---------- */
.btn-primary,.btn-dark,.btn-wpp,.nav-cta,.m-cta,.submit-btn,.s-cta .btn-dark,
.nav-mobile-menu .mm-body .m-cta{
  background:#06B6D4!important;border-color:#06B6D4!important;color:#0A0A0A!important;
}
.btn-primary:hover,.btn-dark:hover,.btn-wpp:hover,.nav-cta:hover,.m-cta:hover,.submit-btn:hover,.s-cta .btn-dark:hover,
.nav-mobile-menu .mm-body .m-cta:hover{
  background:#0891B2!important;border-color:#0891B2!important;color:#0A0A0A!important;
}
.btn-ghost,.btn-outline,.btn-outline-white,.s-cta .btn-ghost{
  background:transparent!important;color:#0A0A0A!important;border-color:#0A0A0A!important;
}
.btn-ghost:hover,.btn-outline:hover,.btn-outline-white:hover,.s-cta .btn-ghost:hover{
  background:#0A0A0A!important;color:#F8FAFC!important;border-color:#0A0A0A!important;
}
details[open] summary{color:#0891B2}

/* ---------- 5) Faixa de números ---------- */
.voa-stats{background:#0A0A0A}
.stat-strip{background:#0A0A0A;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat .num{
  background:linear-gradient(90deg,#0891B2 0%,#06B6D4 50%,#0891B2 100%);
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
@media(max-width:768px){.stat .num{-webkit-text-fill-color:#0891B2;background:none}}

/* ---------- 6) Seções: ritmo claro / faixa ciano-clara ---------- */
.services{background:var(--voa-tint)}
.process{background:#0A0A0A}
.cases{background:var(--voa-tint);border-top:1px solid var(--line)}
.diff{background:var(--bg)}
.sim{background:var(--voa-tint)}
.testi{background:var(--bg)}
.final{background:#0A0A0A;border-top:1px solid rgba(248,250,252,.08)}
.final::before{background:radial-gradient(50% 60% at 50% 50%,rgba(6,182,212,.20),transparent 70%)}

/* textos pequenos de destaque: ciano escuro (o principal #06B6D4 sobre branco tem só 2,3:1) */
.s-eyebrow,.h-eyebrow,.svc-eyebrow,.results-eyebrow,.what-eyebrow,.ct-eyebrow,.vs-col.good .vs-label{color:#0891B2!important}
.s-eyebrow .bar,.svc-eyebrow .bar,.results-eyebrow .bar,.what-eyebrow .bar,.ct-eyebrow .bar{background:#0891B2!important}
.diff-head .s-eyebrow .bar,.sim-head .s-eyebrow .bar,.process .s-eyebrow .bar{background:#0891B2!important}

/* cards de serviço */
.card:hover{border-color:rgba(8,145,178,.55)}
.card .icn{background:rgba(6,182,212,.14)}
.card::before{background:linear-gradient(180deg,transparent 60%,rgba(6,182,212,.10))}
.s-cta{background:#FFFFFF}

/* processo */
.step:hover{background:rgba(6,182,212,.06);box-shadow:inset 3px 0 0 #06B6D4}
.step .arrow-flow{border-color:#06B6D4;color:#0891B2}

/* cases */
.cs-filter.active{background:#0A0A0A;border-color:#0A0A0A}
.cs-card{border-color:rgba(10,10,10,.08)}

/* diferencial */
.vs-col.bad{background:#FFFFFF;border-color:var(--line-2)}
.vs-col.bad .vs-title{text-decoration-color:rgba(10,10,10,.32)}
.vs-col.bad .vs-list li .ic{background:rgba(220,38,38,.10);color:#DC2626}
.vs-col.good{background:linear-gradient(180deg,rgba(6,182,212,.10),rgba(6,182,212,.03));border-color:rgba(6,182,212,.5)}
.vs-col.good .vs-list li .ic{background:#06B6D4;color:#0A0A0A}

/* simulador */
.sim-bg{background:radial-gradient(50% 60% at 50% 0%,rgba(6,182,212,.14),transparent 70%)}
.sim-card{background:#FFFFFF!important;border:1px solid rgba(10,10,10,.09);box-shadow:0 30px 70px -40px rgba(10,10,10,.28)!important}
.sim-slider{background:linear-gradient(90deg,#06B6D4 var(--p,30%),rgba(10,10,10,.12) var(--p,30%))}
.sim-slider::-webkit-slider-thumb{background:#FFFFFF;border:3px solid #06B6D4;box-shadow:0 2px 8px rgba(10,10,10,.25)}
.sim-slider::-moz-range-thumb{background:#FFFFFF;border:3px solid #06B6D4;box-shadow:0 2px 8px rgba(10,10,10,.25)}
.sim-niche{background:#FFFFFF}
.sim-niche:hover{border-color:#06B6D4;color:#0A0A0A}
.sim-niche.active{background:#06B6D4;color:#0A0A0A;border-color:#06B6D4}
.sim-results-header .dot{background:#06B6D4}

/* depoimentos */
.testi-card{background:#FFFFFF!important;border:1px solid rgba(10,10,10,.08)!important;box-shadow:0 18px 36px -26px rgba(10,10,10,.28)!important}
.testi-card:hover{box-shadow:0 22px 44px -24px rgba(10,10,10,.32)!important}
.testi-avatar{background:linear-gradient(135deg,#06B6D4,#0891B2);color:#0A0A0A}
.testi-stars{color:#0891B2}

/* CTA final */
.final-bg-grid{opacity:.8}

/* rodapé (escuro): links e destaques */
footer.foot .logo img{filter:none}
footer.foot ul a:hover{color:#06B6D4}

/* ---------- 7) Páginas de serviço e contato ---------- */
.svc-hero{background:linear-gradient(160deg,#0A0A0A 55%,#10222A)!important;border-bottom:1px solid var(--line)}
.svc-hero::before{background:radial-gradient(50% 60% at 80% 30%,rgba(6,182,212,.20),transparent 60%)}
.svc-what{background:#F8FAFC;border-bottom:1px solid var(--line)}
.what-eyebrow,.svc-what h2 em{color:#0891B2}
.svc-list .ic{background:#06B6D4;color:#0A0A0A}
.svc-aside{box-shadow:0 20px 40px -26px rgba(10,10,10,.22)}
.back-link{color:#0891B2}
.chip{border-color:rgba(8,145,178,.45);background:rgba(6,182,212,.08);color:#0891B2}
.chip::before{background:rgba(6,182,212,.18)}
.chip:hover{background:rgba(6,182,212,.18);color:#0A0A0A;box-shadow:none}
.feature .chip{border-color:rgba(6,182,212,.5);color:#06B6D4;background:rgba(6,182,212,.08)}
.feature .chip:hover{color:#F8FAFC}

.results-section{background:var(--bg)}
.evidence-card{background:#FFFFFF!important;border:1px solid rgba(10,10,10,.09)!important}
.evidence-card:hover{box-shadow:0 22px 44px -22px rgba(10,10,10,.28)!important;border-color:rgba(6,182,212,.55)!important}
.ev-header{border-bottom-color:rgba(10,10,10,.08)}
.ev-metrics{background:rgba(10,10,10,.07)}
.ev-metric{background:#FFFFFF!important}
.ev-badge-ad,.pf-badge-ad{background:rgba(6,182,212,.14);color:#0891B2!important;border-color:rgba(8,145,178,.4)}
.lb-inner{background:#FFFFFF!important;border-color:rgba(10,10,10,.12)!important}
.lb-header{background:#FFFFFF!important;border-bottom-color:rgba(10,10,10,.08)!important}
.lb-close{border-color:rgba(10,10,10,.14)}
.lb-close:hover{background:rgba(10,10,10,.06)}
.lb-metric,.lb-camp{background:#F8FAFC;border-color:rgba(10,10,10,.08)}
.lb-tag{background:rgba(6,182,212,.12);color:#0891B2}
.lb-camp-status.ok{background:rgba(6,182,212,.14);color:#0891B2;border-color:rgba(8,145,178,.4)}
.lb-camp-status.warn{background:rgba(245,158,11,.14);color:#B45309;border-color:rgba(180,83,9,.35)}
.lb-note{background:rgba(6,182,212,.07);border-left-color:#06B6D4}

.ct-hero{background:#F8FAFC}
.ct-body{background:var(--voa-tint)}
.ct-card .ico{background:rgba(6,182,212,.14)}
.field input,.field select,.field textarea{background:#F8FAFC}
.trust{background:linear-gradient(135deg,rgba(6,182,212,.10),rgba(6,182,212,.03));border-color:rgba(8,145,178,.3)}

/* ---------- 8) Ajustes dentro das áreas pretas ---------- */
.voa-stats .stat .num,.final h2 em,.process .p-head h2 em,.process .step-num{color:#06B6D4}
.voa-stats .stat .num{background:linear-gradient(90deg,#06B6D4 0%,#67E8F9 50%,#06B6D4 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.process .p-head h2 em,.final h2 em,.svc-hero h1 em{color:#06B6D4}
.process .step-num{color:#06B6D4}
.process .step .duration b{color:#06B6D4}
.process .step .arrow-flow{background:#0A0A0A;border-color:#06B6D4;color:#06B6D4}
.process .s-eyebrow,.svc-hero .svc-eyebrow,.svc-hero .back-link{color:#06B6D4!important}
.process .s-eyebrow .bar,.svc-hero .svc-eyebrow .bar{background:#06B6D4!important}
.final .btn-outline-white{color:#F8FAFC!important;border-color:rgba(248,250,252,.55)!important}
.final .btn-outline-white:hover{background:#F8FAFC!important;color:#0A0A0A!important;border-color:#F8FAFC!important}
.final-bg-grid{opacity:1}
footer.foot{background:#171717!important;border-top:1px solid rgba(248,250,252,.08)!important}
.fixed-cta{background:#0A0A0A}
nav.nav.nav-scrolled{background:rgba(10,13,12,.94)!important}
.nav-svc-menu a:hover{color:#06B6D4}

nav.nav{background:rgba(10,10,10,.97)!important;border-bottom:1px solid rgba(248,250,252,.08)!important}
nav.nav.nav-scrolled{background:rgba(10,10,10,.99)!important}