/* =========================================================
   PÁGINA DE EMPREENDIMENTOS
   ========================================================= */

.empreendimentos-page {
    min-height: 500px;
}

.empreendimentos-lista {
    padding: 45px 0 45px;

    background: var(--background);
}


/* =========================================================
   CABEÇALHO DA PÁGINA
   ========================================================= */

.section-description {
    max-width: 650px;

    margin: 18px auto 0;

    color: var(--text-light);

    font-size: 14px;
    font-weight: 300;

    line-height: 1.7;
}


/* =========================================================
   CARD
   ========================================================= */

.empreendimento-col {
    margin-bottom: 30px;
}

.empreendimento-card {
    height: 100%;

    overflow: hidden;

    background: var(--white);

    border-radius: 10px;

    box-shadow: 0 5px 22px rgba(0, 0, 0, .08);

    cursor: pointer;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.empreendimento-card:hover {
    transform: translateY(-5px);

    box-shadow: 0 10px 30px rgba(0, 0, 0, .14);
}


/* =========================================================
   IMAGEM
   ========================================================= */

.empreendimento-card-imagem {
    width: 100%;

    overflow: hidden;

    background: #fafafa;
}

.empreendimento-card-imagem img {
    display: block;

    width: 100%;
    height: auto;

    transition: transform .35s ease;
}

.empreendimento-card:hover .empreendimento-card-imagem img {
    transform: scale(1.02);
}


/* =========================================================
   CONTEÚDO
   ========================================================= */

.empreendimento-card-body {
    padding: 20px 22px;

    border-top: 1px solid #eeeeee;
}

.empreendimento-card-body h2 {
    min-height: 42px;

    margin: 0 0 8px;

    color: var(--text);

    font-size: 17px;
    font-weight: 500;

    line-height: 1.45;
}

.empreendimento-link {
    color: var(--moreschi);

    font-size: 13px;
    font-weight: 500;
}

.empreendimento-link i {
    margin-left: 5px;

    transition: transform .2s ease;
}

.empreendimento-card:hover .empreendimento-link i {
    transform: translateX(3px);
}


/* =========================================================
   LOADING
   ========================================================= */

.empreendimentos-loading {
    padding: 45px 15px;

    color: var(--text-light);

    text-align: center;

    font-size: 14px;
}

.empreendimentos-loading i {
    margin-right: 8px;

    color: var(--moreschi);

    font-size: 20px;
}


/* =========================================================
   MENSAGENS
   ========================================================= */

.empreendimentos-mensagem {
    padding: 45px 20px;

    color: var(--text-light);

    text-align: center;

    font-size: 14px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .empreendimentos-lista {
        padding: 65px 0 70px;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .empreendimentos-lista {
        padding: 50px 0 60px;
    }


    .section-description {
        padding-left: 10px;
        padding-right: 10px;

        font-size: 13px;
    }


    .empreendimento-col {
        margin-bottom: 24px;
    }


    .empreendimento-card-body h2 {
        min-height: auto;

        font-size: 16px;
    }

}