.lightbox-overlay{position:fixed;inset:0;background:#000;z-index:300;display:none;align-items:center;justify-content:center;overflow:hidden;touch-action:none;}
.lightbox-overlay.open{display:flex;}
.lightbox-overlay.closing{opacity:0;transition:opacity .2s ease;}
#lightboxImg{width:100vw;height:100dvh;object-fit:contain;transform-origin:center center;will-change:transform;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:0;}
/* ── Barra superior: nombre · contador · acciones ── */
.lb-top-bar{position:absolute;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top)+8px) 10px 18px;display:flex;align-items:flex-start;gap:8px;background:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,transparent 100%);z-index:10;pointer-events:none;}
.lb-top-bar>*{pointer-events:auto;}
.lb-counter{font-size:12px;font-weight:700;color:rgba(255,255,255,.85);flex:1;padding-top:10px;}
.lb-top-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;}
.lb-actions{display:flex;gap:6px;}
.lb-filename{font-size:10px;color:rgba(255,255,255,.7);font-family:var(--mono);text-align:right;max-width:min(260px,calc(100vw - 110px));overflow-wrap:break-word;word-break:break-all;line-height:1.5;pointer-events:none;}
.lb-action-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.52);border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:background .15s;}
.lb-action-btn:active{background:rgba(255,255,255,.18);}
.lb-action-btn.lb-del{color:#E57373;}
.lb-action-btn.lb-close-btn{color:rgba(255,255,255,.9);}
/* Dots */
.lightbox-dots{position:absolute;bottom:calc(env(safe-area-inset-bottom)+18px);left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5;}
.lightbox-dots .dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35);}
.lightbox-dots .dot.active{background:var(--gold);}
/* Flechas — solo en centro lateral */
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.9);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);border-radius:50%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:5;}
.lightbox-prev{left:10px;}
.lightbox-next{right:10px;}