/* ============================================================
   Lightbox — clicar numa foto abre em tela cheia
   Usado na home e nas páginas de serviço. Ver assets/lightbox.js
   ============================================================ */

/* a foto avisa que dá pra clicar */
[data-zoom]{cursor:zoom-in}
[data-zoom]:focus-visible{outline:2px solid #F8E000;outline-offset:3px}

.lb{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(8,8,8,.96);
  opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s;
  -webkit-tap-highlight-color:transparent;
}
.lb.aberto{opacity:1;visibility:visible}

.lb-palco{
  position:relative;max-width:94vw;max-height:92vh;
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
.lb-img{
  max-width:94vw;max-height:80vh;width:auto;height:auto;
  object-fit:contain;display:block;border-radius:6px;
  box-shadow:0 24px 70px rgba(0,0,0,.6);
  transform:scale(.96);transition:transform .22s ease;
}
.lb.aberto .lb-img{transform:scale(1)}

.lb-cap{
  color:#e8e8e8;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.45;
  text-align:center;max-width:min(680px,90vw);margin:0;
}
.lb-cap b{color:#F8E000;font-weight:600}

/* botões */
.lb button{
  position:absolute;border:0;cursor:pointer;color:#fff;
  background:rgba(255,255,255,.09);
  backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;
  transition:background .18s ease,color .18s ease;
}
.lb button:hover,.lb button:focus-visible{background:#F8E000;color:#0a0a0a}
.lb button:focus-visible{outline:2px solid #fff;outline-offset:2px}

.lb-fechar{
  top:16px;right:16px;width:44px;height:44px;border-radius:50%;
  font-size:26px;line-height:1;
}
.lb-nav{
  top:50%;transform:translateY(-50%);
  width:52px;height:52px;border-radius:50%;font-size:26px;line-height:1;
}
.lb-prev{left:16px}
.lb-next{right:16px}
.lb-conta{
  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);
  color:#9a9a9a;font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.08em;
}

@media (max-width:640px){
  .lb-img{max-height:72vh}
  .lb-nav{width:42px;height:42px;font-size:22px}
  .lb-prev{left:8px}.lb-next{right:8px}
  .lb-fechar{top:10px;right:10px}
}

@media (prefers-reduced-motion:reduce){
  .lb,.lb-img{transition:none}
  .lb-img{transform:none}
}