/* 2026-10-14 (pedido del equipo: "en celular esto tarda en cargar, cuida todos los tiempos").
   Capa única de tiempos: las entradas al hacer scroll son más cortas y empiezan antes de que el bloque llegue a la pantalla,
   para que nunca se vea un hueco vacío. No cambia colores, textos ni el tipo de animación, solo su duración y su retraso.
   Para volver a los tiempos anteriores basta con quitar este archivo del <head> (valores anteriores anotados en cada regla). */

/* Entradas generales (antes: 1s y 40px; retrasos de .1s a .5s) */
.reveal { transform: translateY(24px); transition: opacity .6s var(--ease), transform .6s var(--ease); }
.reveal.in { transform: none; }
.reveal[data-delay="1"] { transition-delay: .05s; }
.reveal[data-delay="2"] { transition-delay: .1s; }
.reveal[data-delay="3"] { transition-delay: .15s; }
.reveal[data-delay="4"] { transition-delay: .2s; }
.reveal[data-delay="5"] { transition-delay: .25s; }

/* "Qué conecta Cauxe": tarjetas (antes .6s y 70 ms entre tarjetas) */
.em-card { transition: opacity .45s var(--ease), transform .45s var(--ease), border-color .3s, box-shadow .3s; transition-delay: calc(var(--i) * 45ms), calc(var(--i) * 45ms), 0s, 0s; }
.em-card:hover, .em-card:focus-within { transition-delay: 0s; }
/* Tarjetas con brillo (crecen al pasar por el centro): mismas 6 transiciones que pro.css, entrada más corta (antes .6s y 70 ms) */
.em-card.em-api { transition: opacity .45s var(--ease), transform .45s var(--ease), border-color .3s, box-shadow .45s, scale .5s var(--ease), filter .45s; transition-delay: calc(var(--i) * 45ms), calc(var(--i) * 45ms), 0s, 0s, 0s, 0s; }

/* Pasos 1-2-3 (antes se encendían a .2s, 1.1s y 2s) */
.three-steps.in .tstep:nth-of-type(1) .tnum { transition-delay: .1s; }
.three-steps.in .tstep:nth-of-type(2) .tnum { transition-delay: .5s; }
.three-steps.in .tstep:nth-of-type(3) .tnum { transition-delay: .9s; }

/* Celular: todavía más corto y con menos recorrido */
@media (max-width: 720px) {
  .reveal { transform: translateY(14px); transition-duration: .4s, .4s; }
  .reveal.in { transform: none; }
  .reveal[data-delay] { transition-delay: 0s; }
  .em-card { transition-duration: .35s, .35s, .3s, .3s; transition-delay: calc(var(--i) * 30ms), calc(var(--i) * 30ms), 0s, 0s; }
  .em-card.em-api { transition-duration: .35s, .35s, .3s, .45s, .5s, .45s; transition-delay: calc(var(--i) * 30ms), calc(var(--i) * 30ms), 0s, 0s, 0s, 0s; }
}