/*=========================
  DYPSEO - HEADER 
=========================*/

#masthead,
#masthead * {
  box-sizing: border-box;
  animation: none !important;
}

#masthead {
  position: fixed !important;
  top: 18px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  padding: 0 24px !important;
  background: transparent !important;
  transform: none !important;
  will-change: auto !important;
  backface-visibility: visible !important;
}

/* Fondos Astra fuera */
#masthead .ast-above-header-wrap,
#masthead .ast-above-header-bar,
#masthead .ast-builder-grid-row-container,
#masthead .ast-builder-grid-row-container-inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Caja flotante desktop */
#masthead #ast-desktop-header .site-above-header-wrap {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 12px 28px !important;
  border-radius: 18px !important;
  background: rgba(3, 8, 22, .96) !important;
  border: 1px solid rgba(255, 20, 147, .34) !important;
  box-shadow:
    0 18px 50px rgba(0,0,0,.32),
    inset 0 0 0 1px rgba(255,255,255,.05) !important;
}

/* Layout interno */
#masthead #ast-desktop-header .ast-builder-grid-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Logo */
#masthead .site-logo-img img {
  max-width: 120px !important;
  height: auto !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,.28));
}

/* Menú */
#masthead #ast-hf-menu-1 {
  display: flex !important;
  align-items: center !important;
  gap: 34px !important;
}

#masthead #ast-hf-menu-1 .menu-link {
  padding: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  background: transparent !important;
}

#masthead #ast-hf-menu-1 .menu-link:hover,
#masthead #ast-hf-menu-1 .current-menu-item .menu-link {
  color: #ff1493 !important;
  text-shadow: 0 0 12px rgba(255,20,147,.55);
}

/* Mobile */
@media (max-width: 921px) {
  #masthead {
    top: 12px !important;
    padding: 0 14px !important;
  }

  #masthead #ast-mobile-header .ast-primary-header-bar {
    border-radius: 16px !important;
    padding: 10px 16px !important;
    background: rgba(3, 8, 22, .96) !important;
    border: 1px solid rgba(255,20,147,.32) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.32) !important;
  }

  #masthead .menu-toggle {
    color: #fff !important;
  }

  #masthead .ast-mobile-header-content {
    margin-top: 10px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: rgba(3, 8, 22, .98) !important;
    border: 1px solid rgba(255,20,147,.24) !important;
  }

  #masthead #ast-hf-mobile-menu .menu-link {
    color: #fff !important;
    font-weight: 800 !important;
    padding: 16px 22px !important;
  }
}

.dyp-hero {
  position: relative;
  z-index: 1;
  isolation: isolate;
  background-color: #030816;
}

#masthead {
  isolation: isolate;
}