/* Reparacion header/menu Rocio Fernandez - 2026-09-01 */
html, body { max-width: 100%; overflow-x: hidden; }

/* El header debe ocupar espacio real y no superponerse al contenido. */
.sp-header-wrap {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: 100 !important;
  background: #fff !important;
}
.body-innerwrapper { padding-top: 0 !important; }
.body-innerwrapper:after { top: 0 !important; }

/* Barra superior */
#sp-top-bar {
  padding: 18px 0 !important;
  min-height: 60px;
  background: #fff !important;
}
#sp-top-bar .row { align-items: center; }
#sp-top1, #sp-top2 { min-width: 0; }
.sp-contact-info { margin-bottom: 0 !important; }

/* Header principal */
#sp-header {
  height: 100px !important;
  min-height: 100px !important;
  background: #fff !important;
}
#sp-header > .container,
#sp-header > .container > .container-inner,
#sp-header > .container > .container-inner > .row {
  height: 100% !important;
}
#sp-header > .container > .container-inner > .row { align-items: center !important; }

/* Logo */
#sp-logo { display: block !important; visibility: visible !important; }
#sp-logo .sp-column,
#sp-header .logo {
  height: 100px !important;
  display: flex !important;
  align-items: center !important;
}
#sp-header .logo a { display: inline-flex !important; align-items: center !important; }
#sp-header .logo img,
#sp-header .logo-image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: 70px !important;
  max-width: 100% !important;
}

/* Menu desktop */
#sp-menu > .sp-column {
  height: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.sp-megamenu-wrapper { margin-left: auto !important; }
.sp-megamenu-parent {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sp-megamenu-parent > li {
  display: block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sp-megamenu-parent > li::marker { content: '' !important; }
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  display: flex !important;
  align-items: center !important;
  height: 100px !important;
  line-height: 1.25 !important;
  padding: 0 15px !important;
  white-space: nowrap !important;
}

/* Mobile: volver al comportamiento Helix/offcanvas */
@media (max-width: 991.98px) {
  #sp-top-bar { display: none !important; }
  #sp-header, #sp-header .logo, #sp-menu > .sp-column { height: 80px !important; min-height: 80px !important; }
  #sp-header .logo img, #sp-header .logo-image { height: 58px !important; }
  .sp-megamenu-parent { display: none !important; }
  #offcanvas-toggler { display: flex !important; align-items: center !important; height: 80px !important; }
}