/* SIPAD 1.8.7 — navegación móvil desplazable y segura */
@media (max-width:760px){
  .top{position:sticky;top:0;z-index:1000;overflow:visible}
  .top.menu-open{box-shadow:0 10px 28px rgba(18,48,74,.10)}
  .top .grouped-menu{
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    transform:none!important;
    width:100vw!important;
    max-width:none!important;
    max-height:calc(100dvh - 76px - env(safe-area-inset-bottom))!important;
    margin:0!important;
    padding:12px 16px calc(18px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-top:1px solid var(--line)!important;
    border-radius:0 0 18px 18px!important;
    background:#fff!important;
    box-shadow:0 20px 34px rgba(18,48,74,.18)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }
  .top.menu-open .grouped-menu{display:block!important}
  .grouped-menu nav{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    overflow:visible!important;
    align-items:start!important;
  }
  .grouped-menu .nav-group{min-width:0}
  .grouped-menu .logout-form{padding-bottom:4px}
}
@media (max-width:430px){
  .top .grouped-menu{padding-inline:12px!important}
  .grouped-menu nav{grid-template-columns:1fr!important}
  .grouped-menu .nav-group{width:100%}
}