/* Não é CSS do legado — correção de comportamento, escrita pra este porte.
 * header.component.scss declara `.header-container{display:none}` — no
 * legado, header.component.ts mostra o header via jQuery no ngOnInit
 * (`$('.header-container').show()`) em toda rota que não seja `/`, e na
 * home só depois de rolar >150px (`onWindowScroll`, `slideDown()`/
 * `slideUp()`). Sem esse JS (zero-JS de propósito neste porte, ver
 * docs/07-NAVEGACAO.md), `display:none` ficaria permanente — pior que a
 * home legada (que ao menos revela com o scroll): ninguém navegaria pelo
 * cabeçalho em rota nenhuma.
 *
 * Decisão: cabeçalho sempre visível, em toda rota incluindo `/` — não
 * regride nada (a home já tem a própria navegação completa: busca,
 * taxonomias, logo) e resolve uma lacuna real (sem isto, nenhuma página
 * teria como navegar pro cabeçalho sem JS). Ver docs/08-SESSAO-AUTONOMA.md.
 *
 * Precisa carregar DEPOIS de header-footer.legacy.css na mesma página —
 * mesmo seletor, mesma especificidade, quem vem depois no HTML vence.
 */
.header-container {
  display: block;
}

/*
 * Consequência direta da decisão acima: com o cabeçalho sempre visível,
 * `.ml-menu` (`position: fixed; top: 0; height: 82px`, header-footer.
 * legacy.css) sobrepõe o topo de qualquer conteúdo que comece rente ao
 * topo da página — no legado isso nunca acontecia na home porque lá o
 * header ficava oculto até o scroll passar de 150px.
 *
 * Consertado aqui até 2026-09-15 com `body .ml-home-HowItWorks{padding-
 * top:87px}` — `.ml-home-HowItWorks` (banner antigo "THE MATERIALS
 * ATLAS") era o primeiro elemento depois do cabeçalho na home. Regra
 * removida: a home trocou esse banner por `HomeIntroBanner`/
 * `ImageHeroSlideshow` faz tempo, e ninguém atualizou esta compensação
 * — ficou órfã, sem casar com nada renderizado, reabrindo o mesmo bug
 * (achado via screenshot do Gustavo, análise crítica mobile) em TODA
 * página que usa `ImageHeroSlideshow` (About/Atlas/Help/Home), não só
 * a home. Resolvido de vez no componente compartilhado
 * (`image-hero-slideshow.tsx`, `mt-[52px]` — 82 − 30 do `margin-bottom`
 * de `.header-container` acima, mesma conta desta nota) em vez de numa classe por
 * página — não depende de qual banner está montado ali, não quebra de
 * novo se o banner mudar outra vez.
 */