/* =============================
   RESPONSIVE AJUSTES
   ============================= */
/*@media (max-width: 1199px) {
  .mega-dropdown__content {
    max-width: 1000px;
    gap: 1.5rem;
  }
}*/

/* =============================
   MOBILE (OFFCANVAS)
   ============================= */
@media (max-width: 991px) {
  /*.main-nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    transition: right 0.3s ease;
    z-index: 999;
    padding: 1rem;
  }

  .main-nav.active {
    right: 0;
  }

  .main-menu {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }

  .menu-item {
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  .menu-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 0;
  }

  .menu-item .mega-dropdown {
    display: none;
    position: static;
    box-shadow: none;
    border: none;
    opacity: 1;
    transform: none;
    padding: 0;
    background: transparent;
  }

  .menu-item.open .mega-dropdown {
    display: block;
    padding-left: 1rem;
  }

  .mega-dropdown__content,
  .mega-dropdown__two-columns {
    flex-direction: column;
    gap: 1rem;
  }

  .mega-dropdown__left,
  .mega-dropdown__right,
  .mega-dropdown__two-columns > ul {
    width: 100%;
    padding: 0;
    border: none;
  }*/

  /* ocultar icono y descripción en móvil */
  /*.mega-dropdown__left .mega-icon,
  .mega-dropdown__left .mega-description {
    display: none;
  }

  .submenu-list {
    display: flex;
    flex-direction: column;
    gap: .5rem;
  }*/
}


/* =============================
   COLOR DEL MENÚ PRINCIPAL CON SCROLL
   ============================= */

/* Estado inicial (fondo transparente) */
/*.site-header:not(.scrolled) .menu-link {
  color: #fff;
}*/

/* Estado con scroll (fondo blanco) */
/*.site-header.scrolled .menu-link {
  color: #222;
}*/

/* Hover y activo — se mantiene igual */
/*.site-header .menu-link:hover,
.site-header .menu-link:focus,
.site-header .menu-item.active > .menu-link {
  color: #0077c8;
}
*/