.elementor-15685 .elementor-element.elementor-element-fb598d0{--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-15685 .elementor-element.elementor-element-fb598d0:not(.elementor-motion-effects-element-type-background), .elementor-15685 .elementor-element.elementor-element-fb598d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D11616;}.elementor-15685 .elementor-element.elementor-element-c5e2c5d{--display:flex;--position:absolute;top:0px;--z-index:1;}body:not(.rtl) .elementor-15685 .elementor-element.elementor-element-c5e2c5d{left:0px;}body.rtl .elementor-15685 .elementor-element.elementor-element-c5e2c5d{right:0px;}.elementor-15685 .elementor-element.elementor-element-f57df5f .elementor-button-content-wrapper{flex-direction:row;}/* Start custom CSS for container, class: .elementor-element-c5e2c5d */.overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: transparent; /* Começa transparente */
    transition: background 0.3s ease-in-out;
    z-index: 10;
}

.overlay-container.scrolled {
    background: rgba(0, 0, 0, 0.7); /* Muda de cor ao rolar */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb598d0 */<style>
/* Efeito de transição ao sair da página */
.page-exit {
    animation: slideOut 0.5s forwards;
}

@keyframes slideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(-100%);
        opacity: 0;
    }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    var backButton = document.querySelector(".back-button"); // Seletor do botão de voltar

    if (backButton) {
        backButton.addEventListener("click", function(event) {
            event.preventDefault(); // Evita o redirecionamento imediato
            
            document.body.classList.add("page-exit"); // Adiciona a animação
            
            setTimeout(function() {
                window.history.back(); // Volta para a página anterior após a animação
            }, 500); // Tempo igual ao da animação no CSS
        });
    }
});
</script>/* End custom CSS */