/**
 * Recuerdos: estilos exclusivos de esta página (galería tipo masonry).
 * Los estilos base de galería y lightbox están en assets/css/styles.css.
 */
body.recuerdos-page .gallery-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: 10px;
    max-width: none;
    overflow-x: hidden;
    touch-action: pan-y;
}

body.recuerdos-page .gallery-item {
    aspect-ratio: unset;
    min-height: 0;
}

@media (max-width: 768px) {
    body.recuerdos-page .gallery-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    body.recuerdos-page .gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
}

@media (min-width: 1025px) {
    body.recuerdos-page .gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media (min-width: 1600px) {
    body.recuerdos-page .gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 1.5rem;
    }
}