/* ==========================================================================
   Solsano · animations.css
   Animaciones muy sutiles con foco en accesibilidad y rendimiento.
   ========================================================================== */

/* Smooth scroll accesible con header sticky */
section[id] { scroll-margin-top: 80px; }

/* Fade-in sutil al entrar en viewport */
.reveal {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 400ms ease-out, transform 400ms ease-out;
  will-change: opacity, transform;
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* Stagger leve para hijos de .reveal-group */
.reveal-group > .reveal:nth-child(1) { transition-delay: 0ms; }
.reveal-group > .reveal:nth-child(2) { transition-delay: 40ms; }
.reveal-group > .reveal:nth-child(3) { transition-delay: 80ms; }
.reveal-group > .reveal:nth-child(4) { transition-delay: 120ms; }
.reveal-group > .reveal:nth-child(5) { transition-delay: 160ms; }
.reveal-group > .reveal:nth-child(n+6) { transition-delay: 200ms; }

/* Respeto total a prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}