.cta-header-fixo {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 20;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
}

@media screen and (min-width: 992px) {
    .cta-header-fixo {
        top: 78px;
        transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
    }
    .cta-header-fixo.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

@media screen and (max-width: 991px) {
    .cta-header-fixo {
        top: 0;
    }
    .cta-header-fixo.active {
        opacity: 1;
        visibility: visible;
    }
    .cta-header-fixo.active.visible {
        top: 56px;
        transform: translateY(0);
        transition: all 300ms ease-in-out;
    }
    .cta-header-fixo.active:not(.visible) {
        top: 0;
        transform: translateY(0);
        transition: all 1s linear;
        transition-delay: 520ms;
    }
}

.cta-header-fixo img {
    min-height: auto;
    object-fit: contain;
    border-radius: 0 0 12px 12px;
}

.cta-header-fixo img:hover {
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
    filter: brightness(1.1);
    cursor: pointer;
}