/* =========================================================
   HEADER FIXO
   ========================================================= */

/* ⚠️ NÃO definir compensação no main aqui.
   A compensação do header é controlada apenas no hero.css */

/* REMOVIDO:
main {
  padding-top: var(--header-height-desktop);
}

@media (max-width: 768px) {
  main {
    padding-top: var(--header-height-mobile);
  }
}
*/

/* =========================================================
   VARIÁVEIS DE ALTURA DO HEADER (UMA ÚNICA DEFINIÇÃO)
   ========================================================= */

:root {
  --header-height-desktop: 132px;
  --header-height-mobile: 72px;
}