/* Estilos adicionales específicos de galería */
.gallery-masonry {
  columns: 2;
  gap: 4px;
}
@media (min-width: 640px)  { .gallery-masonry { columns: 3; } }
@media (min-width: 1024px) { .gallery-masonry { columns: 4; } }

.gallery-masonry .gallery-item {
  aspect-ratio: unset;
  break-inside: avoid;
  margin-bottom: 4px;
}
.gallery-masonry .gallery-item img {
  height: auto;
}

.gallery-item-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.5rem 0.75rem;
  background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%);
  color: var(--c-white);
  font-size: 0.8rem;
  font-family: var(--f-body);
  line-height: 1.3;
}