/* =========================
   WRAPPER
========================= */
.gallery-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 8px;
}

/* =========================
   GALLERY PADRÃO (FOTOS – MASONRY)
========================= */
.gallery {
  column-count: 4;
  column-gap: 8px;
}

/* =========================
   ITENS BASE
========================= */
.gallery img{
  width: 100%;
  display: block;
  border-radius: 10px;
  break-inside: avoid;
}

/* Espaçamento entre blocos */
.gallery-item {
  margin-bottom: 12px;
  break-inside: avoid;
}

/* =========================
   IMAGENS (FOTO)
========================= */
.gallery img {
  cursor: pointer;
  display: block;
  margin-bottom: 8px;
}

/* Fade Up base */
.gallery img {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: transform;
}

/* Quando aparece */
.gallery img.show {
  opacity: 1;
  transform: translateY(0);
}

/* Mobile */

 

/* =========================
   RESPONSIVO – FOTOS
========================= */

/* Desktop menor */
@media (max-width: 1100px) {
  .gallery {
    column-count: 3;
  }
}

/* Tablet */
@media (max-width: 768px) {
  .gallery {
    column-count: 2;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .gallery {
    column-count: 2;
  }

   .gallery-item {
    margin-bottom: 16px;
  }
}