/* Sección de galería */
.galeri {
    text-align: center;
    padding: 40px 20px;
}

.galeri h2 {
    color: #2c3e50;
    font-size: 2em;
    margin-bottom: 10px;
}


.galeri p {

    font-family: Arial, sans-serif; /* Define la fuente del texto */
    text-align: justify; /* Justifica el texto */
    color: #34495e; /* Define el color del texto */
    font-size: 1.2em; /* Define el tamaño de la fuente */
    margin: 50px; /* Agrega margen */
    margin-top: 5px;
    margin-bottom: 15px;
    line-height: 1.6; /* Ajusta la altura de línea */
    padding: 10px; /* Agrega espacio interno */  
}


/* Contenedor de la galería con Grid */
.galeri-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* Tamaño mínimo más grande */
    gap: 25px; /* Espaciado entre imágenes */
    justify-content: center;
    padding: 20px;
}

/* Estilos para las imágenes aún más grandes */
.galeri img {
    width: 100%; /* Ocupar todo el contenedor */
    height: auto;
    max-width: 95%; /* Tamaño máximo aún mayor */
    border-radius: 15px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efecto hover en imágenes */
.galeri img:hover {
    transform: scale(2.0); /* Más zoom al pasar el mouse */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
}