Nivel de Consenso: 0%
", "css": "#proteo-satire { width: 100vw; height: 100vh; background: #0a0a0a; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: monospace; color: #00ff41; overflow: hidden; } .puppet-theater { position: relative; width: 300px; height: 300px; border: 2px solid #333; } .puppet { width: 50px; height: 50px; background: #ff00ff; position: absolute; transition: transform 0.3s; } #puppet-a { top: 50px; left: 50px; } #puppet-b { bottom: 50px; right: 50px; } button { background: transparent; border: 1px solid #00ff41; color: #00ff41; padding: 10px; cursor: pointer; margin-top: 20px; }", "js": "const btn = document.getElementById('vote-btn'); const status = document.querySelector('.status'); const puppets = document.querySelectorAll('.puppet'); let consensus = 0; btn.addEventListener('click', () => { consensus += 10; status.innerText = 'Nivel de Consenso: ' + consensus + '%'; puppets.forEach(p => { p.style.transform = 'translate(' + (Math.random() * 100 - 50) + 'px, ' + (Math.random() * 100 - 50) + 'px) rotate(' + Math.random() * 360 + 'deg)'; }); if(consensus >