.container-loop-empreendimentos {
    width: 100%;
    position: relative;
    font-family: 'Montserrat';
}

.container-loop-empreendimentos::before {
    bottom: -20vw;
    background-image: url(./../../incorporadora-e-construtora/home/goncalves-incorporadora-bg-empreendimento-before.webp);
    position: absolute;
    left: 0px;
    z-index: -1;
    content: '';
    background-size: contain;
    width: 25.584vw;
    background-repeat: no-repeat;
    height: 61.5vw;
}

.container-loop-empreendimentos::after {
    background-image: url(./../../incorporadora-e-construtora/home/goncalves-incorporadora-bg-empreendimento-after.webp);
    position: absolute;
    right: 0px;
    z-index: -1;
    content: '';
    background-size: contain;
    width: 29.584vw;
    background-repeat: no-repeat;
    height: 64.5vw;
    background-position: 22px;
    top: -12vw;
}

.box-titulo-empreendimentos {
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #212154;
    font-size: 56px;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.box-titulo-empreendimentos::after {
    background-image: url(./../../incorporadora-e-construtora/empreendimento/goncalves-incorporadora-linhas-banner.webp);
    position: absolute;
    right: 0px;
    content: '';
    width: 1180px;
    background-repeat: no-repeat;
    height: 1590px;
    background-position: 198px;
    z-index: -1;
    max-width: 63vw;
}

.content-loop-empreendimentos {
    width: 1280px;
    max-width: 86%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 120px;

}

.titulo-nossos-empreendimentos {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #000;
    padding-bottom: 7px;
    margin-top: 67px;
    margin-bottom: 80px;
}

.titulo-nossos-empreendimentos::after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 20px;
    height: 20px;
    background-color: #b52a31;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.titulo-nossos-empreendimentos h1 {
    font-size: 42px;
    letter-spacing: 2px;
    color: #212154;
    font-weight: 700;
}

.loop-empreendimento {
    width: 47.3%;
    height: 610px;
    border-radius: 8px;
    margin-right: 5.4%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
    margin-top: 4vw;
}

.loop-empreendimento:nth-child( -n + 2 ) {
    margin-top: 0;
}

.loop-empreendimento:hover {
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.loop-empreendimento:hover .botao-saiba-loop-empreendimento {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

.loop-empreendimento:hover .botao-saiba-loop-empreendimento svg {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}



.loop-empreendimento:nth-child( 2n ) {
    margin-right: 0;
}


.box-loop-empreendimentos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1113px;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 100%;
}

.link-loop-empreendimento {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.status-loop-empreendimento {
    width: 102px;
    height: 22px;
    background-color: #b52a31;
    text-transform: uppercase;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 500;
    position: absolute;
    top: 5%;
    left: 8.4%;
}

.overlay-loop-empreedimento {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000000c4), to(rgb(0 0 0 / 0%)));
    background-image: -o-linear-gradient(bottom, #000000c4 0%, rgb(0 0 0 / 0%) 100%);
    background-image: linear-gradient(0deg, #000000c4 0%, rgb(0 0 0 / 0%) 100%);
    border-radius: 8px;
}

.titulo-empreendimento-loop {
    font-size: 28px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 32px;
}

.box-info-loop-empreendimentos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 13%;
    margin-bottom: 8%;
}

.info-loop-empreendimento {
    margin-left: 19px;
}

.dorms-loop-empreendimento, .metragem-loop-empreendimento, .localizacao-loop-empreendimento {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 14px;
}

.localizacao-loop-empreendimento {
    margin-bottom: 0;
}

.info-loop-empreendimento svg {
    margin-right: 19px;
}

.dorms-loop-empreendimento svg {
    width: 20px;
    height: auto;
    fill: #fff;
}

.metragem-loop-empreendimento svg {
    width: 20px;
    height: auto;
    fill: #fff;
}

.localizacao-loop-empreendimento svg {
    width: 20px;
    height: auto;
    fill: #fff;
}

.botao-saiba-loop-empreendimento {
    width: 74.5%;
    height: 37px;
    border-radius: 5px;
    background-color: #b52a31;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: #fff;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    left: 50%;
    bottom: -18px;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    font-size: 14px;
    padding-left: 10%;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

.botao-saiba-loop-empreendimento svg {
    width: 5.7%;
    fill: #fff;
    position: absolute;
    right: 11%;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
    min-width: 18px;

}


/* 1023px
996px
768px
600px
490px
460px
430px
400px
360px

330px
280px */


/* Responsivo */

@media screen and (max-width: 1200px) {
    .loop-empreendimento {
        height: 540px;
    }
}



/***************** MOBILE  ******************/

@media screen and (max-width: 1023px ) {
    .titulo-nossos-empreendimentos h1 {
        font-size: 32px;
    }
    .box-titulo-empreendimentos {
        font-size: 36px;
    }
    .loop-empreendimento {
        height: 500px;
    }
    .box-info-loop-empreendimentos {
        margin-left: 6%;
        margin-bottom: 13%;
    }
    .titulo-empreendimento-loop {
        font-size: 24px;
    }

    .box-titulo-empreendimentos::after {
        max-width: 69vw;
    }

}

@media screen and (max-width: 767px) {
    .box-loop-empreendimentos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .loop-empreendimento {
        margin-right: 0;
    }

    .titulo-nossos-empreendimentos {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .loop-empreendimento {
        width: 401px;
        height: 548px;
        max-width: 100%;
        margin-bottom: 80px;
    }
    .titulo-nossos-empreendimentos h1 {
        font-size: 25px;
    }

    .loop-empreendimento:nth-last-child( -n + 1 ) {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .box-titulo-empreendimentos {
        height: 250px;
    }
}

@media screen and (max-width: 490px) {
    .loop-empreendimento {
        height: 464px;
    }
    .titulo-nossos-empreendimentos h1 {
        font-size: 24px;
    }
    .box-titulo-empreendimentos {
        font-size: 24px;
    }
    .box-info-loop-empreendimentos {
        margin-left: 6%;
        margin-bottom: 13%;
        margin-right: 6%;
    }
}

@media screen and (max-width: 360px) {
    .loop-empreendimento {
        height: 417px;
    }
    .titulo-empreendimento-loop {
        margin-bottom: 14px;
    }
    .titulo-empreendimento-loop {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .titulo-nossos-empreendimentos h1 {
        font-size: 20px;
    }
    .box-titulo-empreendimentos {
        font-size: 22px;
    }
}

@media screen and (max-width: 320px) {
    .loop-empreendimento {
        height: 370px;
    }
}