.elementor-7107 .elementor-element.elementor-element-13fadcd{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-7107:not(.elementor-motion-effects-element-type-background), body.elementor-page-7107 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-7107 .elementor-element.elementor-element-13fadcd{--content-width:100%;}}/* Start custom CSS */::selection{
    background: #0063FF75
}

html, body{ overflow-x: hidden !important; }

p:last-child{
    margin-bottom:0px;
}

body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: #000000;        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-image: linear-gradient(0deg, white, white);
  /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid #000000;  /* creates padding around scroll thumb */
}


ama{
    background: linear-gradient(180deg, #63FFC0 0%, #1FB39F 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.scroll-menu {
    opacity: 0;
    transition: opacity 0.8s, transform 0.8s, filter 0.8s;
    transform: translate(0px, -20px) scale(1.5);
    filter: blur(10px); /* Adiciona um blur inicial */
}

.scroll-zooom {
    opacity: 0;
    transition: opacity 0.8s, transform 0.8s, filter 0.8s;
    transform: translate(80px, 0px) scale(1.5);
    filter: blur(10px); /* Adiciona um blur inicial */
}


.scroll-zoomout {
    opacity: 0;
    transition: opacity 0.8s, transform 0.8s, filter 0.8s;
    transform: translate(-60px, 20px) scale(1.2);
    filter: blur(10px); /* Adiciona um blur inicial */
}



.scroll-giro {
    opacity: 0;
    transition: opacity 1.2s, transform 1.2s, filter 0.8s;
    transform: perspective(800px) translateY(30px) rotateY(-45deg);
    filter: blur(10px);
}



.scroll-bottom {
    opacity: 0;
    transition: opacity 0.8s, transform 0.8s, filter 0.8s;
    transform: translate(0px, 30px);
    filter: blur(10px); /* 
}

.scroll-top {
    opacity: 0;
    transition: opacity 0.8s, transform 0.8s, filter 0.8s;
    transform: translate(0px, -30px);
    filter: blur(10px); /* Adiciona um blur inicial */
}

.scroll-left {
    opacity: 0;
    transition: opacity 0.8s, transform 0.8s, filter 0.8s;
    transform: translate(-30px, 0px);
    filter: blur(10px); /* Adiciona um blur inicial */
}

.scroll-right {
    opacity: 0;
    transition: opacity 0.8s, transform 0.8s, filter 0.8s;
    transform: translate(30px, 0px);
    filter: blur(10px); /* Adiciona um blur inicial */
}

/* Quando o elemento estiver ativo ou no editor do Elementor */
.elementor-editor-active .scroll-giro,
.elementor-editor-active .scroll-zooom,
.elementor-editor-active .scroll-menu,
.elementor-editor-active .scroll-zoomout,
.elementor-editor-active .scroll-bottom,
.elementor-editor-active .scroll-top,
.elementor-editor-active .scroll-left,
.elementor-editor-active .scroll-right,
.ativo {
    opacity: 1;
    transform: perspective(800px) translateY(0px) rotateY(0deg) scale(1);
    filter: blur(0px);
}

/* Classe para adicionar delay de 1 segundo */
.delay1 {
    transition-delay: 0.3s; /* Adiciona 1s de atraso na transição */
}

.delay2 {
    transition-delay: 0.6s; /* Adiciona 1s de atraso na transição */
}

.delay3 {
    transition-delay: 0.9s; /* Adiciona 1s de atraso na transição */
}

.delay4 {
    transition-delay: 1.2s; /* Adiciona 1s de atraso na transição */
}

.delay5 {
    transition-delay: 1.5s; /* Adiciona 1s de atraso na transição */
}

.delay6 {
    transition-delay: 1.8s; /* Adiciona 1s de atraso na transição */
}





/* Desativa qualquer delay em telas até 1024px (tablet e celular) */
@media (max-width: 1024px) {
  .delay1,
  .delay2,
  .delay3,
  .delay4,
  .delay5,
  .delay6 {
    transition-delay: 0s !important;
  }
}



/* delay para funcionar tanto em cel e desktop */
.del1 {
    transition-delay: 0.3s; /* Adiciona 1s de atraso na transição */
}
.del2 {
    transition-delay: 0.6s; /* Adiciona 1s de atraso na transição */
}
.del3 {
    transition-delay: 0.9s; /* Adiciona 1s de atraso na transição */
}
.del4 {
    transition-delay: 1.2s; /* Adiciona 1s de atraso na transição */
}
.del5 {
    transition-delay: 1.5s; /* Adiciona 1s de atraso na transição */
}
.del6 {
    transition-delay: 1.8s; /* Adiciona 1s de atraso na transição */
}
.del7 {
    transition-delay: 2.1s; /* Adiciona 1s de atraso na transição */
}
.del8 {
    transition-delay: 2.4s; /* Adiciona 1s de atraso na transição */
}/* End custom CSS */