.elementor-772 .elementor-element.elementor-element-c667fe1{--display:flex;--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;}.elementor-772 .elementor-element.elementor-element-abfa5f9{--display:flex;--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;}.elementor-772 .elementor-element.elementor-element-abfa5f9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-772 .elementor-element.elementor-element-ec962d5{width:100%;max-width:100%;}body.elementor-page-772:not(.elementor-motion-effects-element-type-background), body.elementor-page-772 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-772 .elementor-element.elementor-element-abfa5f9{--width:95.44%;}}/* Start custom CSS *//* Este código ajuda a evitar o scroll horizontal em dispositivos móveis */
html, body {
    overflow-x: hidden;
}

/* Define uma largura máxima para que o conteúdo se ajuste na tela */
* {
    max-width: 100vw;
    box-sizing: border-box;
}

/* Corrige o problema em dispositivos móveis */
@media (max-width: 768px) {
    /* Define o layout responsivo */
    body, html {
        width: 100%;
        overflow-x: hidden;
        margin: 0;
        padding: 0;
    }

    /* Aplica para outros elementos */
    .container {
        max-width: 100%;
    }
}/* End custom CSS */