Hipercubo UCV | El Upgrade Humano del Transporte<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n \n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n deu: {\n turquesa: '#0d9488', \/\/ Turquesa principal\n lightTurquesa: '#2dd4bf', \/\/ Turquesa claro\n darkTurquesa: '#0f766e', \/\/ Turquesa oscuro\n gray: '#6b7280', \/\/ Gris medio\n lightGray: '#f3f4f6', \/\/ Gris muy claro para fondos\n darkGray: '#1f2937' \/\/ Gris oscuro para texto\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n\n \n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\n\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #ffffff;\n color: #374151;\n scroll-behavior: smooth;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased flex flex-col min-h-screen\">\n\n \n <main class=\"flex-grow\"> \n \n <section id=\"inicio\" class=\"relative bg-deu-lightGray overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 rounded-full bg-white opacity-50 blur-3xl\"><\/div>\n <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 rounded-full bg-deu-lightTurquesa opacity-10 blur-3xl\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 lg:py-32 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n \n \n <div class=\"text-center lg:text-left\">\n <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 mb-8\">\n \n <div class=\"bg-white border border-gray-200 rounded-xl p-2 shadow-sm flex items-center justify-center shrink-0 hover:scale-105 transition-transform\">\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/dscdYvyX\/Logo-Universidad-Central-de-Venezuela-svg-1.png\" alt=\"Escudo Universidad Central de Venezuela\" class=\"w-12 h-12 object-contain drop-shadow-sm\">\n <\/div>\n\n \n <div class=\"bg-white border border-gray-200 rounded-xl p-3 w-64 shadow-sm text-left\">\n <div class=\"flex justify-between items-end mb-1.5\">\n <span class=\"text-[10px] font-bold text-deu-gray uppercase tracking-widest\">Status del Proyecto<\/span>\n <span class=\"text-sm font-black text-deu-turquesa leading-none\">45%<\/span>\n <\/div>\n <div class=\"w-full bg-deu-lightGray rounded-full h-1.5 overflow-hidden\">\n <div class=\"bg-deu-turquesa h-1.5 rounded-full relative shadow-[0_0_8px_rgba(13,148,136,0.5)] transition-all duration-1000\" style=\"width: 45%\"><\/div>\n <\/div>\n <p class=\"text-[9px] text-deu-gray mt-1.5 text-right font-medium\">Fase: Laboratorio Operativo<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mb-4 inline-block\">\n <h2 class=\"text-deu-turquesa font-bold tracking-widest uppercase text-sm mb-2 flex items-center gap-2 justify-center lg:justify-start\">\n <i class=\"ph-fill ph-bus\"><\/i> Movilidad Inteligente\n <\/h2>\n <\/div>\n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-black text-deu-darkGray leading-[1.1] mb-6\">\n Hipercubo UCV: <br class=\"hidden sm:block\">\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-deu-turquesa to-deu-lightTurquesa\">El Upgrade Humano<\/span>\n <\/h1>\n <p class=\"text-lg sm:text-xl text-deu-gray mb-8 max-w-2xl mx-auto lg:mx-0 font-light leading-relaxed\">\n No estamos digitalizando rutas. Estamos pavimentando el futuro. El Upgrade Humano del Transporte Universitario para garantizar el derecho fundamental a la educaci\u00f3n.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\n <a href=\"#solucion\" class=\"px-8 py-3.5 border border-transparent text-base font-bold rounded-lg text-white bg-deu-turquesa hover:bg-deu-darkTurquesa shadow-lg shadow-teal-500\/30 transition-all hover:-translate-y-0.5 flex items-center justify-center gap-2\">\n <i class=\"ph-bold ph-magnifying-glass\"><\/i> Explorar Soluci\u00f3n\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"relative mx-auto w-full max-w-lg lg:max-w-none\">\n <div class=\"relative bg-white rounded-2xl shadow-2xl overflow-hidden aspect-[4\/3] border border-gray-200 flex items-center justify-center group\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80\" alt=\"Transporte Urbano Moderno\" class=\"object-cover w-full h-full opacity-90 group-hover:scale-105 transition-transform duration-700\">\n \n \n <div class=\"absolute inset-0 bg-gradient-to-t from-deu-darkGray\/80 via-transparent to-transparent\"><\/div>\n \n <div class=\"absolute bottom-6 left-6 right-6 text-white text-left\">\n <p class=\"font-bold text-lg\">M\u00f3dulo de Transporte UCV<\/p>\n <p class=\"text-sm text-gray-200\">La primera piedra de la UCV como Ciudad Inteligente.<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"absolute -top-6 -right-6 bg-white p-3 rounded-2xl shadow-xl border border-gray-100 flex items-center gap-3 animate-pulse\">\n <div class=\"w-10 h-10 bg-gray-900 rounded-xl flex items-center justify-center text-white\">\n <i class=\"ph-bold ph-chart-line-up text-xl\"><\/i>\n <\/div>\n <div class=\"pr-2\">\n <p class=\"text-xs font-black text-deu-darkGray uppercase tracking-wider\">Data en Vivo<\/p>\n <p class=\"text-[10px] text-deu-gray\">Decisiones al instante<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 bg-white border-b border-gray-100 relative z-20 -mt-8 rounded-t-[2rem] shadow-sm\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <h3 class=\"text-xs font-bold text-deu-gray uppercase tracking-widest mb-6 text-center\">Equipo de Desarrollo e Investigaci\u00f3n<\/h3>\n \n <div class=\"flex flex-wrap justify-center gap-6\">\n \n <div class=\"flex items-center gap-4 bg-deu-lightGray pr-6 pl-2 py-2 rounded-full border border-gray-200\">\n <div class=\"w-12 h-12 rounded-full bg-deu-darkGray flex items-center justify-center text-white font-bold shadow-inner\">\n LR\n <\/div>\n <div>\n <p class=\"font-bold text-deu-darkGray text-sm\">Lucia Rodr\u00edguez Vicent<\/p>\n <p class=\"text-[10px] text-deu-turquesa uppercase tracking-wider font-bold\">Estudiante de Sociolog\u00eda<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex items-center gap-4 bg-deu-lightGray pr-6 pl-2 py-2 rounded-full border border-gray-200\">\n <div class=\"w-12 h-12 rounded-full bg-deu-darkGray flex items-center justify-center text-white font-bold shadow-inner\">\n LC\n <\/div>\n <div>\n <p class=\"font-bold text-deu-darkGray text-sm\">Luis Cabriles<\/p>\n <p class=\"text-[10px] text-deu-turquesa uppercase tracking-wider font-bold\">Estudiante de Sociolog\u00eda<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex items-center gap-4 bg-deu-lightGray pr-6 pl-2 py-2 rounded-full border border-gray-200\">\n <div class=\"w-12 h-12 rounded-full bg-deu-darkGray flex items-center justify-center text-white font-bold shadow-inner\">\n CN\n <\/div>\n <div>\n <p class=\"font-bold text-deu-darkGray text-sm\">C\u00e9sar Nieves Aramacuto<\/p>\n <p class=\"text-[10px] text-deu-turquesa uppercase tracking-wider font-bold\">Estudiante de Computaci\u00f3n<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"solucion\" class=\"py-24 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\n <span class=\"text-deu-turquesa font-bold tracking-widest uppercase text-xs\">An\u00e1lisis de Entorno<\/span>\n <h2 class=\"text-3xl md:text-4xl font-black text-deu-darkGray mt-2 mb-4\">La Realidad de la Movilidad y la Crisis 2030<\/h2>\n <div class=\"w-20 h-1.5 bg-deu-turquesa mx-auto rounded-full mb-6\"><\/div>\n <p class=\"text-lg text-deu-gray\">\n No estamos frente a una crisis de tr\u00e1fico, sino frente a una crisis del derecho fundamental a la educaci\u00f3n.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12\">\n \n <div class=\"bg-red-50 rounded-3xl p-8 border border-red-100\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-12 h-12 bg-red-100 rounded-xl flex items-center justify-center text-red-600\">\n <i class=\"ph-bold ph-warning-circle text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-red-900\">El Colapso Inminente<\/h3>\n <\/div>\n <ul class=\"space-y-6\">\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-x-circle text-red-500 mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-red-900 mb-1\">Precariedad P\u00fablica<\/strong>\n <p class=\"text-red-700 text-sm\">Miles de estudiantes dependen de un sistema precario. Dificultad de acceso a efectivo, irrespeto al descuento estudiantil y riesgos de seguridad latentes.<\/p>\n <\/div>\n <\/li>\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-x-circle text-red-500 mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-red-900 mb-1\">Atraso Tecnol\u00f3gico Privado<\/strong>\n <p class=\"text-red-700 text-sm\">El servicio privado universitario opera con 40 a\u00f1os de retraso. Listas manuales (papel y bol\u00edgrafo) y sin visibilidad en tiempo real.<\/p>\n <\/div>\n <\/li>\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-x-circle text-red-500 mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-red-900 mb-1\">Deserci\u00f3n Forzada 2030<\/strong>\n <p class=\"text-red-700 text-sm\">Con el aumento de matr\u00edcula proyectado, la capacidad actual no ser\u00e1 suficiente. Estudiantes y docentes abandonar\u00e1n, no por rendimiento, sino por imposibilidad log\u00edstica.<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-deu-lightTurquesa\/10 rounded-3xl p-8 border border-deu-turquesa\/20 shadow-lg shadow-teal-900\/5 relative overflow-hidden\">\n \n <i class=\"ph-duotone ph-bus absolute -right-10 -bottom-10 text-[15rem] text-deu-turquesa opacity-5\"><\/i>\n \n <div class=\"flex items-center gap-3 mb-6 relative z-10\">\n <div class=\"w-12 h-12 bg-deu-turquesa rounded-xl flex items-center justify-center text-white shadow-md\">\n <i class=\"ph-bold ph-check-circle text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-deu-darkTurquesa\">Sistema Nervioso Digital<\/h3>\n <\/div>\n <ul class=\"space-y-6 relative z-10\">\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-check-circle text-deu-turquesa mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-deu-darkGray mb-1\">Identidad Digital sin Fricciones<\/strong>\n <p class=\"text-deu-gray text-sm\">Adi\u00f3s al papel. Validaci\u00f3n digital al subir. El sistema aplica autom\u00e1ticamente el descuento de ley.<\/p>\n <\/div>\n <\/li>\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-check-circle text-deu-turquesa mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-deu-darkGray mb-1\">Gesti\u00f3n en Vivo<\/strong>\n <p class=\"text-deu-gray text-sm\">Tablero en tiempo real con la ocupaci\u00f3n de cada unidad, permitiendo redirigir recursos estrat\u00e9gicamente donde m\u00e1s se necesitan.<\/p>\n <\/div>\n <\/li>\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-check-circle text-deu-turquesa mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-deu-darkGray mb-1\">Escalabilidad Inteligente<\/strong>\n <p class=\"text-deu-gray text-sm\">Basado en datos, el sistema aprende. Adaptaci\u00f3n de las estrategias de despacho incluso si la demanda se multiplica por 10x.<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-deu-darkGray text-white relative overflow-hidden\">\n \n <div class=\"absolute inset-0 opacity-10\" style=\"background-image: linear-gradient(#ffffff 1px, transparent 1px), linear-gradient(90deg, #ffffff 1px, transparent 1px); background-size: 40px 40px;\"><\/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 mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-black mb-4\">M\u00f3dulo de Transporte UCV<\/h2>\n <p class=\"text-gray-400 text-lg max-w-2xl mx-auto\">Esta no es una app m\u00e1s. Es una plataforma web en la nube que moderniza procesos obsoletos midiendo, prediciendo y respondiendo en tiempo real.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n \n <div class=\"bg-gray-800\/50 backdrop-blur-sm p-8 rounded-2xl border border-gray-700 hover:border-deu-turquesa transition-colors\">\n <div class=\"w-20 h-20 mx-auto bg-gray-900 rounded-full flex items-center justify-center border-2 border-deu-turquesa mb-6 text-deu-lightTurquesa\">\n <i class=\"ph-duotone ph-qr-code text-4xl\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3\">Validaci\u00f3n Digital<\/h4>\n <p class=\"text-gray-400 text-sm\">Acceso r\u00e1pido y seguro mediante identidad digital, eliminando listas manuales y garantizando beneficios.<\/p>\n <\/div>\n \n \n <div class=\"bg-gray-800\/50 backdrop-blur-sm p-8 rounded-2xl border border-gray-700 hover:border-deu-turquesa transition-colors mt-0 md:mt-8 relative\">\n \n <div class=\"hidden md:block absolute top-1\/2 -left-6 transform -translate-y-1\/2 text-deu-turquesa\">\n <i class=\"ph-bold ph-arrow-right text-3xl\"><\/i>\n <\/div>\n <div class=\"hidden md:block absolute top-1\/2 -right-6 transform -translate-y-1\/2 text-deu-turquesa\">\n <i class=\"ph-bold ph-arrow-right text-3xl\"><\/i>\n <\/div>\n\n <div class=\"w-20 h-20 mx-auto bg-gray-900 rounded-full flex items-center justify-center border-2 border-deu-turquesa mb-6 text-deu-lightTurquesa\">\n <i class=\"ph-duotone ph-chart-bar text-4xl\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3\">Data Generativa<\/h4>\n <p class=\"text-gray-400 text-sm\">Cada viaje genera datos valiosos sobre flujos, horarios pico y ocupaci\u00f3n, alimentando el sistema nervioso central.<\/p>\n <\/div>\n\n \n <div class=\"bg-gray-800\/50 backdrop-blur-sm p-8 rounded-2xl border border-gray-700 hover:border-deu-turquesa transition-colors\">\n <div class=\"w-20 h-20 mx-auto bg-gray-900 rounded-full flex items-center justify-center border-2 border-deu-turquesa mb-6 text-deu-lightTurquesa\">\n <i class=\"ph-duotone ph-map-pin-line text-4xl\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3\">Log\u00edstica Predictiva<\/h4>\n <p class=\"text-gray-400 text-sm\">Gesti\u00f3n inteligente que anticipa la demanda y asigna veh\u00edculos eficientemente, evitando el colapso.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"prototipo\" class=\"py-24 bg-deu-lightGray\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <span class=\"text-deu-turquesa font-bold tracking-widest uppercase text-xs\">Demostraci\u00f3n T\u00e9cnica<\/span>\n <h2 class=\"text-3xl md:text-4xl font-black text-deu-darkGray mt-2 mb-4\">Video del Prototipo<\/h2>\n <div class=\"w-20 h-1.5 bg-deu-turquesa mx-auto rounded-full mb-6\"><\/div>\n <p class=\"text-lg text-deu-gray max-w-2xl mx-auto\">\n Observa el Laboratorio Operativo en acci\u00f3n: configuraci\u00f3n en tiempo real y gesti\u00f3n de demanda.\n <\/p>\n <\/div>\n\n <div class=\"bg-white p-4 md:p-8 rounded-[2rem] border border-gray-200 shadow-xl\">\n \n <div class=\"relative w-full aspect-video bg-deu-darkGray rounded-xl overflow-hidden border border-gray-200\">\n <iframe \n src=\"https:\/\/drive.google.com\/file\/d\/198cuONFsPcj4MK47KfvrM4hlFW_7iFKB\/preview\" \n class=\"absolute inset-0 w-full h-full border-none\"\n title=\"Video del Prototipo Hipercubo UCV\"\n loading=\"lazy\"\n allow=\"autoplay\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pitch\" class=\"py-24 bg-white relative overflow-hidden\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center mb-12\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-deu-lightTurquesa\/20 text-deu-darkTurquesa text-xs font-bold uppercase tracking-widest mb-6\">\n <i class=\"ph-fill ph-presentation-chart\"><\/i> Pitch Deck \/ Presentaci\u00f3n\n <\/div>\n <h2 class=\"text-3xl md:text-5xl font-black text-deu-darkGray mb-4\">El Salto al Municipio Inteligente<\/h2>\n <p class=\"text-deu-gray text-lg max-w-3xl mx-auto\">\n El proyecto nace en la UCV, pero su arquitectura escalable est\u00e1 dise\u00f1ada para expandirse sin l\u00edmites a otras universidades y ciudades.\n <\/p>\n <\/div>\n\n \n <div class=\"relative w-full bg-deu-lightGray rounded-[2rem] overflow-hidden shadow-2xl border-4 border-gray-100 flex items-center justify-center\">\n <iframe \n src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vTFBmn6HhgBo5Z_OwYEUVT9nVGu4OK2pBfDK1KRwQROCYEnzZ0v8t8QK8OeZnCKB4hHZ_RFkEcUw7jp\/pubembed?start=false&loop=false&delayms=3000\" \n frameborder=\"0\" \n class=\"w-full aspect-video max-h-[700px] border-none\"\n allowfullscreen=\"true\" \n mozallowfullscreen=\"true\" \n webkitallowfullscreen=\"true\"\n title=\"Pitch Hipercubo UCV\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"ods\" class=\"py-24 bg-deu-lightGray\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h3 class=\"text-sm font-black text-deu-turquesa uppercase tracking-[0.2em] mb-4\">Impacto y Sostenibilidad<\/h3>\n <h2 class=\"text-3xl md:text-4xl font-black text-deu-darkGray mb-4\">Alineaci\u00f3n estrat\u00e9gica (ONU)<\/h2>\n <div class=\"w-20 h-1.5 bg-deu-turquesa mx-auto rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-white p-8 rounded-3xl shadow-md border border-gray-100 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"w-16 h-16 rounded-2xl bg-[#FD6925] flex items-center justify-center text-white text-2xl font-bold shadow-lg mb-6\">\n 9\n <\/div>\n <h3 class=\"text-lg font-bold text-deu-darkGray mb-3 uppercase tracking-tight\">Innovaci\u00f3n<\/h3>\n <p class=\"text-deu-gray text-sm leading-relaxed\">\n Digitalizamos procesos manuales de m\u00e1s de cuatro d\u00e9cadas, creando una infraestructura tecnol\u00f3gica robusta e inteligente.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-3xl shadow-md border border-gray-100 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"w-16 h-16 rounded-2xl bg-[#FD9D24] flex items-center justify-center text-white text-2xl font-bold shadow-lg mb-6\">\n 11\n <\/div>\n <h3 class=\"text-lg font-bold text-deu-darkGray mb-3 uppercase tracking-tight\">Ciudades Sostenibles<\/h3>\n <p class=\"text-deu-gray text-sm leading-relaxed\">\n Optimizar el transporte universitario es el primer paso hacia un campus seguro, ecol\u00f3gico, eficiente y m\u00e1s humano.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-3xl shadow-md border border-gray-100 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"w-16 h-16 rounded-2xl bg-[#00689D] flex items-center justify-center text-white text-2xl font-bold shadow-lg mb-6\">\n 16\n <\/div>\n <h3 class=\"text-lg font-bold text-deu-darkGray mb-3 uppercase tracking-tight\">Instituciones S\u00f3lidas<\/h3>\n <p class=\"text-deu-gray text-sm leading-relaxed\">\n Hacer cumplir los derechos del estudiante no es un favor. Fortalecemos la justicia y la institucionalidad universitaria.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-deu-darkGray relative overflow-hidden\">\n \n <div class=\"absolute inset-0 opacity-10 mix-blend-luminosity\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80\" alt=\"Fondo\" class=\"w-full h-full object-cover\">\n <\/div>\n \n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\n <i class=\"ph-duotone ph-bus text-6xl text-deu-turquesa mb-6\"><\/i>\n <h2 class=\"text-3xl md:text-5xl font-black text-white mb-6 leading-tight\">\n El derecho a educarse <span class=\"text-deu-turquesa\">garantizado.<\/span>\n <\/h2>\n <p class=\"text-gray-300 text-lg md:text-xl mb-10 font-light\">\n Transformando la movilidad universitaria, un viaje inteligente a la vez. Innovaci\u00f3n con prop\u00f3sito, respaldado por la experiencia en Venture Building de F\u00e1brica y Servicios Engidea C.A.\n <\/p>\n <div class=\"inline-block\">\n <a href=\"mailto:direccion@engidea.com.ve\" class=\"bg-deu-turquesa text-white font-bold text-lg py-4 px-10 rounded-xl shadow-[0_0_20px_rgba(13,148,136,0.4)] hover:bg-deu-lightTurquesa hover:text-deu-darkGray transition-all transform hover:-translate-y-1 flex items-center gap-3\">\n \u00danete a la transformaci\u00f3n digital <i class=\"ph-bold ph-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>No estamos digitalizando rutas. Estamos pavimentando el futuro. El Upgrade Humano del Transporte Universitario para garantizar el derecho fundamental a la educaci\u00f3n<\/p>\n","protected":false},"author":1,"featured_media":2329,"comment_status":"open","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"_eb_attr":"","footnotes":""},"portfolio_category":[70],"portfolio_tag":[71],"class_list":["post-2328","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-ucv","portfolio_tag-ucv"],"_links":{"self":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"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=2328"}],"version-history":[{"count":1,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2328\/revisions"}],"predecessor-version":[{"id":2330,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2328\/revisions\/2330"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media\/2329"}],"wp:attachment":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media?parent=2328"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=2328"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_tag?post=2328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n Hipercubo UCV | El Upgrade Humano del Transporte<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n \n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n deu: {\n turquesa: '#0d9488', \/\/ Turquesa principal\n lightTurquesa: '#2dd4bf', \/\/ Turquesa claro\n darkTurquesa: '#0f766e', \/\/ Turquesa oscuro\n gray: '#6b7280', \/\/ Gris medio\n lightGray: '#f3f4f6', \/\/ Gris muy claro para fondos\n darkGray: '#1f2937' \/\/ Gris oscuro para texto\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n\n \n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\n\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #ffffff;\n color: #374151;\n scroll-behavior: smooth;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased flex flex-col min-h-screen\">\n\n \n <main class=\"flex-grow\"> \n \n <section id=\"inicio\" class=\"relative bg-deu-lightGray overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 rounded-full bg-white opacity-50 blur-3xl\"><\/div>\n <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 rounded-full bg-deu-lightTurquesa opacity-10 blur-3xl\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 lg:py-32 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n \n \n <div class=\"text-center lg:text-left\">\n <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 mb-8\">\n \n <div class=\"bg-white border border-gray-200 rounded-xl p-2 shadow-sm flex items-center justify-center shrink-0 hover:scale-105 transition-transform\">\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/dscdYvyX\/Logo-Universidad-Central-de-Venezuela-svg-1.png\" alt=\"Escudo Universidad Central de Venezuela\" class=\"w-12 h-12 object-contain drop-shadow-sm\">\n <\/div>\n\n \n <div class=\"bg-white border border-gray-200 rounded-xl p-3 w-64 shadow-sm text-left\">\n <div class=\"flex justify-between items-end mb-1.5\">\n <span class=\"text-[10px] font-bold text-deu-gray uppercase tracking-widest\">Status del Proyecto<\/span>\n <span class=\"text-sm font-black text-deu-turquesa leading-none\">45%<\/span>\n <\/div>\n <div class=\"w-full bg-deu-lightGray rounded-full h-1.5 overflow-hidden\">\n <div class=\"bg-deu-turquesa h-1.5 rounded-full relative shadow-[0_0_8px_rgba(13,148,136,0.5)] transition-all duration-1000\" style=\"width: 45%\"><\/div>\n <\/div>\n <p class=\"text-[9px] text-deu-gray mt-1.5 text-right font-medium\">Fase: Laboratorio Operativo<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mb-4 inline-block\">\n <h2 class=\"text-deu-turquesa font-bold tracking-widest uppercase text-sm mb-2 flex items-center gap-2 justify-center lg:justify-start\">\n <i class=\"ph-fill ph-bus\"><\/i> Movilidad Inteligente\n <\/h2>\n <\/div>\n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-black text-deu-darkGray leading-[1.1] mb-6\">\n Hipercubo UCV: <br class=\"hidden sm:block\">\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-deu-turquesa to-deu-lightTurquesa\">El Upgrade Humano<\/span>\n <\/h1>\n <p class=\"text-lg sm:text-xl text-deu-gray mb-8 max-w-2xl mx-auto lg:mx-0 font-light leading-relaxed\">\n No estamos digitalizando rutas. Estamos pavimentando el futuro. El Upgrade Humano del Transporte Universitario para garantizar el derecho fundamental a la educaci\u00f3n.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\n <a href=\"#solucion\" class=\"px-8 py-3.5 border border-transparent text-base font-bold rounded-lg text-white bg-deu-turquesa hover:bg-deu-darkTurquesa shadow-lg shadow-teal-500\/30 transition-all hover:-translate-y-0.5 flex items-center justify-center gap-2\">\n <i class=\"ph-bold ph-magnifying-glass\"><\/i> Explorar Soluci\u00f3n\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"relative mx-auto w-full max-w-lg lg:max-w-none\">\n <div class=\"relative bg-white rounded-2xl shadow-2xl overflow-hidden aspect-[4\/3] border border-gray-200 flex items-center justify-center group\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80\" alt=\"Transporte Urbano Moderno\" class=\"object-cover w-full h-full opacity-90 group-hover:scale-105 transition-transform duration-700\">\n \n \n <div class=\"absolute inset-0 bg-gradient-to-t from-deu-darkGray\/80 via-transparent to-transparent\"><\/div>\n \n <div class=\"absolute bottom-6 left-6 right-6 text-white text-left\">\n <p class=\"font-bold text-lg\">M\u00f3dulo de Transporte UCV<\/p>\n <p class=\"text-sm text-gray-200\">La primera piedra de la UCV como Ciudad Inteligente.<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"absolute -top-6 -right-6 bg-white p-3 rounded-2xl shadow-xl border border-gray-100 flex items-center gap-3 animate-pulse\">\n <div class=\"w-10 h-10 bg-gray-900 rounded-xl flex items-center justify-center text-white\">\n <i class=\"ph-bold ph-chart-line-up text-xl\"><\/i>\n <\/div>\n <div class=\"pr-2\">\n <p class=\"text-xs font-black text-deu-darkGray uppercase tracking-wider\">Data en Vivo<\/p>\n <p class=\"text-[10px] text-deu-gray\">Decisiones al instante<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 bg-white border-b border-gray-100 relative z-20 -mt-8 rounded-t-[2rem] shadow-sm\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <h3 class=\"text-xs font-bold text-deu-gray uppercase tracking-widest mb-6 text-center\">Equipo de Desarrollo e Investigaci\u00f3n<\/h3>\n \n <div class=\"flex flex-wrap justify-center gap-6\">\n \n <div class=\"flex items-center gap-4 bg-deu-lightGray pr-6 pl-2 py-2 rounded-full border border-gray-200\">\n <div class=\"w-12 h-12 rounded-full bg-deu-darkGray flex items-center justify-center text-white font-bold shadow-inner\">\n LR\n <\/div>\n <div>\n <p class=\"font-bold text-deu-darkGray text-sm\">Lucia Rodr\u00edguez Vicent<\/p>\n <p class=\"text-[10px] text-deu-turquesa uppercase tracking-wider font-bold\">Estudiante de Sociolog\u00eda<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex items-center gap-4 bg-deu-lightGray pr-6 pl-2 py-2 rounded-full border border-gray-200\">\n <div class=\"w-12 h-12 rounded-full bg-deu-darkGray flex items-center justify-center text-white font-bold shadow-inner\">\n LC\n <\/div>\n <div>\n <p class=\"font-bold text-deu-darkGray text-sm\">Luis Cabriles<\/p>\n <p class=\"text-[10px] text-deu-turquesa uppercase tracking-wider font-bold\">Estudiante de Sociolog\u00eda<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex items-center gap-4 bg-deu-lightGray pr-6 pl-2 py-2 rounded-full border border-gray-200\">\n <div class=\"w-12 h-12 rounded-full bg-deu-darkGray flex items-center justify-center text-white font-bold shadow-inner\">\n CN\n <\/div>\n <div>\n <p class=\"font-bold text-deu-darkGray text-sm\">C\u00e9sar Nieves Aramacuto<\/p>\n <p class=\"text-[10px] text-deu-turquesa uppercase tracking-wider font-bold\">Estudiante de Computaci\u00f3n<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"solucion\" class=\"py-24 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\n <span class=\"text-deu-turquesa font-bold tracking-widest uppercase text-xs\">An\u00e1lisis de Entorno<\/span>\n <h2 class=\"text-3xl md:text-4xl font-black text-deu-darkGray mt-2 mb-4\">La Realidad de la Movilidad y la Crisis 2030<\/h2>\n <div class=\"w-20 h-1.5 bg-deu-turquesa mx-auto rounded-full mb-6\"><\/div>\n <p class=\"text-lg text-deu-gray\">\n No estamos frente a una crisis de tr\u00e1fico, sino frente a una crisis del derecho fundamental a la educaci\u00f3n.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12\">\n \n <div class=\"bg-red-50 rounded-3xl p-8 border border-red-100\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-12 h-12 bg-red-100 rounded-xl flex items-center justify-center text-red-600\">\n <i class=\"ph-bold ph-warning-circle text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-red-900\">El Colapso Inminente<\/h3>\n <\/div>\n <ul class=\"space-y-6\">\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-x-circle text-red-500 mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-red-900 mb-1\">Precariedad P\u00fablica<\/strong>\n <p class=\"text-red-700 text-sm\">Miles de estudiantes dependen de un sistema precario. Dificultad de acceso a efectivo, irrespeto al descuento estudiantil y riesgos de seguridad latentes.<\/p>\n <\/div>\n <\/li>\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-x-circle text-red-500 mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-red-900 mb-1\">Atraso Tecnol\u00f3gico Privado<\/strong>\n <p class=\"text-red-700 text-sm\">El servicio privado universitario opera con 40 a\u00f1os de retraso. Listas manuales (papel y bol\u00edgrafo) y sin visibilidad en tiempo real.<\/p>\n <\/div>\n <\/li>\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-x-circle text-red-500 mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-red-900 mb-1\">Deserci\u00f3n Forzada 2030<\/strong>\n <p class=\"text-red-700 text-sm\">Con el aumento de matr\u00edcula proyectado, la capacidad actual no ser\u00e1 suficiente. Estudiantes y docentes abandonar\u00e1n, no por rendimiento, sino por imposibilidad log\u00edstica.<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-deu-lightTurquesa\/10 rounded-3xl p-8 border border-deu-turquesa\/20 shadow-lg shadow-teal-900\/5 relative overflow-hidden\">\n \n <i class=\"ph-duotone ph-bus absolute -right-10 -bottom-10 text-[15rem] text-deu-turquesa opacity-5\"><\/i>\n \n <div class=\"flex items-center gap-3 mb-6 relative z-10\">\n <div class=\"w-12 h-12 bg-deu-turquesa rounded-xl flex items-center justify-center text-white shadow-md\">\n <i class=\"ph-bold ph-check-circle text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-deu-darkTurquesa\">Sistema Nervioso Digital<\/h3>\n <\/div>\n <ul class=\"space-y-6 relative z-10\">\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-check-circle text-deu-turquesa mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-deu-darkGray mb-1\">Identidad Digital sin Fricciones<\/strong>\n <p class=\"text-deu-gray text-sm\">Adi\u00f3s al papel. Validaci\u00f3n digital al subir. El sistema aplica autom\u00e1ticamente el descuento de ley.<\/p>\n <\/div>\n <\/li>\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-check-circle text-deu-turquesa mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-deu-darkGray mb-1\">Gesti\u00f3n en Vivo<\/strong>\n <p class=\"text-deu-gray text-sm\">Tablero en tiempo real con la ocupaci\u00f3n de cada unidad, permitiendo redirigir recursos estrat\u00e9gicamente donde m\u00e1s se necesitan.<\/p>\n <\/div>\n <\/li>\n <li class=\"flex gap-4\">\n <i class=\"ph-fill ph-check-circle text-deu-turquesa mt-1 text-xl\"><\/i>\n <div>\n <strong class=\"block text-deu-darkGray mb-1\">Escalabilidad Inteligente<\/strong>\n <p class=\"text-deu-gray text-sm\">Basado en datos, el sistema aprende. Adaptaci\u00f3n de las estrategias de despacho incluso si la demanda se multiplica por 10x.<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-deu-darkGray text-white relative overflow-hidden\">\n \n <div class=\"absolute inset-0 opacity-10\" style=\"background-image: linear-gradient(#ffffff 1px, transparent 1px), linear-gradient(90deg, #ffffff 1px, transparent 1px); background-size: 40px 40px;\"><\/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 mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-black mb-4\">M\u00f3dulo de Transporte UCV<\/h2>\n <p class=\"text-gray-400 text-lg max-w-2xl mx-auto\">Esta no es una app m\u00e1s. Es una plataforma web en la nube que moderniza procesos obsoletos midiendo, prediciendo y respondiendo en tiempo real.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n \n <div class=\"bg-gray-800\/50 backdrop-blur-sm p-8 rounded-2xl border border-gray-700 hover:border-deu-turquesa transition-colors\">\n <div class=\"w-20 h-20 mx-auto bg-gray-900 rounded-full flex items-center justify-center border-2 border-deu-turquesa mb-6 text-deu-lightTurquesa\">\n <i class=\"ph-duotone ph-qr-code text-4xl\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3\">Validaci\u00f3n Digital<\/h4>\n <p class=\"text-gray-400 text-sm\">Acceso r\u00e1pido y seguro mediante identidad digital, eliminando listas manuales y garantizando beneficios.<\/p>\n <\/div>\n \n \n <div class=\"bg-gray-800\/50 backdrop-blur-sm p-8 rounded-2xl border border-gray-700 hover:border-deu-turquesa transition-colors mt-0 md:mt-8 relative\">\n \n <div class=\"hidden md:block absolute top-1\/2 -left-6 transform -translate-y-1\/2 text-deu-turquesa\">\n <i class=\"ph-bold ph-arrow-right text-3xl\"><\/i>\n <\/div>\n <div class=\"hidden md:block absolute top-1\/2 -right-6 transform -translate-y-1\/2 text-deu-turquesa\">\n <i class=\"ph-bold ph-arrow-right text-3xl\"><\/i>\n <\/div>\n\n <div class=\"w-20 h-20 mx-auto bg-gray-900 rounded-full flex items-center justify-center border-2 border-deu-turquesa mb-6 text-deu-lightTurquesa\">\n <i class=\"ph-duotone ph-chart-bar text-4xl\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3\">Data Generativa<\/h4>\n <p class=\"text-gray-400 text-sm\">Cada viaje genera datos valiosos sobre flujos, horarios pico y ocupaci\u00f3n, alimentando el sistema nervioso central.<\/p>\n <\/div>\n\n \n <div class=\"bg-gray-800\/50 backdrop-blur-sm p-8 rounded-2xl border border-gray-700 hover:border-deu-turquesa transition-colors\">\n <div class=\"w-20 h-20 mx-auto bg-gray-900 rounded-full flex items-center justify-center border-2 border-deu-turquesa mb-6 text-deu-lightTurquesa\">\n <i class=\"ph-duotone ph-map-pin-line text-4xl\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3\">Log\u00edstica Predictiva<\/h4>\n <p class=\"text-gray-400 text-sm\">Gesti\u00f3n inteligente que anticipa la demanda y asigna veh\u00edculos eficientemente, evitando el colapso.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"prototipo\" class=\"py-24 bg-deu-lightGray\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <span class=\"text-deu-turquesa font-bold tracking-widest uppercase text-xs\">Demostraci\u00f3n T\u00e9cnica<\/span>\n <h2 class=\"text-3xl md:text-4xl font-black text-deu-darkGray mt-2 mb-4\">Video del Prototipo<\/h2>\n <div class=\"w-20 h-1.5 bg-deu-turquesa mx-auto rounded-full mb-6\"><\/div>\n <p class=\"text-lg text-deu-gray max-w-2xl mx-auto\">\n Observa el Laboratorio Operativo en acci\u00f3n: configuraci\u00f3n en tiempo real y gesti\u00f3n de demanda.\n <\/p>\n <\/div>\n\n <div class=\"bg-white p-4 md:p-8 rounded-[2rem] border border-gray-200 shadow-xl\">\n \n <div class=\"relative w-full aspect-video bg-deu-darkGray rounded-xl overflow-hidden border border-gray-200\">\n <iframe \n src=\"https:\/\/drive.google.com\/file\/d\/198cuONFsPcj4MK47KfvrM4hlFW_7iFKB\/preview\" \n class=\"absolute inset-0 w-full h-full border-none\"\n title=\"Video del Prototipo Hipercubo UCV\"\n loading=\"lazy\"\n allow=\"autoplay\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pitch\" class=\"py-24 bg-white relative overflow-hidden\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center mb-12\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-deu-lightTurquesa\/20 text-deu-darkTurquesa text-xs font-bold uppercase tracking-widest mb-6\">\n <i class=\"ph-fill ph-presentation-chart\"><\/i> Pitch Deck \/ Presentaci\u00f3n\n <\/div>\n <h2 class=\"text-3xl md:text-5xl font-black text-deu-darkGray mb-4\">El Salto al Municipio Inteligente<\/h2>\n <p class=\"text-deu-gray text-lg max-w-3xl mx-auto\">\n El proyecto nace en la UCV, pero su arquitectura escalable est\u00e1 dise\u00f1ada para expandirse sin l\u00edmites a otras universidades y ciudades.\n <\/p>\n <\/div>\n\n \n <div class=\"relative w-full bg-deu-lightGray rounded-[2rem] overflow-hidden shadow-2xl border-4 border-gray-100 flex items-center justify-center\">\n <iframe \n src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vTFBmn6HhgBo5Z_OwYEUVT9nVGu4OK2pBfDK1KRwQROCYEnzZ0v8t8QK8OeZnCKB4hHZ_RFkEcUw7jp\/pubembed?start=false&loop=false&delayms=3000\" \n frameborder=\"0\" \n class=\"w-full aspect-video max-h-[700px] border-none\"\n allowfullscreen=\"true\" \n mozallowfullscreen=\"true\" \n webkitallowfullscreen=\"true\"\n title=\"Pitch Hipercubo UCV\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"ods\" class=\"py-24 bg-deu-lightGray\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h3 class=\"text-sm font-black text-deu-turquesa uppercase tracking-[0.2em] mb-4\">Impacto y Sostenibilidad<\/h3>\n <h2 class=\"text-3xl md:text-4xl font-black text-deu-darkGray mb-4\">Alineaci\u00f3n estrat\u00e9gica (ONU)<\/h2>\n <div class=\"w-20 h-1.5 bg-deu-turquesa mx-auto rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-white p-8 rounded-3xl shadow-md border border-gray-100 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"w-16 h-16 rounded-2xl bg-[#FD6925] flex items-center justify-center text-white text-2xl font-bold shadow-lg mb-6\">\n 9\n <\/div>\n <h3 class=\"text-lg font-bold text-deu-darkGray mb-3 uppercase tracking-tight\">Innovaci\u00f3n<\/h3>\n <p class=\"text-deu-gray text-sm leading-relaxed\">\n Digitalizamos procesos manuales de m\u00e1s de cuatro d\u00e9cadas, creando una infraestructura tecnol\u00f3gica robusta e inteligente.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-3xl shadow-md border border-gray-100 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"w-16 h-16 rounded-2xl bg-[#FD9D24] flex items-center justify-center text-white text-2xl font-bold shadow-lg mb-6\">\n 11\n <\/div>\n <h3 class=\"text-lg font-bold text-deu-darkGray mb-3 uppercase tracking-tight\">Ciudades Sostenibles<\/h3>\n <p class=\"text-deu-gray text-sm leading-relaxed\">\n Optimizar el transporte universitario es el primer paso hacia un campus seguro, ecol\u00f3gico, eficiente y m\u00e1s humano.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-3xl shadow-md border border-gray-100 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"w-16 h-16 rounded-2xl bg-[#00689D] flex items-center justify-center text-white text-2xl font-bold shadow-lg mb-6\">\n 16\n <\/div>\n <h3 class=\"text-lg font-bold text-deu-darkGray mb-3 uppercase tracking-tight\">Instituciones S\u00f3lidas<\/h3>\n <p class=\"text-deu-gray text-sm leading-relaxed\">\n Hacer cumplir los derechos del estudiante no es un favor. Fortalecemos la justicia y la institucionalidad universitaria.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-deu-darkGray relative overflow-hidden\">\n \n <div class=\"absolute inset-0 opacity-10 mix-blend-luminosity\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80\" alt=\"Fondo\" class=\"w-full h-full object-cover\">\n <\/div>\n \n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\n <i class=\"ph-duotone ph-bus text-6xl text-deu-turquesa mb-6\"><\/i>\n <h2 class=\"text-3xl md:text-5xl font-black text-white mb-6 leading-tight\">\n El derecho a educarse <span class=\"text-deu-turquesa\">garantizado.<\/span>\n <\/h2>\n <p class=\"text-gray-300 text-lg md:text-xl mb-10 font-light\">\n Transformando la movilidad universitaria, un viaje inteligente a la vez. Innovaci\u00f3n con prop\u00f3sito, respaldado por la experiencia en Venture Building de F\u00e1brica y Servicios Engidea C.A.\n <\/p>\n <div class=\"inline-block\">\n <a href=\"mailto:direccion@engidea.com.ve\" class=\"bg-deu-turquesa text-white font-bold text-lg py-4 px-10 rounded-xl shadow-[0_0_20px_rgba(13,148,136,0.4)] hover:bg-deu-lightTurquesa hover:text-deu-darkGray transition-all transform hover:-translate-y-1 flex items-center gap-3\">\n \u00danete a la transformaci\u00f3n digital <i class=\"ph-bold ph-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>No estamos digitalizando rutas. Estamos pavimentando el futuro. El Upgrade Humano del Transporte Universitario para garantizar el derecho fundamental a la educaci\u00f3n<\/p>\n","protected":false},"author":1,"featured_media":2329,"comment_status":"open","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"_eb_attr":"","footnotes":""},"portfolio_category":[70],"portfolio_tag":[71],"class_list":["post-2328","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-ucv","portfolio_tag-ucv"],"_links":{"self":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"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=2328"}],"version-history":[{"count":1,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2328\/revisions"}],"predecessor-version":[{"id":2330,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2328\/revisions\/2330"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media\/2329"}],"wp:attachment":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media?parent=2328"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=2328"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_tag?post=2328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}