/* =========================================================
   CS TUCUMÁN · MOBILE NAV v330
   Header limpio + drawer cerrado por defecto
   ========================================================= */

.cst330-mobile-drawer[hidden],
.cst330-mobile-backdrop[hidden]{display:none!important}
.cst330-mobile-drawer,.cst330-mobile-backdrop{display:none}

/* Mata drawers legacy aunque algún asset viejo siga cargado. */
#cst325MobileDrawer,.cst325-mobile-drawer,
#cst325MobileBackdrop,.cst325-mobile-backdrop,
#cst326MobileDrawer,.cst326-mobile-drawer,
#cst326MobileBackdrop,.cst326-mobile-backdrop{
  display:none!important;visibility:hidden!important;pointer-events:none!important
}

@media(max-width:860px){
  html.cst330-menu-open,body.cst330-menu-open{overflow:hidden!important;overscroll-behavior:none}

  .cst320-header .cst320-top{position:relative;z-index:1204;background:#030303!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  .cst320-header .cst320-top-inner{
    width:min(100% - 24px,1400px)!important;min-height:78px!important;margin:0 auto!important;padding:10px 0!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important
  }
  .cst320-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;text-decoration:none!important}
  .cst320-brand .logo,.cst320-brand .logo img{width:46px!important;height:46px!important;min-width:46px!important}
  .cst320-brand .copy{display:flex!important;flex-direction:column!important;min-width:0!important}
  .cst320-brand .copy b{font-size:15px!important;line-height:1.05!important;white-space:nowrap!important}
  .cst320-brand .copy small{display:none!important}

  .cst320-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important}
  .cst320-live,.cst320-play,.cst320-login,.cst320-create,.cst320-account{display:none!important}
  .cst320-nav-row{display:none!important}

  #cst320MenuBtn.cst320-menu-btn{
    display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;
    margin:0!important;padding:0!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.13)!important;
    background:linear-gradient(180deg,#111214,#09090a)!important;color:#f5f5f5!important;box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
    position:relative!important;z-index:1210!important;cursor:pointer!important
  }
  #cst320MenuBtn ion-icon{font-size:25px!important;width:25px!important;height:25px!important;pointer-events:none!important}
  #cst320MenuBtn[aria-expanded="true"]{color:#ff8a00!important;border-color:rgba(255,138,0,.48)!important;background:linear-gradient(180deg,rgba(255,138,0,.12),#090909)!important}

  .cst330-mobile-backdrop{
    display:block;position:fixed;inset:0;z-index:1198;background:rgba(0,0,0,.68);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
    opacity:0;pointer-events:none;transition:opacity .18s ease
  }
  .cst330-mobile-backdrop.is-open{opacity:1;pointer-events:auto}

  .cst330-mobile-drawer{
    display:block;position:fixed;top:88px;right:12px;z-index:1206;width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 102px);
    overflow:auto;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(180deg,rgba(14,14,15,.995),rgba(6,6,7,.995));box-shadow:0 26px 70px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.025);
    opacity:0;transform:translateY(-10px) scale(.985);transform-origin:top right;pointer-events:none;
    transition:opacity .18s ease,transform .18s ease
  }
  .cst330-mobile-drawer.is-open{opacity:1;transform:none;pointer-events:auto}

  .cst330-mobile-nav{display:flex;flex-direction:column;gap:5px}
  .cst330-mobile-nav>a{
    min-height:50px;padding:0 14px;border-radius:11px;border:1px solid transparent;text-decoration:none;
    display:flex;align-items:center;gap:12px;color:#d9dadd;font-size:12px;font-weight:900;letter-spacing:.015em;
    transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease
  }
  .cst330-mobile-nav>a ion-icon{width:19px;height:19px;font-size:19px;color:#8f949c;flex:none}
  .cst330-mobile-nav>a span{flex:1}
  .cst330-mobile-nav>a:hover,.cst330-mobile-nav>a:focus-visible{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08);color:#fff;transform:translateX(2px);outline:none}
  .cst330-mobile-nav>a.active{color:#fff;border-color:rgba(255,138,0,.30);background:linear-gradient(90deg,rgba(255,138,0,.12),rgba(255,138,0,.025));box-shadow:inset 3px 0 0 #ff8a00}
  .cst330-mobile-nav>a.active ion-icon{color:#ff8a00}
  .cst330-mobile-nav>a em{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#ff8a00;color:#090909;font-size:10px;font-style:normal;font-weight:900}
}

@media(max-width:420px){
  .cst320-header .cst320-top-inner{width:calc(100% - 20px)!important}
  .cst320-brand .logo,.cst320-brand .logo img{width:43px!important;height:43px!important;min-width:43px!important}
  .cst320-brand .copy b{font-size:14px!important}
  #cst320MenuBtn.cst320-menu-btn{width:46px!important;height:46px!important;min-width:46px!important;flex-basis:46px!important}
  .cst330-mobile-drawer{top:84px;right:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 96px)}
}

@media(prefers-reduced-motion:reduce){
  .cst330-mobile-drawer,.cst330-mobile-backdrop,.cst330-mobile-nav>a{transition:none!important}
}