diff --git a/web/app.js b/web/app.js
index 9e1190f..b6244f4 100644
--- a/web/app.js
+++ b/web/app.js
@@ -1392,6 +1392,41 @@ function initSlider() {
   renderShot(0)
 }
 
+/* ---------- lightbox de capturas ---------- */
+function initLightbox() {
+  const lightbox = document.getElementById('lightbox')
+  const lightboxImg = document.getElementById('lightboxImg')
+  const lightboxCaption = document.getElementById('lightboxCaption')
+  const lightboxClose = document.getElementById('lightboxClose')
+  if (!lightbox || !lightboxImg) return
+
+  function openLightbox(img) {
+    lightboxImg.src = img.currentSrc || img.src
+    lightboxImg.alt = img.alt
+    lightboxCaption.textContent = img.alt
+    lightbox.hidden = false
+    lightbox.setAttribute('aria-hidden', 'false')
+    if (lightboxClose) lightboxClose.focus()
+    document.body.style.overflow = 'hidden'
+  }
+
+  function closeLightbox() {
+    lightbox.hidden = true
+    lightbox.setAttribute('aria-hidden', 'true')
+    document.body.style.overflow = ''
+  }
+
+  document.querySelectorAll('img[data-shot]').forEach((img) => {
+    img.addEventListener('click', () => openLightbox(img))
+  })
+  if (lightboxClose) lightboxClose.addEventListener('click', closeLightbox)
+  lightbox.addEventListener('click', (e) => { if (e.target === lightbox) closeLightbox() })
+  document.addEventListener('keydown', (e) => {
+    if (lightbox.hidden) return
+    if (e.key === 'Escape') closeLightbox()
+  })
+}
+
 document.addEventListener('DOMContentLoaded', () => {
   initAppearance()
   initBackgroundCanvas()
@@ -1403,5 +1438,6 @@ document.addEventListener('DOMContentLoaded', () => {
   initKofi()
   initTrafficRanges()
   initSlider()
+  initLightbox()
   heroCountUps()
 })
diff --git a/web/assets/shot-alerts-en-dark.webp b/web/assets/shot-alerts-en-dark.webp
index b035419..93b7a36 100644
Binary files a/web/assets/shot-alerts-en-dark.webp and b/web/assets/shot-alerts-en-dark.webp differ
diff --git a/web/assets/shot-alerts-en-light.webp b/web/assets/shot-alerts-en-light.webp
index 21a135d..c1fdbfb 100644
Binary files a/web/assets/shot-alerts-en-light.webp and b/web/assets/shot-alerts-en-light.webp differ
diff --git a/web/assets/shot-alerts-es-dark.webp b/web/assets/shot-alerts-es-dark.webp
index 05607d7..4bb2068 100644
Binary files a/web/assets/shot-alerts-es-dark.webp and b/web/assets/shot-alerts-es-dark.webp differ
diff --git a/web/assets/shot-alerts-es-light.webp b/web/assets/shot-alerts-es-light.webp
index c59062a..92f4687 100644
Binary files a/web/assets/shot-alerts-es-light.webp and b/web/assets/shot-alerts-es-light.webp differ
diff --git a/web/assets/shot-devices-en-dark.webp b/web/assets/shot-devices-en-dark.webp
index 34e7edf..cc13171 100644
Binary files a/web/assets/shot-devices-en-dark.webp and b/web/assets/shot-devices-en-dark.webp differ
diff --git a/web/assets/shot-devices-en-light.webp b/web/assets/shot-devices-en-light.webp
index 5f93c1c..d4b97ea 100644
Binary files a/web/assets/shot-devices-en-light.webp and b/web/assets/shot-devices-en-light.webp differ
diff --git a/web/assets/shot-devices-es-dark.webp b/web/assets/shot-devices-es-dark.webp
index ece996f..a36f5af 100644
Binary files a/web/assets/shot-devices-es-dark.webp and b/web/assets/shot-devices-es-dark.webp differ
diff --git a/web/assets/shot-devices-es-light.webp b/web/assets/shot-devices-es-light.webp
index 8540ed9..6f8b37e 100644
Binary files a/web/assets/shot-devices-es-light.webp and b/web/assets/shot-devices-es-light.webp differ
diff --git a/web/assets/shot-overview-en-dark.webp b/web/assets/shot-overview-en-dark.webp
index d7b5399..d9d8ec2 100644
Binary files a/web/assets/shot-overview-en-dark.webp and b/web/assets/shot-overview-en-dark.webp differ
diff --git a/web/assets/shot-overview-en-light.webp b/web/assets/shot-overview-en-light.webp
index 42333da..dd2aedb 100644
Binary files a/web/assets/shot-overview-en-light.webp and b/web/assets/shot-overview-en-light.webp differ
diff --git a/web/assets/shot-overview-es-dark.webp b/web/assets/shot-overview-es-dark.webp
index ed03da3..948de20 100644
Binary files a/web/assets/shot-overview-es-dark.webp and b/web/assets/shot-overview-es-dark.webp differ
diff --git a/web/assets/shot-overview-es-light.webp b/web/assets/shot-overview-es-light.webp
index d1a2373..e7f4df5 100644
Binary files a/web/assets/shot-overview-es-light.webp and b/web/assets/shot-overview-es-light.webp differ
diff --git a/web/assets/shot-routers-en-dark.webp b/web/assets/shot-routers-en-dark.webp
index f89c3ec..508bb96 100644
Binary files a/web/assets/shot-routers-en-dark.webp and b/web/assets/shot-routers-en-dark.webp differ
diff --git a/web/assets/shot-routers-en-light.webp b/web/assets/shot-routers-en-light.webp
index 2c728cb..8fb6db7 100644
Binary files a/web/assets/shot-routers-en-light.webp and b/web/assets/shot-routers-en-light.webp differ
diff --git a/web/assets/shot-routers-es-dark.webp b/web/assets/shot-routers-es-dark.webp
index 10ed563..2ac423a 100644
Binary files a/web/assets/shot-routers-es-dark.webp and b/web/assets/shot-routers-es-dark.webp differ
diff --git a/web/assets/shot-routers-es-light.webp b/web/assets/shot-routers-es-light.webp
index 3127816..6a4a436 100644
Binary files a/web/assets/shot-routers-es-light.webp and b/web/assets/shot-routers-es-light.webp differ
diff --git a/web/assets/shot-settings-en-dark.webp b/web/assets/shot-settings-en-dark.webp
index f807656..dbef6a8 100644
Binary files a/web/assets/shot-settings-en-dark.webp and b/web/assets/shot-settings-en-dark.webp differ
diff --git a/web/assets/shot-settings-en-light.webp b/web/assets/shot-settings-en-light.webp
index 52f167a..dc8529d 100644
Binary files a/web/assets/shot-settings-en-light.webp and b/web/assets/shot-settings-en-light.webp differ
diff --git a/web/assets/shot-settings-es-dark.webp b/web/assets/shot-settings-es-dark.webp
index ff579d1..0f37e65 100644
Binary files a/web/assets/shot-settings-es-dark.webp and b/web/assets/shot-settings-es-dark.webp differ
diff --git a/web/assets/shot-settings-es-light.webp b/web/assets/shot-settings-es-light.webp
index 984a5e2..03ad90a 100644
Binary files a/web/assets/shot-settings-es-light.webp and b/web/assets/shot-settings-es-light.webp differ
diff --git a/web/assets/shot-topology-en-dark.webp b/web/assets/shot-topology-en-dark.webp
index 1deb574..2f79c8e 100644
Binary files a/web/assets/shot-topology-en-dark.webp and b/web/assets/shot-topology-en-dark.webp differ
diff --git a/web/assets/shot-topology-en-light.webp b/web/assets/shot-topology-en-light.webp
index a34d7d4..68dd649 100644
Binary files a/web/assets/shot-topology-en-light.webp and b/web/assets/shot-topology-en-light.webp differ
diff --git a/web/assets/shot-topology-es-dark.webp b/web/assets/shot-topology-es-dark.webp
index a0ec4f1..41e2f9e 100644
Binary files a/web/assets/shot-topology-es-dark.webp and b/web/assets/shot-topology-es-dark.webp differ
diff --git a/web/assets/shot-topology-es-light.webp b/web/assets/shot-topology-es-light.webp
index 5a2125a..d399c2c 100644
Binary files a/web/assets/shot-topology-es-light.webp and b/web/assets/shot-topology-es-light.webp differ
diff --git a/web/i18n.js b/web/i18n.js
index 4065d95..1563583 100644
--- a/web/i18n.js
+++ b/web/i18n.js
@@ -143,6 +143,10 @@ const I18N = {
       s5: 'Alerts · the feed of what happens in your network',
       s6: 'Settings · appearance, users, routers and services',
     },
+    lightbox: {
+      close: 'Close screenshot',
+      alt: 'Screenshot enlarged',
+    },
   },
 
   /* ---------------- ESPAÑOL ---------------- */
@@ -250,6 +254,10 @@ const I18N = {
       s5: 'Alertas · el feed de lo que pasa en tu red',
       s6: 'Ajustes · apariencia, usuarios, routers y servicios',
     },
+    lightbox: {
+      close: 'Cerrar captura',
+      alt: 'Captura ampliada',
+    },
   },
 
   /* ---------------- 中文 (简体) ---------------- */
diff --git a/web/index.html b/web/index.html
index 234bc3c..a830d5a 100644
--- a/web/index.html
+++ b/web/index.html
@@ -28,7 +28,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
-  <link rel="stylesheet" href="styles.css?v=20260806" />
+  <link rel="stylesheet" href="styles.css?v=20260806b" />
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -487,7 +487,7 @@ <h2 class="font-display text-balance" data-i18n="shots.title">Un vistazo a la in
           <button class="slider-arrow prev" id="shotPrev" aria-label="Captura anterior" data-i18n-aria="shots.prev">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" width="20" height="20" aria-hidden="true"><polyline points="15 18 9 12 15 6"/></svg>
           </button>
-          <img id="shotImg" src="assets/shot-overview-es-light.webp" alt="" width="1440" height="900">
+          <img id="shotImg" src="assets/shot-overview-es-light.webp" alt="" width="1440" height="900" data-shot>
           <button class="slider-arrow next" id="shotNext" aria-label="Captura siguiente" data-i18n-aria="shots.next">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" width="20" height="20" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg>
           </button>
@@ -627,7 +627,14 @@ <h5 data-i18n="appearance.title">Apariencia</h5>
     <div class="panel-note" data-i18n="appearance.note">Mismos tokens que la app — pruébalo en vivo.</div>
   </div>
 
-  <script src="i18n.js?v=20260806"></script>
-  <script src="app.js?v=20260806"></script>
+  <!-- ============ LIGHTBOX CAPTURAS ============ -->
+  <div id="lightbox" class="lightbox" hidden aria-hidden="true">
+    <button class="lightbox-close" id="lightboxClose" data-i18n-aria="lightbox.close" aria-label="Cerrar">×</button>
+    <img id="lightboxImg" class="lightbox-img" src="" alt="" data-i18n-alt="lightbox.alt" />
+    <p class="lightbox-caption" id="lightboxCaption"></p>
+  </div>
+
+  <script src="i18n.js?v=20260806b"></script>
+  <script src="app.js?v=20260806b"></script>
 </body>
 </html>
diff --git a/web/styles.css b/web/styles.css
index 74fe5e8..6326b42 100644
--- a/web/styles.css
+++ b/web/styles.css
@@ -521,3 +521,32 @@ html[dir="rtl"] .honest { border-left: none; border-right: 3px solid rgb(var(--w
   .slider-thumbs { justify-content: flex-start; overflow-x: auto; padding-bottom: 0.5rem; }
   .thumb { width: 110px; flex: none; }
 }
+
+/* ---------- lightbox de capturas ---------- */
+#shotImg[data-shot] { cursor: zoom-in; }
+.lightbox {
+  position: fixed; inset: 0; z-index: 100;
+  background: rgb(5 8 14 / 0.94);
+  align-items: center; justify-content: center;
+  flex-direction: column; gap: 1rem;
+  padding: 2rem;
+  cursor: zoom-out;
+}
+.lightbox:not([hidden]) { display: flex; }
+.lightbox[hidden] { display: none; }
+.lightbox-img {
+  max-width: 92vw; max-height: 82vh;
+  border-radius: var(--radius);
+  box-shadow: 0 20px 60px rgb(0 0 0 / 0.55);
+}
+.lightbox-caption { color: rgb(var(--text-secondary)); font-size: 0.95rem; text-align: center; }
+.lightbox-close {
+  position: absolute; top: 1.25rem; right: 1.5rem;
+  width: 44px; height: 44px; border-radius: 50%;
+  border: 1px solid rgb(255 255 255 / 0.3);
+  background: transparent; color: #fff;
+  font-size: 1.8rem; line-height: 1; cursor: pointer;
+  display: flex; align-items: center; justify-content: center;
+}
+.lightbox-close:hover { background: rgb(255 255 255 / 0.15); }
+.lightbox-close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }