.elementor-kit-8{--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;background-color:#0B0B0B;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* Estilo base para ambas as pedras */
.pedra {
  width: 100px; /* Ajuste conforme necessário */
  height: 100px; /* Ajuste conforme necessário */
  background-size: cover;
  position: absolute;
}

/* Animação para a primeira pedra */
.pedra1 {
  background-image: url('URL-DA-IMAGEM-DA-PRIMEIRA-PEDRA');
  animation: animacaoPedra1 10s ease-in-out infinite;
}

/* Animação para a segunda pedra */
.pedra2 {
  background-image: url('URL-DA-IMAGEM-DA-SEGUNDA-PEDRA');
  animation: animacaoPedra2 12s ease-in-out infinite;
}

/* Keyframes para a primeira pedra */
@keyframes animacaoPedra1 {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
    filter: blur(0);
  }
  50% {
    transform: translateY(50px) rotate(20deg);
    filter: blur(2px);
  }
}

/* Keyframes para a segunda pedra */
@keyframes animacaoPedra2 {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
    filter: blur(0);
  }
  25% {
    transform: translateY(100px) rotate(-20deg);
    filter: blur(3px);
  }
  75% {
    transform: translateY(100px) rotate(20deg);
    filter: blur(3px);
  }
}

.iniciarb{
    opacity: 0.5;
    transition: 1s;
    filter: blur(30px);
    transform: scale(1);
}
.iniciarativob{
    opacity: 1;
    transition: 1s;
    filter: blur(0px);
    transform: scale(1.2);
}
.iniciar2b {
    transition: all 1s !important;
    clip-path: inset(0% 0% 0% 0%);
}

.iniciarativo2b {
    position: relative;
    transition: all 1s !important;
    clip-path: inset(50% 50% 50% 50%); /* Faz o quadrado "sumir" para o centro */
}
@keyframes luzdoselo {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
.img-flutuantecanva {
  animation: flutuar 6s ease-in-out infinite, desfocar 8s ease-in-out infinite;
  will-change: transform, filter;
  display: inline-block;
}

@keyframes flutuar {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

@keyframes desfocar {
  0%, 100% {
    filter: blur(0px);
  }
  50% {
    filter: blur(4px);
  }
}/* End custom CSS */