/* Movimiento de paneles: suave al desplazarse y sin saltos abruptos. */
html {
  scroll-snap-type: y mandatory;
}

main > section {
  scroll-snap-stop: normal;
}

main > section > * {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(20px) scale(.985);
  transition:
    opacity .85s ease-out,
    filter .7s ease-out,
    transform 1s cubic-bezier(.16, 1, .3, 1);
}

main > section.is-active > * {
  opacity: 1;
  filter: none;
  transform: none;
}

main > section.is-active > *:nth-child(2) {
  transition-delay: .16s;
}

main > section.is-active > *:nth-child(3) {
  transition-delay: .3s;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-snap-type: none; }
  main > section > * { filter: none; }
}

@media (max-width: 850px) {
  html { scroll-snap-type: y proximity; }
}