/* ==========================================================
   ACCESIBILIDAD DE NAVEGACIÓN
   Foco visible + soporte para lector de pantalla
   ========================================================== */

/* Foco visible reforzado en todos los enlaces del nav principal */
.main-nav .nav-link:focus-visible,
.main-nav .nav-link-top:focus-visible,
.main-nav .navbar-brand:focus-visible {
  outline: 3px solid #FFC107;   /* amarillo alto contraste sobre navy */
  outline-offset: 3px;
  border-radius: 4px;
}

/* Cuando el navbar está en fondo blanco (scrolled), usar teal para el foco */
.main-nav.scrolled .nav-link:focus-visible,
.main-nav.scrolled .nav-link-top:focus-visible {
  outline-color: #00766E;   /* tu nuevo teal-text */
}

/* Foco dentro del mega menú */
.main-nav .dropdown-menu a:focus-visible {
  outline: 3px solid #00766E;
  outline-offset: 2px;
  border-radius: 4px;
  background: rgba(0, 118, 110, 0.06);   /* leve resaltado */
}

/* El chevron cambia de color en hover/focus para dar feedback visual */
.main-nav .nav-link:hover .svg_icon_menu path,
.main-nav .nav-link:focus-visible .svg_icon_menu path,
.main-nav .nav-link[aria-expanded="true"] .svg_icon_menu path {
  fill: #FFC107;
  transition: fill 0.2s ease;
}

/* El chevron rota cuando el menú está abierto */
.main-nav .nav-link .svg_icon_menu {
  transition: transform 0.25s ease;
}
.main-nav .nav-link[aria-expanded="true"] .svg_icon_menu {
  transform: rotate(180deg);
}