/* ═══════════════ LIGHTBOX DE RESULTADOS ═══════════════ */
.lightbox-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 300;
  background: rgba(0, 0, 0, 0.92);
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.lightbox-overlay.open { display: flex; }

.lightbox-content { max-width: 90vw; max-height: 85vh; }
.lightbox-content img {
  max-width: 90vw;
  max-height: 85vh;
  width: auto;
  height: auto;
  display: block;
  border-radius: var(--r-md);
  box-shadow: var(--shadow-card);
  animation: lightbox-in .25s var(--ease);
}
@keyframes lightbox-in {
  from { opacity: 0; transform: scale(.96); }
  to { opacity: 1; transform: scale(1); }
}

.lightbox-close,
.lightbox-nav {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.08);
  transition: background .2s var(--ease), color .2s var(--ease);
}
.lightbox-close:hover,
.lightbox-nav:hover { background: var(--green); color: #000; }

.lightbox-close { top: 20px; right: 20px; width: 44px; height: 44px; }
.lightbox-close svg { width: 22px; height: 22px; }

.lightbox-nav { top: 50%; transform: translateY(-50%); width: 52px; height: 52px; }
.lightbox-nav svg { width: 26px; height: 26px; }
.lightbox-prev { left: 20px; }
.lightbox-next { right: 20px; }

@media (max-width: 640px) {
  .lightbox-nav { width: 40px; height: 40px; }
  .lightbox-nav svg { width: 20px; height: 20px; }
  .lightbox-prev { left: 8px; }
  .lightbox-next { right: 8px; }
  .lightbox-close { top: 10px; right: 10px; width: 38px; height: 38px; }
}