/* el motor nuevo reemplaza al reveal viejo */
html.mo .reveal{ opacity:1 !important; transform:none !important; transition:none !important; }

/* ─── pre-estados del motor ─── */
html.mo .mo-line{ display:block; clip-path:inset(100% 0 -16% 0); }
html.mo .mo-lift{ opacity:0; }
html.mo .mo-card{ opacity:0; }
html.mo .mo-bar{ transform:scaleX(0); transform-origin:left center; }

.mo-line{ display:block; }
.mo-clip{ overflow:hidden; }

/* filete azul de sección: se dibuja */
section:not(.band)::before{ transform:scaleX(0); transform-origin:left center;
  transition:transform .9s cubic-bezier(.16,1,.3,1); }
section:not(.band).mo-seen::before{ transform:scaleX(1); }

/* contenedores con parallax interno */
.unit-photo, .focus-photo, .info-photo, .paso-thumb, .band-bg, .aud-bg{ overflow:hidden; }
.unit-photo img, .focus-photo img, .info-photo img, .paso-thumb img, .band-bg img{
  will-change:transform;
}

/* botones magnéticos */
.btn, .pill, .wa-big{ will-change:transform; }

/* listas que entran en cascada */
html.mo .unit li, html.mo .op-data > div{ opacity:0; }

@media (prefers-reduced-motion: reduce){
  html.mo .mo-line, html.mo .mo-lift, html.mo .mo-card,
  html.mo .unit li, html.mo .op-data > div{ opacity:1 !important; clip-path:none !important; }
  section:not(.band)::before{ transform:scaleX(1) !important; }
}