{"id":11,"date":"2024-01-07T16:56:26","date_gmt":"2024-01-07T16:56:26","guid":{"rendered":"https:\/\/proyectos.engidea.com.ve\/index.php\/work\/"},"modified":"2026-05-12T11:02:16","modified_gmt":"2026-05-12T15:02:16","slug":"project","status":"publish","type":"page","link":"https:\/\/proyectos.engidea.com.ve\/","title":{"rendered":"Proyectos"},"content":{"rendered":"\n
\n
\n\n\n\n \n \n Ecosistema Venture Builder | Engidea<\/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;500;600;700&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 }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n display: ['Space Grotesk', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <style>\n body { background-color: #FFFFFF; color: #111827; }\n \n .dot-pattern {\n background-image: radial-gradient(#E5E7EB 1px, transparent 1px);\n background-size: 24px 24px;\n }\n\n \/* Efectos de tarjetas *\/\n .portfolio-card {\n transition: all 0.3s ease;\n }\n .portfolio-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n }\n .portfolio-card:hover .portfolio-img {\n transform: scale(1.05);\n }\n \n \/* Ocultar barra de desplazamiento en filtros *\/\n .scrollbar-hide::-webkit-scrollbar {\n display: none;\n }\n .scrollbar-hide {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased font-sans\">\n\n <!-- CABECERA PRINCIPAL: MODELO VENTURE BUILDER -->\n <header class=\"relative pt-8 pb-20 bg-white overflow-hidden dot-pattern border-b border-gray-100\">\n <!-- Decoraci\u00f3n -->\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-engidea-yellow opacity-10 rounded-full blur-3xl transform translate-x-1\/3 -translate-y-1\/3\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[400px] h-[400px] bg-blue-50 opacity-50 rounded-full blur-3xl transform -translate-x-1\/2 translate-y-1\/2\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center max-w-4xl mx-auto\">\n <span class=\"inline-flex items-center gap-2 py-1.5 px-4 rounded-full bg-yellow-50 border border-yellow-200 text-yellow-700 text-xs font-bold uppercase tracking-widest mb-6 shadow-sm\">\n <i class=\"fas fa-cogs\"><\/i> La F\u00e1brica de Innovaci\u00f3n Venezolana\n <\/span>\n \n <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-black font-display text-engidea-dark mb-6 tracking-tight leading-tight\">\n Del aislamiento a la <br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-engidea-yellow to-yellow-600\">Co-creaci\u00f3n Tecnol\u00f3gica.<\/span>\n <\/h1>\n \n <p class=\"text-lg md:text-xl text-gray-600 mb-10 leading-relaxed max-w-3xl mx-auto\">\n Operamos bajo el modelo <strong>Venture Builder<\/strong>. Conectamos talento intergeneracional, corporaciones y academia para dise\u00f1ar soluciones y fundar startups que resuelvan el vac\u00edo de colaboraci\u00f3n del pa\u00eds.\n <\/p>\n\n <!-- Flujo del Modelo de F\u00e1brica (Actualizado a 4 fases con m\u00e1s detalle) -->\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-sm mt-12 relative\">\n <!-- Conector de l\u00ednea de fondo (solo visible en desktop) -->\n <div class=\"hidden lg:block absolute top-8 left-12 right-12 h-1 bg-gray-100 -z-10\"><\/div>\n \n <!-- Fase 1 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-lg border border-gray-100 flex flex-col items-center text-center relative group hover:border-blue-300 transition-colors\">\n <div class=\"absolute top-0 left-0 w-full h-1 bg-blue-500 rounded-t-2xl\"><\/div>\n <div class=\"w-16 h-16 bg-blue-50 text-blue-600 rounded-full flex items-center justify-center text-2xl mb-4 shadow-sm group-hover:scale-110 transition-transform border-4 border-white\"><i class=\"fas fa-search\"><\/i><\/div>\n <h3 class=\"font-bold text-engidea-dark text-base mb-2\">1. Diagn\u00f3stico y Dise\u00f1o<\/h3>\n <p class=\"text-xs text-gray-500 font-medium leading-relaxed\">\n Identificaci\u00f3n de retos reales basados en los ODS. Integramos talento intergeneracional y alianzas corporativas para estructurar y dise\u00f1ar la arquitectura de la soluci\u00f3n tecnol\u00f3gica.\n <\/p>\n <\/div>\n \n <!-- Fase 2 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-lg border border-gray-100 flex flex-col items-center text-center relative group hover:border-purple-400 transition-colors\">\n <div class=\"absolute top-0 left-0 w-full h-1 bg-purple-500 rounded-t-2xl\"><\/div>\n <div class=\"w-16 h-16 bg-purple-50 text-purple-600 rounded-full flex items-center justify-center text-2xl mb-4 shadow-sm group-hover:scale-110 transition-transform border-4 border-white\"><i class=\"fas fa-laptop-code\"><\/i><\/div>\n <h3 class=\"font-bold text-engidea-dark text-base mb-2\">2. Co-creaci\u00f3n de Prototipos<\/h3>\n <p class=\"text-xs text-gray-500 font-medium leading-relaxed\">\n Desarrollo colaborativo y \u00e1gil en nuestros laboratorios para construir el Producto M\u00ednimo Viable (MVP). Transformamos las ideas validadas en software y hardware funcional.\n <\/p>\n <\/div>\n\n <!-- Fase 3 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-lg border border-gray-100 flex flex-col items-center text-center relative group hover:border-orange-400 transition-colors\">\n <div class=\"absolute top-0 left-0 w-full h-1 bg-orange-500 rounded-t-2xl\"><\/div>\n <div class=\"w-16 h-16 bg-orange-50 text-orange-600 rounded-full flex items-center justify-center text-2xl mb-4 shadow-sm group-hover:scale-110 transition-transform border-4 border-white\"><i class=\"fas fa-vial\"><\/i><\/div>\n <h3 class=\"font-bold text-engidea-dark text-base mb-2\">3. Validaci\u00f3n de Prototipos<\/h3>\n <p class=\"text-xs text-gray-500 font-medium leading-relaxed\">\n Ejecuci\u00f3n de pruebas piloto en el mercado o en entornos controlados. Analizamos la data, recopilamos feedback de usuarios reales e iteramos la soluci\u00f3n para asegurar su \u00e9xito.\n <\/p>\n <\/div>\n \n <!-- Fase 4 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-lg border border-gray-100 flex flex-col items-center text-center relative group hover:border-emerald-400 transition-colors\">\n <div class=\"absolute top-0 left-0 w-full h-1 bg-emerald-500 rounded-t-2xl\"><\/div>\n <div class=\"w-16 h-16 bg-emerald-50 text-emerald-600 rounded-full flex items-center justify-center text-2xl mb-4 shadow-sm group-hover:scale-110 transition-transform border-4 border-white\"><i class=\"fas fa-rocket\"><\/i><\/div>\n <h3 class=\"font-bold text-engidea-dark text-base mb-2\">4. Comercializaci\u00f3n<\/h3>\n <p class=\"text-xs text-gray-500 font-medium leading-relaxed\">\n Lanzamiento oficial de los productos y servicios al mercado. Escalamiento del modelo de negocio B2B\/B2C, b\u00fasqueda de inversi\u00f3n y fundaci\u00f3n de nuevas filiales (Spin-offs).\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/header>\n\n <!-- 1. SECCI\u00d3N: ORGANIZACIONES DEL HOLDING -->\n <section class=\"py-16 bg-white border-b border-gray-100\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n \n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold font-display text-engidea-dark\">Ecosistema de Startups<\/h2>\n <p class=\"text-gray-500 mt-2 text-lg\">Filiales e iniciativas operando como resultado de nuestra f\u00e1brica.<\/p>\n <\/div>\n\n <!-- Filtros de Organizaciones -->\n <div class=\"flex items-center justify-start md:justify-center gap-2 md:gap-4 overflow-x-auto pb-6 scrollbar-hide\">\n <button onclick=\"filterOrgs('all', this)\" class=\"org-btn active px-6 py-2 bg-engidea-dark text-white font-bold rounded-full text-sm shrink-0 shadow-md transition-colors\">Todas<\/button>\n <button onclick=\"filterOrgs('educacion', this)\" class=\"org-btn px-6 py-2 bg-gray-100 text-gray-600 hover:bg-gray-200 font-bold rounded-full text-sm shrink-0 transition-colors\">Educaci\u00f3n<\/button>\n <button onclick=\"filterOrgs('salud', this)\" class=\"org-btn px-6 py-2 bg-gray-100 text-gray-600 hover:bg-gray-200 font-bold rounded-full text-sm shrink-0 transition-colors\">Salud<\/button>\n <button onclick=\"filterOrgs('robotica', this)\" class=\"org-btn px-6 py-2 bg-gray-100 text-gray-600 hover:bg-gray-200 font-bold rounded-full text-sm shrink-0 transition-colors\">Rob\u00f3tica<\/button>\n <button onclick=\"filterOrgs('logistica', this)\" class=\"org-btn px-6 py-2 bg-gray-100 text-gray-600 hover:bg-gray-200 font-bold rounded-full text-sm shrink-0 transition-colors\">Log\u00edstica<\/button>\n <button onclick=\"filterOrgs('ciudades', this)\" class=\"org-btn px-6 py-2 bg-gray-100 text-gray-600 hover:bg-gray-200 font-bold rounded-full text-sm shrink-0 transition-colors\">Ciudades Inteligentes<\/button>\n <button onclick=\"filterOrgs('industria', this)\" class=\"org-btn px-6 py-2 bg-gray-100 text-gray-600 hover:bg-gray-200 font-bold rounded-full text-sm shrink-0 transition-colors\">Industria<\/button>\n <button onclick=\"filterOrgs('finanzas', this)\" class=\"org-btn px-6 py-2 bg-gray-100 text-gray-600 hover:bg-gray-200 font-bold rounded-full text-sm shrink-0 transition-colors\">Finanzas<\/button>\n <button onclick=\"filterOrgs('seguridad', this)\" class=\"org-btn px-6 py-2 bg-gray-100 text-gray-600 hover:bg-gray-200 font-bold rounded-full text-sm shrink-0 transition-colors\">Seguridad<\/button>\n <\/div>\n\n <!-- Grid de Logos de Organizaciones -->\n <div id=\"orgs-grid\" class=\"flex flex-wrap justify-center gap-6 md:gap-8\">\n \n <!-- SAPIENS IA -->\n <a href=\"https:\/\/sapiensia.studio\/\" target=\"_blank\" data-category=\"educacion\" class=\"org-card group flex flex-col items-center justify-start w-64 h-auto bg-white rounded-3xl border border-gray-100 shadow-sm hover:shadow-xl hover:border-blue-500 transition-all p-6 text-center cursor-pointer relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-blue-50 rounded-bl-full -z-10 transition-transform group-hover:scale-150\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/jkhVtVZd\/logo-sapiensia.png\" alt=\"Logo Sapiens IA\" class=\"h-16 w-auto object-contain mb-4 group-hover:scale-110 transition-transform\">\n <span class=\"font-black text-gray-800 text-lg\">Sapiens IA<\/span>\n <span class=\"text-[10px] font-bold text-blue-500 uppercase tracking-wider mt-1 mb-3\">Educaci\u00f3n<\/span>\n <p class=\"text-xs text-gray-500 leading-relaxed\">\n Estudio de innovaci\u00f3n educativa impulsado por Inteligencia Artificial para potenciar el aprendizaje del futuro.\n <\/p>\n <\/a>\n\n <!-- EDUVERSO -->\n <a href=\"https:\/\/eduverso.club\/\" target=\"_blank\" data-category=\"finanzas\" class=\"org-card group flex flex-col items-center justify-start w-64 h-auto bg-white rounded-3xl border border-gray-100 shadow-sm hover:shadow-xl hover:border-purple-500 transition-all p-6 text-center cursor-pointer relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-purple-50 rounded-bl-full -z-10 transition-transform group-hover:scale-150\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/vCLb0YQQ\/eduverso-003.png\" alt=\"Logo Eduverso\" class=\"h-16 w-auto object-contain mb-4 group-hover:scale-110 transition-transform\">\n <span class=\"font-black text-gray-800 text-lg\">Eduverso<\/span>\n <span class=\"text-[10px] font-bold text-purple-500 uppercase tracking-wider mt-1 mb-3\">Finanzas<\/span>\n <p class=\"text-xs text-gray-500 leading-relaxed\">\n Ecosistema Physical de aprendizaje interactivo y gamificado dise\u00f1ado para conectar metodolog\u00edas agiles a los negocios y las finanzas.\n <\/p>\n <\/a>\n\n <!-- AXIOMA EMET -->\n <a href=\"https:\/\/axioma-emet.com\/\" target=\"_blank\" data-category=\"ciudades\" class=\"org-card group flex flex-col items-center justify-start w-64 h-auto bg-white rounded-3xl border border-gray-100 shadow-sm hover:shadow-xl hover:border-teal-500 transition-all p-6 text-center cursor-pointer relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-teal-50 rounded-bl-full -z-10 transition-transform group-hover:scale-150\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/ccrjFTxD\/logo-axioma-23.png\" alt=\"Logo Axioma Emet\" class=\"h-16 w-auto object-contain mb-4 group-hover:scale-110 transition-transform\">\n <span class=\"font-black text-gray-800 text-lg\">Axioma Emet<\/span>\n <span class=\"text-[10px] font-bold text-teal-500 uppercase tracking-wider mt-1 mb-3\">Ciudades Inteligentes<\/span>\n <p class=\"text-xs text-gray-500 leading-relaxed\">\n Soluciones tecnol\u00f3gicas y de urbanismo inteligente para modernizar y conectar los espacios c\u00edvicos del futuro.\n <\/p>\n <\/a>\n\n <!-- VITALPLAY -->\n <a href=\"https:\/\/vitalplayedu.online\/\" target=\"_blank\" data-category=\"seguridad\" class=\"org-card group flex flex-col items-center justify-start w-64 h-auto bg-white rounded-3xl border border-gray-100 shadow-sm hover:shadow-xl hover:border-rose-500 transition-all p-6 text-center cursor-pointer relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-rose-50 rounded-bl-full -z-10 transition-transform group-hover:scale-150\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/5fjS4T7\/Logo.png\" alt=\"Logo VitalPlay\" class=\"h-16 w-auto object-contain mb-4 group-hover:scale-110 transition-transform\">\n <span class=\"font-black text-gray-800 text-lg\">VitalPlay<\/span>\n <span class=\"text-[10px] font-bold text-rose-500 uppercase tracking-wider mt-1 mb-3\">Seguridad<\/span>\n <p class=\"text-xs text-gray-500 leading-relaxed\">\n Plataforma interactiva y educativa orientada al bienestar integral y la prevenci\u00f3n en el \u00e1rea de la salud.\n <\/p>\n <\/a>\n\n <!-- SIGNALIFE -->\n <a href=\"https:\/\/signal-life.digital\/\" target=\"_blank\" data-category=\"salud\" class=\"org-card group flex flex-col items-center justify-start w-64 h-auto bg-white rounded-3xl border border-gray-100 shadow-sm hover:shadow-xl hover:border-red-600 transition-all p-6 text-center cursor-pointer relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-red-50 rounded-bl-full -z-10 transition-transform group-hover:scale-150\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/fYVC27PR\/Recurso-1-8-1.png\" alt=\"Logo SignaLife\" class=\"h-16 w-auto object-contain mb-4 group-hover:scale-110 transition-transform bg-black rounded-lg p-2\">\n <span class=\"font-black text-gray-800 text-lg\">SignaLife<\/span>\n <span class=\"text-[10px] font-bold text-red-600 uppercase tracking-wider mt-1 mb-3\">Salud<\/span>\n <p class=\"text-xs text-gray-500 leading-relaxed\">\n Innovaci\u00f3n digital aplicada al sector sanitario para mejorar la respuesta a emergencias y el cuidado de pacientes.\n <\/p>\n <\/a>\n\n <!-- CIPHERNOVA -->\n <a href=\"https:\/\/ciphernovarobotics.space\/\" target=\"_blank\" data-category=\"robotica\" class=\"org-card group flex flex-col items-center justify-start w-64 h-auto bg-white rounded-3xl border border-gray-100 shadow-sm hover:shadow-xl hover:border-indigo-500 transition-all p-6 text-center cursor-pointer relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-indigo-50 rounded-bl-full -z-10 transition-transform group-hover:scale-150\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/fVCp8mpd\/logo-ciphernova-removebg-preview.png\" alt=\"Logo Ciphernova Robotics\" class=\"h-16 w-auto object-contain mb-4 group-hover:scale-110 transition-transform bg-indigo-900 rounded-lg p-2\">\n <span class=\"font-black text-gray-800 text-lg\">Ciphernova<\/span>\n <span class=\"text-[10px] font-bold text-indigo-500 uppercase tracking-wider mt-1 mb-3\">Rob\u00f3tica<\/span>\n <p class=\"text-xs text-gray-500 leading-relaxed\">\n Desarrollo y automatizaci\u00f3n de hardware rob\u00f3tico especializado para resolver retos log\u00edsticos y operativos en m\u00faltiples industrias.\n <\/p>\n <\/a>\n\n <!-- SALUS -->\n <a href=\"https:\/\/salusrobotics.es\" target=\"_blank\" data-category=\"industria\" class=\"org-card group flex flex-col items-center justify-start w-64 h-auto bg-white rounded-3xl border border-gray-100 shadow-sm hover:shadow-xl hover:border-gray-800 transition-all p-6 text-center cursor-pointer relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-gray-100 rounded-bl-full -z-10 transition-transform group-hover:scale-150\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/VZ8DJ7w\/Logo-Salus.png\" alt=\"Logo Salus Robotics\" class=\"h-16 w-auto object-contain mb-4 group-hover:scale-110 transition-transform\">\n <span class=\"font-black text-gray-800 text-lg\">Salus<\/span>\n <span class=\"text-[10px] font-bold text-gray-600 uppercase tracking-wider mt-1 mb-3\">Industria<\/span>\n <p class=\"text-xs text-gray-500 leading-relaxed\">\n Desarrollo de rob\u00f3tica avanzada y sistemas de vigilancia automatizados para la protecci\u00f3n de espacios industriales y civiles.\n <\/p>\n <\/a>\n\n <\/div>\n\n <!-- Mensaje de Estado Vac\u00edo (Muy Pronto) -->\n <div id=\"empty-orgs-msg\" class=\"hidden text-center py-12\">\n <div class=\"w-16 h-16 bg-gray-50 rounded-full flex items-center justify-center text-2xl text-engidea-yellow mx-auto mb-4 border border-gray-100 shadow-inner\">\n <i class=\"fas fa-rocket\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-engidea-dark mb-2\">\u00a1Muy pronto habr\u00e1 m\u00e1s organizaciones!<\/h3>\n <p class=\"text-gray-500 text-sm max-w-md mx-auto\">Nuestro ecosistema de innovaci\u00f3n est\u00e1 en constante expansi\u00f3n. Pronto anunciaremos nuevas filiales en esta \u00e1rea.<\/p>\n <\/div>\n\n <\/div>\n <\/section>\n\n <!-- 2. SECCI\u00d3N: PORTAFOLIO DE PROYECTOS (WORDPRESS) -->\n <section class=\"py-20 bg-gray-50 min-h-[500px]\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n \n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold font-display text-engidea-dark\">Portafolio de Innovaci\u00f3n<\/h2>\n <p class=\"text-gray-500 mt-2\">Soluciones, prototipos y desarrollos nacidos en nuestros laboratorios de co-creaci\u00f3n.<\/p>\n <\/div>\n\n <!-- Filtros de Portafolio (Se llenan v\u00eda API) -->\n <div id=\"category-filters\" class=\"flex items-center justify-start md:justify-center gap-2 md:gap-4 overflow-x-auto pb-8 scrollbar-hide\">\n <button onclick=\"setCategory(null, this)\" class=\"category-btn active px-6 py-2 bg-engidea-dark text-white font-bold rounded-full text-sm shrink-0 shadow-md\">Todos los Proyectos<\/button>\n <span class=\"text-sm text-gray-400 italic\">Cargando filtros de WP…<\/span>\n <\/div>\n\n <!-- Grid de Portafolio -->\n <div id=\"portfolio-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <!-- ESTADO DE CARGA -->\n <div class=\"col-span-full text-center py-20\">\n <i class=\"fas fa-circle-notch fa-spin text-5xl text-engidea-yellow mb-4\"><\/i>\n <p class=\"text-gray-500 font-bold text-lg\">Cargando portafolio desde WordPress…<\/p>\n <\/div>\n <\/div>\n\n <!-- Paginaci\u00f3n del Portafolio -->\n <div class=\"mt-16 flex justify-center\" id=\"pagination-container\">\n <button id=\"load-more-btn\" onclick=\"loadMoreProjects()\" class=\"px-8 py-3 bg-white border border-gray-200 text-engidea-dark font-bold rounded-full hover:border-engidea-yellow hover:text-engidea-dark transition-colors shadow-sm flex items-center gap-2\" style=\"display: none;\">\n <i class=\"fas fa-sync-alt\" id=\"load-more-icon\"><\/i> <span id=\"load-more-text\">Cargar m\u00e1s proyectos<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 3. SECCI\u00d3N: PR\u00d3XIMOS EVENTOS (WORDPRESS) -->\n <section class=\"py-20 bg-white border-t border-gray-100\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end mb-12 gap-4\">\n <div>\n <span class=\"text-engidea-yellow font-bold uppercase tracking-widest text-xs mb-2 block\">Agenda del Lab<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold font-display text-engidea-dark\">Nuestros Eventos<\/h2>\n <\/div>\n <a href=\"https:\/\/proyectos.engidea.com.ve\/\" class=\"hidden md:inline-flex items-center gap-2 text-sm font-bold text-engidea-dark hover:text-engidea-yellow transition-colors\">\n Ver todos los eventos <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <div id=\"events-grid\" class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n <!-- ESTADO DE CARGA EVENTOS -->\n <div class=\"col-span-full text-center py-10\">\n <i class=\"fas fa-circle-notch fa-spin text-3xl text-engidea-yellow mb-4\"><\/i>\n <p class=\"text-gray-500 font-bold mt-4\">Cargando eventos…<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 text-center md:hidden\">\n <a href=\"https:\/\/proyectos.engidea.com.ve\/\" class=\"inline-flex items-center gap-2 text-sm font-bold text-engidea-dark hover:text-engidea-yellow transition-colors\">\n Ver todos los eventos <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CALL TO ACTION -->\n <section class=\"py-20 relative overflow-hidden bg-engidea-dark border-t-4 border-engidea-yellow\">\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-engidea-yellow rounded-full blur-3xl opacity-20 transform translate-x-1\/2 -translate-y-1\/2\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-blue-500 rounded-full blur-3xl opacity-10 transform -translate-x-1\/2 translate-y-1\/2\"><\/div>\n \n <div class=\"max-w-4xl mx-auto px-4 text-center relative z-10\">\n <div class=\"w-16 h-16 bg-gray-800 rounded-2xl flex items-center justify-center text-engidea-yellow text-3xl mx-auto mb-6 shadow-lg border border-gray-700\">\n <i class=\"fas fa-handshake\"><\/i>\n <\/div>\n <h2 class=\"text-3xl font-bold font-display text-white mb-4\">\u00bfQuieres construir con nosotros?<\/h2>\n <p class=\"text-gray-400 mb-8 text-lg\">\u00danete a nuestros programas de incubaci\u00f3n como talento, o convi\u00e9rtete en partner corporativo para lanzar nuevos retos de innovaci\u00f3n abierta.<\/p>\n \n <a href=\"https:\/\/www.engidea.com.ve\/\" class=\"inline-block bg-engidea-yellow text-engidea-dark font-bold px-8 py-4 rounded-xl hover:bg-yellow-400 transition-colors shadow-lg\">\n Conocer la F\u00e1brica Engidea\n <\/a>\n <\/div>\n <\/section>\n\n <!-- FOOTER -->\n <footer class=\"bg-gray-900 py-10 text-center border-t border-gray-800\">\n <p class=\"text-gray-400 text-sm font-medium\">\u00a9 2026 Engidea. La F\u00e1brica de Innovaci\u00f3n Venezolana. Todos los derechos reservados.<\/p>\n <\/footer>\n\n <!-- SCRIPT DE INTERACTIVIDAD Y WORDPRESS -->\n <script>\n \/\/ ==========================================\n \/\/ FILTROS LOCALES (Organizaciones)\n \/\/ ==========================================\n function filterOrgs(category, btnElement) {\n document.querySelectorAll('.org-btn').forEach(btn => {\n btn.className = \"org-btn px-6 py-2 bg-gray-100 text-gray-600 hover:bg-gray-200 font-bold rounded-full text-sm shrink-0 transition-colors\";\n });\n btnElement.className = \"org-btn active px-6 py-2 bg-engidea-dark text-white font-bold rounded-full text-sm shrink-0 shadow-md transition-colors\";\n\n const cards = document.querySelectorAll('.org-card');\n let visibleCount = 0;\n\n cards.forEach(card => {\n if (category === 'all' || card.getAttribute('data-category') === category) {\n card.style.display = 'flex';\n visibleCount++;\n } else {\n card.style.display = 'none';\n }\n });\n\n \/\/ Mostrar u ocultar el mensaje de \"muy pronto\"\n const emptyMsg = document.getElementById('empty-orgs-msg');\n if (emptyMsg) {\n if (visibleCount === 0) {\n emptyMsg.classList.remove('hidden');\n } else {\n emptyMsg.classList.add('hidden');\n }\n }\n }\n\n \/\/ ==========================================\n \/\/ CONFIGURACI\u00d3N API DE WORDPRESS (Portafolio y Eventos)\n \/\/ ==========================================\n const WP_DOMAIN = 'https:\/\/proyectos.engidea.com.ve';\n const API_POST_TYPE = 'portfolio'; \n const API_TAXONOMY = 'portfolio_category'; \n\n let currentOffset = 0;\n let currentCategory = null;\n const grid = document.getElementById('portfolio-grid');\n const loadMoreBtn = document.getElementById('load-more-btn');\n const loadIcon = document.getElementById('load-more-icon');\n const loadText = document.getElementById('load-more-text');\n\n \/\/ Categor\u00edas del Portafolio\n async function fetchCategories() {\n const apiUrl = `${WP_DOMAIN}\/wp-json\/wp\/v2\/${API_TAXONOMY}?hide_empty=true`;\n try {\n let response;\n try {\n response = await fetch(apiUrl);\n } catch (e) {\n const proxyUrl = `https:\/\/api.allorigins.win\/raw?url=${encodeURIComponent(apiUrl)}`;\n response = await fetch(proxyUrl);\n }\n \n if (!response.ok) throw new Error('Error al cargar filtros del portafolio');\n const categories = await response.json();\n \n const filterContainer = document.getElementById('category-filters');\n filterContainer.innerHTML = `<button onclick=\"setCategory(null, this)\" class=\"category-btn active px-6 py-2 bg-engidea-dark text-white font-bold rounded-full text-sm shrink-0 shadow-md\">Todos los Proyectos<\/button>`;\n \n categories.forEach(cat => {\n filterContainer.innerHTML += `<button onclick=\"setCategory(${cat.id}, this)\" class=\"category-btn px-6 py-2 bg-gray-100 text-gray-600 hover:bg-gray-200 font-bold rounded-full text-sm shrink-0 transition-colors\">${cat.name}<\/button>`;\n });\n } catch (error) {\n console.warn(\"Aviso: No se pudieron cargar las categor\u00edas personalizadas de WP.\", error);\n document.getElementById('category-filters').innerHTML = `<button onclick=\"setCategory(null, this)\" class=\"category-btn active px-6 py-2 bg-engidea-dark text-white font-bold rounded-full text-sm shrink-0 shadow-md\">Todos los Proyectos<\/button>`;\n }\n }\n\n \/\/ Filtrar Portafolio\n function setCategory(categoryId, btnElement) {\n currentCategory = categoryId;\n currentOffset = 0; \n \n document.querySelectorAll('.category-btn').forEach(btn => {\n btn.className = \"category-btn px-6 py-2 bg-gray-100 text-gray-600 hover:bg-gray-200 font-bold rounded-full text-sm shrink-0 transition-colors\";\n });\n btnElement.className = \"category-btn active px-6 py-2 bg-engidea-dark text-white font-bold rounded-full text-sm shrink-0 shadow-md\";\n\n grid.innerHTML = '<div class=\"col-span-full text-center py-16\"><i class=\"fas fa-circle-notch fa-spin text-5xl text-engidea-yellow mb-4\"><\/i><p class=\"text-gray-500 font-bold text-lg\">Cargando...<\/p><\/div>';\n loadMoreBtn.style.display = 'none';\n \n fetchWordPressProjects(false);\n }\n\n \/\/ Cargar Proyectos (WordPress)\n async function fetchWordPressProjects(isLoadMore = false) {\n const perPage = 6; \n let apiUrl = `${WP_DOMAIN}\/wp-json\/wp\/v2\/${API_POST_TYPE}?_embed&per_page=${perPage}&offset=${currentOffset}`; \n \n if (currentCategory) {\n apiUrl += `&${API_TAXONOMY}=${currentCategory}`;\n }\n \n if (isLoadMore) {\n loadIcon.classList.add('fa-spin');\n loadText.innerText = 'Cargando...';\n }\n\n try {\n let response;\n try {\n response = await fetch(apiUrl);\n } catch (fetchError) {\n const proxyUrl = `https:\/\/api.allorigins.win\/raw?url=${encodeURIComponent(apiUrl)}`;\n response = await fetch(proxyUrl);\n }\n\n if (!response.ok) throw new Error('Error al conectar con WordPress');\n \n const posts = await response.json();\n \n if (!isLoadMore) {\n grid.innerHTML = ''; \n if (posts.length === 0) {\n grid.innerHTML = '<p class=\"col-span-full text-center text-gray-500 py-10 font-bold\">A\u00fan no hay proyectos publicados en esta secci\u00f3n.<\/p>';\n return;\n }\n renderGridProjects(posts);\n currentOffset += posts.length;\n if (posts.length === perPage) loadMoreBtn.style.display = 'flex';\n } else {\n if (posts.length > 0) {\n renderGridProjects(posts);\n currentOffset += posts.length;\n }\n if (posts.length < perPage) loadMoreBtn.style.display = 'none';\n }\n\n } catch (error) {\n console.error(error);\n if (!isLoadMore) {\n grid.innerHTML = `<div class=\"col-span-full text-center py-10\"><p class=\"text-red-500 font-bold mb-2\"><i class=\"fas fa-exclamation-triangle mr-2\"><\/i> Ocurri\u00f3 un error al cargar el portafolio.<\/p><\/div>`;\n }\n } finally {\n if (isLoadMore) {\n loadIcon.classList.remove('fa-spin');\n loadText.innerText = 'Cargar m\u00e1s proyectos';\n }\n }\n }\n\n function renderGridProjects(posts) {\n posts.forEach(post => {\n const cardData = extractProjectData(post);\n const cardHTML = `\n <article class=\"bg-white rounded-2xl border border-gray-200 overflow-hidden portfolio-card flex flex-col cursor-pointer group\" onclick=\"window.location.href='${cardData.link}'\">\n <div class=\"relative h-52 overflow-hidden bg-gray-100\">\n <img decoding=\"async\" src=\"${cardData.imageUrl}\" alt=\"${cardData.title}\" class=\"w-full h-full object-cover portfolio-img transition-transform duration-500\">\n <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur text-engidea-dark text-xs font-bold uppercase tracking-wide px-3 py-1 rounded-full shadow-sm\">\n ${cardData.category}\n <\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <div class=\"flex items-center gap-3 text-xs text-gray-500 mb-3 font-medium\">\n <span>${cardData.date}<\/span>\n <span class=\"w-1 h-1 bg-gray-300 rounded-full\"><\/span>\n <span>Portafolio Engidea<\/span>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-engidea-dark mb-3 group-hover:text-yellow-600 transition-colors line-clamp-2\">\n ${cardData.title}\n <\/h3>\n <p class=\"text-gray-600 text-sm mb-6 line-clamp-3\">\n ${cardData.excerpt}\n <\/p>\n <div class=\"mt-auto flex items-center justify-between border-t border-gray-100 pt-4\">\n <div class=\"flex items-center gap-2\">\n <img decoding=\"async\" src=\"${cardData.authorAvatar}\" alt=\"Desarrollador\" class=\"w-8 h-8 rounded-full bg-gray-200\">\n <span class=\"text-xs font-bold text-gray-700\">${cardData.authorName}<\/span>\n <\/div>\n <span class=\"text-sm font-bold text-engidea-dark flex items-center gap-1 view-project transition-all\">Ver <i class=\"fas fa-arrow-right text-xs\"><\/i><\/span>\n <\/div>\n <\/div>\n <\/article>\n `;\n grid.innerHTML += cardHTML;\n });\n }\n\n function loadMoreProjects() {\n fetchWordPressProjects(true);\n }\n\n function extractProjectData(post) {\n const tempDiv = document.createElement(\"div\");\n tempDiv.innerHTML = post.title.rendered;\n const title = tempDiv.textContent || tempDiv.innerText || \"\";\n tempDiv.innerHTML = post.excerpt.rendered;\n const excerpt = tempDiv.textContent || tempDiv.innerText || \"\";\n const dateObj = new Date(post.date);\n const date = dateObj.toLocaleDateString('es-ES', { day: 'numeric', month: 'short', year: 'numeric' });\n\n let imageUrl = 'https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80'; \n if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0].source_url) {\n imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n }\n\n let category = 'Proyecto';\n if (post._embedded && post._embedded['wp:term']) {\n const terms = post._embedded['wp:term'].find(termArray => termArray.length > 0 && termArray[0].taxonomy === API_TAXONOMY);\n if(terms && terms.length > 0) category = terms[0].name;\n }\n\n let authorName = 'Estudiante Engidea';\n let authorAvatar = 'https:\/\/ui-avatars.com\/api\/?name=Estudiante&background=FACC15&color=111827';\n if (post._embedded && post._embedded.author && post._embedded.author[0]) {\n authorName = post._embedded.author[0].name;\n if (post._embedded.author[0].avatar_urls) authorAvatar = post._embedded.author[0].avatar_urls['48'] || authorAvatar;\n }\n\n return { title, excerpt, date, link: post.link, imageUrl, category, authorName, authorAvatar };\n }\n\n \/\/ Cargar Eventos (WordPress)\n async function fetchEvents() {\n const eventsGrid = document.getElementById('events-grid');\n const apiUrl = `${WP_DOMAIN}\/wp-json\/wp\/v2\/posts?_embed&per_page=3`;\n \n try {\n let response;\n try {\n response = await fetch(apiUrl);\n } catch (fetchError) {\n const proxyUrl = `https:\/\/api.allorigins.win\/raw?url=${encodeURIComponent(apiUrl)}`;\n response = await fetch(proxyUrl);\n }\n\n if (!response.ok) throw new Error('Error al conectar con WordPress');\n const posts = await response.json();\n eventsGrid.innerHTML = '';\n \n if (posts.length === 0) {\n eventsGrid.innerHTML = '<p class=\"col-span-full text-center text-gray-500 py-4\">No hay eventos programados en este momento.<\/p>';\n return;\n }\n\n posts.forEach(post => {\n const data = extractProjectData(post); \n const eventHTML = `\n <article class=\"bg-white rounded-2xl border border-gray-100 overflow-hidden group cursor-pointer hover:border-engidea-yellow transition-all shadow-sm hover:shadow-md\" onclick=\"window.location.href='${data.link}'\">\n <div class=\"relative h-48 overflow-hidden bg-gray-200\">\n <img decoding=\"async\" src=\"${data.imageUrl}\" alt=\"${data.title}\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n <div class=\"absolute top-4 left-4 bg-engidea-dark text-white text-xs font-bold uppercase tracking-wide px-3 py-1 rounded-full shadow-sm\">\n Agenda\n <\/div>\n <\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center gap-2 text-xs text-engidea-yellow font-bold mb-3\">\n <i class=\"far fa-calendar-alt\"><\/i> <span>${data.date}<\/span>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-engidea-dark mb-3 group-hover:text-yellow-600 transition-colors line-clamp-2\">\n ${data.title}\n <\/h3>\n <p class=\"text-gray-600 text-sm line-clamp-2 mb-4\">\n ${data.excerpt}\n <\/p>\n <span class=\"text-sm font-bold text-engidea-dark flex items-center gap-2 group-hover:gap-3 transition-all\">M\u00e1s informaci\u00f3n <i class=\"fas fa-arrow-right text-xs\"><\/i><\/span>\n <\/div>\n <\/article>\n `;\n eventsGrid.innerHTML += eventHTML;\n });\n } catch (error) {\n eventsGrid.innerHTML = '<p class=\"col-span-full text-center text-red-500 py-4\"><i class=\"fas fa-exclamation-triangle mr-2\"><\/i> Ocurri\u00f3 un error al cargar los eventos.<\/p>';\n }\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n fetchCategories();\n fetchWordPressProjects(false);\n fetchEvents(); \n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-d0b3c9c8 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"--col-width:100%;flex-basis:100%\"><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ecosistema Venture Builder | Engidea La F\u00e1brica de Innovaci\u00f3n Venezolana Del aislamiento a la Co-creaci\u00f3n Tecnol\u00f3gica. Operamos bajo el modelo Venture Builder. Conectamos talento intergeneracional, corporaciones y academia para dise\u00f1ar soluciones y fundar startups que resuelvan el vac\u00edo de colaboraci\u00f3n del pa\u00eds. 1. Diagn\u00f3stico y Dise\u00f1o Identificaci\u00f3n de retos reales basados en los ODS. Integramos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-no-title","meta":{"give_campaign_id":0,"_eb_attr":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"campaignId":"0","_links":{"self":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":152,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":2269,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/2269"}],"wp:attachment":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}