/* ===== Barra do topo fixa (PC e celular) — v1.0.0
   A altura real da barra é medida por script e guardada em --mainnav-h. ===== */
:root{--mainnav-h:56px}
html{scroll-padding-top:var(--mainnav-h)}
html,body{margin-top:0!important}
body{padding-top:var(--mainnav-h)!important}

/* Barra fixa no topo, sempre por cima do conteúdo */
body #mainnav{
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  width:100%!important;margin:0!important;transform:none!important;
  z-index:1030!important;box-shadow:0 2px 6px rgba(0,0,0,.08)
}

/* Celular: menu aberto vira painel fixo logo abaixo da barra (não empurra a página) */
@media (max-width:767.98px){
  body #mainnav .navbar-collapse{
    position:fixed!important;top:var(--mainnav-h)!important;left:0!important;right:0!important;
    max-height:calc(100vh - var(--mainnav-h));max-height:calc(100dvh - var(--mainnav-h));
    overflow-y:auto!important;-webkit-overflow-scrolling:touch;
    background:#fff;z-index:1031!important;box-shadow:0 10px 24px rgba(0,0,0,.15)
  }
}

/* Dropdowns da barra sempre acima do conteúdo */
body #mainnav .dropdown-menu{z-index:1032!important}

/* Elementos grudados (sticky) respeitam a altura da barra, para não ficarem por baixo dela */
.sticky-top,[class*="sticky-top"]{top:var(--mainnav-h)!important}

/* Pré-carregador não ocupa espaço no layout */
#se-pre-con{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}

/* Fundo branco da barra do topo */
body #mainnav{background-color:#fff!important}