.elementor-366 .elementor-element.elementor-element-6efe7372{--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-366 .elementor-element.elementor-element-3936062{--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-366 .elementor-element.elementor-element-3936062.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-366 .elementor-element.elementor-element-e3cb1c4{--box-border-radius:15px;--item-text-hover-decoration:underline;}.elementor-366 .elementor-element.elementor-element-e3cb1c4 .elementor-toc__header-title{text-align:start;}.elementor-366 .elementor-element.elementor-element-e3cb1c4 .elementor-toc__header{flex-direction:row;}.elementor-366 .elementor-element.elementor-element-7254a94f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-366 .elementor-element.elementor-element-aec95c8{--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-366 .elementor-element.elementor-element-3936062{--width:70%;}.elementor-366 .elementor-element.elementor-element-aec95c8{--width:30%;}}/* Start custom CSS for image, class: .elementor-element-3e990b2 */#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 */
/* Start custom CSS for container, class: .elementor-element-aec95c8 */.elementor-366 .elementor-element.elementor-element-aec95c8 {
    position: relative;
}/* End custom CSS */