/* Estado inicial de las animaciones de entrada (yes-home-motion.js).
   La clase html.yes-motion la agrega un script del <head> solo si el visitante
   no pidió "reducir movimiento"; si algo falla, el JS la quita y todo se ve. */
html.yes-motion:not(.yes-motion-done) .yes-video-hero__eyebrow,
html.yes-motion:not(.yes-motion-done) .yes-video-hero__title,
html.yes-motion:not(.yes-motion-done) .yes-video-hero__text,
html.yes-motion:not(.yes-motion-done) .yes-video-hero__actions,
html.yes-motion:not(.yes-motion-done) .yes-video-hero__perks,
html.yes-motion:not(.yes-motion-done) .yes-custom__header > *,
html.yes-motion:not(.yes-motion-done) .yes-custom__carousel .swiper-slide,
html.yes-motion:not(.yes-motion-done) .yes-custom__media,
html.yes-motion:not(.yes-motion-done) .yes-custom__copy > *,
html.yes-motion:not(.yes-motion-done) .yes-category-products__header > *,
html.yes-motion:not(.yes-motion-done) .yes-category-products__tabs,
html.yes-motion:not(.yes-motion-done) .yes-category-products__viewport,
html.yes-motion:not(.yes-motion-done) .yes-gallery__card,
html.yes-motion:not(.yes-motion-done) .yes-image-hero__content > *,
html.yes-motion:not(.yes-motion-done) .yes-image-hero__picture,
html.yes-motion:not(.yes-motion-done) .yes-gallery2__header,
html.yes-motion:not(.yes-motion-done) .yes-gallery2__item,
html.yes-motion:not(.yes-motion-done) .yes-faq__header > *,
html.yes-motion:not(.yes-motion-done) .yes-faq__item {
  opacity: 0;
}

/* Parallax sutil (yes-home-parallax.js): estilos base de Locomotive/Lenis y
   margen extra en la imagen del banner para que pueda desplazarse sin dejar huecos. */
html.lenis,
html.lenis body { height: auto; }

html.yes-parallax .yes-image-hero__image {
  inset: -14% 0;
  height: 128%;
}