/* Digital Pixel — apoio ao animacoes.js. */

/* Containers do Elementor animam transform em 0,4s por padrão, o que atrasa e faz
   "escorregar" toda animação GSAP em container. Mantém só cor, borda e sombra. */
.elementor-element.e-con { transition-property: background, border, box-shadow !important; }

/* Fundo de container movido pelo JS: a imagem sai do container e vai para uma camada */
.anim-fundo { position: relative; overflow: hidden; isolation: isolate; background-image: none !important; }
.anim-fundo__camada { position: absolute; z-index: -1; background-size: cover; background-repeat: no-repeat; pointer-events: none; will-change: transform; }

/* Itens que chegam da direita não podem alargar a página antes de entrar.
   hidden e não clip: clip não existe no Safari < 16 e o iPhone rolava de lado. */
.anim-lado { overflow: hidden; }

/* Enquanto o GSAP não rodou, nada pisca: o próprio gsap.from cuida do estado
   inicial, então não escondemos nada por CSS (evita sumiço se o JS falhar). */