/* Animaciones al entrar en pantalla (ver js/reveal.js) */
.anim { opacity: 0; }
.anim.in { animation: 1s both; }
.anim.in.fadeIn { animation-name: fadeIn; }
.anim.in.slideInLeft { animation-name: slideInLeft; }
.anim.in.slideInRight { animation-name: slideInRight; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideInLeft { from { opacity: 1; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes slideInRight { from { opacity: 1; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .anim { opacity: 1; }
  .anim.in, .hero-bg, .hero-logo, .hero-arrow, .apple { animation: none !important; }
  .apple { transition: none; }
  .hero-logo { opacity: 1; transform: none; }
}