Update web/index.html

web/index.html

@@ -2062,6 +2062,45 @@
   });
 })();
 </script>
-  
+<script>
+(function() {
+  // Overlay de transición entre páginas
+  const pageOverlay = document.createElement('div');
+  pageOverlay.style.cssText = [
+    'position:fixed','inset:0','z-index:999999',
+    'pointer-events:none','opacity:0',
+    'transition:opacity 0.3s ease',
+    'background:' + (localStorage.getItem('theme') === 'dark' ? '#1a1a2e' : '#fff')
+  ].join(';');
+  document.body.appendChild(pageOverlay);
+
+  // Fade in al cargar la página
+  document.addEventListener('DOMContentLoaded', function() {
+    setTimeout(function() {
+      pageOverlay.style.opacity = '0';
+    }, 50);
+  });
+
+  // Fade out al salir
+  document.addEventListener('click', function(e) {
+    const link = e.target.closest('a');
+    if (!link) return;
+    const href = link.getAttribute('href');
+    if (!href || href === '#' || href.startsWith('javascript') || href.startsWith('mailto')) return;
+    if (link.target === '_blank') return;
+    if (e.ctrlKey || e.metaKey || e.shiftKey) return;
+
+    e.preventDefault();
+    pageOverlay.style.background = localStorage.getItem('theme') === 'dark' ? '#1a1a2e' : '#fff';
+    pageOverlay.style.opacity = '1';
+    setTimeout(function() {
+      window.location.href = href;
+    }, 300);
+  });
+
+  // Mostrar overlay inmediatamente al cargar para hacer fade in
+  pageOverlay.style.opacity = '1';
+})();
+</script>
 </body>
 </html>