[data-revelar] { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.16, 1, .3, 1); }
[data-revelar].revelado { opacity: 1; transform: none; }
[data-revelar][data-retraso="1"] { transition-delay: .12s; }
[data-revelar][data-retraso="2"] { transition-delay: .24s; }
[data-revelar][data-retraso="3"] { transition-delay: .36s; }
@media (prefers-reduced-motion: reduce) { [data-revelar] { opacity: 1; transform: none; transition: none; } }