/* Header: com o item "Planos" e o seletor de idioma o menu completo precisa de ~1230px (em espanhol, o mais largo);
   abaixo disso o flexbox espremia o logo e, antes de 1150px, o último botão vazava da tela. O breakpoint do menu
   hambúrguer do dist/ é 960px; aqui ele sobe para 1260px (com folga). Mesmas regras do `@media (max-width:960px)`
   do dist/css/main.css. */
@media (min-width: 961px) and (max-width: 1260px) {
  .nav-links,
  .nav-actions {
    display: none;
  }

  .nav-burger,
  .nav-mobile {
    display: flex;
  }
}

/* o logo nunca é encolhido pelo flexbox (ficava distorcido quando o header lotava) */
.nav-logo {
  flex-shrink: 0;
}

/* Dropdown largo de Soluções: em inglês/espanhol os rótulos são bem mais longos que em português (ex.: "Gestão de
   Indicadores (KPIs)" vira "Gestión de indicadores clave de rendimiento (KPI)"). As colunas do dist são
   `minmax(0,1fr)`, que não crescem com o conteúdo, e os links são nowrap — o texto vazava do card (fixo em 480px).
   Com `auto` cada coluna tem no mínimo a largura do seu maior rótulo e o card cresce junto; em português
   (rótulos curtos) o layout fica o mesmo, repartindo a sobra do min-width de 480px. */
.nav-sub-children {
  grid-template-columns: repeat(2, auto);
}

/* Item em negrito para se diferenciar das outras páginas do dropdown (ex.: "Consultoria de Implantação" em Soluções);
   marcado com `'strong' => true` no $nav_menu do header.php. Só o peso: cor de hover/página atual continua a do tema. */
.nav .nav-links .nav-sub a[data-strong],
.nav-mobile a[data-strong] {
  font-weight: 700;
}