/* Tema claro das subpaginas. Cabecalho, urna e rodape preservam as cores fortes. */
html,body{max-width:100%;overflow-x:clip}
body{background:#fff}

:where(.block.hero,.hero,.t-hero,.cv-hero,.kit-hero,.m-hero,.lj-hero,.pl-hero,.el-hero-foto,.foto300-hero,.fora-pt){
  background:#fff!important;
  color:var(--navy,#001f3e)!important;
}
:where(.block.hero,.hero) .hero-bg img{opacity:.12!important}
:where(.block.hero,.hero) .hero-overlay{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.96))!important;
}

/* O tema claro precisa trocar tambem as cores herdadas dos antigos blocos escuros. */
:where(.block.hero,.hero,.t-hero,.cv-hero,.kit-hero,.m-hero,.lj-hero,.pl-hero,.el-hero-foto,.foto300-hero,.fora-pt)
  :where(h1,h2,h3,h4,p,a,button,label,li,span,strong,em,div){
  color:var(--navy,#001f3e)!important;
}
:where(.block.hero,.hero,.t-hero,.cv-hero,.kit-hero,.m-hero,.lj-hero,.pl-hero,.el-hero-foto,.foto300-hero,.fora-pt)
  :where(.eyebrow,.rotulo,.lima,.posicao,.versao,.ao-vivo,.fpt-eyebrow,.fpt-count){
  color:var(--azul,#1e4890)!important;
}

:where(.sec-navy,.sec-teal,.contraste,.cv-cartao,.t-cta,.ruptura-sec,.vaq-hero){
  background:#fff!important;
  color:var(--navy,#001f3e)!important;
  border-top:1px solid rgba(0,31,62,.1);
  border-bottom:1px solid rgba(0,31,62,.1);
}
:where(.sec-navy,.sec-teal,.contraste,.cv-cartao,.t-cta,.ruptura-sec,.vaq-hero)
  :where(h1,h2,h3,h4,p,a,button,label,li,span,strong,em,div){
  color:var(--navy,#001f3e)!important;
}
:where(.vaq-hero-bg,.vaq-hero-veu){opacity:.08!important}

/* Botoes de contorno que antes dependiam de uma superficie azul. */
:where(.block.hero,.hero,.t-hero,.cv-hero,.kit-hero,.m-hero,.lj-hero,.pl-hero,.el-hero-foto,.foto300-hero,.fora-pt,.sec-navy,.sec-teal,.contraste,.cv-cartao,.t-cta,.ruptura-sec,.vaq-hero)
  :where(.btn-linha,.btn-linha-claro){
  color:var(--navy,#001f3e)!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 2px rgba(0,31,62,.55)!important;
}
:where(.block.hero,.hero,.t-hero,.cv-hero,.kit-hero,.m-hero,.lj-hero,.pl-hero,.el-hero-foto,.foto300-hero,.fora-pt,.sec-navy,.sec-teal,.contraste,.cv-cartao,.t-cta,.ruptura-sec,.vaq-hero)
  :where(.btn-linha,.btn-linha-claro):hover{
  background:var(--navy,#001f3e)!important;
  color:#fff!important;
}

/* Acoes com fundo proprio mantem contraste suficiente no tema claro. */
:where(.btn-hope,.vaq2-doar,.fpt-cta){color:var(--navy,#001f3e)!important}
:where(.btn-navy){color:#fff!important}
.btn-whats-share{color:var(--navy,#001f3e)!important}

/* Materiais: os atalhos do hero eram branco sobre branco. */
.m-hero .atalhos a{
  background:#f4f7fa!important;
  border-color:#cbd5e1!important;
  color:var(--navy,#001f3e)!important;
  box-shadow:0 6px 18px rgba(0,31,62,.07);
}
.m-hero .atalhos a b{color:var(--azul,#1e4890)!important}
.m-hero .atalhos a:hover{background:var(--hope,#dbe64c)!important;border-color:var(--hope,#dbe64c)!important}

/* Vaquinha inserida nas subpaginas. */
.vaq-hero .vaq2-card{
  background:#f4f7fa!important;
  border:1px solid #d7e0e8!important;
  box-shadow:0 18px 48px rgba(0,31,62,.09)!important;
}
.vaq-hero .vaq2-valor{
  background:#fff!important;
  border-color:rgba(0,31,62,.3)!important;
  color:var(--navy,#001f3e)!important;
}
.vaq-hero .vaq2-valor:hover{background:#eef3f7!important;border-color:var(--navy,#001f3e)!important}
.vaq-hero .vaq2-valor.destaque{background:var(--amarelo,var(--hope,#dbe64c))!important;border-color:var(--amarelo,var(--hope,#dbe64c))!important;color:var(--navy,#001f3e)!important}
.vaq-hero .vaq-stats-bar{background:rgba(0,31,62,.14)!important}
.vaq-hero .vaq-note,.vaq-hero .vaq2-legenda,.vaq-hero .vaq-stats-fonte{color:#526477!important}

/* Cards que ficavam escuros dentro de herois agora claros. */
.hero .cartao-escuro{
  background:#f4f7fa!important;
  border:1px solid #d7e0e8!important;
  color:var(--navy,#001f3e)!important;
  box-shadow:0 18px 48px rgba(0,31,62,.09)!important;
}
.hero .barra{background:rgba(0,31,62,.14)!important}

/* Busca de grupos ainda usada na pagina de voluntariado. */
.fora-pt .fpt-estados{
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:var(--navy,#001f3e)!important;
}
.fora-pt .fpt-path-label,.fora-pt .fpt-stat,.fora-pt .fpt-divisor span{color:#526477!important}

/* Elementos decorativos permanecem discretos, sem virar texto dominante. */
.t-hero .cifrao{color:rgba(30,72,144,.055)!important}
:where(.btn,.foto300-btn,.fpt-cta,.vaq-hero-cta){isolation:isolate}

/* Contraste de textos secundarios pequenos. */
.pull-quote-fonte,.video-date,.data,.nav-medida-num,.faq-n,.ref{color:#526477!important}

/* Trilhas de navegacao e metadados compactos foram criados para fundos escuros. */
.breadcrumb,
.breadcrumb span,
.breadcrumb .sep,
.hero-eyebrow,
.hero-eyebrow span,
.hero-eyebrow .sep{color:#526477!important}
.hero-eyebrow{
  background:rgba(30,72,144,.08)!important;
  border-color:rgba(30,72,144,.24)!important;
}
.hero-eyebrow .num{color:var(--azul,#1e4890)!important}

/* Os numeros das etapas de votacao precisam ficar legiveis nos cards claros. */
.passo .n{color:var(--navy,#001f3e)!important}

/* Os cards de podcast sao brancos mesmo quando o carrossel e escuro. */
.carrossel-bg-dark .carro-card{
  background:#fff!important;
  color:var(--navy,#001f3e)!important;
}
.carrossel-bg-dark .carro-source{color:var(--azul,#1e4890)!important}
.carrossel-bg-dark .carro-title{color:var(--navy,#001f3e)!important}
.carrossel-bg-dark .carro-date{color:#526477!important}

/* Os contadores do hero passaram do azul escuro para o branco no tema claro. */
:where(.hero,.lj-hero) :where(.provas,.lj-num) b{
  color:var(--azul,#1e4890)!important;
}
:where(.hero,.lj-hero) :where(.provas,.lj-num) span{
  color:#526477!important;
}

/* Os cards da linha do tempo continuam escuros e precisam de rotulo claro. */
.tl-papel{color:var(--hope,#dbe64c)!important}

/* O separador do contato de imprensa fica sobre um card branco. */
.vl-contato .sep{color:#526477!important}