/* Add media queries for responsiveness */
@media screen and (max-width: 990px) {

    .btnArrowTop {
        /*
        background-color: green;
        */
    }

    :root {
        --margem-interior-1: 20px;
    }



    .navigation {
        display: none;
    }
    .navigation-mobile {
        display: block;
    }
    .navigation-mobile nav {
        display: none;
    }
    .navigation-mobile .btnIdioma {
        margin-left: auto;
        margin-right: 0;
    }


    .btnArrowTop {
        bottom: 20px;
        right: 30px;
        padding: 10px;
        border-radius: 4px;
        font-size: 16px;
    }




    .destaque-imagens,
    .destaque-imagens .slideshow,
    .slide-home img {
        height: 500px;
    }

    .slide-home img {
        width: auto !important;
    }

    .destaque-imagens .overlay-texto .texto-destaque h1 {
        font-size: 40px;
    }
    .destaque-imagens .overlay-texto .texto-destaque span {
        font-size: 18px;
        max-width: 70%;
    }
    .destaque-imagens .overlay-texto .texto-destaque a {
        font-size: 16px;
        padding: 10px 25px;
    }


    /*
    .content {
        margin-top: 100px !important;
    }
        */

    .stats .stats-container {
        grid-template-columns: auto auto;
    }

    .gaiavilanova .gaiavilanova-container {
        grid-template-columns: auto;
    }


    .block-text-image .wrapper {
        display: flex;
        flex-direction: column;
    }

    .block-text-image .wrapper > div {
        width: 100%;
        max-width: 100%;
    }

    .block-text-image .texto .texto-esquerda {
        padding-right: 0px;
    }
    .block-text-image .texto .texto-direita {
        padding-left: 0px;
    }


    .block-text-image .image-slide-1,
    .block-text-image .image-slide-1 .show-slides .slides img {
        height: 500px;
    }


    .show-slides .slides img {
        transform: translateX(0%);  /* Centraliza a imagem em relação ao viewport */
    }


    .separadorImg1 {
        transform: translateY(0%) translateX(0%);
        width: auto;
        height: 500px;
    }
    .separadorImg2 {
        transform: translateY(-30%) translateX(0%);
        width: auto;
        height: 500px;
    }
    .separadorImg3 {
        transform: translateY(-30%) translateX(0%);
        width: auto;
        height: 500px;
    }


    .height1 {
        height: 500px;
    }
    .height2 {
        height: 300px;
    }
    .height3 {
        height: 300px;
    }
    .height4 {
        height: 300px;
    }




    .tab button {
        display: block;
        min-width: 100%;
        margin-bottom: 15px;
        text-align: left;
    }


    .plans-container .plan {
        margin-bottom: 100px;
        display: grid;
        grid-template-columns: auto 300px !important;
    }


}