/* V9.21.45 · Shell móvil. Aislado del nav genérico de v2-foundation.
   La base usa !important para fondo/bordes/gap: la prioridad debe ser explícita.
   No redefine botones, rutas, permisos ni el comportamiento de la hoja Hub. */
@media(max-width:760px){
  :root{--elivium-section-top-v92145:14px}

  #mobile-navigation-v92127:not([hidden]){
    position:fixed!important;
    z-index:10025;
    top:auto!important;
    inset-block-start:auto!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    inset-block-end:0!important;
    width:auto!important;
    max-width:none!important;
    height:calc(var(--mobile-nav-height-v92127) + env(safe-area-inset-bottom));
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:end;
    gap:2px!important;
    margin:0!important;
    padding:8px max(9px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))!important;
    border:0!important;
    border-top:1px solid #303332!important;
    border-radius:0!important;
    background:#080b10!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:1!important;
    isolation:isolate;
  }

  /* Atenuar los controles de un modal no vuelve transparente el fondo de la barra. */
  body.modal-open #mobile-navigation-v92127>button{opacity:.3}

  /* La separación la aporta la vista: no sumar el gap de escritorio al padding móvil. */
  body.mobile-navigation-enabled-v92129 #main-app{row-gap:0!important}
  #main-app>:is(#view-ronda,#view-porra,#view-censo,#view-calendario).view-content.active{
    margin-top:0!important;
    padding-top:var(--elivium-section-top-v92145)!important;
  }
  #main-app>#view-ronda .round-overview-hero-v92136{padding-top:0!important}

  /* La reserva de la barra ya está en #main-app; no duplicarla antes del footer. */
  #main-app>#view-ronda.view-content.active{padding-bottom:24px!important}
}