/* AFA Tecnologia — hotfix visual v3.2
   - aumenta a presença visual da marca sem criar fundo/adesivo
   - corrige contraste tipográfico nas áreas navy
   - mantém cartões claros com tipografia escura
*/
:root{
  --afa-logo-bg:#000c20;
  --afa-logo-bg-2:#00142c;
  --afa-on-dark:#f5f9ff;
  --afa-on-dark-soft:#b7c9da;
  --afa-on-dark-muted:#91a9bf;
}

/* Marca: o PNG foi recortado ao conteúdo real, eliminando margens transparentes excessivas. */
.logo img.afa-brand-logo,
.logo img{
  width:268px!important;
  height:58px!important;
  max-width:30vw!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.footer-brand .logo img.afa-brand-logo,
.footer-brand .logo img{
  width:286px!important;
  height:64px!important;
  max-width:100%!important;
}
.header-content{min-height:92px!important;padding-top:10px!important;padding-bottom:10px!important}

/* Fundo institucional contínuo — mesmo navy usado atrás da identidade. */
html,body{background:var(--afa-logo-bg)!important}
header,#header,footer,.site-footer{background:var(--afa-logo-bg)!important}

/* Contraste nas secções que ficam diretamente sobre o navy.
   Não altera as secções claras (.section-bg) nem o interior dos cartões brancos. */
.section:not(.section-bg){color:var(--afa-on-dark)!important}
.section:not(.section-bg) .section-title,
.section:not(.section-bg) .section-title-light,
.section:not(.section-bg) .sobre-texto h3{
  color:var(--afa-on-dark)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.08)!important;
}
.section:not(.section-bg) .section-subtitle,
.section:not(.section-bg) .sobre-texto p{
  color:var(--afa-on-dark-soft)!important;
}
.section:not(.section-bg) .section-subtitle{opacity:1!important}

/* Texto introdutório e headings em blocos escuros comuns. */
.section-bg-dark,
.section-bg-dark .section-title,
.section-bg-dark .section-title-light,
.section-bg-dark h2,
.section-bg-dark h3,
.section-bg-dark h4{color:var(--afa-on-dark)!important}
.section-bg-dark .section-subtitle,
.section-bg-dark p{color:var(--afa-on-dark-soft)!important}

/* Os cartões claros continuam com contraste escuro, mesmo quando estão numa secção navy. */
.section:not(.section-bg) :is(
  .servico-home-card,.servico-card,.vantagem-card,.solucao-card,.categoria-card,
  .produto-card,.plano-card,.faq-item,.contact-channel-card,.sobre-image-box,
  .contato-info,.contato-form,.parceiro-item,.surface
){color:#10233a!important}
.section:not(.section-bg) :is(
  .servico-home-card,.servico-card,.vantagem-card,.solucao-card,.categoria-card,
  .produto-card,.plano-card,.faq-item,.contact-channel-card,.sobre-image-box,
  .contato-info,.contato-form,.parceiro-item,.surface
) :is(h2,h3,h4,h5,strong){color:#0b1a2e!important}
.section:not(.section-bg) :is(
  .servico-home-card,.servico-card,.vantagem-card,.solucao-card,.categoria-card,
  .produto-card,.plano-card,.faq-item,.contact-channel-card,.sobre-image-box,
  .contato-info,.contato-form,.parceiro-item,.surface
) p{color:#53677e!important}

/* Cartões de produto escuros são exceção: texto claro. */
.section:not(.section-bg) .afa-product-card,
.section:not(.section-bg) .afa-product-card h3{color:#fff!important}
.section:not(.section-bg) .afa-product-card p{color:rgba(255,255,255,.76)!important}

/* Hero: respiro compatível com a marca maior. */
.hero{padding-top:158px!important}
.hero .section-label,.hero .eyebrow{margin-top:10px!important}

/* Melhor leitura de textos secundários sobre navy. */
.hero p,.hero-stat .label{color:rgba(232,243,255,.76)!important}
footer p,.footer-bottom{color:rgba(226,239,251,.68)!important}

@media(max-width:1120px){
  .logo img.afa-brand-logo,.logo img{width:246px!important;height:54px!important;max-width:48vw!important}
  .header-content{min-height:86px!important}
  .hero{padding-top:144px!important}
}
@media(max-width:680px){
  .logo img.afa-brand-logo,.logo img{width:218px!important;height:48px!important;max-width:68vw!important}
  .header-content{min-height:78px!important}
  .hero{padding-top:126px!important}
  .footer-brand .logo img.afa-brand-logo,.footer-brand .logo img{width:236px!important;height:54px!important}
}