/* Item "Consultar Resultado(s)" do menu: botão azul #155eff com letras brancas. */
a.mega-menu-link[aria-label^="Consultar Resultado"] .menu-item-title {
  background-color: #155eff !important;
  color: #ffffff !important;
  border-radius: 6px;
  font-weight: 700 !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  transition: background-color 0.15s ease;
}
a.mega-menu-link[aria-label^="Consultar Resultado"]:hover .menu-item-title,
a.mega-menu-link[aria-label^="Consultar Resultado"] .menu-item-title:hover {
  background-color: #0f4fd6 !important;
  color: #ffffff !important;
}

/* Centralização vertical do cabeçalho no desktop: a seção do hero começa
   24px antes do fim da seção do header e cobre essa faixa, então a parte
   branca visível tem 85px, mas logo e botão ficavam centralizados nos 109px
   da caixa (25px acima e 10px abaixo da logo). Sobe o conteúdo 7,5px, sem
   alterar a altura do header. Só no desktop: no celular o menu abre em tela
   cheia (position: fixed) dentro desse container, e transform quebraria isso. */
@media (min-width: 768px) {
  .c-nav-menu-v2 .mega-menu-container {
    transform: translateY(-7.5px);
  }
}