/* =========================================
   Estilos Gerais - Quem Somos (Padrão Unificado)
   ========================================= */

:root {
    --font-padrao: 'Inter', sans-serif;
    --cor-titulo: #0c0407;
    --cor-texto: #4c4c4c;
    --cor-subtitulo: #9e9b9c;
}

/* Títulos Principais */
.abouut-title,
.jacare-about-title {
    font-family: var(--font-padrao);
    color: var(--cor-titulo);
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Subtítulos ou Variações de cor */
.about-title-blacck,
.jacare-about-title-black {
    color: var(--cor-subtitulo);
}

/* PADRÃO DE TEXTO (Solicitado pelo cliente) */
.texto-corpo,
.misson-title-wrap p.section-text {
    font-family: var(--font-padrao);
    font-size: 16px;       /* Tamanho padrão leitura */
    font-weight: 400;
    color: var(--cor-texto);
    line-height: 1.7;      /* Espaçamento "bem separado" */
    text-align: justify;   /* Texto alinhado dos dois lados */
    margin-bottom: 1.5rem;
}

/* Ajustes de Layout */
.about-title-wrap {
    margin-bottom: 50px;
    text-align: left;
}

/* Banner Slide */
.banner-slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent, rgba(255, 0, 115, 0));
    pointer-events: none;
}

/* Responsivo */
@media (max-width: 991px) {
    .abouut-title, .jacare-about-title { font-size: 40px; }
}
@media (max-width: 767px) {
    .abouut-title, .jacare-about-title { font-size: 32px; }
    .texto-corpo { font-size: 15px; }
}



.blog-section {
    padding-top: 0px;
    padding-bottom: 2px;
}
.galeria-about-title{
    color: #0c040766;
    font-size: 48px;
    line-height: 35%;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin: 0;
}

    /* --- Estilos de Título --- */
    .about-title {
        font-family: 'Poppins', sans-serif;
        color: rgba(12, 4, 7, 0.4);
        font-size: 48px;
        line-height: 1.1;
        letter-spacing: -0.03em;
        font-weight: 600;
    }

    .about-title-black {
        color: #0c0407;
    }

    /* --- Estilo da Seção --- */
    .espacos-section {
        padding: 80px 0;
        background-color: #f8f9fa;
    }

    /* --- Container Principal (centraliza o conteúdo) --- */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* ======================================================= */
    /* --- NOSSO PRÓPRIO SISTEMA DE GRID (SEM BOOTSTRAP) --- */
    /* ======================================================= */
    .espacos-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Cria 2 colunas de largura igual */
        gap: 30px; /* Espaço entre os cards */
    }

    /* --- Estilo Principal do Card --- */
    .card-espaco {
        border: none;
        border-radius: 15px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        overflow: hidden;
    }

    .card-espaco:hover {
        transform: translateY(-10px);
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
    }
    
    .card-img-top {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

    .card-espaco:hover .card-img-top {
        transform: scale(1.08);
    }

    /* ================================================== */
    /* --- AJUSTES PARA DEIXAR OS CARDS MENORES --- */
    /* ================================================== */

    /* Altura da imagem reduzida */
    .card-img-container {
        overflow: hidden;
        height: 220px; 
    }
    
    /* Área de texto com menos preenchimento */
    .card-body {
        padding: 25px; 
        text-align: left;
    }

    /* Título do card menor */
    .card-title {
        font-family: 'Poppins', sans-serif;
        font-size: 20px; 
        font-weight: 600;
        color: #111;
        margin-bottom: 10px;
    }

    /* Texto descritivo menor */
    .card-text {
        font-family: 'Inter', sans-serif;
        font-size: 15px; 
        color: #555;
        line-height: 1.6;
    }
    
    /* ================================================== */
    /* --- AJUSTE PARA TELAS MENORES (CELULARES) --- */
    /* ================================================== */
    @media (max-width: 768px) {
        .espacos-grid {
            grid-template-columns: 1fr; /* Muda para 1 coluna */
        }
    }



.galeria-about-title{
    color: #0c040766;
   
    line-height: 35%;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin: 0;
}

    /* --- Estilos de Título --- */
    .about-title {
        font-family: 'Poppins', sans-serif;
        color: rgba(12, 4, 7, 0.4);
       
        line-height: 1.1;
        letter-spacing: -0.03em;
        font-weight: 600;
    }

    .about-title-black {
        color: #0c0407;
    }

    /* --- Estilo da Seção --- */
    .espacos-section {
        padding: 80px 0;
        background-color: #f8f9fa;
    }

    /* --- Container Principal (centraliza o conteúdo) --- */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* ======================================================= */
    /* --- NOSSO PRÓPRIO SISTEMA DE GRID (SEM BOOTSTRAP) --- */
    /* ======================================================= */
    .espacos-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Cria 2 colunas de largura igual */
        gap: 30px; /* Espaço entre os cards */
    }

    /* --- Estilo Principal do Card --- */
    .card-espaco {
        border: none;
        border-radius: 15px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        overflow: hidden;
    }

    .card-espaco:hover {
        transform: translateY(-10px);
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
    }
    
    .card-img-top {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

    .card-espaco:hover .card-img-top {
        transform: scale(1.08);
    }

    /* ================================================== */
    /* --- AJUSTES PARA DEIXAR OS CARDS MENORES --- */
    /* ================================================== */

    /* Altura da imagem reduzida */
    .card-img-container {
        overflow: hidden;
        height: 220px; 
    }
    
    /* Área de texto com menos preenchimento */
    .card-body {
        padding: 25px; 
        text-align: left;
    }

    /* Título do card menor */
    .card-title {
        font-family: 'Poppins', sans-serif;
        font-size: 20px; 
        font-weight: 600;
        color: #111;
        margin-bottom: 10px;
    }

    /* Texto descritivo menor */
    .card-text {
        font-family: 'Inter', sans-serif;
        font-size: 15px; 
        color: #555;
        line-height: 1.6;
    }
    
    /* ================================================== */
    /* --- AJUSTE PARA TELAS MENORES (CELULARES) --- */
    /* ================================================== */
    @media (max-width: 768px) {
        .espacos-grid {
            grid-template-columns: 1fr; /* Muda para 1 coluna */
        }
    }