/* Impacto XI v13.27.3 — FIX DEFINITIVO DE CAPAS EN CLUBES / SELECCIONES */

/*
  El panel abierto se mueve temporalmente al <body>.
  Por eso queda fuera de cualquier stacking-context creado por cabecera,
  catálogo, filtros, transforms o sticky panels.
*/
.ix-floating-nav-panel{
  position:fixed!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  left:var(--ix-menu-left,12px)!important;
  top:var(--ix-menu-top,120px)!important;
  width:var(--ix-menu-width,560px)!important;
  max-width:calc(100vw - 24px)!important;
  max-height:var(--ix-menu-max-height,460px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  z-index:2147483000!important;
  border-radius:16px!important;
  box-shadow:0 22px 65px rgba(0,0,0,.28)!important;
  transform:none!important;
  isolation:isolate!important;
}

/* Forzar el panel de filtro por debajo del menú flotante. */
#filtersPanel,
.filters,
.filter-mobile-button,
.catalog-toolbar,
.catalog-section,
.catalog-layout{
  z-index:auto!important;
}

.ix-floating-nav-panel.nav-selections__menu{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.ix-floating-nav-panel.nav-selections__menu .nav-selections__header{
  grid-column:1/-1!important;
  position:sticky!important;
  top:0!important;
  z-index:2!important;
}
.ix-floating-nav-panel.nav-clubs__menu{
  grid-template-columns:1fr!important;
}

@media(max-width:820px){
  .ix-floating-nav-panel{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(66vh,500px)!important;
  }
  .ix-floating-nav-panel.nav-selections__menu{
    grid-template-columns:1fr!important;
  }
}
