EngiLab | Laboratorio de Innovaci\u00f3n para Ni\u00f1os<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&family=Space+Grotesk:wght@500;700;900&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n engidea: {\n yellow: '#FACC15',\n dark: '#111827',\n gray: '#374151',\n light: '#F9FAFB',\n white: '#FFFFFF',\n \/\/ Colores de acento divertidos para EngiLab\n blue: '#3B82F6',\n green: '#10B981',\n purple: '#8B5CF6',\n red: '#EF4444'\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n display: ['Space Grotesk', 'sans-serif'],\n },\n boxShadow: {\n 'fun': '0 10px 40px -10px rgba(0,0,0,0.1), 0 0 20px 0 rgba(250, 204, 21, 0.2)',\n 'card': '0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03)',\n 'card-hover': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)'\n }\n }\n }\n }\n <\/script>\n <style>\n body { \n background-color: #FFFFFF;\n color: #111827;\n overflow-x: hidden;\n }\n \n \/* Patr\u00f3n divertido de puntos *\/\n .dot-pattern {\n background-image: radial-gradient(#E5E7EB 2px, transparent 2px);\n background-size: 30px 30px;\n }\n\n \/* Forma org\u00e1nica de fondo *\/\n .blob-bg {\n position: absolute;\n background: #FACC15;\n filter: blur(80px);\n opacity: 0.15;\n border-radius: 50%;\n z-index: 0;\n pointer-events: none;\n }\n\n \/* Tarjetas interactivas *\/\n .engilab-card {\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n background: white;\n }\n .engilab-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n }\n\n \/* Iconos flotantes animaci\u00f3n *\/\n @keyframes float {\n 0% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-10px) rotate(5deg); }\n 100% { transform: translateY(0px) rotate(0deg); }\n }\n .floating-icon {\n animation: float 4s ease-in-out infinite;\n }\n .floating-icon-delayed {\n animation: float 4s ease-in-out infinite;\n animation-delay: 2s;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased dot-pattern\">\n\n \n <header class=\"relative pt-20 pb-32 overflow-hidden bg-gradient-to-b from-white to-gray-50\/50\">\n <div class=\"blob-bg w-[600px] h-[600px] top-0 right-0 translate-x-1\/4 -translate-y-1\/4\"><\/div>\n <div class=\"blob-bg w-[400px] h-[400px] bottom-0 left-0 -translate-x-1\/4 translate-y-1\/4 bg-blue-400 opacity-10\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-6 order-2 lg:order-1\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 mb-6 bg-engidea-yellow text-engidea-dark text-xs font-extrabold uppercase tracking-widest rounded-full shadow-sm\">\n <i class=\"fas fa-rocket\"><\/i> Para Ni\u00f1os y Ni\u00f1as de 7 a 12 a\u00f1os\n <\/div>\n <h1 class=\"text-5xl lg:text-7xl font-extrabold font-display text-engidea-dark mb-6 leading-[1.1]\">\n Inventores hoy.<br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-engidea-dark to-engidea-blue\">L\u00edderes ma\u00f1ana.<\/span>\n <\/h1>\n <p class=\"text-xl text-gray-600 mb-8 font-medium leading-relaxed\">\n En <strong>EngiLab<\/strong> transformamos la curiosidad en superpoderes. Los ni\u00f1os aprenden tecnolog\u00eda avanzada creando proyectos reales para salvar el planeta.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#prueba\" class=\"px-8 py-4 bg-engidea-dark text-white font-bold text-lg rounded-xl text-center hover:bg-engidea-yellow hover:text-engidea-dark transition-all shadow-fun transform hover:-translate-y-1 flex items-center justify-center gap-3\">\n <i class=\"fas fa-ticket-alt\"><\/i> Agendar Clase de Prueba\n <\/a>\n <a href=\"#programa\" class=\"px-8 py-4 bg-white border-2 border-gray-200 text-engidea-dark font-bold text-lg rounded-xl text-center hover:border-engidea-yellow transition-all flex items-center justify-center gap-2 shadow-sm\">\n Ver Tecnolog\u00edas\n <\/a>\n <\/div>\n \n <div class=\"mt-8 flex items-center gap-4 text-sm font-bold text-gray-500\">\n <div class=\"flex -space-x-2\">\n <div class=\"w-8 h-8 rounded-full border-2 border-white bg-engidea-blue flex items-center justify-center text-white text-xs shadow-sm\"><i class=\"fas fa-child\"><\/i><\/div>\n <div class=\"w-8 h-8 rounded-full border-2 border-white bg-engidea-yellow flex items-center justify-center text-engidea-dark text-xs shadow-sm\"><i class=\"fas fa-star\"><\/i><\/div>\n <div class=\"w-8 h-8 rounded-full border-2 border-white bg-engidea-purple flex items-center justify-center text-white text-xs shadow-sm\"><i class=\"fas fa-rocket\"><\/i><\/div>\n <\/div>\n <span>M\u00e1s de 5000 ni\u00f1os impactados.<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-6 relative order-1 lg:order-2\">\n <div class=\"relative z-10 rounded-3xl overflow-hidden shadow-2xl border-8 border-white transform rotate-3 hover:rotate-0 transition-transform duration-500 bg-gray-100\">\n \n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/zh31NJHg\/foto-cortesia-1304.jpg\" alt=\"Ni\u00f1os trabajando juntos en tecnolog\u00eda\" class=\"w-full h-auto object-cover md:h-[500px]\">\n <\/div>\n \n \n <div class=\"absolute -top-6 -right-6 w-16 h-16 bg-engidea-yellow rounded-2xl rotate-12 flex items-center justify-center text-2xl shadow-lg floating-icon z-20\">\n \ud83e\udd16\n <\/div>\n <div class=\"absolute -bottom-6 -left-6 w-16 h-16 bg-blue-500 rounded-full flex items-center justify-center text-2xl shadow-lg floating-icon-delayed z-20 text-white\">\n \ud83c\udf0d\n <\/div>\n <div class=\"absolute top-1\/2 -right-8 w-12 h-12 bg-purple-500 rounded-xl rotate-45 flex items-center justify-center text-xl shadow-lg floating-icon z-20 text-white\">\n \ud83d\udca1\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"py-20 bg-engidea-dark text-white relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-10\"><\/div>\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n \n <div class=\"text-center mb-12 max-w-4xl mx-auto\">\n <span class=\"text-engidea-yellow font-bold uppercase tracking-widest text-xs mb-3 block\">Aprendizaje con Prop\u00f3sito<\/span>\n <h2 class=\"text-3xl md:text-5xl font-bold font-display mb-6\">No solo ensamblan piezas.<br>Ensamblan un mundo mejor.<\/h2>\n <p class=\"text-gray-300 text-lg mb-6 leading-relaxed\">\n Cada proyecto que los ni\u00f1os desarrollan en EngiLab est\u00e1 vinculado a los <strong>17 Objetivos de Desarrollo Sostenible (ODS) de la ONU<\/strong>.\n <\/p>\n <p class=\"text-gray-300 text-lg leading-relaxed\">\n En lugar de preguntarles <em>\u00ab\u00bfQu\u00e9 quieres ser de grande?\u00bb<\/em>, les preguntamos: <strong class=\"text-engidea-yellow\">\u00ab\u00bfQu\u00e9 problema del mundo quieres resolver hoy?\u00bb<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"flex flex-wrap justify-center gap-4 mt-12\">\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #E5243B;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #E5243B;\"><i class=\"fas fa-hands-helping text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">1. Fin de la pobreza<\/h4>\n <p class=\"text-gray-400 text-xs\">Ideaci\u00f3n de soluciones tecnol\u00f3gicas accesibles para comunidades vulnerables.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #DDA63A;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #DDA63A;\"><i class=\"fas fa-seedling text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">2. Hambre cero<\/h4>\n <p class=\"text-gray-400 text-xs\">Innovaci\u00f3n en tecnolog\u00eda agr\u00edcola y optimizaci\u00f3n de recursos alimentarios.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #4C9F38;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #4C9F38;\"><i class=\"fas fa-heartbeat text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">3. Salud y bienestar<\/h4>\n <p class=\"text-gray-400 text-xs\">Desarrollo de apps y dispositivos b\u00e1sicos para el cuidado f\u00edsico y mental.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #C5192D;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #C5192D;\"><i class=\"fas fa-book-reader text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">4. Educaci\u00f3n de calidad<\/h4>\n <p class=\"text-gray-400 text-xs\">Creaci\u00f3n de juegos y herramientas interactivas para compartir el conocimiento.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #FF3A21;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #FF3A21;\"><i class=\"fas fa-equals text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">5. Igualdad de g\u00e9nero<\/h4>\n <p class=\"text-gray-400 text-xs\">Fomento de la participaci\u00f3n de ni\u00f1as en STEM y dise\u00f1o libre de sesgos.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #26BDE2;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #26BDE2;\"><i class=\"fas fa-tint text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">6. Agua limpia<\/h4>\n <p class=\"text-gray-400 text-xs\">Uso de sensores y rob\u00f3tica para entender la purificaci\u00f3n y conservaci\u00f3n del agua.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #FCC30B;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #FCC30B;\"><i class=\"fas fa-sun text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">7. Energ\u00eda asequible<\/h4>\n <p class=\"text-gray-400 text-xs\">Prototipado de sistemas de energ\u00edas renovables como solar y e\u00f3lica.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #A21942;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #A21942;\"><i class=\"fas fa-chart-line text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">8. Trabajo decente<\/h4>\n <p class=\"text-gray-400 text-xs\">Desarrollo temprano de las habilidades digitales demandadas por el futuro.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #FD6925;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #FD6925;\"><i class=\"fas fa-industry text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">9. Industria e innovaci\u00f3n<\/h4>\n <p class=\"text-gray-400 text-xs\">Fundamentos de rob\u00f3tica, automatizaci\u00f3n y dise\u00f1o 3D eficiente.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #DD1367;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #DD1367;\"><i class=\"fas fa-universal-access text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">10. Reducir desigualdades<\/h4>\n <p class=\"text-gray-400 text-xs\">Creaci\u00f3n de tecnolog\u00eda inclusiva pensando en personas con discapacidades.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #FD9D24;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #FD9D24;\"><i class=\"fas fa-city text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">11. Ciudades sostenibles<\/h4>\n <p class=\"text-gray-400 text-xs\">Proyectos de dom\u00f3tica b\u00e1sica, reciclaje e Internet de las Cosas (IoT).<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #BF8B2E;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #BF8B2E;\"><i class=\"fas fa-recycle text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">12. Consumo responsable<\/h4>\n <p class=\"text-gray-400 text-xs\">Pr\u00e1cticas de econom\u00eda circular y uso de materiales reciclados en los robots.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #3F7E44;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #3F7E44;\"><i class=\"fas fa-globe-americas text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">13. Acci\u00f3n por el clima<\/h4>\n <p class=\"text-gray-400 text-xs\">Uso de datos para entender el clima y dise\u00f1ar campa\u00f1as de concienciaci\u00f3n digital.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #0A97D9;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #0A97D9;\"><i class=\"fas fa-fish text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">14. Vida submarina<\/h4>\n <p class=\"text-gray-400 text-xs\">Simulaci\u00f3n de veh\u00edculos no tripulados para explorar y limpiar cuerpos de agua.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #56C02B;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #56C02B;\"><i class=\"fas fa-tree text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">15. Ecosistemas<\/h4>\n <p class=\"text-gray-400 text-xs\">Tecnolog\u00eda e IA b\u00e1sica para el monitoreo de bosques y protecci\u00f3n de la fauna.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #00689D;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #00689D;\"><i class=\"fas fa-balance-scale text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">16. Paz y justicia<\/h4>\n <p class=\"text-gray-400 text-xs\">Uso \u00e9tico de la tecnolog\u00eda y creaci\u00f3n de plataformas para la colaboraci\u00f3n ciudadana.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #19486A;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #19486A;\"><i class=\"fas fa-handshake text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">17. Alianzas globales<\/h4>\n <p class=\"text-gray-400 text-xs\">Fomento del trabajo en equipo, metodolog\u00edas \u00e1giles y proyectos colaborativos.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"programa\" class=\"py-24 relative bg-gray-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\n <span class=\"text-engidea-yellow font-bold uppercase tracking-widest text-sm bg-white px-4 py-2 rounded-full shadow-sm inline-block mb-4 border border-yellow-100\">Tecnolog\u00edas del Futuro<\/span>\n <h2 class=\"text-3xl md:text-5xl font-bold font-display text-engidea-dark mb-4\">Un laboratorio completo en sus manos<\/h2>\n <p class=\"text-gray-600 text-lg\">Aprenden usando las mismas herramientas que utilizan los ingenieros profesionales, adaptadas a su edad.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n \n <div class=\"engilab-card rounded-3xl p-8 border-2 border-gray-100 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-blue-50 rounded-bl-full -z-10 group-hover:bg-blue-100 transition-colors\"><\/div>\n <div class=\"w-16 h-16 bg-blue-100 text-blue-600 rounded-2xl flex items-center justify-center text-3xl mb-6 shadow-sm\">\n <i class=\"fas fa-robot\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-engidea-dark mb-3\">Rob\u00f3tica<\/h3>\n <p class=\"text-gray-600 text-sm\">\n Dise\u00f1an, construyen y programan robots desde cero. Entienden sensores, motores y l\u00f3gica de programaci\u00f3n.\n <\/p>\n <\/div>\n\n \n <div class=\"engilab-card rounded-3xl p-8 border-2 border-gray-100 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-orange-50 rounded-bl-full -z-10 group-hover:bg-orange-100 transition-colors\"><\/div>\n <div class=\"w-16 h-16 bg-orange-100 text-orange-600 rounded-2xl flex items-center justify-center text-3xl mb-6 shadow-sm\">\n <i class=\"fas fa-cube\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-engidea-dark mb-3\">Dise\u00f1o 3D<\/h3>\n <p class=\"text-gray-600 text-sm\">\n Modelan piezas en computadora para luego traerlas al mundo f\u00edsico mediante impresoras 3D reales.\n <\/p>\n <\/div>\n\n \n <div class=\"engilab-card rounded-3xl p-8 border-2 border-gray-100 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-purple-50 rounded-bl-full -z-10 group-hover:bg-purple-100 transition-colors\"><\/div>\n <div class=\"w-16 h-16 bg-purple-100 text-purple-600 rounded-2xl flex items-center justify-center text-3xl mb-6 shadow-sm\">\n <i class=\"fas fa-vr-cardboard\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-engidea-dark mb-3\">Realidad Virtual<\/h3>\n <p class=\"text-gray-600 text-sm\">\n Crean entornos inmersivos y recorridos virtuales interactivos que pueden explorar con visores VR.\n <\/p>\n <\/div>\n\n \n <div class=\"engilab-card rounded-3xl p-8 border-2 border-gray-100 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-green-50 rounded-bl-full -z-10 group-hover:bg-green-100 transition-colors\"><\/div>\n <div class=\"w-16 h-16 bg-green-100 text-green-600 rounded-2xl flex items-center justify-center text-3xl mb-6 shadow-sm\">\n <i class=\"fas fa-brain\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-engidea-dark mb-3\">IA Aplicada<\/h3>\n <p class=\"text-gray-600 text-sm\">\n Desarrollan aplicaciones m\u00f3viles inteligentes que reconocen im\u00e1genes, voces o detectan patrones.\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-white border-b border-gray-100\" id=\"inversion\">\n <div class=\"max-w-5xl mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <span class=\"text-engidea-yellow font-bold uppercase tracking-widest text-sm bg-gray-50 px-4 py-2 rounded-full shadow-sm inline-block mb-4 border border-gray-200\">Planes EngiLab<\/span>\n <h2 class=\"text-3xl md:text-5xl font-bold font-display text-engidea-dark mb-4\">Inversi\u00f3n en su futuro<\/h2>\n <p class=\"text-gray-600 text-lg\">Transparencia total en nuestros costos de formaci\u00f3n tecnol\u00f3gica.<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto items-stretch\">\n \n \n <div class=\"border-2 border-gray-200 rounded-3xl p-8 hover:border-engidea-yellow transition-all flex flex-col justify-between bg-white shadow-sm\">\n <div>\n <div class=\"w-12 h-12 bg-gray-100 text-gray-600 rounded-full flex items-center justify-center text-xl mb-4\">\n <i class=\"fas fa-ticket-alt\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-2 font-display\">Clase de Prueba<\/h3>\n <p class=\"text-gray-500 text-sm mb-6\">El primer paso perfecto para que su hijo\/a conozca la experiencia EngiLab sin compromisos.<\/p>\n \n <div class=\"text-5xl font-black font-display text-engidea-dark mb-2\">$10<\/div>\n <div class=\"text-sm text-gray-400 font-medium mb-8\">Pago \u00fanico<\/div>\n \n <ul class=\"space-y-4 mb-8 text-gray-600 text-sm font-medium\">\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-engidea-yellow text-lg mt-0.5\"><\/i> 2 horas de inmersi\u00f3n tecnol\u00f3gica<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-engidea-yellow text-lg mt-0.5\"><\/i> Diagn\u00f3stico de habilidades e intereses<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-engidea-yellow text-lg mt-0.5\"><\/i> Desarrollo de su primer mini-proyecto<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-engidea-yellow text-lg mt-0.5\"><\/i> Entrevista y feedback a padres<\/li>\n <\/ul>\n <\/div>\n <a href=\"#prueba\" class=\"block w-full text-center py-4 rounded-xl font-bold border-2 border-engidea-dark text-engidea-dark hover:bg-engidea-dark hover:text-white transition-all\">Agendar Prueba ($10)<\/a>\n <\/div>\n\n \n <div class=\"border-2 border-engidea-yellow rounded-3xl p-8 bg-yellow-50\/50 relative transform md:-translate-y-4 shadow-xl flex flex-col justify-between\">\n <div class=\"absolute top-0 right-0 bg-engidea-yellow text-engidea-dark text-xs font-extrabold px-4 py-1.5 rounded-bl-2xl rounded-tr-2xl uppercase tracking-widest shadow-sm\">Plan Completo<\/div>\n <div>\n <div class=\"w-12 h-12 bg-engidea-yellow text-engidea-dark rounded-full flex items-center justify-center text-xl mb-4 shadow-sm\">\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-2 font-display\">Mensualidad EngiLab<\/h3>\n <p class=\"text-gray-600 text-sm mb-6\">Acceso continuo a la malla curricular para desarrollar proyectos ODS.<\/p>\n \n <div class=\"text-5xl font-black font-display text-engidea-dark mb-2\">$70<\/div>\n <div class=\"text-sm text-gray-500 font-medium mb-8\">Por mes<\/div>\n \n <ul class=\"space-y-4 mb-8 text-gray-700 text-sm font-medium\">\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check-circle text-green-500 text-lg mt-0.5\"><\/i> 4 clases al mes (1 vez por semana)<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check-circle text-green-500 text-lg mt-0.5\"><\/i> Uso de todos los equipos (Robots, 3D, VR)<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check-circle text-green-500 text-lg mt-0.5\"><\/i> Materiales e insumos incluidos<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check-circle text-green-500 text-lg mt-0.5\"><\/i> Acceso a eventos y Demo Days<\/li>\n <\/ul>\n <\/div>\n <a href=\"#prueba\" class=\"block w-full text-center py-4 rounded-xl font-bold bg-engidea-dark text-white hover:bg-black transition-all shadow-lg transform hover:-translate-y-1\">Inscribir Mensualidad ($70)<\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"prueba\" class=\"py-24 relative overflow-hidden\">\n \n <div class=\"absolute inset-0 bg-engidea-yellow\"><\/div>\n \n <div class=\"absolute top-0 left-0 w-full h-full bg-[url('https:\/\/www.transparenttextures.com\/patterns\/diagmonds-light.png')] opacity-20\"><\/div>\n <div class=\"absolute -right-20 -top-20 w-96 h-96 bg-white opacity-20 rounded-full blur-3xl\"><\/div>\n <div class=\"absolute -left-20 -bottom-20 w-64 h-64 bg-engidea-dark opacity-10 rounded-full blur-2xl\"><\/div>\n\n <div class=\"max-w-6xl mx-auto px-4 relative z-10\">\n <div class=\"bg-white rounded-[2rem] shadow-2xl overflow-hidden flex flex-col md:flex-row border-4 border-white\">\n \n \n <div class=\"bg-engidea-dark text-white p-10 md:p-14 md:w-5\/12 flex flex-col justify-between relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 p-8 opacity-10 text-9xl\">\n <i class=\"fas fa-ticket-alt\"><\/i>\n <\/div>\n <div class=\"relative z-10\">\n <div class=\"inline-block px-3 py-1 bg-engidea-yellow text-engidea-dark text-xs font-black uppercase tracking-wider rounded mb-6 transform -rotate-2\">\n Pase VIP Explorador\n <\/div>\n <h3 class=\"text-4xl font-black font-display mb-4 leading-tight\">Clase de Prueba de 2 Horas<\/h3>\n <p class=\"text-gray-300 mb-8 font-medium\">\n Antes de inscribirse, queremos que su hijo\/a viva la experiencia EngiLab en primera persona. \n <\/p>\n \n <ul class=\"space-y-4 font-medium text-sm text-gray-200\">\n <li class=\"flex items-start gap-3\">\n <i class=\"fas fa-check-circle text-engidea-yellow text-xl mt-0.5\"><\/i>\n <span>Diagn\u00f3stico de habilidades e intereses.<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <i class=\"fas fa-check-circle text-engidea-yellow text-xl mt-0.5\"><\/i>\n <span>Construcci\u00f3n de su primer mini-proyecto.<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <i class=\"fas fa-check-circle text-engidea-yellow text-xl mt-0.5\"><\/i>\n <span>Entrevista y feedback para los padres.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"p-10 md:p-14 md:w-7\/12 bg-white\">\n <h4 class=\"text-2xl font-bold text-engidea-dark mb-2\">Reserve su cupo<\/h4>\n <p class=\"text-gray-500 text-sm mb-8\">Complete el formulario y le enviaremos los detalles de pago ($10 Prueba o $70 Mensualidad).<\/p>\n \n <form action=\"mailto:info@engidea.com.ve\" method=\"post\" enctype=\"text\/plain\" class=\"space-y-5\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Nombre del Representante<\/label>\n <input type=\"text\" name=\"representante\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all\" placeholder=\"Ej: Ana Silva\" required>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Tel\u00e9fono (WhatsApp)<\/label>\n <input type=\"tel\" name=\"telefono\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all\" placeholder=\"Ej: 0414 123 4567\" required>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Nombre del Ni\u00f1o\/a<\/label>\n <input type=\"text\" name=\"nino\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all\" placeholder=\"Ej: Diego\" required>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Tipo de Inscripci\u00f3n<\/label>\n <select name=\"inscripcion\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all font-medium\" required>\n <option value=\"Prueba_10\">Clase de Prueba ($10)<\/option>\n <option value=\"Mensualidad_70\">Mensualidad EngiLab ($70)<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Edad<\/label>\n <select name=\"edad\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all font-medium\">\n <option value=\"\" disabled selected>Seleccione<\/option>\n <option value=\"7\">7 a\u00f1os<\/option>\n <option value=\"8\">8 a\u00f1os<\/option>\n <option value=\"9\">9 a\u00f1os<\/option>\n <option value=\"10\">10 a\u00f1os<\/option>\n <option value=\"11\">11 a\u00f1os<\/option>\n <option value=\"12\">12 a\u00f1os<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Tecnolog\u00eda preferida (Opcional)<\/label>\n <select name=\"interes\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all font-medium\">\n <option value=\"Rob\u00f3tica\">Rob\u00f3tica<\/option>\n <option value=\"Dise\u00f1o 3D\">Dise\u00f1o 3D<\/option>\n <option value=\"VR\">Realidad Virtual<\/option>\n <option value=\"IA\">IA \/ Apps<\/option>\n <option value=\"Todas\">Explorar todas<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <button type=\"submit\" class=\"w-full mt-4 bg-engidea-dark text-white hover:bg-engidea-yellow hover:text-engidea-dark font-black rounded-xl text-lg px-5 py-4 text-center transition-all shadow-lg transform hover:-translate-y-1\">\n \u00a1Enviar Solicitud!\n <\/button>\n <p class=\"text-center text-xs text-gray-400 mt-3\">\n Ser\u00e1s redirigido a tu gestor de correo para enviar los datos a info@engidea.com.ve\n <\/p>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>EngiLab | Laboratorio de Innovaci\u00f3n para Ni\u00f1os Para Ni\u00f1os y Ni\u00f1as de 7 a 12 a\u00f1os Inventores hoy. L\u00edderes ma\u00f1ana. En EngiLab transformamos la curiosidad en superpoderes. Los ni\u00f1os aprenden tecnolog\u00eda avanzada creando proyectos reales para salvar el planeta. Agendar Clase de Prueba Ver Tecnolog\u00edas M\u00e1s de 5000 ni\u00f1os impactados. \ud83e\udd16 \ud83c\udf0d \ud83d\udca1 Aprendizaje con […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-162","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"engideadesign","author_link":"https:\/\/engidea.com.ve\/index.php\/author\/engideadesign\/"},"uagb_comment_info":0,"uagb_excerpt":"EngiLab | Laboratorio de Innovaci\u00f3n para Ni\u00f1os Para Ni\u00f1os y Ni\u00f1as de 7 a 12 a\u00f1os Inventores hoy. L\u00edderes ma\u00f1ana. En EngiLab transformamos la curiosidad en superpoderes. Los ni\u00f1os aprenden tecnolog\u00eda avanzada creando proyectos reales para salvar el planeta. Agendar Clase de Prueba Ver Tecnolog\u00edas M\u00e1s de 5000 ni\u00f1os impactados. \ud83e\udd16 \ud83c\udf0d \ud83d\udca1 Aprendizaje con…","_links":{"self":[{"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/comments?post=162"}],"version-history":[{"count":3,"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages\/162\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages\/162\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media?parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":162,"date":"2026-02-19T22:24:54","date_gmt":"2026-02-19T21:24:54","guid":{"rendered":"https:\/\/engidea.com.ve\/?page_id=162"},"modified":"2026-02-19T22:33:20","modified_gmt":"2026-02-19T21:33:20","slug":"engilab","status":"publish","type":"page","link":"https:\/\/engidea.com.ve\/index.php\/engilab\/","title":{"rendered":"Engilab"},"content":{"rendered":"\n\n\n\n \n \n EngiLab | Laboratorio de Innovaci\u00f3n para Ni\u00f1os<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&family=Space+Grotesk:wght@500;700;900&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n engidea: {\n yellow: '#FACC15',\n dark: '#111827',\n gray: '#374151',\n light: '#F9FAFB',\n white: '#FFFFFF',\n \/\/ Colores de acento divertidos para EngiLab\n blue: '#3B82F6',\n green: '#10B981',\n purple: '#8B5CF6',\n red: '#EF4444'\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n display: ['Space Grotesk', 'sans-serif'],\n },\n boxShadow: {\n 'fun': '0 10px 40px -10px rgba(0,0,0,0.1), 0 0 20px 0 rgba(250, 204, 21, 0.2)',\n 'card': '0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03)',\n 'card-hover': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)'\n }\n }\n }\n }\n <\/script>\n <style>\n body { \n background-color: #FFFFFF;\n color: #111827;\n overflow-x: hidden;\n }\n \n \/* Patr\u00f3n divertido de puntos *\/\n .dot-pattern {\n background-image: radial-gradient(#E5E7EB 2px, transparent 2px);\n background-size: 30px 30px;\n }\n\n \/* Forma org\u00e1nica de fondo *\/\n .blob-bg {\n position: absolute;\n background: #FACC15;\n filter: blur(80px);\n opacity: 0.15;\n border-radius: 50%;\n z-index: 0;\n pointer-events: none;\n }\n\n \/* Tarjetas interactivas *\/\n .engilab-card {\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n background: white;\n }\n .engilab-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n }\n\n \/* Iconos flotantes animaci\u00f3n *\/\n @keyframes float {\n 0% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-10px) rotate(5deg); }\n 100% { transform: translateY(0px) rotate(0deg); }\n }\n .floating-icon {\n animation: float 4s ease-in-out infinite;\n }\n .floating-icon-delayed {\n animation: float 4s ease-in-out infinite;\n animation-delay: 2s;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased dot-pattern\">\n\n \n <header class=\"relative pt-20 pb-32 overflow-hidden bg-gradient-to-b from-white to-gray-50\/50\">\n <div class=\"blob-bg w-[600px] h-[600px] top-0 right-0 translate-x-1\/4 -translate-y-1\/4\"><\/div>\n <div class=\"blob-bg w-[400px] h-[400px] bottom-0 left-0 -translate-x-1\/4 translate-y-1\/4 bg-blue-400 opacity-10\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-6 order-2 lg:order-1\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 mb-6 bg-engidea-yellow text-engidea-dark text-xs font-extrabold uppercase tracking-widest rounded-full shadow-sm\">\n <i class=\"fas fa-rocket\"><\/i> Para Ni\u00f1os y Ni\u00f1as de 7 a 12 a\u00f1os\n <\/div>\n <h1 class=\"text-5xl lg:text-7xl font-extrabold font-display text-engidea-dark mb-6 leading-[1.1]\">\n Inventores hoy.<br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-engidea-dark to-engidea-blue\">L\u00edderes ma\u00f1ana.<\/span>\n <\/h1>\n <p class=\"text-xl text-gray-600 mb-8 font-medium leading-relaxed\">\n En <strong>EngiLab<\/strong> transformamos la curiosidad en superpoderes. Los ni\u00f1os aprenden tecnolog\u00eda avanzada creando proyectos reales para salvar el planeta.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#prueba\" class=\"px-8 py-4 bg-engidea-dark text-white font-bold text-lg rounded-xl text-center hover:bg-engidea-yellow hover:text-engidea-dark transition-all shadow-fun transform hover:-translate-y-1 flex items-center justify-center gap-3\">\n <i class=\"fas fa-ticket-alt\"><\/i> Agendar Clase de Prueba\n <\/a>\n <a href=\"#programa\" class=\"px-8 py-4 bg-white border-2 border-gray-200 text-engidea-dark font-bold text-lg rounded-xl text-center hover:border-engidea-yellow transition-all flex items-center justify-center gap-2 shadow-sm\">\n Ver Tecnolog\u00edas\n <\/a>\n <\/div>\n \n <div class=\"mt-8 flex items-center gap-4 text-sm font-bold text-gray-500\">\n <div class=\"flex -space-x-2\">\n <div class=\"w-8 h-8 rounded-full border-2 border-white bg-engidea-blue flex items-center justify-center text-white text-xs shadow-sm\"><i class=\"fas fa-child\"><\/i><\/div>\n <div class=\"w-8 h-8 rounded-full border-2 border-white bg-engidea-yellow flex items-center justify-center text-engidea-dark text-xs shadow-sm\"><i class=\"fas fa-star\"><\/i><\/div>\n <div class=\"w-8 h-8 rounded-full border-2 border-white bg-engidea-purple flex items-center justify-center text-white text-xs shadow-sm\"><i class=\"fas fa-rocket\"><\/i><\/div>\n <\/div>\n <span>M\u00e1s de 5000 ni\u00f1os impactados.<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-6 relative order-1 lg:order-2\">\n <div class=\"relative z-10 rounded-3xl overflow-hidden shadow-2xl border-8 border-white transform rotate-3 hover:rotate-0 transition-transform duration-500 bg-gray-100\">\n \n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/zh31NJHg\/foto-cortesia-1304.jpg\" alt=\"Ni\u00f1os trabajando juntos en tecnolog\u00eda\" class=\"w-full h-auto object-cover md:h-[500px]\">\n <\/div>\n \n \n <div class=\"absolute -top-6 -right-6 w-16 h-16 bg-engidea-yellow rounded-2xl rotate-12 flex items-center justify-center text-2xl shadow-lg floating-icon z-20\">\n \ud83e\udd16\n <\/div>\n <div class=\"absolute -bottom-6 -left-6 w-16 h-16 bg-blue-500 rounded-full flex items-center justify-center text-2xl shadow-lg floating-icon-delayed z-20 text-white\">\n \ud83c\udf0d\n <\/div>\n <div class=\"absolute top-1\/2 -right-8 w-12 h-12 bg-purple-500 rounded-xl rotate-45 flex items-center justify-center text-xl shadow-lg floating-icon z-20 text-white\">\n \ud83d\udca1\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"py-20 bg-engidea-dark text-white relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-10\"><\/div>\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n \n <div class=\"text-center mb-12 max-w-4xl mx-auto\">\n <span class=\"text-engidea-yellow font-bold uppercase tracking-widest text-xs mb-3 block\">Aprendizaje con Prop\u00f3sito<\/span>\n <h2 class=\"text-3xl md:text-5xl font-bold font-display mb-6\">No solo ensamblan piezas.<br>Ensamblan un mundo mejor.<\/h2>\n <p class=\"text-gray-300 text-lg mb-6 leading-relaxed\">\n Cada proyecto que los ni\u00f1os desarrollan en EngiLab est\u00e1 vinculado a los <strong>17 Objetivos de Desarrollo Sostenible (ODS) de la ONU<\/strong>.\n <\/p>\n <p class=\"text-gray-300 text-lg leading-relaxed\">\n En lugar de preguntarles <em>\u00ab\u00bfQu\u00e9 quieres ser de grande?\u00bb<\/em>, les preguntamos: <strong class=\"text-engidea-yellow\">\u00ab\u00bfQu\u00e9 problema del mundo quieres resolver hoy?\u00bb<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"flex flex-wrap justify-center gap-4 mt-12\">\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #E5243B;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #E5243B;\"><i class=\"fas fa-hands-helping text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">1. Fin de la pobreza<\/h4>\n <p class=\"text-gray-400 text-xs\">Ideaci\u00f3n de soluciones tecnol\u00f3gicas accesibles para comunidades vulnerables.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #DDA63A;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #DDA63A;\"><i class=\"fas fa-seedling text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">2. Hambre cero<\/h4>\n <p class=\"text-gray-400 text-xs\">Innovaci\u00f3n en tecnolog\u00eda agr\u00edcola y optimizaci\u00f3n de recursos alimentarios.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #4C9F38;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #4C9F38;\"><i class=\"fas fa-heartbeat text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">3. Salud y bienestar<\/h4>\n <p class=\"text-gray-400 text-xs\">Desarrollo de apps y dispositivos b\u00e1sicos para el cuidado f\u00edsico y mental.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #C5192D;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #C5192D;\"><i class=\"fas fa-book-reader text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">4. Educaci\u00f3n de calidad<\/h4>\n <p class=\"text-gray-400 text-xs\">Creaci\u00f3n de juegos y herramientas interactivas para compartir el conocimiento.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #FF3A21;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #FF3A21;\"><i class=\"fas fa-equals text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">5. Igualdad de g\u00e9nero<\/h4>\n <p class=\"text-gray-400 text-xs\">Fomento de la participaci\u00f3n de ni\u00f1as en STEM y dise\u00f1o libre de sesgos.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #26BDE2;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #26BDE2;\"><i class=\"fas fa-tint text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">6. Agua limpia<\/h4>\n <p class=\"text-gray-400 text-xs\">Uso de sensores y rob\u00f3tica para entender la purificaci\u00f3n y conservaci\u00f3n del agua.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #FCC30B;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #FCC30B;\"><i class=\"fas fa-sun text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">7. Energ\u00eda asequible<\/h4>\n <p class=\"text-gray-400 text-xs\">Prototipado de sistemas de energ\u00edas renovables como solar y e\u00f3lica.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #A21942;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #A21942;\"><i class=\"fas fa-chart-line text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">8. Trabajo decente<\/h4>\n <p class=\"text-gray-400 text-xs\">Desarrollo temprano de las habilidades digitales demandadas por el futuro.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #FD6925;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #FD6925;\"><i class=\"fas fa-industry text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">9. Industria e innovaci\u00f3n<\/h4>\n <p class=\"text-gray-400 text-xs\">Fundamentos de rob\u00f3tica, automatizaci\u00f3n y dise\u00f1o 3D eficiente.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #DD1367;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #DD1367;\"><i class=\"fas fa-universal-access text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">10. Reducir desigualdades<\/h4>\n <p class=\"text-gray-400 text-xs\">Creaci\u00f3n de tecnolog\u00eda inclusiva pensando en personas con discapacidades.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #FD9D24;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #FD9D24;\"><i class=\"fas fa-city text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">11. Ciudades sostenibles<\/h4>\n <p class=\"text-gray-400 text-xs\">Proyectos de dom\u00f3tica b\u00e1sica, reciclaje e Internet de las Cosas (IoT).<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #BF8B2E;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #BF8B2E;\"><i class=\"fas fa-recycle text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">12. Consumo responsable<\/h4>\n <p class=\"text-gray-400 text-xs\">Pr\u00e1cticas de econom\u00eda circular y uso de materiales reciclados en los robots.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #3F7E44;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #3F7E44;\"><i class=\"fas fa-globe-americas text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">13. Acci\u00f3n por el clima<\/h4>\n <p class=\"text-gray-400 text-xs\">Uso de datos para entender el clima y dise\u00f1ar campa\u00f1as de concienciaci\u00f3n digital.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #0A97D9;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #0A97D9;\"><i class=\"fas fa-fish text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">14. Vida submarina<\/h4>\n <p class=\"text-gray-400 text-xs\">Simulaci\u00f3n de veh\u00edculos no tripulados para explorar y limpiar cuerpos de agua.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #56C02B;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #56C02B;\"><i class=\"fas fa-tree text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">15. Ecosistemas<\/h4>\n <p class=\"text-gray-400 text-xs\">Tecnolog\u00eda e IA b\u00e1sica para el monitoreo de bosques y protecci\u00f3n de la fauna.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #00689D;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #00689D;\"><i class=\"fas fa-balance-scale text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">16. Paz y justicia<\/h4>\n <p class=\"text-gray-400 text-xs\">Uso \u00e9tico de la tecnolog\u00eda y creaci\u00f3n de plataformas para la colaboraci\u00f3n ciudadana.<\/p>\n <\/div>\n \n <div class=\"bg-gray-800\/60 p-5 rounded-2xl border-t-4 hover:bg-gray-800 transition-colors shadow-lg w-full sm:w-[47%] md:w-[31%] lg:w-[23%] flex flex-col items-center text-center\" style=\"border-color: #19486A;\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center font-bold text-white mb-3 shadow-md\" style=\"background-color: #19486A;\"><i class=\"fas fa-handshake text-xl\"><\/i><\/div>\n <h4 class=\"font-bold text-white leading-tight mb-2 text-sm\">17. Alianzas globales<\/h4>\n <p class=\"text-gray-400 text-xs\">Fomento del trabajo en equipo, metodolog\u00edas \u00e1giles y proyectos colaborativos.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"programa\" class=\"py-24 relative bg-gray-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\n <span class=\"text-engidea-yellow font-bold uppercase tracking-widest text-sm bg-white px-4 py-2 rounded-full shadow-sm inline-block mb-4 border border-yellow-100\">Tecnolog\u00edas del Futuro<\/span>\n <h2 class=\"text-3xl md:text-5xl font-bold font-display text-engidea-dark mb-4\">Un laboratorio completo en sus manos<\/h2>\n <p class=\"text-gray-600 text-lg\">Aprenden usando las mismas herramientas que utilizan los ingenieros profesionales, adaptadas a su edad.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n \n <div class=\"engilab-card rounded-3xl p-8 border-2 border-gray-100 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-blue-50 rounded-bl-full -z-10 group-hover:bg-blue-100 transition-colors\"><\/div>\n <div class=\"w-16 h-16 bg-blue-100 text-blue-600 rounded-2xl flex items-center justify-center text-3xl mb-6 shadow-sm\">\n <i class=\"fas fa-robot\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-engidea-dark mb-3\">Rob\u00f3tica<\/h3>\n <p class=\"text-gray-600 text-sm\">\n Dise\u00f1an, construyen y programan robots desde cero. Entienden sensores, motores y l\u00f3gica de programaci\u00f3n.\n <\/p>\n <\/div>\n\n \n <div class=\"engilab-card rounded-3xl p-8 border-2 border-gray-100 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-orange-50 rounded-bl-full -z-10 group-hover:bg-orange-100 transition-colors\"><\/div>\n <div class=\"w-16 h-16 bg-orange-100 text-orange-600 rounded-2xl flex items-center justify-center text-3xl mb-6 shadow-sm\">\n <i class=\"fas fa-cube\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-engidea-dark mb-3\">Dise\u00f1o 3D<\/h3>\n <p class=\"text-gray-600 text-sm\">\n Modelan piezas en computadora para luego traerlas al mundo f\u00edsico mediante impresoras 3D reales.\n <\/p>\n <\/div>\n\n \n <div class=\"engilab-card rounded-3xl p-8 border-2 border-gray-100 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-purple-50 rounded-bl-full -z-10 group-hover:bg-purple-100 transition-colors\"><\/div>\n <div class=\"w-16 h-16 bg-purple-100 text-purple-600 rounded-2xl flex items-center justify-center text-3xl mb-6 shadow-sm\">\n <i class=\"fas fa-vr-cardboard\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-engidea-dark mb-3\">Realidad Virtual<\/h3>\n <p class=\"text-gray-600 text-sm\">\n Crean entornos inmersivos y recorridos virtuales interactivos que pueden explorar con visores VR.\n <\/p>\n <\/div>\n\n \n <div class=\"engilab-card rounded-3xl p-8 border-2 border-gray-100 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-green-50 rounded-bl-full -z-10 group-hover:bg-green-100 transition-colors\"><\/div>\n <div class=\"w-16 h-16 bg-green-100 text-green-600 rounded-2xl flex items-center justify-center text-3xl mb-6 shadow-sm\">\n <i class=\"fas fa-brain\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-engidea-dark mb-3\">IA Aplicada<\/h3>\n <p class=\"text-gray-600 text-sm\">\n Desarrollan aplicaciones m\u00f3viles inteligentes que reconocen im\u00e1genes, voces o detectan patrones.\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-white border-b border-gray-100\" id=\"inversion\">\n <div class=\"max-w-5xl mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <span class=\"text-engidea-yellow font-bold uppercase tracking-widest text-sm bg-gray-50 px-4 py-2 rounded-full shadow-sm inline-block mb-4 border border-gray-200\">Planes EngiLab<\/span>\n <h2 class=\"text-3xl md:text-5xl font-bold font-display text-engidea-dark mb-4\">Inversi\u00f3n en su futuro<\/h2>\n <p class=\"text-gray-600 text-lg\">Transparencia total en nuestros costos de formaci\u00f3n tecnol\u00f3gica.<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto items-stretch\">\n \n \n <div class=\"border-2 border-gray-200 rounded-3xl p-8 hover:border-engidea-yellow transition-all flex flex-col justify-between bg-white shadow-sm\">\n <div>\n <div class=\"w-12 h-12 bg-gray-100 text-gray-600 rounded-full flex items-center justify-center text-xl mb-4\">\n <i class=\"fas fa-ticket-alt\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-2 font-display\">Clase de Prueba<\/h3>\n <p class=\"text-gray-500 text-sm mb-6\">El primer paso perfecto para que su hijo\/a conozca la experiencia EngiLab sin compromisos.<\/p>\n \n <div class=\"text-5xl font-black font-display text-engidea-dark mb-2\">$10<\/div>\n <div class=\"text-sm text-gray-400 font-medium mb-8\">Pago \u00fanico<\/div>\n \n <ul class=\"space-y-4 mb-8 text-gray-600 text-sm font-medium\">\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-engidea-yellow text-lg mt-0.5\"><\/i> 2 horas de inmersi\u00f3n tecnol\u00f3gica<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-engidea-yellow text-lg mt-0.5\"><\/i> Diagn\u00f3stico de habilidades e intereses<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-engidea-yellow text-lg mt-0.5\"><\/i> Desarrollo de su primer mini-proyecto<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-engidea-yellow text-lg mt-0.5\"><\/i> Entrevista y feedback a padres<\/li>\n <\/ul>\n <\/div>\n <a href=\"#prueba\" class=\"block w-full text-center py-4 rounded-xl font-bold border-2 border-engidea-dark text-engidea-dark hover:bg-engidea-dark hover:text-white transition-all\">Agendar Prueba ($10)<\/a>\n <\/div>\n\n \n <div class=\"border-2 border-engidea-yellow rounded-3xl p-8 bg-yellow-50\/50 relative transform md:-translate-y-4 shadow-xl flex flex-col justify-between\">\n <div class=\"absolute top-0 right-0 bg-engidea-yellow text-engidea-dark text-xs font-extrabold px-4 py-1.5 rounded-bl-2xl rounded-tr-2xl uppercase tracking-widest shadow-sm\">Plan Completo<\/div>\n <div>\n <div class=\"w-12 h-12 bg-engidea-yellow text-engidea-dark rounded-full flex items-center justify-center text-xl mb-4 shadow-sm\">\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-2 font-display\">Mensualidad EngiLab<\/h3>\n <p class=\"text-gray-600 text-sm mb-6\">Acceso continuo a la malla curricular para desarrollar proyectos ODS.<\/p>\n \n <div class=\"text-5xl font-black font-display text-engidea-dark mb-2\">$70<\/div>\n <div class=\"text-sm text-gray-500 font-medium mb-8\">Por mes<\/div>\n \n <ul class=\"space-y-4 mb-8 text-gray-700 text-sm font-medium\">\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check-circle text-green-500 text-lg mt-0.5\"><\/i> 4 clases al mes (1 vez por semana)<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check-circle text-green-500 text-lg mt-0.5\"><\/i> Uso de todos los equipos (Robots, 3D, VR)<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check-circle text-green-500 text-lg mt-0.5\"><\/i> Materiales e insumos incluidos<\/li>\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check-circle text-green-500 text-lg mt-0.5\"><\/i> Acceso a eventos y Demo Days<\/li>\n <\/ul>\n <\/div>\n <a href=\"#prueba\" class=\"block w-full text-center py-4 rounded-xl font-bold bg-engidea-dark text-white hover:bg-black transition-all shadow-lg transform hover:-translate-y-1\">Inscribir Mensualidad ($70)<\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"prueba\" class=\"py-24 relative overflow-hidden\">\n \n <div class=\"absolute inset-0 bg-engidea-yellow\"><\/div>\n \n <div class=\"absolute top-0 left-0 w-full h-full bg-[url('https:\/\/www.transparenttextures.com\/patterns\/diagmonds-light.png')] opacity-20\"><\/div>\n <div class=\"absolute -right-20 -top-20 w-96 h-96 bg-white opacity-20 rounded-full blur-3xl\"><\/div>\n <div class=\"absolute -left-20 -bottom-20 w-64 h-64 bg-engidea-dark opacity-10 rounded-full blur-2xl\"><\/div>\n\n <div class=\"max-w-6xl mx-auto px-4 relative z-10\">\n <div class=\"bg-white rounded-[2rem] shadow-2xl overflow-hidden flex flex-col md:flex-row border-4 border-white\">\n \n \n <div class=\"bg-engidea-dark text-white p-10 md:p-14 md:w-5\/12 flex flex-col justify-between relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 p-8 opacity-10 text-9xl\">\n <i class=\"fas fa-ticket-alt\"><\/i>\n <\/div>\n <div class=\"relative z-10\">\n <div class=\"inline-block px-3 py-1 bg-engidea-yellow text-engidea-dark text-xs font-black uppercase tracking-wider rounded mb-6 transform -rotate-2\">\n Pase VIP Explorador\n <\/div>\n <h3 class=\"text-4xl font-black font-display mb-4 leading-tight\">Clase de Prueba de 2 Horas<\/h3>\n <p class=\"text-gray-300 mb-8 font-medium\">\n Antes de inscribirse, queremos que su hijo\/a viva la experiencia EngiLab en primera persona. \n <\/p>\n \n <ul class=\"space-y-4 font-medium text-sm text-gray-200\">\n <li class=\"flex items-start gap-3\">\n <i class=\"fas fa-check-circle text-engidea-yellow text-xl mt-0.5\"><\/i>\n <span>Diagn\u00f3stico de habilidades e intereses.<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <i class=\"fas fa-check-circle text-engidea-yellow text-xl mt-0.5\"><\/i>\n <span>Construcci\u00f3n de su primer mini-proyecto.<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <i class=\"fas fa-check-circle text-engidea-yellow text-xl mt-0.5\"><\/i>\n <span>Entrevista y feedback para los padres.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"p-10 md:p-14 md:w-7\/12 bg-white\">\n <h4 class=\"text-2xl font-bold text-engidea-dark mb-2\">Reserve su cupo<\/h4>\n <p class=\"text-gray-500 text-sm mb-8\">Complete el formulario y le enviaremos los detalles de pago ($10 Prueba o $70 Mensualidad).<\/p>\n \n <form action=\"mailto:info@engidea.com.ve\" method=\"post\" enctype=\"text\/plain\" class=\"space-y-5\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Nombre del Representante<\/label>\n <input type=\"text\" name=\"representante\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all\" placeholder=\"Ej: Ana Silva\" required>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Tel\u00e9fono (WhatsApp)<\/label>\n <input type=\"tel\" name=\"telefono\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all\" placeholder=\"Ej: 0414 123 4567\" required>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Nombre del Ni\u00f1o\/a<\/label>\n <input type=\"text\" name=\"nino\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all\" placeholder=\"Ej: Diego\" required>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Tipo de Inscripci\u00f3n<\/label>\n <select name=\"inscripcion\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all font-medium\" required>\n <option value=\"Prueba_10\">Clase de Prueba ($10)<\/option>\n <option value=\"Mensualidad_70\">Mensualidad EngiLab ($70)<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Edad<\/label>\n <select name=\"edad\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all font-medium\">\n <option value=\"\" disabled selected>Seleccione<\/option>\n <option value=\"7\">7 a\u00f1os<\/option>\n <option value=\"8\">8 a\u00f1os<\/option>\n <option value=\"9\">9 a\u00f1os<\/option>\n <option value=\"10\">10 a\u00f1os<\/option>\n <option value=\"11\">11 a\u00f1os<\/option>\n <option value=\"12\">12 a\u00f1os<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-gray-700 uppercase tracking-wide mb-1\">Tecnolog\u00eda preferida (Opcional)<\/label>\n <select name=\"interes\" class=\"w-full bg-gray-50 border border-gray-200 text-gray-900 rounded-xl focus:ring-2 focus:ring-engidea-yellow focus:border-engidea-yellow block p-3.5 transition-all font-medium\">\n <option value=\"Rob\u00f3tica\">Rob\u00f3tica<\/option>\n <option value=\"Dise\u00f1o 3D\">Dise\u00f1o 3D<\/option>\n <option value=\"VR\">Realidad Virtual<\/option>\n <option value=\"IA\">IA \/ Apps<\/option>\n <option value=\"Todas\">Explorar todas<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <button type=\"submit\" class=\"w-full mt-4 bg-engidea-dark text-white hover:bg-engidea-yellow hover:text-engidea-dark font-black rounded-xl text-lg px-5 py-4 text-center transition-all shadow-lg transform hover:-translate-y-1\">\n \u00a1Enviar Solicitud!\n <\/button>\n <p class=\"text-center text-xs text-gray-400 mt-3\">\n Ser\u00e1s redirigido a tu gestor de correo para enviar los datos a info@engidea.com.ve\n <\/p>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>EngiLab | Laboratorio de Innovaci\u00f3n para Ni\u00f1os Para Ni\u00f1os y Ni\u00f1as de 7 a 12 a\u00f1os Inventores hoy. L\u00edderes ma\u00f1ana. En EngiLab transformamos la curiosidad en superpoderes. Los ni\u00f1os aprenden tecnolog\u00eda avanzada creando proyectos reales para salvar el planeta. Agendar Clase de Prueba Ver Tecnolog\u00edas M\u00e1s de 5000 ni\u00f1os impactados. \ud83e\udd16 \ud83c\udf0d \ud83d\udca1 Aprendizaje con […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-162","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"engideadesign","author_link":"https:\/\/engidea.com.ve\/index.php\/author\/engideadesign\/"},"uagb_comment_info":0,"uagb_excerpt":"EngiLab | Laboratorio de Innovaci\u00f3n para Ni\u00f1os Para Ni\u00f1os y Ni\u00f1as de 7 a 12 a\u00f1os Inventores hoy. L\u00edderes ma\u00f1ana. En EngiLab transformamos la curiosidad en superpoderes. Los ni\u00f1os aprenden tecnolog\u00eda avanzada creando proyectos reales para salvar el planeta. Agendar Clase de Prueba Ver Tecnolog\u00edas M\u00e1s de 5000 ni\u00f1os impactados. \ud83e\udd16 \ud83c\udf0d \ud83d\udca1 Aprendizaje con…","_links":{"self":[{"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/comments?post=162"}],"version-history":[{"count":3,"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages\/162\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages\/162\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media?parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}