.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>

<script>
  gsap.registerPlugin(ScrollTrigger);

  // 1. BAIXO COM BLUR (Vem de baixo para cima)
  gsap.utils.toArray('.anim-baixo-blur').forEach(elemento => {
    gsap.from(elemento, {
      scrollTrigger: {
        trigger: elemento,
        start: "top 85%", // Dispara quando o elemento chega em 85% da tela
      },
      y: 60, // Eixo Y positivo = empurra para baixo no início
      opacity: 0,
      filter: "blur(15px)", // O nível de desfoque inicial
      duration: 1.2, // Tempo da animação
      ease: "power3.out" // Curva de aceleração (começa rápido, termina suave)
    });
  });

  // 2. CIMA COM BLUR (Vem de cima para baixo)
  gsap.utils.toArray('.anim-cima-blur').forEach(elemento => {
    gsap.from(elemento, {
      scrollTrigger: {
        trigger: elemento,
        start: "top 85%",
      },
      y: -60, // Eixo Y negativo = puxa para cima no início
      opacity: 0,
      filter: "blur(15px)",
      duration: 1.2,
      ease: "power3.out"
    });
  });

  // 3. ESQUERDA COM BLUR (Vem da esquerda para a direita)
  gsap.utils.toArray('.anim-esq-blur').forEach(elemento => {
    gsap.from(elemento, {
      scrollTrigger: {
        trigger: elemento,
        start: "top 85%",
      },
      x: -60, // Eixo X negativo = puxa para a esquerda no início
      opacity: 0,
      filter: "blur(15px)",
      duration: 1.2,
      ease: "power3.out"
    });
  });

  // 4. DIREITA COM BLUR (Vem da direita para a esquerda)
  gsap.utils.toArray('.anim-dir-blur').forEach(elemento => {
    gsap.from(elemento, {
      scrollTrigger: {
        trigger: elemento,
        start: "top 85%",
      },
      x: 60, // Eixo X positivo = empurra para a direita no início
      opacity: 0,
      filter: "blur(15px)",
      duration: 1.2,
      ease: "power3.out"
    });
  });
</script>/* End custom CSS */