/* Lillipe v3.4.6 - revelacao leve ao rolar, sem alterar o layout. */
body[data-scrollfx-enabled="1"][data-scrollfx-strength="subtle"] {
  --scrollfx-distance: 12px;
  --scrollfx-duration: 490ms;
}
body[data-scrollfx-enabled="1"][data-scrollfx-strength="standard"] {
  --scrollfx-distance: 21px;
  --scrollfx-duration: 620ms;
}
body[data-scrollfx-enabled="1"][data-scrollfx-strength="expressive"] {
  --scrollfx-distance: 30px;
  --scrollfx-duration: 735ms;
}
/* JS apenas habilita a classe ao confirmar suporte a IntersectionObserver.
   Sem JS, sem suporte, ou com movimento reduzido, nada fica invisivel. */
body[data-scrollfx-enabled="1"].scrollfx-ready .scrollfx-reveal {
  opacity: 0;
  translate: 0 var(--scrollfx-distance, 12px);
  transition-property: opacity, translate;
  transition-duration: var(--scrollfx-duration, 490ms);
  transition-timing-function: cubic-bezier(.22,.7,.22,1);
  transition-delay: var(--scrollfx-delay, 0ms);
}
body[data-scrollfx-enabled="1"].scrollfx-ready .scrollfx-reveal.scrollfx-visible {
  opacity: 1;
  translate: 0 0;
}
@media (prefers-reduced-motion: reduce) {
  body[data-scrollfx-enabled="1"].scrollfx-ready .scrollfx-reveal {
    opacity: 1 !important;
    translate: none !important;
    transition: none !important;
  }
}