/* Landing de Alder Gestiones · movimiento fino. Solo transform, translate y opacity. Nada en bucle.
   Las entradas ocurren una vez. Sin movimiento (prefers-reduced-motion) todo queda en su lugar, ya visible. */
@media (prefers-reduced-motion: no-preference) {
  .js [data-revela] { opacity: 0; transform: translateY(18px); }
  .js [data-revela][data-visto] { opacity: 1; transform: none; transition: opacity 520ms var(--salida), transform 620ms var(--salida); transition-delay: calc(var(--i, 0) * 70ms); }
  /* el celular se inclina y el botón se acerca al puntero: los escribe movimiento.js con el puntero fino */
  .telefono-marco[data-inclina] { will-change: transform; }
}