/* Efectos de scroll de la portada. Solo transform y opacity; se desactivan con movimiento reducido. */
@media (prefers-reduced-motion: no-preference) {
  .aires-sr-on .aires-sr {
    opacity: 0;
    transform: translate3d(0, 34px, 0);
    transition: opacity .8s cubic-bezier(.23, 1, .32, 1) var(--sr-d, 0ms), transform .9s cubic-bezier(.23, 1, .32, 1) var(--sr-d, 0ms);
    will-change: opacity, transform;
  }
  .aires-sr-on .aires-home-title.aires-sr { transform: translate3d(0, 52px, 0); }
  .aires-sr-on .aires-sr.is-in { opacity: 1; transform: none; will-change: auto; }

  .aires-home-hero .wp-block-cover__inner-container,
  .aires-branch-page__hero .wp-block-cover__inner-container {
    opacity: calc(1.1 - var(--hero-p, 0) * 1.2);
    transform: translate3d(0, calc(var(--hero-p, 0) * -64px), 0);
    will-change: opacity, transform;
  }
  .aires-home-hero > .aires-hero-video,
  .aires-home-hero > .aires-hero-poster,
  .aires-branch-page__hero > .wp-block-cover__image-background {
    transform: scale(calc(1 + var(--hero-p, 0) * .08));
    will-change: transform;
  }

  /* Entrada del texto del hero al cargar la portada. */
  @keyframes aires-hero-in {
    from { opacity: 0; transform: translate3d(0, 40px, 0); }
    to { opacity: 1; transform: none; }
  }
  .aires-home-hero .aires-home-kicker,
  .aires-home-hero h1,
  .aires-home-hero .aires-home-lead,
  .aires-home-hero .aires-home-actions,
  .aires-branch-page__hero .aires-home-kicker,
  .aires-branch-page__hero h1,
  .aires-branch-page__hero .today-opening-hour,
  .aires-branch-page__hero .aires-branch-page__actions {
    animation: aires-hero-in 1s cubic-bezier(.23, 1, .32, 1) both;
  }
  .aires-home-hero .aires-home-kicker { animation-delay: .15s; }
  .aires-home-hero h1 { animation-delay: .3s; animation-duration: 1.15s; }
  .aires-home-hero .aires-home-lead { animation-delay: .55s; }
  .aires-home-hero .aires-home-actions { animation-delay: .75s; }
  .aires-branch-page__hero .today-opening-hour { animation-delay: .5s; }
  .aires-branch-page__hero .aires-branch-page__actions { animation-delay: .7s; }
  .aires-home-hero > .aires-hero-marquee { animation: aires-hero-fade 1.2s ease 1s both; }
  @keyframes aires-hero-fade { from { opacity: 0; } to { opacity: 1; } }
}