/* ============================================================
   THE DRIVER STUDIO — Lightbox para galerías y proyectos
   ============================================================ */
body.lightbox-open,body.nav-locked{overflow:hidden}

.dstudio-lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(6,11,20,.94);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease;padding:clamp(16px,4vw,60px)}
.dstudio-lightbox.is-open{opacity:1}
.dstudio-lightbox .dlb-stage{position:relative;max-width:min(1400px,94vw);max-height:88vh;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.dstudio-lightbox img,.dstudio-lightbox video{max-width:100%;max-height:88vh;width:auto;height:auto;border-radius:8px;box-shadow:0 30px 90px rgba(0,0,0,.6);
  opacity:0;transform:scale(.97);transition:opacity .25s ease,transform .25s ease}
.dstudio-lightbox.is-open img,.dstudio-lightbox.is-open video{opacity:1;transform:none}

.dlb-close,.dlb-prev,.dlb-next{position:fixed;z-index:201;display:flex;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:50%;border:1px solid var(--line,#274062);background:rgba(11,22,38,.7);
  color:#fff;cursor:pointer;font-family:var(--display,inherit);font-size:22px;line-height:1;transition:border-color .2s,background .2s}
.dlb-close:hover,.dlb-prev:hover,.dlb-next:hover{border-color:var(--red,#FF3B1F);background:rgba(255,59,31,.18)}
.dlb-close{top:clamp(14px,3vw,28px);right:clamp(14px,3vw,28px)}
.dlb-prev{left:clamp(10px,2.4vw,28px);top:50%;transform:translateY(-50%)}
.dlb-next{right:clamp(10px,2.4vw,28px);top:50%;transform:translateY(-50%)}
.dlb-counter{position:fixed;left:50%;bottom:clamp(14px,3vw,26px);transform:translateX(-50%);z-index:201;
  font-family:var(--display,inherit);font-weight:700;letter-spacing:.1em;font-size:13px;color:var(--muted,#9DB0C6);
  background:rgba(11,22,38,.7);border:1px solid var(--line,#274062);padding:8px 16px;border-radius:30px}

@media(max-width:640px){
  .dlb-prev,.dlb-next{width:40px;height:40px;font-size:18px}
  .dlb-close{width:40px;height:40px;font-size:18px}
}

/* pistas visuales de que el contenido es clicable */
.strip img,.strip .vtile,.gitem img,.gitem video{cursor:zoom-in}