.elementor-762 .elementor-element.elementor-element-362d7b72{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-762 .elementor-element.elementor-element-b1222a0{--display:flex;--background-transition:0.3s;}.elementor-762 .elementor-element.elementor-element-f96d198{--box-border-radius:15px;--item-text-hover-decoration:underline;}.elementor-762 .elementor-element.elementor-element-f96d198 .elementor-toc__header-title{text-align:start;}.elementor-762 .elementor-element.elementor-element-f96d198 .elementor-toc__header{flex-direction:row;}.elementor-762 .elementor-element.elementor-element-38feb0f{--display:flex;--background-transition:0.3s;}@media(min-width:768px){.elementor-762 .elementor-element.elementor-element-b1222a0{--width:70%;}.elementor-762 .elementor-element.elementor-element-38feb0f{--width:30%;}}/* Start custom CSS for image, class: .elementor-element-3b8da9a */#banner {
    position: sticky;
    top: 20px; /* A posição em que o banner se tornará fixo dentro do contêiner */
    z-index: 1000;
    height: 450px;
    width: 300px;
    opacity: 0.9;
    transition: opacity 0.2s, transform 0.2s;
}

/* Esconde o banner em dispositivos com largura menor que 768px */
@media (max-width: 768px) {
    #banner {
        display: none;
    }
}

/* Animação de flutuação */
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px); /* Move ligeiramente para cima */
    }
}

/* Aplica a animação e aumenta a opacidade quando o mouse estiver sobre o banner */
#banner:hover {
    opacity: 1;
    animation: float 2s ease-in-out infinite;
}/* End custom CSS */