/* Start custom CSS */html, body {
    width: 100%;
    overflow-x: hidden;
}

/* Chrome, Edge e Safari */
body::-webkit-scrollbar {
    width: 7px; /* largura da barra */
}

body::-webkit-scrollbar-track {
    background: #0B0B13; /* cor do fundo */
}

body::-webkit-scrollbar-thumb {
    background: #1A2A42; /* cor da barra de rolagem */
    border-radius: 10px; /* arredondamento */
    border: 1.5px solid #1A2A42; /* borda */
}



/* Firefox */
@-moz-document url-prefix() {
    * {
        scrollbar-width: thin;
        scrollbar-color: #1A2A42 #0B0B13; /* cor da barra e do fundo */
    }
}



/*Efeito de entrada vinculado ao scroll*/
.scroll-esquerda{
    opacity: 0;
    transition: 0.8s all;
    transform: translate3d(-30px, 0, 0);
    /*filter: blur(10px);*/
}

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

.scroll-base{
   opacity: 0;
    transition: 0.9s;
    transform: translate(0px, 30px);
}

.scroll-topo{
    opacity: 0;
    transition: 0.8s all;
    transform: translate3d(0, -80px, 0);
    /*filter: blur(30px);*/
}

.scroll-zoom {
    opacity: 0;
    transition:  transform 1.5s, opacity 0.8s, scale 1.5s;
    /*transform: translate3d(0, 80px, 0);*/
    scale: 0;
    /*filter: blur(5px);*/
}

.ativo{
    opacity: 1;
    transition:  transform 0.8s, opacity 0.8s, scale 1.5s;
    transform: translate3d(0, 0, 0);
    scale: 1;
    /*filter: blur(0px);*/
}
.elementor-editor-active .scroll-esquerda, .elementor-editor-active .scroll-direita, .elementor-editor-active .scroll-topo, .elementor-editor-active .scroll-base, .elementor-editor-active .scroll-zoom, .ativo{
    opacity: 1;
    transition: transform 0.8s, opacity 0.8s, scale 1.8s;
    transform: translate3d(0, 0, 0);
    scale: 1;
    /*filter: blur(0px);*/
    
   }


.elemento1{
    transition-delay: 0.4s
}

.elemento2{
    transition-delay: 0.6s
}

.elemento3{
    transition-delay: 0.8s
}

.elemento4{
    transition-delay: 1.0s
}


/*Scroll suave - Lenis*/
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}




/* CSS personalizado para desativar as animações no mobile */
@media (max-width: 768px) {
    .scroll-esquerda, .scroll-direita, .scroll-base, .scroll-topo, .scroll-zoom {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}/* End custom CSS */