/* PANEL v721 — menú móvil siempre por encima del contenido.
   Mantiene la botonera de tres columnas de v720 y corrige la capa
   de los desplegables; el número de filas depende de las categorías visibles. */

@media(max-width:900px){
  /* La cabecera móvil debe ser la capa superior real de la aplicación. */
  .eg-shell-header{
    z-index:10000!important;
    overflow:visible!important;
    isolation:isolate!important;
  }

  /* La botonera permanece pegada bajo la cabecera y por encima del workspace. */
  .eg-mobile-classic.barra-nav{
    z-index:10010!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  .eg-mobile-classic .menu-cat{
    position:relative!important;
    z-index:auto!important;
  }
  .eg-mobile-classic .menu-cat.abierto{
    z-index:10020!important;
  }

  /* El desplegable debe cubrir físicamente el contenido y recibir los toques. */
  .eg-mobile-classic .menu-desplegable{
    z-index:10030!important;
    pointer-events:auto!important;
    background:#090b0c!important;
    opacity:1!important;
  }
  .eg-mobile-classic .menu-desplegable a{
    position:relative!important;
    z-index:1!important;
    pointer-events:auto!important;
  }

  /* El contenido nunca puede competir en la misma capa con la navegación. */
  .eg-app,
  .eg-workspace,
  .eg-workspace > .contenedor{
    position:relative!important;
    z-index:0!important;
  }
}