/* Meraki World - Header y menus V9
   Corrige control tactil de ambos botones, cierre al tocar fuera y rapidez movil. */
:root{
  --mw-v9-ink:#2f1c4f;
  --mw-v9-muted:#74627f;
  --mw-v9-pink:#ef4fa3;
  --mw-v9-purple:#8b5cf6;
  --mw-v9-blue:#8fd9ff;
  --mw-v9-menu-top:92px;
  --mw-v9-menu-max-height:calc(100dvh - var(--mw-v9-menu-top) - 12px);
  --mw-v9-panel-width:calc(100vw - 24px);
  --mw-v9-account-width:calc(100vw - 24px);
  --mw-v9-account-right:12px;
}

.meraki-navbar.mw-top-nav{
  position:sticky!important;
  top:0!important;
  z-index:2147482500!important;
  overflow:visible!important;
  margin-bottom:0!important;
  background:linear-gradient(135deg,rgba(255,244,252,.97),rgba(239,236,255,.96),rgba(230,252,255,.94))!important;
  border-bottom:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 12px 30px rgba(47,28,79,.12)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

.meraki-navbar.mw-top-nav .mw-header-bar{
  min-height:82px!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}

.meraki-navbar.mw-top-nav .mw-left-menu-btn,
.meraki-navbar.mw-top-nav .mw-account-top-btn{
  position:relative!important;
  z-index:2147482900!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:23px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
  color:var(--mw-v9-ink)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,244,252,.82))!important;
  box-shadow:0 12px 26px rgba(47,28,79,.14), inset 0 1px 0 rgba(255,255,255,.92)!important;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease!important;
}

.meraki-navbar.mw-top-nav .mw-left-menu-btn:active,
.meraki-navbar.mw-top-nav .mw-account-top-btn:active{
  transform:scale(.96)!important;
}

.meraki-navbar.mw-top-nav .mw-left-menu-btn:hover,
.meraki-navbar.mw-top-nav .mw-account-top-btn:hover,
.meraki-navbar.mw-top-nav .mw-left-menu-btn[aria-expanded="true"],
.meraki-navbar.mw-top-nav .mw-account-top-btn[aria-expanded="true"]{
  background:linear-gradient(135deg,#fff,#fff0fa 44%,#eee9ff)!important;
  box-shadow:0 15px 32px rgba(139,92,246,.22), inset 0 1px 0 rgba(255,255,255,.96)!important;
}

.meraki-navbar.mw-top-nav .mw-left-menu-btn i{font-size:2rem!important;line-height:1!important;}
.meraki-navbar.mw-top-nav .mw-account-top-btn i{font-size:1.68rem!important;line-height:1!important;}

.meraki-navbar.mw-top-nav .mw-account-top-btn img{
  width:40px!important;
  height:40px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  border:2px solid rgba(255,255,255,.9)!important;
  box-shadow:0 7px 16px rgba(47,28,79,.14)!important;
}

.meraki-navbar.mw-top-nav .mw-center-brand{
  justify-self:center!important;
  text-align:center!important;
  min-width:0!important;
  max-width:100%!important;
  text-decoration:none!important;
  pointer-events:auto!important;
}

.meraki-navbar.mw-top-nav .mw-center-brand span{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#fff!important;
  text-shadow:0 1px 0 rgba(47,28,79,.38), 0 6px 16px rgba(139,92,246,.25)!important;
  letter-spacing:.055em!important;
}

/* Backdrop por debajo del header para que se puedan tocar otra vez los botones y cerrar. */
.mw-menu-backdrop-v9{
  position:fixed;
  inset:0;
  z-index:2147482400;
  display:none;
  background:rgba(47,28,79,.10);
}
.mw-menu-backdrop-v9.show{display:block;}

.mw-top-account-wrap{position:relative!important;overflow:visible!important;z-index:2147482900!important;}

.mw-top-account-menu:not(.mw-v9-open),
.mw-v9-account-menu:not(.mw-v9-open){display:none!important;}

.mw-top-account-menu.mw-v9-open,
.mw-v9-account-menu.mw-v9-open,
ul.mw-top-account-menu.dropdown-menu.mw-v9-open{
  display:block!important;
  position:fixed!important;
  top:var(--mw-v9-menu-top)!important;
  right:var(--mw-v9-account-right)!important;
  left:auto!important;
  width:var(--mw-v9-account-width)!important;
  max-width:460px!important;
  min-width:0!important;
  max-height:var(--mw-v9-menu-max-height)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  transform:translate3d(0,0,0)!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  border-radius:27px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,244,252,.93),rgba(240,235,255,.93))!important;
  box-shadow:0 20px 44px rgba(47,28,79,.20)!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483001!important;
  will-change:transform,opacity!important;
  animation:mwV9MenuIn .105s ease-out both!important;
}

#mwMainPanel.mw-main-panel.mw-v9-open,
.mw-main-panel.mw-v9-open{
  display:block!important;
  position:fixed!important;
  top:var(--mw-v9-menu-top)!important;
  left:12px!important;
  right:auto!important;
  width:var(--mw-v9-panel-width)!important;
  max-width:460px!important;
  max-height:var(--mw-v9-menu-max-height)!important;
  overflow:visible!important;
  transform:translate3d(0,0,0)!important;
  margin:0!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483000!important;
  will-change:transform,opacity!important;
  animation:mwV9MenuIn .105s ease-out both!important;
}

.mw-main-panel:not(.mw-v9-open):not(.show){display:none!important;}

.mw-main-panel.mw-v9-open .mw-main-panel-inner{
  max-height:var(--mw-v9-menu-max-height)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  border-radius:27px!important;
  padding:14px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,244,252,.93),rgba(240,235,255,.93))!important;
  box-shadow:0 20px 44px rgba(47,28,79,.20)!important;
}

.mw-top-account-menu.mw-v9-open::-webkit-scrollbar,
.mw-main-panel-inner::-webkit-scrollbar{width:7px;}
.mw-top-account-menu.mw-v9-open::-webkit-scrollbar-thumb,
.mw-main-panel-inner::-webkit-scrollbar-thumb{background:rgba(139,92,246,.32);border-radius:999px;}

.mw-admin-submenu-toggle,
.mw-panel-toggle{touch-action:manipulation!important;}

@keyframes mwV9MenuIn{
  from{opacity:0;transform:translate3d(0,-5px,0) scale(.992)!important;}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)!important;}
}

@media (max-width:991.98px){
  .meraki-navbar.mw-top-nav .mw-header-bar{
    min-height:82px!important;
    padding-left:1rem!important;
    padding-right:1rem!important;
  }
  .meraki-navbar.mw-top-nav .mw-center-brand{max-width:calc(100vw - 164px)!important;}
  .meraki-navbar.mw-top-nav .mw-center-brand .mw-logo,
  .meraki-navbar.mw-top-nav .mw-center-brand .mw-brand-icon{display:none!important;}
  .meraki-navbar.mw-top-nav .mw-center-brand span{font-size:clamp(.96rem,4.2vw,1.22rem)!important;}
  .mw-top-account-menu.mw-v9-open,
  .mw-v9-account-menu.mw-v9-open{
    right:12px!important;
    left:12px!important;
    width:calc(100vw - 24px)!important;
    max-width:none!important;
  }
}

@media (max-width:380px){
  .meraki-navbar.mw-top-nav .mw-left-menu-btn,
  .meraki-navbar.mw-top-nav .mw-account-top-btn{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    border-radius:21px!important;
  }
  .meraki-navbar.mw-top-nav .mw-center-brand{max-width:calc(100vw - 150px)!important;}
}