/* El menú tiene su propio scroll: nunca recorta enlaces en pantallas bajas. */
body.locked{position:fixed;top:var(--menu-scroll,0);width:100%;height:auto;overflow:hidden}
body.locked .nav{background:var(--void);border-bottom-color:var(--line)}
.drawer{inset:var(--nav-height,72px) 0 0;max-height:calc(100dvh - var(--nav-height,72px));display:none;
  justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;clip-path:none;transition:none;
  padding:20px var(--gut) max(28px,env(safe-area-inset-bottom))}
.drawer.open{display:flex}
.drawer > *{flex-shrink:0}
.drawer a{overflow-wrap:anywhere}
.drawer a img{max-width:100%;object-fit:contain}
.drawer .drawer-cta{margin-top:20px}

/* Reducir movimiento también es ahorrar batería, decodificación y repintados. */
.uta-ligera *, .uta-ligera *::before, .uta-ligera *::after{animation:none!important;transition:none!important}
.uta-ligera{scroll-behavior:auto}
.uta-ligera .grain,.uta-ligera #pre,.uta-ligera .cursor,.uta-ligera #xh{display:none!important}
.uta-ligera .rv{opacity:1;transform:none}
.uta-ligera .partido .c{transform:none}
.uta-ligera .nav.solid,.uta-ligera .nav.stuck{background:var(--void);backdrop-filter:none;-webkit-backdrop-filter:none}
.uta-ligera .muro .tp{backdrop-filter:none;background:var(--void-1)}
.uta-ligera .hero-media canvas{display:none}
.uta-ligera .muro figure:hover video{transform:none}
.uta-ligera .vida{padding-block:var(--sec)}
.uta-ligera .vida-pin{position:relative;height:auto}
.uta-ligera .vida-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important;padding-bottom:14px;will-change:auto}
.uta-ligera .vida-item{height:min(64vw,520px);scroll-snap-align:start}
.uta-ligera .vida-item img{filter:none}
.clip-play{position:absolute;z-index:3;left:10px;top:50%;transform:translateY(-50%);min-height:44px;
  padding:10px 12px;border:1px solid var(--volt);border-radius:4px;background:var(--void);color:var(--ice);font-size:13px}
.clip-play[hidden]{display:none}
.muro .clip-activo figcaption,.muro .clip-activo .tp{pointer-events:none;opacity:0}

@media(max-width:900px){
  .split > *,.app-grid > *,.ci-grid > *,.solicitud-grid > *{min-width:0}
  .partido .w{max-width:100%;overflow-wrap:anywhere}
  .nav-in{gap:12px;padding-inline:16px}
  .nav-in .brand{flex:0 1 auto;min-width:0}
  .nav-in .brand img{max-width:100%;width:auto;height:auto;max-height:55px}
  .nav-right{gap:8px}
  .nav-right .lang button{min-width:44px;min-height:44px;padding:6px}
  .nav-right .burger{width:44px;height:44px;flex-shrink:0}
  .drawer a{font-size:clamp(22px,6vw,34px);min-height:44px;padding-block:12px}
  .drawer a.drawer-ut img,.drawer a.drawer-uc img,.drawer a.drawer-ua img{height:auto;max-height:42px;max-width:230px}
  input,select,textarea{font-size:16px!important}
}
@media(max-width:520px){
  .h2{font-size:clamp(26px,8vw,40px)}
  .panel-hd{flex-wrap:wrap}
  .tabs button{min-height:44px}
}
@media(max-width:380px){
  .btn{white-space:normal;text-align:center;line-height:1.4;letter-spacing:.12em}
  .ft-top{grid-template-columns:minmax(0,1fr)}
}
