.elementor-369 .elementor-element.elementor-element-2df7316c{--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-369 .elementor-element.elementor-element-da14fd2{--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;--background-transition:0.3s;}.elementor-369 .elementor-element.elementor-element-b4faed3{--box-border-radius:15px;--item-text-hover-decoration:underline;}.elementor-369 .elementor-element.elementor-element-b4faed3 .elementor-toc__header-title{text-align:start;}.elementor-369 .elementor-element.elementor-element-b4faed3 .elementor-toc__header{flex-direction:row;}.elementor-369 .elementor-element.elementor-element-39a792e{--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;}@media(min-width:768px){.elementor-369 .elementor-element.elementor-element-da14fd2{--width:70%;}.elementor-369 .elementor-element.elementor-element-39a792e{--width:30%;}}/* Start custom CSS for image, class: .elementor-element-b927fe7 */#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 */