.elementor-4349 .elementor-element.elementor-element-02d1a81{--display:grid;--min-height:100vh;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;--overlay-opacity:0.5;--z-index:99;}.elementor-4349 .elementor-element.elementor-element-02d1a81:not(.elementor-motion-effects-element-type-background), .elementor-4349 .elementor-element.elementor-element-02d1a81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("http://131.255.179.161/wp-content/uploads/2024/11/Sonik-Site-Capa-28-08-Background.png");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-4349 .elementor-element.elementor-element-02d1a81::before, .elementor-4349 .elementor-element.elementor-element-02d1a81 > .elementor-background-video-container::before, .elementor-4349 .elementor-element.elementor-element-02d1a81 > .e-con-inner > .elementor-background-video-container::before, .elementor-4349 .elementor-element.elementor-element-02d1a81 > .elementor-background-slideshow::before, .elementor-4349 .elementor-element.elementor-element-02d1a81 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4349 .elementor-element.elementor-element-02d1a81 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #3B833900 0%, #29F2BB00 100%);}.elementor-4349 .elementor-element.elementor-element-02d1a81, .elementor-4349 .elementor-element.elementor-element-02d1a81::before{--border-transition:0.3s;}.elementor-4349 .elementor-element.elementor-element-a9256c5{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-4349 .elementor-element.elementor-element-8bb5a64{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-4349 .elementor-element.elementor-element-8bb5a64 img{width:100%;max-width:100%;}.elementor-4349 .elementor-element.elementor-element-237a320{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-4349 .elementor-element.elementor-element-42a993d{--display:flex;--min-height:208px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-4349 .elementor-element.elementor-element-431ed24 > .elementor-widget-container{margin:-30px -30px -30px -30px;}.elementor-4349 .elementor-element.elementor-element-431ed24.elementor-element{--align-self:center;}body:not(.rtl) .elementor-4349 .elementor-element.elementor-element-431ed24{left:197px;}body.rtl .elementor-4349 .elementor-element.elementor-element-431ed24{right:197px;}.elementor-4349 .elementor-element.elementor-element-431ed24{top:-47px;}.elementor-4349 .elementor-element.elementor-element-87731d0{--display:flex;--position:absolute;--justify-content:flex-end;--background-transition:0.3s;top:0px;}body:not(.rtl) .elementor-4349 .elementor-element.elementor-element-87731d0{left:0px;}body.rtl .elementor-4349 .elementor-element.elementor-element-87731d0{right:0px;}.elementor-4349 .elementor-element.elementor-element-c966d73{z-index:-1000;}@media(max-width:1024px){.elementor-4349 .elementor-element.elementor-element-02d1a81{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-4349 .elementor-element.elementor-element-02d1a81{--width:100%;}.elementor-4349 .elementor-element.elementor-element-237a320{--width:100%;}.elementor-4349 .elementor-element.elementor-element-42a993d{--width:94%;}.elementor-4349 .elementor-element.elementor-element-87731d0{--width:100%;}}@media(max-width:767px){.elementor-4349 .elementor-element.elementor-element-02d1a81{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4349 .elementor-element.elementor-element-02d1a81:not(.elementor-motion-effects-element-type-background), .elementor-4349 .elementor-element.elementor-element-02d1a81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}}/* Start custom CSS for container, class: .elementor-element-87731d0 *//* Estilo para o fundo de fumaça */
#fundoFumaca {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px; /* Altura da fumaça */
    background: radial-gradient(circle, rgba(0, 50, 0, 0.5) 0%, rgba(0, 20, 0, 0) 60%);
    overflow: hidden;
    z-index: -1;
    pointer-events: none; /* Permite cliques através da fumaça */
}

/* Animações da fumaça */
.fumaca {
    position: absolute;
    bottom: 0;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(0, 80, 0, 0.3), transparent 70%);
    animation: subirFumaca 8s infinite ease-in-out;
    opacity: 0.8;
}

/* Movimentos aleatórios */
.fumaca:nth-child(1) { left: 10%; animation-delay: 0s; }
.fumaca:nth-child(2) { left: 30%; animation-delay: 2s; }
.fumaca:nth-child(3) { left: 50%; animation-delay: 4s; }
.fumaca:nth-child(4) { left: 70%; animation-delay: 6s; }
.fumaca:nth-child(5) { left: 90%; animation-delay: 1s; }

/* Animação para subir e sumir suavemente */
@keyframes subirFumaca {
    0% {
        transform: translateY(0) scale(1);
        opacity: 0.5;
    }
    50% {
        opacity: 0.8;
        transform: translateY(-50px) scale(1.1);
    }
    100% {
        transform: translateY(-100px) scale(1.2);
        opacity: 0;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02d1a81 *//* Fundo gradiente animado ocupando toda a tela */
.gradient-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -9999; /* Mantém o gradiente bem ao fundo */
    background: linear-gradient(120deg, #00a86a, #0e648e, #b048fa, #00a86a);
    background-size: 300% 300%;
    animation: gradientAnimation 8s ease-in-out infinite;
    pointer-events: none; /* Garante que o gradiente não interfira com o conteúdo acima */
}

/* Animação do gradiente */
@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */