/* V110 — Menu lateral mobile por toque/arraste */
@media(max-width: 760px){
  .sb{
    touch-action: pan-y;
    transition: width .22s ease, transform .22s ease, box-shadow .22s ease !important;
  }
  body.mxm-touch-menu-open .sb,
  body.mxm-mobile-menu-open .sb{
    width: min(82vw, 320px) !important;
    max-width: 320px !important;
    z-index: 9999 !important;
    box-shadow: 0 0 0 999px rgba(7,20,38,.18), 18px 0 48px rgba(0,0,0,.18) !important;
    background: rgba(255,255,255,.98) !important;
  }
  body.mxm-touch-menu-open .sb .sb-lbl,
  body.mxm-mobile-menu-open .sb .sb-lbl{
    opacity: 1 !important;
    visibility: visible !important;
    width: auto !important;
    max-width: 220px !important;
    display: inline-block !important;
    transform: translateX(0) !important;
  }
  body.mxm-touch-menu-open .sb .sb-item,
  body.mxm-mobile-menu-open .sb .sb-item{
    justify-content: flex-start !important;
    gap: 14px !important;
    padding-left: 22px !important;
  }
  body.mxm-touch-menu-open .main,
  body.mxm-mobile-menu-open .main{
    pointer-events: none;
  }
  body.mxm-touch-menu-open .sb,
  body.mxm-mobile-menu-open .sb{
    pointer-events: auto;
  }
  body:not(.mxm-touch-menu-open):not(.mxm-mobile-menu-open) .sb{
    width: 68px !important;
    max-width: 68px !important;
  }
  body:not(.mxm-touch-menu-open):not(.mxm-mobile-menu-open) .sb .sb-lbl{
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
  }
}