/* ==========================================================
FOCO VISIBLE — Navegación accesible con teclado
========================================================== */

/* Foco visible en el nav principal */
.main-nav .nav-link:focus-visible,
.main-nav .dropdown-toggle:focus-visible,
.main-nav .navbar-brand:focus-visible {
  outline: 3px solid #FFC107;
  outline-offset: 3px;
  border-radius: 4px;
}

/* Foco dentro del mega menú */
.main-nav .dropdown-menu .dropdown-item:focus,
.main-nav .dropdown-menu .dropdown-item:focus-visible {
  outline: 3px solid #007A72;
  outline-offset: 2px;
  background-color: rgba(0, 122, 114, 0.08);
  border-radius: 4px;
}

/* En modo alto contraste (si aplica el toolbar) */
html.pc-high-contrast .main-nav .nav-link:focus-visible,
html.pc-high-contrast .main-nav .dropdown-toggle:focus-visible,
html.pc-high-contrast .main-nav .dropdown-menu .dropdown-item:focus-visible {
  outline-color: #FFD700;
  background-color: rgba(255, 215, 0, 0.15);
}