.logo-menu img {
    display: block;
    height: 2rem;
    width: auto;
}

@media (min-width: 992px) {
    .logo-menu img {
        display: block;
        height: 4rem;
    }

    .banner-picture {
        max-width: 550px;
    }
}


.bg-wp-green {
    background-color: #008069;
}

.bg-wp-light-green {
    background-color: rgb(231, 255, 219);
}

.bg-wp-img {
    background-image: url(../img/bg-whatsapp.png);
    background-size: contain;
}

.window-foco-container {
    width: 100%;
}

@media (min-width: 992px) {

    .window-foco-container {
        border: 1px solid rgba(var(--bs-dark-rgb), .15);
        max-width: 700px;
        border-radius: 1rem;
    }
    
    .window-foco-header {
        border-radius: 1rem 1rem 0 0;

    }
    

}


.accordion-button:not(.collapsed) {
    color: var(--bs-light);
    background-color: rgba(var(--bs-dark-rgb), .5);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 rgba(var(--bs-dark-rgb), .5);
}
  


.gradient-white {
    background: rgb(255, 141, 141);
    background: radial-gradient(circle, rgba(255, 141, 141, 1) 0%, rgba(255, 141, 141, 0) 50%);
}



.base-rounded-style {
    border-radius: 0 0 5rem 1rem;
}

@media (min-width: 992px) {

    .base-rounded-style {
        border-radius: 0 0 100% 20%;
    }

}

.top-rounded-style {
    border-radius: 5rem 1rem 0 0;
}

@media (min-width: 992px) {

    .top-rounded-style {
        border-radius: 100% 20% 0 0;
    }

}

#stickyElement.is-sticky {
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, .5);
}





.new-bg-rounded-top-red {
    background-image: url(../img/curva_topo_vermelha.svg), radial-gradient(circle, rgba(212, 0, 7, 1) 0%, rgba(212, 0, 7, 1) 35%);
    background-size: 100% 20%, 100% 81%;
    background-position: bottom center, 100% 0;
    background-repeat: no-repeat, no-repeat;
}


@media (min-width: 992px) {

    .new-bg-rounded-top-red {
        background-size: 100% 50%, 100% 51%;
        background-position: bottom center, 100% 0;
    }
}

.new-bg-rounded-top-black-2 {
    background-image: url(../img/curva_topo_preta.svg), radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 35%);
    background-size: 100% 20%, 100% 81%;
    background-position: bottom center, 100% 0;
    background-repeat: no-repeat, no-repeat;
}


@media (min-width: 992px) {

    .new-bg-rounded-top-black-2 {
        background-size: 100% 50%, 100% 51%;
        background-position: bottom center, 100% 0;
    }
}

.new-bg-rounded-top-black {
    background-image: url(../img/curva_bottom_preta.svg), radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 35%);
    background-size: 100% 20%, 100% 81%;
    background-position: top center, 100% 102%;
    background-repeat: no-repeat, no-repeat;
}


@media (min-width: 992px) {

    .new-bg-rounded-top-black {
        background-size: 100% 50%, 100% 51%;
        background-position: top center, 100% 102%;
    }
}

.new-bg-rounded-bottom-black {
    background-image: url(../img/curva_topo_preta.svg);
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
}


.bolinha-destaque {
    max-width: 700px;
    width: 50vw;
}
.bolinha-destaque h2 {
    font-weight: 500;
    font-size: 4vw;
}

@media (min-width: 992px) {
    .bolinha-destaque h2 {
        font-size: 2.2vw;
    }

    .bolinha-destaque {
        max-width: 600px;
        width: 20vw;
    }
}


#bottonBox {
    bottom: -100%;
    transition: all ease .5s;
}

#bottonBox.button-top-show {
    bottom: calc(max(16px, 1vh)) !important;
    transition: all ease .5s;
}