/**
 * Navbar: botão do menu (hamburger / ícone fechar)
 * Estados controlados por aria-expanded no botão.
 */
.nav-menu-btn {
  --nav-icon-size: 1.5rem;
}

.nav-menu-btn .nav-menu-icon {
  font-size: var(--nav-icon-size);
  color: #212529;
  transition: opacity 0.2s ease;
}

.nav-menu-btn .nav-menu-icon-x {
  display: none;
}

.nav-menu-btn .nav-menu-icon-hamburger {
  display: block;
}

.nav-menu-btn[aria-expanded="true"] .nav-menu-icon-x {
  display: block;
}

.nav-menu-btn[aria-expanded="true"] .nav-menu-icon-hamburger {
  display: none;
}