/* Meraki World - header centrado real v20260509
   Corrige el titulo cortado/descentrado en celular sin tocar menus ni base de datos. */

.meraki-navbar.mw-top-nav .mw-header-bar{
  position: relative !important;
  min-height: 84px !important;
  display: block !important;
  overflow: visible !important;
}

.meraki-navbar.mw-top-nav .mw-left-menu-btn{
  position: absolute !important;
  left: clamp(.75rem, 3vw, 1.15rem) !important;
  top: 50% !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  z-index: 8 !important;
}

.meraki-navbar.mw-top-nav .mw-top-account-wrap{
  position: absolute !important;
  right: clamp(.75rem, 3vw, 1.15rem) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 8 !important;
}

.meraki-navbar.mw-top-nav .mw-account-top-btn{
  position: relative !important;
}

.meraki-navbar.mw-top-nav .mw-center-brand{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  max-width: calc(100vw - 156px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .42rem !important;
  text-decoration: none !important;
  overflow: visible !important;
  z-index: 6 !important;
}

.meraki-navbar.mw-top-nav .mw-center-brand::before,
.meraki-navbar.mw-top-nav .mw-center-brand::after{
  content: none !important;
  display: none !important;
}

.meraki-navbar.mw-top-nav .mw-center-brand .mw-logo{
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 13px !important;
  padding: 2px !important;
  object-fit: contain !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 8px 18px rgba(216,92,172,.10) !important;
}

.meraki-navbar.mw-top-nav .mw-center-brand span{
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: center !important;
  font-family: "Poppins", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(1.02rem, 3.45vw, 1.55rem) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  background: linear-gradient(90deg, #3d2b62 0%, #8a4cc9 36%, #e0529d 72%, #3d2b62 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.62)) drop-shadow(0 8px 18px rgba(61,43,98,.12)) !important;
}

@media (max-width: 575.98px){
  .meraki-navbar.mw-top-nav .mw-header-bar{
    min-height: 76px !important;
    padding-left: .7rem !important;
    padding-right: .7rem !important;
  }

  .meraki-navbar.mw-top-nav .mw-left-menu-btn,
  .meraki-navbar.mw-top-nav .mw-account-top-btn{
    width: 50px !important;
    height: 50px !important;
    border-radius: 18px !important;
  }

  .meraki-navbar.mw-top-nav .mw-left-menu-btn{
    left: .85rem !important;
  }

  .meraki-navbar.mw-top-nav .mw-top-account-wrap{
    right: .85rem !important;
  }

  .meraki-navbar.mw-top-nav .mw-center-brand{
    max-width: calc(100vw - 136px) !important;
    gap: .24rem !important;
  }

  /* En celular el logo consume espacio y corta el titulo; lo ocultamos solo aqui. */
  .meraki-navbar.mw-top-nav .mw-center-brand .mw-logo{
    display: none !important;
  }

  .meraki-navbar.mw-top-nav .mw-center-brand span{
    font-size: clamp(.94rem, 4.15vw, 1.14rem) !important;
    letter-spacing: .038em !important;
  }
}

@media (max-width: 365px){
  .meraki-navbar.mw-top-nav .mw-center-brand{
    max-width: calc(100vw - 126px) !important;
  }
  .meraki-navbar.mw-top-nav .mw-center-brand span{
    font-size: .88rem !important;
    letter-spacing: .025em !important;
  }
  .meraki-navbar.mw-top-nav .mw-left-menu-btn,
  .meraki-navbar.mw-top-nav .mw-account-top-btn{
    width: 46px !important;
    height: 46px !important;
  }
}