/* ====================================================================
   gss-nav-mobile.css  ·  GlobalSuite Solutions  ·  v13
   --------------------------------------------------------------------
   CAUSA FINAL: el panel se ancla a un contenedor desplazado a la
   derecha, no al viewport. Por eso con left:0 + 100vw quedaba hueco
   azul a la izquierda.

   Fix: position:fixed ancla al VIEWPORT real (no al contenedor), con
   top:50px (alto del header móvil, middle_height del JSON) para que
   el panel quede justo debajo del header y NO desaparezca (el error
   de la v11 fue no poner top).

   Breakpoint 900px.
   ==================================================================== */

@media screen and (max-width: 900px) {

  /* Panel del menú anclado al viewport, full-width, bajo el header. */
  body.header_hor .w-nav.type_mobile.m_layout_dropdown.m_shadow_thin .w-nav-list.level_1,
  body.header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1,
  body.header_hor .w-nav.type_mobile .w-nav-list.level_1 {
    position: fixed !important;
    top: 50px !important;            /* alto del header móvil */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
    list-style: none !important;
    max-height: calc(100vh - 50px) !important;  /* que quepa y haga scroll */
    overflow-y: auto !important;
  }

  /* <li> sin sangría. */
  body.header_hor .w-nav.type_mobile .w-nav-list.level_1 > .menu-item {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  /* Anchor: padding lateral cómodo. */
  body.header_hor .w-nav.type_mobile .w-nav-list.level_1 .w-nav-anchor {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0 !important;
    margin-inline: 0 !important;
    --sub-item-hor-indent: 0px !important;
  }

  body.header_hor .w-nav.type_mobile .w-nav-list.level_1 .w-nav-anchor .w-nav-title {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
  }
}