/* ══════════════════════════════════════════════════════════════════════════
   LIGHTBOX — compartido por Familia y Amigos
══════════════════════════════════════════════════════════════════════════ */

#familia-lb,
#amigos-lb {
  position:fixed;inset:0;z-index:2000;
  opacity:0;pointer-events:none;
  transition:opacity .25s ease;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
#familia-lb.activo,
#amigos-lb.activo{opacity:1;pointer-events:auto;touch-action:none;}

#familia-lb:not(.activo),
#amigos-lb:not(.activo){pointer-events:none!important;}
#familia-lb:not(.activo) *,
#amigos-lb:not(.activo) *{pointer-events:none!important;}

/* ── Desktop: carrusel ── */
.lb-track{
  display:flex;align-items:center;justify-content:center;
  gap:0;width:100%;height:100%;
  position:absolute;inset:0;pointer-events:none;
}
.lb-slide{
  flex-shrink:0;
  transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease,filter .35s ease;
  pointer-events:auto;
}
.lb-slide-inner{width:100%;height:100%;border-radius:10px;overflow:hidden;}
.lb-slide-inner img{width:100%;height:100%;object-fit:cover;display:block;}

.lb-offset-0 {width:min(520px,58vw);height:min(74vh,680px);z-index:10;opacity:1;filter:none;transform:translateX(0) scale(1);}
.lb-offset-1  {width:min(300px,22vw);height:min(44vh,400px);opacity:.55;filter:blur(1.5px);transform:translateX(12px) scale(.96);z-index:5;}
.lb-offset--1 {width:min(300px,22vw);height:min(44vh,400px);opacity:.55;filter:blur(1.5px);transform:translateX(-12px) scale(.96);z-index:5;}
.lb-offset-2  {width:min(160px,13vw);height:min(30vh,260px);opacity:.25;filter:blur(3px);transform:translateX(18px) scale(.92);z-index:2;}
.lb-offset--2 {width:min(160px,13vw);height:min(30vh,260px);opacity:.25;filter:blur(3px);transform:translateX(-18px) scale(.92);z-index:2;}

.lb-texto{
  position:absolute;bottom:36px;left:50%;transform:translateX(-50%);
  text-align:center;z-index:20;pointer-events:none;
}
.lb-titulo{font-family:'Playfair Display',serif;font-size:clamp(16px,2vw,22px);margin-bottom:5px;}
.lb-desc{font-size:13px;color:rgba(255,255,255,.6);line-height:1.5;}
.lb-counter{font-size:11px;color:rgba(255,255,255,.3);margin-top:8px;letter-spacing:.08em;}

.lb-prev,.lb-next{
  position:absolute;top:50%;transform:translateY(-50%);z-index:30;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);
  color:#fff;font-size:20px;width:44px;height:44px;border-radius:50%;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .2s ease,opacity .2s ease;
}
.lb-prev:hover,.lb-next:hover{background:rgba(255,255,255,.2);}
.lb-prev{left:24px;} .lb-next{right:24px;}

.lb-cerrar{
  position:absolute;top:20px;right:20px;z-index:30;
  background:rgba(0,0,0,.4);border:none;color:#fff;
  font-size:20px;width:36px;height:36px;border-radius:50%;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
}

.lb-img  {display:none;}
.lb-dots {display:none;}
.lb-bg   {display:none;}

/* ── Mobile ── */
@media (max-width:600px){
  #familia-lb,#amigos-lb{
    background:#000;backdrop-filter:none;-webkit-backdrop-filter:none;
    align-items:center;justify-content:center;
  }
  .lb-track{display:none;} .lb-prev{display:none;} .lb-next{display:none;}

  .lb-bg{
    display:block;position:absolute;inset:0;
    background-size:cover;background-position:center;
    filter:blur(28px) brightness(.4) saturate(1.3);
    transform:scale(1.1);z-index:0;
  }
  .lb-img{
    display:block;position:relative;z-index:2;
    width:100%;height:100%;object-fit:contain;object-position:center;
    touch-action:none;user-select:none;
  }
  .lb-texto{
    position:absolute;bottom:0;left:0;right:0;transform:none;
    text-align:left;padding:60px 20px max(env(safe-area-inset-bottom),28px);
    background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);
    z-index:10;
  }
  .lb-titulo{font-size:20px;}
  .lb-dots{
    display:flex;gap:5px;position:absolute;
    bottom:max(env(safe-area-inset-bottom),28px);right:20px;z-index:20;
  }
  .lb-dot{
    width:5px;height:5px;border-radius:50%;
    background:rgba(255,255,255,.35);
    transition:background .2s ease,transform .2s ease;
  }
  .lb-dot.activo{background:#fff;transform:scale(1.3);}
  .lb-cerrar{top:max(env(safe-area-inset-top),14px);right:14px;}
}

/* ── Hint gestos ── */
.lb-hint{
  position:absolute;bottom:90px;left:0;right:0;z-index:30;
  display:none;flex-direction:column;align-items:center;gap:6px;
  opacity:0;transition:opacity .4s ease;pointer-events:none;
}
.lb-hint.visible{opacity:1;}
.lb-hint span{
  font-size:12px;color:rgba(255,255,255,.7);background:rgba(0,0,0,.45);
  padding:5px 12px;border-radius:20px;letter-spacing:.04em;font-family:'DM Mono',monospace;
}
@media (max-width:600px){.lb-hint{display:flex;}}