/* =============================================
   GALERIA / LIGHTBOX — feed "Ver mais"
============================================= */
.gal-overlay {
  position: fixed; inset: 0; z-index: 1000;
  background: rgba(40, 28, 22, 0.82);
  display: none; align-items: center; justify-content: center;
  padding: 1.5rem;
  backdrop-filter: blur(3px);
}
.gal-overlay.active { display: flex; animation: galFade .25s ease; }
@keyframes galFade { from { opacity: 0; } to { opacity: 1; } }

.gal-modal {
  background: var(--white, #fff);
  width: 100%; max-width: 920px;
  max-height: 86vh; overflow-y: auto;
  position: relative;
  padding: 2.2rem 2rem 2.4rem;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .4);
}
.gal-close {
  position: absolute; top: .8rem; right: 1rem;
  background: transparent; border: none;
  font-size: 2rem; line-height: 1; cursor: pointer;
  color: #7a5c4d; transition: color .2s;
}
.gal-close:hover { color: #3c553d; }

.gal-title {
  font-family: 'Gloock', serif; font-weight: 400;
  font-size: 1.8rem; color: #3c553d;
  margin-bottom: 1.4rem; padding-right: 2rem;
}

.gal-feed {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
}
.gal-item { margin: 0; overflow: hidden; background: #f3efe9; }
.gal-item img {
  width: 100%; height: 220px; object-fit: cover; display: block;
  transition: transform .5s ease;
}
.gal-item:hover img { transform: scale(1.05); }
.gal-item figcaption {
  font-family: 'Kumbh Sans', sans-serif; font-weight: 300;
  font-size: .72rem; color: #6b5648; padding: 6px 8px;
}

.gal-loading, .gal-empty {
  grid-column: 1 / -1;
  font-family: 'Kumbh Sans', sans-serif;
  font-size: 1.05rem; color: #6b5648; text-align: center;
  padding: 1.6rem 0; line-height: 1.6;
}

@media (max-width: 600px) {
  .gal-modal { padding: 1.8rem 1.1rem 2rem; }
  .gal-feed { grid-template-columns: 1fr 1fr; gap: 8px; }
  .gal-item img { height: 150px; }
}