{"id":625,"date":"2026-02-16T11:19:22","date_gmt":"2026-02-16T15:19:22","guid":{"rendered":"https:\/\/eduverso.club\/?page_id=625"},"modified":"2026-02-17T10:24:24","modified_gmt":"2026-02-17T14:24:24","slug":"scamperkit","status":"publish","type":"page","link":"https:\/\/eduverso.club\/?page_id=625","title":{"rendered":"Eduverso SCAMPER Kit"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Eduverso Scamper Kit | Innovation Mystery<\/title>\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- React & ReactDOM -->\n    <script crossorigin src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n    <script crossorigin src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n    \n    <!-- Babel -->\n    <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&#038;display=swap\" rel=\"stylesheet\">\n\n    <!-- FontAwesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <style>\n        body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }\n        \n        \/* Animaciones *\/\n        .fade-in { animation: fadeIn 1s ease-out; }\n        .float { animation: float 6s ease-in-out infinite; }\n        \n        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n        @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }\n\n        \/* Colores Espec\u00edficos Scamper (Misterio\/Tech) *\/\n        .theme-accent { color: #0ea5e9; } \/* Cyan\/Blue *\/\n        .theme-bg-accent { background-color: #f0f9ff; border-color: #bae6fd; }\n        \n        \/* Modal *\/\n        #modal { transition: opacity 0.3s ease; }\n        #modal.hidden { opacity: 0; pointer-events: none; }\n        #modal:not(.hidden) { opacity: 1; pointer-events: auto; }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-900\">\n\n    <!-- HERO SECTION (Sin men\u00fa superior) -->\n    <section class=\"relative pt-20 pb-20 lg:pt-32 lg:pb-32 overflow-hidden bg-white\">\n        <!-- Decoraci\u00f3n de fondo -->\n        <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-cyan-100 rounded-full blur-3xl opacity-50 -z-10\"><\/div>\n        <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-indigo-100 rounded-full blur-3xl opacity-50 -z-10\"><\/div>\n\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid lg:grid-cols-2 gap-12 items-center fade-in\">\n            <div class=\"text-center lg:text-left order-2 lg:order-1\">\n                <span class=\"inline-block bg-cyan-100 text-cyan-800 px-3 py-1 rounded-full text-xs font-bold uppercase tracking-widest mb-6 border border-cyan-200\">\n                    <i class=\"fas fa-search mr-2\"><\/i> Deducci\u00f3n Estrat\u00e9gica\n                <\/span>\n                <h1 class=\"text-5xl lg:text-6xl font-extrabold text-slate-900 mb-6 leading-tight\">\n                    Innova tu negocio con <br\/>\n                    <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-500 to-blue-600\">Eduverso Scamper Kit<\/span>\n                <\/h1>\n                <p class=\"text-xl text-gray-500 mb-8 leading-relaxed\">\n                    El juego de diagn\u00f3stico y disrupci\u00f3n empresarial inspirado en el  juego de mesa CLUE. Resuelve el \u00abMisterio de la Innovaci\u00f3n\u00bb combinando t\u00e9cnicas SCAMPER con tecnolog\u00edas habilitadoras para encontrar el cuello de botella real.\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\n                    <button onclick=\"openModal()\" class=\"bg-slate-900 text-white px-8 py-4 rounded-xl font-bold text-lg hover:bg-slate-800 transition shadow-xl flex items-center justify-center gap-2\">\n                        <i class=\"fas fa-fingerprint\"><\/i> Reservar Kit\n                    <\/button>\n                    <a href=\"#mecanica\" class=\"px-8 py-4 rounded-xl text-slate-600 font-bold border border-gray-300 hover:border-cyan-500 hover:text-cyan-600 transition flex items-center justify-center\">\n                        Ver el Caso\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"relative float order-1 lg:order-2\">\n                <!-- IMAGEN PRINCIPAL (CAJA SCAMPER) -->\n                <div class=\"relative rounded-3xl overflow-hidden shadow-2xl border border-gray-100 bg-white p-2\">\n                    <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/rGpq1tmD\/Gemini-Generated-Image-13y63d13y63d13y6.png\" alt=\"Caja Eduverso Scamper Kit\" class=\"w-full h-auto object-cover rounded-2xl\">\n                <\/div>\n                <!-- Badge Flotante -->\n                <div class=\"absolute -bottom-6 -left-6 bg-white p-4 rounded-xl shadow-xl border border-gray-50 hidden md:flex items-center gap-3\">\n                    <div class=\"w-10 h-10 bg-cyan-100 rounded-full flex items-center justify-center text-cyan-600\">\n                        <i class=\"fas fa-tablet-alt text-xl\"><\/i>\n                    <\/div>\n                    <div>\n                        <p class=\"text-xs font-bold text-gray-400 uppercase\">Incluye<\/p>\n                        <p class=\"font-bold text-slate-900\">App Lab Forense<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- METODOLOG\u00cdA: SCAMPER + CAUSA RA\u00cdZ (NUEVO SEGMENTO DETALLADO) -->\n    <section id=\"metodologia\" class=\"py-24 bg-white text-slate-900 border-t border-gray-100\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl font-extrabold mb-4\">La Metodolog\u00eda SCAMPER<\/h2>\n                <p class=\"text-slate-500 max-w-2xl mx-auto text-lg\">\n                    Transformamos el cl\u00e1sico acr\u00f3nimo de creatividad en una herramienta de investigaci\u00f3n forense. Cada letra define como se que puede resolver el crimen (caso de disrupci\u00f3n).\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n                <!-- S -->\n                <div class=\"p-6 rounded-2xl border border-gray-200 hover:border-cyan-400 hover:shadow-lg transition duration-300 group bg-gray-50\">\n                    <div class=\"text-4xl font-black text-cyan-600 mb-2 group-hover:scale-110 transition transform origin-left\">S<\/div>\n                    <h4 class=\"font-bold text-lg text-slate-900 mb-2\">Sustituir<\/h4>\n                    <p class=\"text-sm text-gray-600 leading-snug\">\u00bfQu\u00e9 elemento, regla o persona podemos cambiar para mejorar el resultado?<\/p>\n                <\/div>\n                <!-- C -->\n                <div class=\"p-6 rounded-2xl border border-gray-200 hover:border-cyan-400 hover:shadow-lg transition duration-300 group bg-gray-50\">\n                    <div class=\"text-4xl font-black text-cyan-600 mb-2 group-hover:scale-110 transition transform origin-left\">C<\/div>\n                    <h4 class=\"font-bold text-lg text-slate-900 mb-2\">Combinar<\/h4>\n                    <p class=\"text-sm text-gray-600 leading-snug\">\u00bfQu\u00e9 pasar\u00eda si unimos dos procesos o ideas dispares?<\/p>\n                <\/div>\n                <!-- A -->\n                <div class=\"p-6 rounded-2xl border border-gray-200 hover:border-cyan-400 hover:shadow-lg transition duration-300 group bg-gray-50\">\n                    <div class=\"text-4xl font-black text-cyan-600 mb-2 group-hover:scale-110 transition transform origin-left\">A<\/div>\n                    <h4 class=\"font-bold text-lg text-slate-900 mb-2\">Adaptar<\/h4>\n                    <p class=\"text-sm text-gray-600 leading-snug\">\u00bfQu\u00e9 idea de otro contexto podemos traer aqu\u00ed?<\/p>\n                <\/div>\n                <!-- M -->\n                <div class=\"p-6 rounded-2xl border border-gray-200 hover:border-cyan-400 hover:shadow-lg transition duration-300 group bg-gray-50\">\n                    <div class=\"text-4xl font-black text-cyan-600 mb-2 group-hover:scale-110 transition transform origin-left\">M<\/div>\n                    <h4 class=\"font-bold text-lg text-slate-900 mb-2\">Modificar<\/h4>\n                    <p class=\"text-sm text-gray-600 leading-snug\">\u00bfPodemos magnificar o minimizar alg\u00fan atributo?<\/p>\n                <\/div>\n                <!-- P -->\n                <div class=\"p-6 rounded-2xl border border-gray-200 hover:border-cyan-400 hover:shadow-lg transition duration-300 group bg-gray-50\">\n                    <div class=\"text-4xl font-black text-cyan-600 mb-2 group-hover:scale-110 transition transform origin-left\">P<\/div>\n                    <h4 class=\"font-bold text-lg text-slate-900 mb-2\">Prop\u00f3sito<\/h4>\n                    <p class=\"text-sm text-gray-600 leading-snug\">\u00bfPodemos darle otro uso completamente diferente?<\/p>\n                <\/div>\n                <!-- E -->\n                <div class=\"p-6 rounded-2xl border border-gray-200 hover:border-cyan-400 hover:shadow-lg transition duration-300 group bg-gray-50\">\n                    <div class=\"text-4xl font-black text-cyan-600 mb-2 group-hover:scale-110 transition transform origin-left\">E<\/div>\n                    <h4 class=\"font-bold text-lg text-slate-900 mb-2\">Eliminar<\/h4>\n                    <p class=\"text-sm text-gray-600 leading-snug\">\u00bfQu\u00e9 es redundante? Simplifica al m\u00e1ximo.<\/p>\n                <\/div>\n                <!-- R -->\n                <div class=\"p-6 rounded-2xl border border-gray-200 hover:border-cyan-400 hover:shadow-lg transition duration-300 group bg-gray-50 lg:col-span-2\">\n                    <div class=\"text-4xl font-black text-cyan-600 mb-2 group-hover:scale-110 transition transform origin-left\">R<\/div>\n                    <h4 class=\"font-bold text-lg text-slate-900 mb-2\">Reorganizar<\/h4>\n                    <p class=\"text-sm text-gray-600 leading-snug\">\u00bfY si invertimos el proceso o cambiamos el orden de los factores?<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"mt-12 p-6 bg-slate-900 rounded-2xl text-white flex flex-col md:flex-row items-center gap-6 shadow-xl\">\n                <div class=\"flex-shrink-0 bg-cyan-500 rounded-full p-4\">\n                    <i class=\"fas fa-lightbulb text-3xl text-white\"><\/i>\n                <\/div>\n                <div>\n                    <h4 class=\"text-xl font-bold mb-2\">\u00bfC\u00f3mo funciona en el juego?<\/h4>\n                    <p class=\"text-cyan-100 text-sm leading-relaxed\">\n                        Cada t\u00e9cnica es un personaje (ej. \u00abSamuel Sustituto\u00bb). Para avanzar, debes proponer una idea usando la t\u00e9cnica de tu personaje sospechoso en la habitaci\u00f3n donde te encuentras. Si la idea es v\u00e1lida, obtienes una pista.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ELEMENTOS DE LA DEDUCCI\u00d3N -->\n    <section class=\"py-24 bg-slate-50 border-t border-gray-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                <!-- Concepto 1 -->\n                <div class=\"p-8 rounded-2xl border-t-4 border-cyan-500 shadow-sm bg-white text-center hover:-translate-y-1 transition duration-300\">\n                    <div class=\"mb-4 inline-block p-3 bg-cyan-50 rounded-full text-cyan-600 shadow-sm\">\n                        <i class=\"fas fa-sitemap text-2xl\"><\/i>\n                    <\/div>\n                    <h4 class=\"font-bold text-lg text-slate-900 mb-2\">9 Habitaciones<\/h4>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Representan las \u00e1reas operativas de la empresa (Ventas, Marketing, RRHH&#8230;) donde se esconde el \u00abcuello de botella\u00bb.<\/p>\n                <\/div>\n                <!-- Concepto 2 -->\n                <div class=\"p-8 rounded-2xl border-t-4 border-indigo-500 shadow-sm bg-white text-center hover:-translate-y-1 transition duration-300\">\n                    <div class=\"mb-4 inline-block p-3 bg-indigo-50 rounded-full text-indigo-600 shadow-sm\">\n                        <i class=\"fas fa-user-secret text-2xl\"><\/i>\n                    <\/div>\n                    <h4 class=\"font-bold text-lg text-slate-900 mb-2\">7 Sospechosos<\/h4>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Personificaciones de las t\u00e9cnicas SCAMPER. Cada uno tiene una habilidad \u00fanica para resolver problemas.<\/p>\n                <\/div>\n                <!-- Concepto 3 -->\n                <div class=\"p-8 rounded-2xl border-t-4 border-purple-500 shadow-sm bg-white text-center hover:-translate-y-1 transition duration-300\">\n                    <div class=\"mb-4 inline-block p-3 bg-purple-50 rounded-full text-purple-600 shadow-sm\">\n                        <i class=\"fas fa-microchip text-2xl\"><\/i>\n                    <\/div>\n                    <h4 class=\"font-bold text-lg text-slate-900 mb-2\">8 Armas (Tech)<\/h4>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Tecnolog\u00edas habilitadoras (IA, Big Data, Cloud) que potencian la soluci\u00f3n propuesta y cierran el caso.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- MEC\u00c1NICA DE JUEGO: THE INNOVATION CASE -->\n    <section id=\"mecanica\" class=\"py-24 bg-slate-900 text-white\">\n        <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-20\">\n                <span class=\"text-cyan-400 font-bold uppercase tracking-wider text-sm mb-2 block\">Mec\u00e1nica de Juego<\/span>\n                <h2 class=\"text-4xl font-extrabold\">The Innovation Case<\/h2>\n                <p class=\"text-slate-400 mt-2 max-w-2xl mx-auto\">Descubre la combinaci\u00f3n maestra: Habitaci\u00f3n + Sospechoso + Arma.<\/p>\n            <\/div>\n\n            <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n                <div class=\"space-y-12\">\n                    <div class=\"flex gap-6\">\n                        <div class=\"w-16 h-16 bg-cyan-900 rounded-2xl flex items-center justify-center text-cyan-400 flex-shrink-0 font-bold text-2xl shadow-sm border border-cyan-700\">1<\/div>\n                        <div>\n                            <h3 class=\"font-bold text-white text-xl mb-2\">Sugerencia de Innovaci\u00f3n<\/h3>\n                            <p class=\"text-slate-300 text-sm mt-1 leading-relaxed\">\n                                Al entrar a una habitaci\u00f3n, el equipo lanza una hip\u00f3tesis real: \u00abEl problema est\u00e1 en <strong>Ventas<\/strong>, lo resuelve <strong>Samuel Sustituto<\/strong> usando <strong>IA<\/strong>\u00ab. La App valida la coherencia sem\u00e1ntica.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex gap-6\">\n                        <div class=\"w-16 h-16 bg-indigo-900 rounded-2xl flex items-center justify-center text-indigo-400 flex-shrink-0 font-bold text-2xl shadow-sm border border-indigo-700\">2<\/div>\n                        <div>\n                            <h3 class=\"font-bold text-white text-xl mb-2\">Validaci\u00f3n y Descarte<\/h3>\n                            <p class=\"text-slate-300 text-sm mt-1 leading-relaxed\">\n                                Si la hip\u00f3tesis es incorrecta, la App o los rivales revelan una carta de descarte. La <strong>Libreta Digital<\/strong> tacha autom\u00e1ticamente las opciones imposibles, acelerando la deducci\u00f3n.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex gap-6\">\n                        <div class=\"w-16 h-16 bg-purple-900 rounded-2xl flex items-center justify-center text-purple-400 flex-shrink-0 font-bold text-2xl shadow-sm border border-purple-700\">3<\/div>\n                        <div>\n                            <h3 class=\"font-bold text-white text-xl mb-2\">La Acusaci\u00f3n Final<\/h3>\n                            <p class=\"text-slate-300 text-sm mt-1 leading-relaxed\">\n                                Cuando un equipo tiene la soluci\u00f3n, va a la Sala de Estrategia. La App genera un <strong>mini-pitch<\/strong> con sus hallazgos para que defiendan su caso ante el Asesor.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"relative\">\n                    <!-- FOTO DEL TABLERO SCAMPER -->\n                    <div class=\"rounded-3xl overflow-hidden shadow-2xl border border-slate-700 bg-slate-800 group\">\n                        <img decoding=\"async\" \n                            src=\"https:\/\/i.ibb.co\/VYSB801r\/Gemini-Generated-Image-m53zk8m53zk8m53z.png\" \n                            alt=\"Tablero Eduverso Scamper Kit\" \n                            class=\"w-full h-auto object-cover transform group-hover:scale-105 transition duration-700\"\n                        >\n                    <\/div>\n                    <div class=\"absolute -bottom-4 -right-4 bg-white px-4 py-2 rounded-lg shadow-lg flex items-center gap-2\">\n                        <i class=\"fas fa-mobile-alt text-cyan-600\"><\/i>\n                        <span class=\"text-xs font-bold text-gray-900\">App Forense Integrada<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- INTEGRACI\u00d3N DIGITAL (APP) -->\n    <section class=\"py-24 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-16\">\n                <h2 className=\"text-3xl font-bold text-slate-900\">Tu Laboratorio Forense Digital<\/h2>\n                <p className=\"text-gray-500 mt-2 text-lg\">Olv\u00eddate del papel y l\u00e1piz. Deducci\u00f3n profesional en tiempo real.<\/p>\n            <\/div>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <!-- Feature 1 -->\n                <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100 hover:shadow-lg transition duration-300\">\n                    <div class=\"mb-4 text-cyan-600 text-3xl\">\n                        <i class=\"fas fa-clipboard-check\"><\/i>\n                    <\/div>\n                    <h4 class=\"font-bold text-slate-900 mb-2\">Libreta Inteligente<\/h4>\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">\n                        Marca pistas con un toque. La App cruza datos y actualiza tus porcentajes de probabilidad autom\u00e1ticamente.\n                    <\/p>\n                <\/div>\n                <!-- Feature 2 -->\n                <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100 hover:shadow-lg transition duration-300\">\n                    <div class=\"mb-4 text-indigo-600 text-3xl\">\n                        <i class=\"fas fa-gavel\"><\/i>\n                    <\/div>\n                    <h4 class=\"font-bold text-slate-900 mb-2\">Validador de Ideaci\u00f3n<\/h4>\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">\n                        El \u00abJuez SCAMPER\u00bb. Verifica que la idea propuesta tenga coherencia sem\u00e1ntica antes de lanzarla al grupo.\n                    <\/p>\n                <\/div>\n                <!-- Feature 3 -->\n                <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100 hover:shadow-lg transition duration-300\">\n                    <div class=\"mb-4 text-purple-600 text-3xl\">\n                        <i class=\"fas fa-file-export\"><\/i>\n                    <\/div>\n                    <h4 class=\"font-bold text-slate-900 mb-2\">Reporte Final<\/h4>\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">\n                        Exporta las mejores ideas generadas durante la partida directamente a la plataforma Sapiens o en PDF.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- COMPONENTES (FICHA T\u00c9CNICA) -->\n    <section id=\"componentes\" class=\"py-24 bg-slate-50 border-t border-gray-200\">\n        <div class=\"max-w-4xl mx-auto px-4 text-center\">\n            <h2 class=\"text-3xl font-extrabold mb-8 text-slate-900\">Contenido de la Caja<\/h2>\n            \n            <div class=\"bg-white rounded-2xl p-10 border border-gray-200 shadow-xl grid md:grid-cols-2 gap-x-16 gap-y-6 text-left\">\n                <!-- Item -->\n                <div class=\"flex items-start gap-4 border-b border-gray-100 pb-4\">\n                    <i class=\"fas fa-chess-board text-cyan-500 mt-1\"><\/i>\n                    <div>\n                        <strong class=\"block text-slate-900 text-base mb-1\">Tablero \u00abInnovation Mystery\u00bb<\/strong>\n                        <span class=\"text-gray-500 text-sm leading-snug block\">Neopreno premium (60x60cm).<\/span>\n                    <\/div>\n                <\/div>\n                <!-- Item -->\n                <div class=\"flex items-start gap-4 border-b border-gray-100 pb-4\">\n                    <i class=\"fas fa-user-secret text-cyan-500 mt-1\"><\/i>\n                    <div>\n                        <strong class=\"block text-slate-900 text-base mb-1\">7 Fichas de Sospechoso<\/strong>\n                        <span class=\"text-gray-500 text-sm leading-snug block\">Tokens SCAMPER (Samuel, Camila&#8230;).<\/span>\n                    <\/div>\n                <\/div>\n                <!-- Item -->\n                <div class=\"flex items-start gap-4 border-b border-gray-100 pb-4\">\n                    <i class=\"fas fa-microchip text-cyan-500 mt-1\"><\/i>\n                    <div>\n                        <strong class=\"block text-slate-900 text-base mb-1\">Cartas de \u00abArmas\u00bb<\/strong>\n                        <span class=\"text-gray-500 text-sm leading-snug block\">Tecnolog\u00edas potenciadoras (IA, VR&#8230;).<\/span>\n                    <\/div>\n                <\/div>\n                <!-- Item -->\n                <div class=\"flex items-start gap-4 border-b border-gray-100 pb-4\">\n                    <i class=\"fas fa-search-plus text-cyan-500 mt-1\"><\/i>\n                    <div>\n                        <strong class=\"block text-slate-900 text-base mb-1\">Tokens de Investigaci\u00f3n<\/strong>\n                        <span class=\"text-gray-500 text-sm leading-snug block\">Lupas de acr\u00edlico para marcar.<\/span>\n                    <\/div>\n                <\/div>\n                <!-- Item -->\n                <div class=\"flex items-start gap-4 border-b border-gray-100 pb-4 md:border-b-0 md:col-span-2\">\n                    <i class=\"fas fa-mobile-alt text-cyan-500 mt-1\"><\/i>\n                    <div>\n                        <strong class=\"block text-slate-900 text-base mb-1\">App Eduverso (Modo Detective)<\/strong>\n                        <span class=\"text-gray-500 text-sm leading-snug block\">Con Libreta Digital y Laboratorio Forense.<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA FINAL -->\n    <section class=\"py-24 bg-cyan-600 text-white text-center\">\n        <div class=\"max-w-2xl mx-auto px-4\">\n            <h2 class=\"text-3xl font-bold mb-6\">\u00bfListo para resolver el caso?<\/h2>\n            <p class=\"text-cyan-100 mb-8 text-lg\">Deja de adivinar y empieza a deducir el futuro de tu empresa.<\/p>\n            <button onclick=\"openModal()\" class=\"bg-white text-cyan-700 px-10 py-4 rounded-xl font-bold text-lg hover:bg-gray-100 transition shadow-xl transform hover:-translate-y-1 flex items-center gap-2 mx-auto\">\n                <i class=\"fas fa-search\"><\/i> Reservar Scamper Kit\n            <\/button>\n        <\/div>\n    <\/section>\n\n    <!-- MODAL DE CONTACTO (FormSubmit) -->\n    <div id=\"modal\" class=\"fixed inset-0 z-[100] flex items-center justify-center p-4 modal-overlay hidden\">\n        <div class=\"bg-white rounded-2xl shadow-2xl w-full max-w-md relative overflow-hidden transform transition-all scale-100\">\n            <!-- Bot\u00f3n Cerrar -->\n            <button onclick=\"closeModal()\" class=\"absolute top-4 right-4 text-gray-400 hover:text-gray-900\">\n                <i class=\"fas fa-times text-xl\"><\/i>\n            <\/button>\n            \n            <div class=\"p-8\">\n                <div class=\"text-center mb-6\">\n                    <div class=\"w-16 h-16 bg-cyan-100 text-cyan-600 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl\">\n                        <i class=\"fas fa-fingerprint\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-slate-900\">Reservar Scamper Kit<\/h3>\n                    <p class=\"text-gray-500 text-sm mt-2\">\u00danete a la investigaci\u00f3n.<\/p>\n                <\/div>\n\n                <form action=\"https:\/\/formsubmit.co\/learningforti.app@gmail.com\" method=\"POST\" class=\"space-y-4\">\n                    <!-- Configuraci\u00f3n FormSubmit -->\n                    <input type=\"hidden\" name=\"_subject\" value=\"Inter\u00e9s: Eduverso SCAMPER KIT\">\n                    <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n                    <input type=\"hidden\" name=\"_next\" value=\"https:\/\/eduverso.club\">\n\n                    <div>\n                        <label class=\"block text-xs font-bold text-gray-700 uppercase mb-1\">Nombre Completo<\/label>\n                        <input type=\"text\" name=\"name\" required class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-500 outline-none transition\" placeholder=\"Tu nombre\">\n                    <\/div>\n\n                    <div>\n                        <label class=\"block text-xs font-bold text-gray-700 uppercase mb-1\">Correo Electr\u00f3nico<\/label>\n                        <input type=\"email\" name=\"email\" required class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-500 outline-none transition\" placeholder=\"tu@email.com\">\n                    <\/div>\n\n                    <button type=\"submit\" class=\"w-full bg-slate-900 text-white font-bold py-3 rounded-lg hover:bg-cyan-700 transition shadow-lg mt-2\">\n                        Confirmar Inter\u00e9s\n                    <\/button>\n                    <p class=\"text-xs text-center text-gray-400 mt-4\">Te avisaremos cuando est\u00e9 disponible.<\/p>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SCRIPTS PARA EL MODAL -->\n    <script>\n        const modal = document.getElementById('modal');\n\n        function openModal() {\n            modal.classList.remove('hidden');\n        }\n\n        function closeModal() {\n            modal.classList.add('hidden');\n        }\n\n        \/\/ Cerrar al hacer clic fuera\n        modal.addEventListener('click', (e) => {\n            if (e.target === modal) {\n                closeModal();\n            }\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eduverso Scamper Kit | Innovation Mystery Deducci\u00f3n Estrat\u00e9gica Innova tu negocio con Eduverso Scamper Kit El juego de diagn\u00f3stico y disrupci\u00f3n empresarial inspirado en el juego de mesa CLUE. Resuelve el \u00abMisterio de la Innovaci\u00f3n\u00bb combinando t\u00e9cnicas SCAMPER con tecnolog\u00edas habilitadoras para encontrar el cuello de botella real. Reservar Kit Ver el Caso Incluye App [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-625","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/eduverso.club\/index.php?rest_route=\/wp\/v2\/pages\/625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eduverso.club\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eduverso.club\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eduverso.club\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/eduverso.club\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=625"}],"version-history":[{"count":4,"href":"https:\/\/eduverso.club\/index.php?rest_route=\/wp\/v2\/pages\/625\/revisions"}],"predecessor-version":[{"id":643,"href":"https:\/\/eduverso.club\/index.php?rest_route=\/wp\/v2\/pages\/625\/revisions\/643"}],"wp:attachment":[{"href":"https:\/\/eduverso.club\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}