/* apps-apilado.css — En el celular, las cards de apps se apilan al scrollear.
   Cada card queda fija bajo el encabezado y la siguiente sube y la tapa; las de
   atrás asoman por arriba, más angostas y más oscuras (tres como máximo).
   El movimiento lo calcula components/apps-apilado.js. Lo cargan marketplace.html
   e ia-ready.html, en la grilla marcada con data-apilado. En pantallas anchas
   sigue la grilla de siempre. No es componente del DS: si se reusa en otras
   páginas, se promueve con su aprobación. Seba, 24/10/2026. */
@media (min-width: 621px) {
  .apps-apilado > .stk { display: contents; }
}
@media (max-width: 620px) {
  .app-grid-featured.apps-apilado { display: flex; flex-direction: column; gap: 20px; padding-bottom: 48px; }
  .apps-apilado > .stk { position: sticky; top: var(--stk-top, 110px); }
  .apps-apilado > .stk > .app-card { transform-origin: 50% 0; will-change: transform; transition: filter .15s linear; box-shadow: 0 -1px 0 var(--line), var(--shadow-lg); }
  .apps-apilado > .stk > .app-card:hover { box-shadow: 0 -1px 0 var(--line), var(--shadow-lg); }
  /* ia-ready revela las cards con un fundido al entrar; apiladas, la de atrás
     se transparentaba a través de la que sube. Acá van siempre opacas. */
  .anim .apps-apilado > .stk > .app-card { opacity: 1; animation: none; }
}