.lightbox{
  position:fixed; inset:0; z-index:1000;
  background:rgba(0,0,0,.96); backdrop-filter:blur(8px);
  display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transition:opacity .25s;
  user-select:none; -webkit-user-select:none;
}
.lightbox.open{ opacity:1; pointer-events:all; }

.lb-stage{
  position:relative;
  width:100%; height:100%;
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  touch-action:none; /* desabilita gestos default do browser p/ pegar pinch */
}
.lb-img{
  max-width:92vw; max-height:88vh;
  object-fit:contain;
  transition:transform .25s cubic-bezier(.4,0,.2,1);
  cursor:zoom-in;
  will-change:transform;
}
.lb-img.zoomed{ cursor:grab; transition:transform .15s; }
.lb-img.dragging{ cursor:grabbing; transition:none; }

/* Controles */
.lb-close, .lb-prev, .lb-next{
  position:absolute; z-index:2;
  background:rgba(0,0,0,.55); color:#fff;
  border:1px solid rgba(255,255,255,.3);
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; cursor:pointer; transition:all .2s;
  font-family:'Bebas Neue', Arial, sans-serif;
}
.lb-close:hover,.lb-prev:hover,.lb-next:hover{
  background:rgba(255,255,255,.2); border-color:var(--accent);
  box-shadow:0 0 20px var(--gold-neon-glow);
}
.lb-close{ top:1rem; right:1rem; }
.lb-prev { left:1rem;  top:50%; transform:translateY(-50%); }
.lb-next { right:1rem; top:50%; transform:translateY(-50%); }

/* Contador */
.lb-counter{
  position:absolute; bottom:1rem; left:50%; transform:translateX(-50%);
  background:rgba(0,0,0,.6); color:var(--accent);
  font-family:'Barlow Condensed', Arial, sans-serif;
  font-size:.8rem; letter-spacing:1.5px;
  padding:.35rem .85rem; border-radius:20px;
  border:1px solid rgba(255,255,255,.25);
  z-index:2;
  box-shadow:0 0 15px var(--gold-neon-glow);
}

/* Dica de uso */
.lb-hint{
  position:absolute; top:1rem; left:50%; transform:translateX(-50%);
  background:rgba(0,0,0,.6); color:var(--silver);
  font-size:.72rem; letter-spacing:1px; text-transform:uppercase;
  padding:.4rem .9rem; border-radius:20px;
  border:1px solid rgba(255,255,255,.1); z-index:2;
  opacity:.85; pointer-events:none;
  font-family:'Barlow Condensed', Arial, sans-serif;
}

@media (max-width:768px){
  .lb-close,.lb-prev,.lb-next{ width:38px; height:38px; font-size:1.1rem; }
  .lb-close{ top:.5rem; right:.5rem; }
  .lb-prev { left:.5rem; }
  .lb-next { right:.5rem; }
  .lb-hint{ font-size:.62rem; top:.5rem; }
  .lb-img{ max-width:96vw; max-height:80vh; }
}

/* Indica que thumbs do modal são clicáveis */
.mg-thumb{ cursor:zoom-in; transition:border-color .15s; }
.mg-thumb:hover{ border-color:var(--accent) !important; }
.mh-icon{ cursor:zoom-in; transition:box-shadow .15s; }
.mh-icon:hover{ box-shadow:0 0 0 2px var(--accent); }