/* ===== FORZAR OCULTO MEGA PRODUCTOS2 ===== */
.mega-productos2 {
  display: none !important;
}

.menu-item-productos2:hover > .mega-productos2 {
  display: flex !important;
  flex-direction: column !important;
}

/* ===== PRODUCTOS - MEGA MENU 3 COLUMNAS ===== */
.menu-item-productos {
  position: relative !important;
  flex: 0 0 auto !important;
  width: auto !important;
  display: inline-flex !important;
}

.menu-item-productos > .mega-productos {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  display: none;
  flex-direction: row !important;
  background: #6b21a8;
  padding: 40px;
  gap: 40px;
  min-width: 900px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
  z-index: 9999 !important;
}

.menu-item-productos:hover > .mega-productos {
  display: flex !important;
}

.menu-item-productos > .mega-productos > * {
  flex: 1 1 0;
  min-width: 220px;
}

.menu-item-productos:hover .mega-productos,
.menu-item-productos:hover .mega-productos * {
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
}

.menu-item-productos:hover .mega-productos {
  display: flex !important;
  flex-direction: row !important;
}

.menu-item-productos:hover .mega-productos > div {
  display: block !important;
}

/* ===== FLEX PARTNER - MEGA MENU 1 COLUMNA ===== */
.menu-item-productos2 {
  position: relative !important;
  flex: 0 0 auto !important;
  width: auto !important;
  display: inline-flex !important;
}

.menu-item-productos2 > .mega-productos2 {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  display: none !important;
  flex-direction: column !important;
  background: #6b21a8;
  padding: 24px 32px;
  gap: 12px;
  min-width: 280px;
  max-width: 320px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
  z-index: 9999 !important;
}

.menu-item-productos2:hover > .mega-productos2 {
  display: flex !important;
}

.menu-item-productos2 > .mega-productos2 > * {
  flex: 0 0 auto !important;
  min-width: unset !important;
  width: 100% !important;
}

.menu-item-productos2:hover .mega-productos2,
.menu-item-productos2:hover .mega-productos2 * {
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
}

.menu-item-productos2:hover .mega-productos2 {
  display: flex !important;
  flex-direction: column !important;
}

.menu-item-productos2:hover .mega-productos2 > div {
  display: block !important;
}