/* Estilos para a galeria */
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Distribui as miniaturas em colunas flexíveis */
    gap: 10px; /* Espaço entre as miniaturas */
    max-width: 1200px; /* Define uma largura máxima para a galeria */
    margin: 0 auto; /* Centraliza a galeria na página */
}

.gallery-item {
    overflow: hidden;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease;
}

.gallery-item:hover {
    transform: scale(1.05); /* Efeito de escala ao passar o mouse sobre uma miniatura */
}

.gallery-item img {
    max-width: 100%;
    height: auto;
    display: block;
}