/* =========================================
   PURA PRINT - SUBMENU DESKTOP
   ========================================= */

/* ---------- PANEL / CONTENEDOR ---------- */
#cbp-hrmenu .cbp-hrsub{
  background: #f8f8f8 !important;
  width: 900px !important;
  left: 50% !important;
  border-radius: 22px !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    0 8px 24px rgba(0,0,0,.16) !important;
  overflow: visible !important;

  opacity: 0 !important;
  transform: translateX(-50%) translateY(10px) !important;
  transition: opacity .18s ease, transform .18s ease !important;
  pointer-events: none !important;
  z-index: 9999 !important;
}

#cbp-hrmenu .cbp-hropen .cbp-hrsub,
#cbp-hrmenu .cbp-hrsub.cbp-show{
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
  pointer-events: auto !important;
}

#cbp-hrmenu .cbp-hrsub-inner{
  border-radius: 22px !important;
  overflow: visible !important;
}

#cbp-hrmenu .cbp-hrsub::before,
#cbp-hrmenu .cbp-hrsub-inner::before{
  content: none !important;
  display: none !important;
}

#cbp-hrmenu .cbp-hrsub .cbp-menu-column-inner{
  width: 100% !important;
}

/* ---------- BLOQUE PRINCIPAL ---------- */
#cbp-hrmenu .cbp-hrsub .mega-print,
#cbp-hrmenu .cbp-hrsub .mega-print *{
  box-sizing: border-box !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print{
  position: relative !important;
  width: 100% !important;
  min-height: 420px !important;

  padding: 22px 28px !important; /* mismo margen en todos lados */

  z-index: 2 !important;
}

/* ---------- INTRO ---------- */
#cbp-hrmenu .cbp-hrsub .mega-print h3{
  margin: 0 0 6px 0 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #3f3f46 !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print p{
  margin: 0 0 3px 0 !important;
  opacity: .75 !important;
  color: #52525b !important;
}

/* ---------- LAYOUT ---------- */
#cbp-hrmenu .cbp-hrsub .mega-print-grid{
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 26px !important;
  margin-top: 0 !important;
  padding-right: 300px !important;
  position: relative !important;
}

/* columnas */
#cbp-hrmenu .cbp-hrsub .mega-print-grid .mega-col{
  flex: 1 1 0 !important;
  min-width: 220px !important;
  position: relative !important;
}

/* capas:
   banner abajo
   novedades medio
   técnicas arriba */
#cbp-hrmenu .cbp-hrsub .mega-print-grid .mega-col:first-child{
  z-index: 40 !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print-grid .mega-col:nth-child(2){
  z-index: 20 !important;
}

/* separación visual entre columnas */
#cbp-hrmenu .cbp-hrsub .mega-print-grid .mega-col + .mega-col{
  border-left: 1px solid rgba(0,0,0,.08) !important;
  padding-left: 26px !important;
}

/* ---------- LISTAS ---------- */
#cbp-hrmenu .cbp-hrsub .mega-print ul,
#cbp-hrmenu .cbp-hrsub .mega-print li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: transparent !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print ul li::before,
#cbp-hrmenu .cbp-hrsub .mega-print ul li:before{
  content: none !important;
  display: none !important;
}

/* ---------- SUBTÍTULOS ---------- */
#cbp-hrmenu .cbp-hrsub .mega-print .mega-col h4{
  margin: 0 0 10px 0 !important;
  padding-bottom: 8px !important;
  position: relative !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  color: #e2017e !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print .mega-col h4::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 42px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: #e2017e !important;
}

/* ---------- ITEMS ---------- */
#cbp-hrmenu .cbp-hrsub .mega-print .mega-list{
  margin-top: 2px !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print .mega-list li{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;

  gap: 10px !important;
  margin: 0 0 2px 0 !important;
  padding: 4px 10px !important;
  border-radius: 12px !important;

  color: #4b5563 !important;
  cursor: default !important;
  z-index: 2 !important;

  transition: transform .18s ease, background .18s ease, opacity .18s ease !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print .mega-list li i{
  width: 16px !important;
  min-width: 16px !important;
  flex: 0 0 16px !important;
  text-align: center !important;
  font-size: 14px !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print .mega-list li:hover{
  background: #eef7fb !important;
  transform: translateX(4px) !important;
}

/* hover por capas */
#cbp-hrmenu .cbp-hrsub .mega-print-grid .mega-col:first-child .mega-list li:hover{
  z-index: 60 !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print-grid .mega-col:nth-child(2) .mega-list li:hover{
  z-index: 50 !important;
}

/* ---------- TOOLTIPS ---------- */
#cbp-hrmenu .cbp-hrsub .mega-print .mega-list li[data-tip]::after{
  content: attr(data-tip) !important;
  position: absolute !important;
  left: calc(100% + 10px) !important;
  top: 50% !important;
  transform: translateY(-50%) translateX(-4px) !important;

  padding: 7px 11px !important;
  border-radius: 10px !important;
  border: none !important;

  background: #e53935 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(229,57,53,.30) !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;

  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .14s ease, transform .14s ease !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print .mega-list li[data-tip]::before{
  content: "" !important;
  position: absolute !important;
  left: calc(100% + 5px) !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(45deg) !important;

  width: 8px !important;
  height: 8px !important;
  background: #e53935 !important;

  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .14s ease !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print .mega-list li[data-tip]:hover::after,
#cbp-hrmenu .cbp-hrsub .mega-print .mega-list li[data-tip]:hover::before{
  opacity: 1 !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print .mega-list li[data-tip]:hover::after{
  transform: translateY(-50%) translateX(0) !important;
}

/* z-index tooltips técnicas */
#cbp-hrmenu .cbp-hrsub .mega-print-grid .mega-col:first-child .mega-list li[data-tip]::after{
  z-index: 90 !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print-grid .mega-col:first-child .mega-list li[data-tip]::before{
  z-index: 89 !important;
}

/* z-index tooltips novedades */
#cbp-hrmenu .cbp-hrsub .mega-print-grid .mega-col:nth-child(2) .mega-list li[data-tip]::after{
  z-index: 80 !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print-grid .mega-col:nth-child(2) .mega-list li[data-tip]::before{
  z-index: 79 !important;
}

/* ---------- BANNER ---------- */
#cbp-hrmenu .cbp-hrsub .mega-print .mega-banner{
  position: absolute !important;
  top: -55px !important;
  right: 38px !important;
  width: 260px !important;
  z-index: 5 !important;
}

#cbp-hrmenu .cbp-hrsub .mega-print .mega-banner img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.22) !important;
}

/* ---------- WHATSAPP ---------- */
.mega-whatsapp{
  margin-top: 22px;
  padding-top: 14px;
}

.mega-whatsapp a{
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;

  padding: 8px 12px;
  border-radius: 10px;

  color: #374151;
  text-decoration: none !important;

  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.mega-whatsapp .wa-text{
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #3f3f46;
}

.mega-whatsapp .wa-contact{
  display: flex;
  align-items: center;
  gap: 8px;

  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  color: #189D0E;
}

.mega-whatsapp .wa-contact i{
  font-size: 20px;
  line-height: 1;
  color: #189D0E;
}

.mega-whatsapp a:hover{
  background: rgba(24,157,14,.08);
  transform: translateX(4px);
  box-shadow: 0 8px 18px rgba(24,157,14,.10);
}

.mega-whatsapp a:hover .wa-text{
  color: #2f2f35;
}

.mega-whatsapp a:hover .wa-contact,
.mega-whatsapp a:hover .wa-contact i{
  color: #189D0E;
}

/* ---------- RESPONSIVE / PC CHICO ---------- */
@media (max-width: 1200px){
  #cbp-hrmenu .cbp-hrsub{
    width: 92vw !important;
  }

  #cbp-hrmenu .cbp-hrsub .mega-print-grid{
    flex-wrap: wrap !important;
    padding-right: 0 !important;
  }

  #cbp-hrmenu .cbp-hrsub .mega-print .mega-banner{
    position: relative !important;
    top: -55px !important;
    right: auto !important;
    width: 100% !important;
    margin-top: -55px !important;
  }

  #cbp-hrmenu .cbp-hrsub .mega-print-grid .mega-col + .mega-col{
    border-left: none !important;
    padding-left: 0 !important;
  }

  #cbp-hrmenu .cbp-hrsub .mega-print .mega-list li[data-tip]::after,
  #cbp-hrmenu .cbp-hrsub .mega-print .mega-list li[data-tip]::before{
    display: none !important;
  }
}