/* ===== Menú desplegable (Astra) – esquema azul oscuro ===== */

/* Fondo del sub-menú (desktop y header builder) */
.ast-desktop .main-header-menu .sub-menu,
.ast-desktop .ast-builder-menu-1 .sub-menu,
.ast-desktop .ast-builder-menu-2 .sub-menu,
.ast-desktop .ast-builder-menu .sub-menu {
  background:#080522 !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.45) !important;
  padding:8px 0 !important;
}

/* Enlaces dentro del sub-menú */
.ast-desktop .main-header-menu .sub-menu .menu-link {
  color:#e9ecff !important;
  padding:12px 16px !important;
  line-height:1.2 !important;
  background:transparent !important;
}

/* Hover / focus en sub-menú */
.ast-desktop .main-header-menu .sub-menu .menu-item:hover > .menu-link,
.ast-desktop .main-header-menu .sub-menu .menu-item:focus > .menu-link {
  background:#10c8ff !important;
  color:#00122a !important;
  border-radius:8px !important;
}

/* Quitar posibles fondos/blancos heredados */
.ast-desktop .main-header-menu .sub-menu li,
.ast-desktop .ast-builder-menu .sub-menu li {
  background:transparent !important;
}

/* Móvil: cajón del menú y sub-menú en oscuro (por si aplicara) */
.ast-header-break-point .ast-mobile-popup-drawer,
.ast-header-break-point .ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-header-break-point .main-header-menu .sub-menu {
  background:#080522 !important;
}

/* Móvil: items del sub-menú */
.ast-header-break-point .main-header-menu .sub-menu .menu-link {
  color:#e9ecff !important;
}
.ast-header-break-point .main-header-menu .sub-menu .menu-item:hover > .menu-link {
  background:#0bb4e6 !important;
  color:#00122a !important;
  border-radius:8px !important;
}
/* ===== Submenús en HOME (header transparente / sticky) ===== */

/* Fondo del submenú (todas las variantes del header en home) */
.ast-transparent-header .main-header-menu .sub-menu,
.ast-theme-transparent-header .main-header-menu .sub-menu,
.ast-header-sticked .main-header-menu .sub-menu,
.ast-sticky-active .main-header-menu .sub-menu,
.ast-header-sticky-active .main-header-menu .sub-menu,
body.home .main-header-menu .sub-menu {
  background:#080522 !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.45) !important;
  padding:8px 0 !important;
}

/* Enlaces dentro del submenú */
.ast-transparent-header .main-header-menu .sub-menu .menu-link,
.ast-theme-transparent-header .main-header-menu .sub-menu .menu-link,
.ast-header-sticked .main-header-menu .sub-menu .menu-link,
.ast-sticky-active .main-header-menu .sub-menu .menu-link,
.ast-header-sticky-active .main-header-menu .sub-menu .menu-link,
body.home .main-header-menu .sub-menu .menu-link {
  color:#e9ecff !important;
  padding:12px 16px !important;
  line-height:1.2 !important;
  background:transparent !important;
}

/* Hover en submenú */
.ast-transparent-header .main-header-menu .sub-menu .menu-item:hover > .menu-link,
.ast-theme-transparent-header .main-header-menu .sub-menu .menu-item:hover > .menu-link,
.ast-header-sticked .main-header-menu .sub-menu .menu-item:hover > .menu-link,
.ast-sticky-active .main-header-menu .sub-menu .menu-item:hover > .menu-link,
.ast-header-sticky-active .main-header-menu .sub-menu .menu-item:hover > .menu-link,
body.home .main-header-menu .sub-menu .menu-item:hover > .menu-link {
  background:#10c8ff !important;
  color:#00122a !important;
  border-radius:8px !important;
}