Update index.html

index.html

@@ -328,6 +328,75 @@
             </div>
         </section>
 
+<section class="px-6 py-24 relative z-10 bg-black/40 backdrop-blur-sm border-t border-[#333]">
+            <div class="max-w-5xl mx-auto reveal-on-scroll">
+                
+                <div class="text-center mb-8 md:mb-12">
+                    <h2 class="font-serif text-3xl md:text-4xl font-bold mb-4">
+                        Innovation <span class="text-[#00ff41]">Run</span>
+                    </h2>
+                    <p class="font-mono text-xs md:text-sm opacity-70 max-w-lg mx-auto">
+                        // <span class="text-[#00ff41]">Mission:</span> Crea un PoC visionario omnichannel
+                    </p>
+                </div>
+
+                <div id="game-monitor" class="relative w-full aspect-square md:aspect-[21/9] rounded-xl overflow-hidden border-2 border-[#00ff41] shadow-[0_0_40px_rgba(0,255,65,0.15)] bg-black group transition-all hover:shadow-[0_0_60px_rgba(0,255,65,0.25)]">
+                    
+                    <div class="absolute top-0 left-0 w-full h-8 bg-[#0a0a0a] border-b border-[#00ff41]/50 flex items-center justify-between px-4 z-20 select-none pointer-events-none">
+                        <div class="flex items-center gap-2">
+                            <div class="w-2 h-2 rounded-full bg-[#00ff41] animate-pulse"></div>
+                            <span class="text-[10px] font-mono text-[#00ff41] tracking-wider">LIVE_EXECUTION</span>
+                        </div>
+                        <span class="text-[10px] font-mono text-[#00ff41]/50">./play.html</span>
+                    </div>
+
+                    <div id="game-overlay" class="absolute inset-0 z-30 bg-black/80 flex flex-col items-center justify-center cursor-pointer backdrop-blur-sm transition-opacity duration-500" onclick="activateGame()">
+                        <div class="w-16 h-16 rounded-full border-2 border-[#00ff41] flex items-center justify-center mb-4 animate-pulse shadow-[0_0_20px_#00ff41]">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="#00ff41" stroke="none"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
+                        </div>
+                        <p class="text-[#00ff41] font-mono text-xs md:text-sm tracking-widest uppercase font-bold">
+                            TAP TO INITIALIZE
+                        </p>
+                    </div>
+
+                    <iframe 
+                        id="game-iframe"
+                        src="./play.html" 
+                        class="w-full h-full pt-8 bg-black" 
+                        frameborder="0" 
+                        scrolling="no"
+                        loading="lazy"
+                        style="touch-action: none;" 
+                        title="Innovation Run Game">
+                    </iframe>
+
+                    <div class="absolute inset-0 pointer-events-none z-10 bg-[linear-gradient(rgba(18,16,16,0)_50%,rgba(0,0,0,0.1)_50%),linear-gradient(90deg,rgba(255,0,0,0.03),rgba(0,255,0,0.01),rgba(0,0,255,0.03))] bg-[length:100%_2px,3px_100%] opacity-50"></div>
+                </div>
+                
+                <div class="mt-4 flex justify-between items-center px-2">
+                    <p class="text-[10px] text-[#00ff41]/50 font-mono">
+                        [VERTICAL MODE OPTIMIZED]
+                    </p>
+                    <div class="flex gap-4 text-[10px] text-[#00ff41]/50 font-mono">
+                        <span>INPUT: TAP SCREEN</span>
+                        <span>STATUS: READY</span>
+                    </div>
+                </div>
+
+            </div>
+        </section>
+
+        <script>
+            function activateGame() {
+                const overlay = document.getElementById('game-overlay');
+                const iframe = document.getElementById('game-iframe');
+                overlay.style.opacity = '0';
+                setTimeout(() => overlay.style.display = 'none', 500);
+                iframe.contentWindow.focus();
+                console.log("Game Activated: Focus transferred");
+            }
+        </script>
+
         <!-- MISSING LINK SECTION & CODE BLOCK -->
         <section class="px-6 py-24 relative z-10 bg-black/60 backdrop-blur-md border-y border-[#333]">
             <div class="max-w-3xl mx-auto reveal-on-scroll">