/* Sección principal totalmente transparente y limpia */
.full-grid-section {
    padding: 3rem 0;
    background: transparent;
}

/* Contenedor de la imagen sin bordes ni fondos */
.gallery-card {
    background: transparent;
    border: none;
    overflow: hidden;
    border-radius: 8px; 
    width: 100%; /* Forzar a que el contenedor use el 100% de la columna */
}

.gallery-card img {
    width: 90%;       /* Obliga a la imagen a tener el mismo ancho que el contenedor */
    height: 90%;      /* Obliga a la imagen a tener el mismo alto que el contenedor */
    aspect-ratio: 1 / 1; /* Define una relación de aspecto fija (puedes usar 1/1 para cuadrados o 16/9) */
    object-fit: cover; /* Recorta y centra la imagen para que llene el espacio sin deformarse (estirarse) */
    display: block;    /* Elimina espacios en blanco no deseados debajo de la imagen */
    transition: transform 0.3s ease;
}

/* Efecto al pasar el cursor */
.gallery-card:hover img {
    transform: scale(1.04);
}