/* lightbox.css: <dialog> compartilhado por /fotografias/ e pelas paginas de serie (lightbox.js).
   Grade de 2 linhas (palco + barra): a imagem nunca passa por baixo da barra ou dos botoes. Sem moldura nem borda na foto.
   Movimento so por var(--dur-*), zerado por prefers-reduced-motion em base.css. */
html.lb-open{overflow:hidden}
.lb{position:fixed;inset:0;z-index:var(--z-lightbox);width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--overlay);color:var(--text);opacity:0;transition:opacity var(--dur-base) var(--ease-out),display var(--dur-base) allow-discrete,overlay var(--dur-base) allow-discrete}
@supports (height:100dvh){.lb{height:100dvh}}
.lb[open]{opacity:1;display:grid;grid-template-rows:minmax(0,1fr) auto}
@starting-style{.lb[open]{opacity:0}}
.lb::backdrop{background:transparent}
/* pan-y pinch-zoom: rolagem vertical e pinch-zoom nativos continuam livres; o deslize horizontal e tratado em JS */
.lb__stage{position:relative;min-height:0;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:4rem var(--space-xs) .5rem;touch-action:pan-y pinch-zoom}
@media (min-width:48rem){.lb__stage{padding:4rem 5rem .5rem}}
.lb__img{-webkit-user-drag:none;user-select:none;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:opacity var(--dur-reveal) var(--ease-out)}
.lb__img[data-l="0"]{opacity:0}
.lb__bar{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:3.5rem;padding:.5rem 5rem .9rem;text-align:center;font-size:var(--step--1);color:var(--text-2)}
.lb__bar p{margin:0}
.lb__cap{color:var(--text);text-wrap:balance}
.lb__cap:empty{display:none}
.lb__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.1rem .75rem;color:var(--text-3)}
.lb__credit:not(:empty)::after{content:"\00b7";margin-left:.75rem}
@media (max-width:47.999rem){.lb__bar{padding:.5rem 4.5rem .75rem;min-height:calc(48px + 1.25rem)}}
.lb__btn{position:absolute;z-index:1;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:rgba(14,13,11,.6);color:var(--text)}
.lb__btn:hover{color:var(--accent);border-color:var(--accent)}
.lb__close{top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right))}
.lb__share{top:max(.75rem,env(safe-area-inset-top));right:calc(max(.75rem,env(safe-area-inset-right)) + 48px + .5rem)}
.lb__prev,.lb__next{top:50%;margin-top:-24px}
.lb__prev{left:.5rem}
.lb__next{right:.5rem}
.lb--single .lb__prev,.lb--single .lb__next{display:none}
@media (max-width:39.999rem){.lb__prev,.lb__next{top:auto;bottom:max(.5rem,env(safe-area-inset-bottom));margin-top:0}.lb__prev{left:.75rem}.lb__next{right:.75rem}}
/* aviso "Link copiado" (area role=status): discreto, no topo a esquerda (nao cobre a legenda) */
.lb__toast{position:absolute;left:max(1rem,env(safe-area-inset-left));top:calc(max(.75rem,env(safe-area-inset-top)) + .6rem);max-width:calc(100% - 9.5rem);padding:.45rem .9rem;border-radius:var(--radius-s);background:var(--text);color:var(--bg);font-size:var(--step--1);text-align:center;pointer-events:none}
.lb__toast:empty{display:none}
/* celular na horizontal (altura curta): botoes laterais fora da area da foto, barra compacta */
@media (orientation:landscape) and (max-height:32rem){
  .lb__stage{padding:.5rem max(4rem,calc(env(safe-area-inset-right) + 3.5rem)) .25rem max(4rem,calc(env(safe-area-inset-left) + 3.5rem))}
  .lb__bar{min-height:0;flex-direction:row;flex-wrap:wrap;gap:.1rem .75rem;padding:.1rem 4rem .4rem;font-size:.8125rem;line-height:1.3}
  .lb__cap{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .lb__close{top:.5rem;right:.5rem}
  .lb__share{top:.5rem;right:calc(.5rem + 48px + .5rem)}
  .lb__prev,.lb__next{top:50%;bottom:auto;margin-top:-24px}
  .lb__prev{left:.5rem}.lb__next{right:.5rem}
}