/* =============================================
   LAYOUT-EMPREENDIMENTOS.CSS
   ============================================= */

/* ── Seção 1: Entregues ── */
.container-empreendimentos1 {
    margin-top: 6rem;
    z-index: 0;
    padding: 2rem;
}

.container-empreendimentos1-row1 .col h1 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #DA5A31;
    text-align: start;
    padding-bottom: 2rem;
}

/* Banner 1 */
.container-empreendimentos1-row2-banner1 img { object-fit: cover; }

.container-empreendimentos1-row2-banner1-btn {
    z-index: 2;
    margin-top: -4.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.container-empreendimentos1-row2-banner1-btn a {
    font-size: 1.5rem;
    color: white;
    text-align: center;
    text-decoration: none !important;
}

.container-empreendimentos1-row2-banner1-btn p {
    font-size: 1rem;
    color: white;
    text-align: center;
}

/* Banner 2 */
.container-empreendimentos1-row2-banner2 img { object-fit: cover; }

.container-empreendimentos1-row2-banner2-btn {
    z-index: 2;
    margin-top: -4.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.container-empreendimentos1-row2-banner2-btn a {
    font-size: 1.5rem;
    color: white;
    text-align: center;
    text-decoration: none !important;
}

.container-empreendimentos1-row2-banner2-btn p {
    font-size: 1rem;
    color: white;
    text-align: center;
}

/* ── Seção 2: Em Andamento ── */
.container-empreendimentos2 {
    z-index: 0;
    padding: 2rem;
}

.container-empreendimentos2-row1 .col h1 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #DA5A31;
    text-align: start;
    padding-bottom: 2rem;
}

/* Banner 1 */
.container-empreendimentos2-row2-banner1 img { object-fit: cover; }

.container-empreendimentos2-row2-banner1-btn {
    z-index: 2;
    margin-top: -4.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.container-empreendimentos2-row2-banner1-btn a {
    font-size: 1.5rem;
    color: white;
    text-align: center;
    text-decoration: none !important;
}

.container-empreendimentos2-row2-banner1-btn p {
    font-size: 1rem;
    color: white;
    text-align: center;
}

/* Banner 2 */
.container-empreendimentos2-row2-banner2 img { object-fit: cover; }

.container-empreendimentos2-row2-banner2-btn {
    z-index: 2;
    margin-top: -4.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.container-empreendimentos2-row2-banner2-btn a {
    font-size: 1.5rem;
    color: white;
    text-align: center;
    text-decoration: none !important;
}

.container-empreendimentos2-row2-banner2-btn p {
    font-size: 1rem;
    color: white;
    text-align: center;
}

/* Banner 3 */
.container-empreendimentos2-row2-banner3 img { object-fit: cover; }

.container-empreendimentos2-row2-banner3-btn {
    z-index: 2;
    margin-top: -4.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.container-empreendimentos2-row2-banner3-btn a {
    font-size: 1.5rem;
    color: white;
    text-align: center;
    text-decoration: none !important;
}

.container-empreendimentos2-row2-banner3-btn p {
    font-size: 1rem;
    color: white;
    text-align: center;
}

/* =============================================
   RESPONSIVIDADE
   ============================================= */

/* ── Tablet (≤ 991px): 2 colunas nos cards de "andamento" ── */
@media (max-width: 991px) {

    .container-empreendimentos1 { margin-top: 5rem; padding: 1.5rem; }
    .container-empreendimentos2 { padding: 1.5rem; }

    .container-empreendimentos1-row1 .col h1,
    .container-empreendimentos2-row1 .col h1 {
        font-size: 2rem;
        padding-bottom: 1.25rem;
    }

    /* "Em andamento" tem 3 colunas — passa para 2 no tablet */
    .container-empreendimentos2-row2 {
        flex-wrap: wrap;
    }
    .container-empreendimentos2-row2 .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    /* Terceiro card centraliza sozinho */
    .container-empreendimentos2-row2 .col:last-child {
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0 auto;
    }

    /* Labels dos banners */
    .container-empreendimentos1-row2-banner1-btn a,
    .container-empreendimentos1-row2-banner2-btn a,
    .container-empreendimentos2-row2-banner1-btn a,
    .container-empreendimentos2-row2-banner2-btn a,
    .container-empreendimentos2-row2-banner3-btn a { font-size: 1.2rem; }
}

/* ── Mobile (≤ 575px): 1 coluna, cards empilhados ── */
@media (max-width: 575px) {

    .container-empreendimentos1 { margin-top: 4.5rem; padding: 1rem; }
    .container-empreendimentos2 { padding: 1rem; }

    .container-empreendimentos1-row1 .col h1,
    .container-empreendimentos2-row1 .col h1 {
        font-size: 1.5rem;
        padding-bottom: 1rem;
    }

    /* Todas as colunas de cards viram 100% */
    .container-empreendimentos1-row2 .col,
    .container-empreendimentos2-row2 .col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 1.5rem;
    }

    /* Label sobreposto: ajusta margin-top negativo
       pois a imagem é menor em telas estreitas */
    .container-empreendimentos1-row2-banner1-btn,
    .container-empreendimentos1-row2-banner2-btn,
    .container-empreendimentos2-row2-banner1-btn,
    .container-empreendimentos2-row2-banner2-btn,
    .container-empreendimentos2-row2-banner3-btn {
        margin-top: -3.5rem;
    }

    .container-empreendimentos1-row2-banner1-btn a,
    .container-empreendimentos1-row2-banner2-btn a,
    .container-empreendimentos2-row2-banner1-btn a,
    .container-empreendimentos2-row2-banner2-btn a,
    .container-empreendimentos2-row2-banner3-btn a { font-size: 1.1rem; }

    .container-empreendimentos1-row2-banner1-btn p,
    .container-empreendimentos1-row2-banner2-btn p,
    .container-empreendimentos2-row2-banner1-btn p,
    .container-empreendimentos2-row2-banner2-btn p,
    .container-empreendimentos2-row2-banner3-btn p { font-size: 0.85rem; }
}