/* Limpeza de margens para evitar distorções */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* 1. Grade para os Projetos (Artigos lado a lado) */
.grid-projetos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    padding: 20px 0;
}

/* 2. Grade para as Ações (Imagens da Galeria) */
.galeria-acoes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 15px;
}

/* 3. Grade para os Destaques (Imagens da Vivência) */
.destaques {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

/* Ajuste fino das imagens para não estourarem o grid */
img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}