/* Miniaturas BEM pequenas + Lightbox (abre grande) — escopo #galeria */
:root{ --thumb:56px; --thumb-gap:6px; }

#galeria .gallery{
  display:grid !important;
  gap:var(--thumb-gap) !important;
  grid-template-columns:repeat(auto-fill, var(--thumb)) !important;
  justify-content:center !important;
}

#galeria .gallery a.ph{
  display:block !important;
  width:var(--thumb) !important;
  height:var(--thumb) !important;
  border-radius:10px !important;
  overflow:hidden !important;
  border:1px solid #e8eef6 !important;
  background:#f2f5f9 !important;
}

#galeria .gallery a.ph img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* Lightbox */
#galeria .lb-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}
#galeria .lb-backdrop.show{display:flex}
#galeria .lb-content{max-width:96vw;max-height:92vh;position:relative}
#galeria .lb-content img{max-width:96vw;max-height:92vh;border-radius:14px;display:block;height:auto;object-fit:contain}
#galeria .lb-close{position:absolute;top:-14px;right:-14px;background:#fff;border:none;border-radius:999px;width:40px;height:40px;cursor:pointer;font-weight:900;line-height:40px;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.35)}
#galeria .lb-nav{position:absolute;top:50%;left:-10px;right:-10px;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}
#galeria .lb-nav button{pointer-events:auto;background:#fff;border:none;border-radius:999px;width:44px;height:44px;cursor:pointer;font-weight:900;opacity:.96;box-shadow:0 6px 16px rgba(0,0,0,.35)}
#galeria .lb-counter{position:absolute;left:0;right:0;bottom:-26px;text-align:center;color:#fff;font-size:12px;opacity:.92}

@media (max-width:520px){ :root{ --thumb:48px; --thumb-gap:5px; } }
@media (min-width:1100px){ :root{ --thumb:64px; --thumb-gap:7px; } }