/* AFA Tecnologia — hotfix visual v3.1
   1) integra a logo sem efeito de "adesivo"
   2) uniformiza o fundo institucional
   3) cria respiro correto entre header fixo e o primeiro badge/eyebrow do hero
*/
:root{--afa-logo-bg:#000c20;--afa-logo-bg-2:#00142c}
html{background:var(--afa-logo-bg)!important}
body{background:var(--afa-logo-bg)!important}
header,#header{
  background:rgba(0,12,32,.985)!important;
  border-bottom:1px solid rgba(16,199,232,.14)!important;
  box-shadow:0 10px 34px rgba(0,4,14,.24)!important;
}
header.scrolled,#header.scrolled{background:rgba(0,12,32,.995)!important}
.header-content{min-height:88px!important;padding:10px 0!important}
.logo img.afa-brand-logo,.logo img,.footer-logo{
  background:transparent!important;border-radius:0!important;box-shadow:none!important;
}
/* O hero começa visualmente depois do header e usa a mesma base navy da identidade. */
.hero{
  background-color:var(--afa-logo-bg)!important;
  background-image:
    radial-gradient(circle at 82% 20%,rgba(7,135,216,.24),transparent 34%),
    radial-gradient(circle at 14% 82%,rgba(16,199,232,.075),transparent 30%),
    linear-gradient(135deg,var(--afa-logo-bg) 0%,var(--afa-logo-bg-2) 62%,var(--afa-logo-bg) 100%)!important;
  padding-top:150px!important;
}
.hero .hero-content,.hero .hero-grid{padding-top:18px!important}
.hero .section-label,.hero .eyebrow{margin-top:12px!important;margin-bottom:22px!important;position:relative!important;z-index:3!important}
/* Nas páginas clássicas o h1 já tem margens próprias; evita que o badge encoste à logo. */
.hero-text>.section-label{display:inline-flex!important}
/* Rodapé no mesmo navy institucional para continuidade visual. */
footer,.site-footer{background:var(--afa-logo-bg)!important}
@media(max-width:1120px){.header-content{min-height:82px!important}.hero{padding-top:132px!important}.hero .hero-content,.hero .hero-grid{padding-top:10px!important}}
@media(max-width:680px){.header-content{min-height:76px!important;padding:8px 0!important}.hero{padding-top:118px!important}.hero .section-label,.hero .eyebrow{margin-top:8px!important;margin-bottom:18px!important}}