/*==================================================
SEÇÃO DE EMPREENDIMENTOS 1
==================================================*/
.empreendimentos-section1 {
    padding: 0;
    background-color: #f3f3f3;
}

.empreendimentos-section1 .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
}

.empreendimentos-section1 .image-content1 {
    background-color: #f3f3f3;
    padding: 25px;
    flex: 1;
    display: flex;
    justify-content: flex-end; /* Alinha o conteúdo à direita */
}

.empreendimentos-section1 .text-content {
    background-color: #0d463d;
    padding: 50px 20px;
    color: white;
    text-align: left;
    flex: 2;
}

.empreendimentos-section1 img {
    max-width: 100%;
    height: auto;
    display: block;
}

.empreendimentos-section1 .text-content .subtitle {
    font-size: 26px;
    font-weight: 900;
    font-family: 'Neogrotesk Ess Alt', sans-serif;
}

.empreendimentos-section1 .text-content .subtitle .verde {
    color: #5cb030;
}

/*==================================================
SEÇÃO DE EMPREENDIMENTOS 2
==================================================*/
/* Container da seção */
.empreendimentos-section2 {
    height: auto;
    padding: 30px;
    background-image: url('../includes/img/background-empreendimentos.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; /* Centraliza verticalmente o conteúdo */
}

/* Novo wrapper para o slider e bullets */
.slider-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 760px; /* Limita a largura do slider no desktop para caber 2 cards */
}

/* O card em si */
.card-empreendimentos {
    width: 290px; /* Largura padrão do card */
    height: auto;
    margin: 0;
    text-align: center;
    background-color: #1a4d46;
    padding: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
}

/* Imagem do logo */
.card-empreendimentos-foto img {
    width: 100%;
    max-width: 330px;
    margin-bottom: 20px;
}

/* Título e subtítulo */
.card-empreendimentos-conteudo {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-empreendimentos-titulo {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 5px;
}

.empreendimentos-subtitle {
    font-size: 14px;
    margin-bottom: 25px;
    flex-grow: 1;
}

/* Botão "Quero saber mais" */
.empreendimentos-botao {
    background-color: #00bf52;
    color: white;
    padding: 12px 30px;
    border-width: 3px;
    border-style: solid;
    border-color: #00bf52;
    border-radius: 40px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.empreendimentos-botao:hover {
    background-color: #1a4d46;
    border-width: 3px;
    border-style: solid;
    border-color: #00bf52;
}

/*==================================================
SLIDER - SEÇÃO EMPREENDIMENTOS
==================================================*/
.slider-container {
    overflow: hidden;
    position: relative;
    width: 100%; /* Ocupa 100% da largura do slider-wrapper */
    margin: auto;
}

.slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%; /* Ocupa 100% do slider-container */
    gap: 20px; /* Espaçamento entre os cards */
    justify-content: flex-start; /* Alinha o início dos slides */
}

/* Cada item do slide */
.slide-item {
    flex-shrink: 0; /* Impede que os itens encolham */
    display: flex;
    justify-content: center; /* Centraliza o card dentro do slide-item */
    align-items: center; /* Centraliza verticalmente o card */
}

/* Bullets de navegação */
.slider-bullets {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.bullet {
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.6s ease;
}

.bullet.active {
    background-color: #00bf52;
}

/*==================================================
MEDIA QUERIES PARA RESPONSIVIDADE
==================================================*/

/* --- Estilos para Desktop (acima de 768px) --- */
@media (min-width: 769px) {
    .empreendimentos-section1 .image-content1 {
        padding-left: 400px;
    }
    
    .slide-item {
        width: calc(50% - 10px); /* 50% menos metade do gap para 2 cards */
        max-width: 350px; /* Limite de largura para o card */
    }
    
    /* REMOVIDA A REGRA PARA OCULTAR OS BULLETS */
}

/* --- Estilos para Mobile (até 768px) --- */
@media (max-width: 768px) {
    /* Layout da seção de empreendimentos */
    .empreendimentos-section1 .image-content1,
    .empreendimentos-section1 .text-content {
        flex: 100%;
        justify-content: center;
        text-align: center;
    }

    /* Padding lateral da imagem no mobile */
    .empreendimentos-section1 .image-content1 {
        padding: 55px;
    }
    
    /* Configuração do slider para mobile (1 card por slide) */
    .slides {
        flex-wrap: nowrap; /* Impede a quebra de linha para o slider */
    }

    .slide-item {
        width: 100%; /* Ocupa 100% da largura no mobile */
        max-width: 350px; /* Limite de largura para o card */
    }
 .empreendimentos-section1 .image-content1 img {
        width: 100%; /* Aumenta a imagem para a largura total do contêiner */
        max-width: 400px; /* Adicione um limite para que ela não fique muito grande */
    }

}

/* FONTES */
@font-face {
    font-family: 'Neogrotesk Ess Alt';
    src: url('includes/font/Fontspring-DEMO-neogroteskessalt-ultralight.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Neogrotesk Ess Alt';
    src: url('includes/font/Fontspring-DEMO-neogroteskessalt-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Neogrotesk Ess Alt';
    src: url('includes/font/Fontspring-DEMO-neogroteskessalt-regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Neogrotesk Ess Alt';
    src: url('includes/font/Fontspring-DEMO-neogroteskessalt-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Neogrotesk Ess Alt';
    src: url('includes/font/Fontspring-DEMO-neogroteskessalt-black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Neogrotesk Ess Alt';
    src: url('includes/font/Fontspring-DEMO-neogroteskessalt-ultralightit.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Neogrotesk Ess Alt';
    src: url('includes/font/Fontspring-DEMO-neogroteskessalt-lightit.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Neogrotesk Ess Alt';
    src: url('includes/font/Fontspring-DEMO-neogroteskessalt-regularit.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Neogrotesk Ess Alt';
    src: url('includes/font/Fontspring-DEMO-neogroteskessalt-boldit.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Neogrotesk Ess Alt';
    src: url('includes/font/Fontspring-DEMO-neogroteskessalt-blackit.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}