.elementor-116 .elementor-element.elementor-element-376ccd6{--display:flex;--min-height:150vh;--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;}.elementor-116 .elementor-element.elementor-element-376ccd6:not(.elementor-motion-effects-element-type-background), .elementor-116 .elementor-element.elementor-element-376ccd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#042225;}.elementor-116 .elementor-element.elementor-element-6bd17ad{--display:flex;--position:fixed;--min-height:100vh;top:0px;--z-index:3;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-116 .elementor-element.elementor-element-6bd17ad:not(.elementor-motion-effects-element-type-background), .elementor-116 .elementor-element.elementor-element-6bd17ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://matheusmax.com.br/wp-content/uploads/2025/11/hero03.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}body:not(.rtl) .elementor-116 .elementor-element.elementor-element-6bd17ad{left:0px;}body.rtl .elementor-116 .elementor-element.elementor-element-6bd17ad{right:0px;}.elementor-116 .elementor-element.elementor-element-5259ed7{--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;--z-index:1;}.elementor-116 .elementor-element.elementor-element-5259ed7:not(.elementor-motion-effects-element-type-background), .elementor-116 .elementor-element.elementor-element-5259ed7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001B1D;}.elementor-116 .elementor-element.elementor-element-2323c98{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-116 .elementor-element.elementor-element-9a988ed{text-align:center;}.elementor-116 .elementor-element.elementor-element-9a988ed img{width:100%;}.elementor-116 .elementor-element.elementor-element-dce49dc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-30em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-116 .elementor-element.elementor-element-dce49dc:not(.elementor-motion-effects-element-type-background), .elementor-116 .elementor-element.elementor-element-dce49dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#042326;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-116 .elementor-element.elementor-element-58b2180{width:var( --container-widget-width, 891.953px );max-width:891.953px;--container-widget-width:891.953px;--container-widget-flex-grow:0;z-index:1;}.elementor-116 .elementor-element.elementor-element-58b2180.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-116 .elementor-element.elementor-element-58b2180 .elementor-image-box-title{font-family:"Oxanium", Sans-serif;font-size:56px;font-weight:400;line-height:1.2em;color:#DADADA;}.elementor-116 .elementor-element.elementor-element-58b2180:has(:hover) .elementor-image-box-title,
					 .elementor-116 .elementor-element.elementor-element-58b2180:has(:focus) .elementor-image-box-title{color:#DADADA;}.elementor-116 .elementor-element.elementor-element-58b2180 .elementor-image-box-description{font-family:"Oxanium", Sans-serif;font-size:22px;font-weight:400;color:#FFFFFF8C;}.elementor-116 .elementor-element.elementor-element-930f880{--display:flex;--padding-top:0rem;--padding-bottom:7rem;--padding-left:0rem;--padding-right:0rem;}.elementor-116 .elementor-element.elementor-element-930f880:not(.elementor-motion-effects-element-type-background), .elementor-116 .elementor-element.elementor-element-930f880 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001B1D;}.elementor-116 .elementor-element.elementor-element-069bf59{--e-image-carousel-slides-to-show:4;}.elementor-116 .elementor-element.elementor-element-069bf59 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-116 .elementor-element.elementor-element-8564cbb{--e-image-carousel-slides-to-show:6;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 65px) 0px;}.elementor-116 .elementor-element.elementor-element-8564cbb .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-116 .elementor-element.elementor-element-4e99dc3 .elementor-button{background-color:#B2FE0200;font-family:"Oxanium", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-116 .elementor-element.elementor-element-4e99dc3{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-116 .elementor-element.elementor-element-4e99dc3.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-116 .elementor-element.elementor-element-58b2180{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;}.elementor-116 .elementor-element.elementor-element-58b2180.elementor-element{--align-self:center;}.elementor-116 .elementor-element.elementor-element-58b2180 .elementor-image-box-wrapper{text-align:center;}.elementor-116 .elementor-element.elementor-element-58b2180 .elementor-image-box-title{font-size:52px;line-height:1.3em;letter-spacing:0px;}.elementor-116 .elementor-element.elementor-element-069bf59{--e-image-carousel-slides-to-show:3;}.elementor-116 .elementor-element.elementor-element-8564cbb{--e-image-carousel-slides-to-show:3;}}@media(min-width:768px){.elementor-116 .elementor-element.elementor-element-2323c98{--width:100%;}}@media(max-width:767px){.elementor-116 .elementor-element.elementor-element-dce49dc{--padding-top:0em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-116 .elementor-element.elementor-element-58b2180{width:var( --container-widget-width, 84% );max-width:84%;--container-widget-width:84%;--container-widget-flex-grow:0;}.elementor-116 .elementor-element.elementor-element-58b2180 .elementor-image-box-title{margin-bottom:7px;font-size:29px;line-height:1.3em;letter-spacing:0px;}.elementor-116 .elementor-element.elementor-element-58b2180 .elementor-image-box-description{font-size:18px;line-height:1.5em;}.elementor-116 .elementor-element.elementor-element-069bf59{--e-image-carousel-slides-to-show:3;}.elementor-116 .elementor-element.elementor-element-8564cbb{--e-image-carousel-slides-to-show:3;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-116 .elementor-element.elementor-element-4e99dc3 .elementor-button{font-size:18px;}}/* Start custom CSS for image-box, class: .elementor-element-58b2180 */.elementor-116 .elementor-element.elementor-element-58b2180{
    text-wrap: balance;
    
}

<script>
    const elementos = document.querySelectorAll('.cima, .baixo, .esquerda, .direita');
    const posicaoScroll = window.innerHeight * 0.5;

    function fadeScroll(){
        elementos.forEach((elemento) => {
            const elementoTop = elemento.getBoundingClientRect().top - posicaoScroll;
            if(elementoTop < 320) {
                elemento.classList.add('ativo');
            }
            else {
                elemento.classList.remove('ativo');
            }
        })
    }

    window.addEventListener('scroll', fadeScroll);
</script>

<style>
    .esquerda{
        opacity: 0;
    transition: 0.8s;
    transform: translate(-30px, 0px);
    filter: blur(10px);
}

    .direita{
        opacity: 0;
    transition: 0.8s;
    transform: translate(30px, 0px);
    filter: blur(10px);
}

    .baixo{
          opacity: 0;
    transition: 0.8s;
    transform: translate(0px, 30px);
    filter: blur(10px);
}
    

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

    .ativo{
        opacity: 1;
        filter: blur(0px);
        transition: 0.8s ease all;
        transform: translate(0, 0);
    }

    .elementor-editor-active .baixo,
    .elementor-editor-active .cima,
    .elementor-editor-active .esquerda,
    .elementor-editor-active .direita {
      opacity: 1;
      transform: translate(0, 0);
      filter: blur(0);
    }
    .elemento1{
    transition-delay: 0.2s
}

.elemento2{
    transition-delay: 0.4s
}

.elemento3{
    transition-delay: 0.6s
}
</style>/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-069bf59 */.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-wrapper{
  transition-timing-function: linear !important; 
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide{
    opacity: 0.2;
    filter: blur(5px);
    animation: opacidade 5s infinite;
    transition: 0.5s;
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide[data-swiper-slide-index="0"]{
    animation-delay: 0.5s;
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide[data-swiper-slide-index="1"]{
    animation-delay: 1s;
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide[data-swiper-slide-index="2"]{
    animation-delay: 1.5s;
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide[data-swiper-slide-index="3"]{
    animation-delay: 2s;
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide[data-swiper-slide-index="4"]{
    animation-delay: 2.5s;
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide[data-swiper-slide-index="5"]{
    animation-delay: 3s;
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide[data-swiper-slide-index="6"]{
    animation-delay: 3.5s;
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide[data-swiper-slide-index="7"]{
    animation-delay: 4s;
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide[data-swiper-slide-index="8"]{
    animation-delay: 4.5s;
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide[data-swiper-slide-index="9"]{
    animation-delay: 5s;
}

.elementor-116 .elementor-element.elementor-element-069bf59 .swiper-slide[data-swiper-slide-index="10"]{
    animation-delay: 5.5s;
}

@keyframes opacidade{
    0%, 100%{
        opacity: 0.2;
        filter: blur(5px);
    }
    50%{
        opacity: 1;
        filter: blur(0px);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4e99dc3 *//* Personalize utilizando o Easy Coder*/
:root {
    --shiny-cta-bg: #003C3A;                 /* fundo verde-azulado bem escuro */
    --shiny-cta-bg-subtle: #0A5450;          /* borda sutil */
    --shiny-cta-fg: #ffffff;                 /* texto continua branco */
    --shiny-cta-highlight: #19E6C6;          /* brilho teal forte */
    --shiny-cta-highlight-subtle: #9FF8EB;   /* brilho suave */
}

@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@property --gradient-angle-offset {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@property --gradient-percent {
    syntax: "<percentage>";
    initial-value: 5%;
    inherits: false;
}

@property --gradient-shine {
    syntax: "<color>";
    initial-value: white;
    inherits: false;
}

/* Estilos para dispositivos móveis (largura máxima de 600px) */
@media only screen and (max-width: 600px) {
    .elementor-116 .elementor-element.elementor-element-4e99dc3 {
        /* Define a animação principal para o brilho */
        --animation: rotate-glow linear infinite;
        /* Duração da animação do brilho (3 segundos para uma volta completa) */
        --duration: 3s;
        /* Tamanho da sombra interna do botão */
        --shadow-size: 2px;
        isolation: isolate;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        outline-offset: 4px;
        /* Preenchimento (padding) do botão para telas menores */
        padding: 1.25rem 1.5rem;

        /* Tamanho da fonte do texto */
        font-size: 1.325rem;
        line-height: 1.2;
        border: 1px solid transparent;
        /* Bordas arredondadas do botão (formato pílula) */
        border-radius: 360px;
        color: var(--shiny-cta-fg);
        background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
                    conic-gradient(
                        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
                        transparent,
                        var(--shiny-cta-highlight) var(--gradient-percent),
                        var(--gradient-shine) calc(var(--gradient-percent) * 2),
                        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
                        transparent calc(var(--gradient-percent) * 4)
                    ) border-box;
        box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
        /* Transição suave para propriedades do brilho */
        transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
        transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
    }
}

/* Estilos para desktops e tablets (largura mínima de 600px) */
@media only screen and (min-width: 600px) {
    .elementor-116 .elementor-element.elementor-element-4e99dc3 {
        /* Define a animação principal para o brilho */
        --animation: rotate-glow linear infinite;
        /* Duração da animação do brilho (3 segundos para uma volta completa) */
        --duration: 3s;
        /* Tamanho da sombra interna do botão */
        --shadow-size: 2px;
        isolation: isolate;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        outline-offset: 4px;
        /* Preenchimento (padding) do botão para telas maiores */
        padding: 1.125rem 4.5rem;

        line-height: 1.2;
        border: 1px solid transparent;
        /* Bordas arredondadas do botão (formato pílula) */
        border-radius: 360px;
        color: var(--shiny-cta-fg);
        background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
                    conic-gradient(
                        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
                        transparent,
                        var(--shiny-cta-highlight) var(--gradient-percent),
                        var(--gradient-shine) calc(var(--gradient-percent) * 2),
                        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
                        transparent calc(var(--gradient-percent) * 4)
                    ) border-box;
        box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
        /* Transição suave para propriedades do brilho */
        transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
        transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
    }
}

.elementor-116 .elementor-element.elementor-element-4e99dc3::before,
.elementor-116 .elementor-element.elementor-element-4e99dc3::after,
.elementor-116 .elementor-element.elementor-element-4e99dc3 span::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    translate: -50% -50%;
    z-index: -1;
}

.elementor-116 .elementor-element.elementor-element-4e99dc3::before {
    /* Define o tamanho do pseudo-elemento */
    --size: calc(100% - var(--shadow-size) * 3);
    /* Posição inicial para o gradiente radial */
    --position: 2px;
    --space: calc(var(--position) * 2);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(
                circle at var(--position) var(--position),
                white calc(var(--position) / 4),
                transparent 0
            ) padding-box;
    background-size: var(--space) var(--space);
    background-repeat: space;
    /* Máscara para o efeito de brilho em rotação */
    mask-image: conic-gradient(
                from calc(var(--gradient-angle) + 45deg),
                black 0%, /* Início da área preta */
                black 9%, /* Fim da área preta antes da transição */
                transparent 10%, /* Início da transição transparente */
                transparent 90%, /* Fim da transição transparente */
                black 91%, /* Início da área preta após a transição */
                black 100% /* Fim da área preta */
            );
    border-radius: inherit;
    opacity: 0.4;
}

.elementor-116 .elementor-element.elementor-element-4e99dc3::after {
    /* Define a animação de brilho secundária */
    --animation: subtle-shine linear infinite;
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(
                -50deg,
                transparent,
                var(--shiny-cta-highlight),
                transparent
            );
    mask-image: radial-gradient(circle at bottom, transparent 40%, black);
    opacity: 0.6;
}

.elementor-116 .elementor-element.elementor-element-4e99dc3 span {
    z-index: 1;
    position: relative;
}

.elementor-116 .elementor-element.elementor-element-4e99dc3 span::before {
    /* Definindo largura e altura para a área de brilho interno no hover */
    width: 370px;
    height: 90px;
    /* Sombra interna que aparece no hover */
    box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);
    opacity: 0;
    transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-116 .elementor-element.elementor-element-4e99dc3:hover,
.elementor-116 .elementor-element.elementor-element-4e99dc3:focus-visible {
    /* Aumenta a largura do brilho no hover */
    --gradient-percent: 20%;
    /* Desloca o ângulo do gradiente no hover */
    --gradient-angle-offset: 95deg;
    /* Altera a cor do brilho mais intenso no hover */
    --gradient-shine: var(--shiny-cta-highlight-subtle);
}



/* Animação para a rotação do gradiente de brilho */
@keyframes rotate-glow {
    to {
        --gradient-angle: 360deg;
    }
}

/* Animação para o efeito de brilho sutil */
@keyframes subtle-shine {
    to {
        transform: rotate(360deg);
    }
}

/* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */
@keyframes pulse-effect {
    50% {
        transform: scale(1.2);
    }
}

.elementor-116 .elementor-element.elementor-element-4e99dc3,
.elementor-116 .elementor-element.elementor-element-4e99dc3::before,
.elementor-116 .elementor-element.elementor-element-4e99dc3::after {
    /* Aplica as animações ao botão e seus pseudo-elementos */
    animation: var(--animation) var(--duration),
               var(--animation) calc(var(--duration) / 0.4) reverse paused;
    animation-composition: add;
}

.elementor-116 .elementor-element.elementor-element-4e99dc3:hover,
.elementor-116 .elementor-element.elementor-element-4e99dc3:hover::before,
.elementor-116 .elementor-element.elementor-element-4e99dc3:hover::after {
    /* Inicia as animações ao passar o mouse */
    animation-play-state: running;
}/* End custom CSS */