{"id":2332,"date":"2026-06-08T16:58:42","date_gmt":"2026-06-08T20:58:42","guid":{"rendered":"https:\/\/proyectos.engidea.com.ve\/?post_type=portfolio&#038;p=2332"},"modified":"2026-06-08T16:58:42","modified_gmt":"2026-06-08T20:58:42","slug":"prelab-ucv","status":"publish","type":"portfolio","link":"https:\/\/proyectos.engidea.com.ve\/index.php\/portfolio\/prelab-ucv\/","title":{"rendered":"PreLab UCV"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-d0b3c9c8 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"--col-width:100%;flex-basis:100%\">\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Prelab UCV | Conexi\u00f3n Acad\u00e9mica<\/title>\n    \n    <!-- Tailwind CSS v\u00eda CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Google Fonts: Inter -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Configuraci\u00f3n personalizada de Tailwind -->\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    <!-- Phosphor Icons para iconograf\u00eda moderna -->\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    <!-- Secci\u00f3n Hero Principal -->\n    <main class=\"flex-grow\"> \n        \n        <section id=\"inicio\" class=\"relative bg-deu-lightGray overflow-hidden\">\n            <!-- Elementos decorativos de fondo -->\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                    <!-- Texto Hero -->\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                            <!-- Logo UCV -->\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                            <!-- Widget de Status del Proyecto -->\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\">35%<\/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: 35%\"><\/div>\n                                <\/div>\n                                <p class=\"text-[9px] text-deu-gray mt-1.5 text-right font-medium\">Fase: Propuesta de Reforma<\/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-student\"><\/i> Ecosistema de Preparadores\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                            Prelab: <br class=\"hidden sm:block\">\n                            <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-deu-turquesa to-deu-lightTurquesa\">Int\u00e9rpretes del Conocimiento<\/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                            De la vulnerabilidad operativa a la innovaci\u00f3n en la conexi\u00f3n acad\u00e9mica. Una propuesta de reforma institucional para visibilizar, evaluar y conectar el eslab\u00f3n fundamental en la supervivencia acad\u00e9mica.\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 Reforma\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Imagen\/Ilustraci\u00f3n Hero -->\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                             <!-- Imagen representativa -->\n                             <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=1000&#038;q=80\" alt=\"Estudiantes en grupo colaborando\" class=\"object-cover w-full h-full opacity-90 group-hover:scale-105 transition-transform duration-700\">\n                             \n                             <!-- Overlay oscuro sutil para dar elegancia -->\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\">El puente din\u00e1mico<\/p>\n                                <p class=\"text-sm text-gray-200\">Reduciendo la brecha metodol\u00f3gica entre profesor y estudiante.<\/p>\n                             <\/div>\n                        <\/div>\n                        \n                        <!-- Tarjeta flotante decorativa: Conexi\u00f3n -->\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-users-three text-xl\"><\/i>\n                            <\/div>\n                            <div class=\"pr-2\">\n                                <p class=\"text-xs font-black text-deu-darkGray uppercase tracking-wider\">Interconexi\u00f3n<\/p>\n                                <p class=\"text-[10px] text-deu-gray\">Portal Tipo LinkedIn<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- EQUIPO: AUTORES DEL PROYECTO -->\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 Investigaci\u00f3n Prelab<\/h3>\n                \n                <div class=\"flex flex-wrap justify-center gap-6\">\n                    <!-- Autor 1 -->\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                            AB\n                        <\/div>\n                        <div>\n                            <p class=\"font-bold text-deu-darkGray text-sm\">Andreina Barrios Nu\u00f1ez<\/p>\n                            <p class=\"text-[10px] text-deu-turquesa uppercase tracking-wider font-bold\">Estudiante de Ciencias Jur\u00eddicas<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Autor 2 -->\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                            JC\n                        <\/div>\n                        <div>\n                            <p class=\"font-bold text-deu-darkGray text-sm\">Jamil Chaya Maita<\/p>\n                            <p class=\"text-[10px] text-deu-turquesa uppercase tracking-wider font-bold\">Estudiante de Estudios Internacionales<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Autor 3 -->\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                            FS\n                        <\/div>\n                        <div>\n                            <p class=\"font-bold text-deu-darkGray text-sm\">Fidel Serpa<\/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        <!-- PROBLEMA VS SOLUCI\u00d3N (La Encrucijada) -->\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\">Diagn\u00f3stico Institucional<\/span>\n                    <h2 class=\"text-3xl md:text-4xl font-black text-deu-darkGray mt-2 mb-4\">El costo oculto de la inacci\u00f3n institucional<\/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                        Dejamos el rol de nuestros int\u00e9rpretes al azar. Es momento de transformar una carga precaria en un sistema din\u00e1mico de adaptaci\u00f3n y supervivencia acad\u00e9mica.\n                    <\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12\">\n                    <!-- Status Quo (El Problema) -->\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 Estatus Quo: Una Apuesta al Caos<\/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\">Carga Precaria (Riesgo Legal)<\/strong>\n                                    <p class=\"text-red-700 text-sm\">Un rol fundamental sostenido \u00fanicamente por la vocaci\u00f3n. Sin herramientas, sin respaldo formal ni pago justo, exponiendo a la instituci\u00f3n a negligencia operativa.<\/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\">Sin Herramientas (Brecha Metodol\u00f3gica)<\/strong>\n                                    <p class=\"text-red-700 text-sm\">Se les exige guiar metodol\u00f3gicamente a los estudiantes sin recursos institucionales frente a profesores exigentes y metodolog\u00edas complejas.<\/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\">Sin Evaluaci\u00f3n (Fuga de Talento)<\/strong>\n                                    <p class=\"text-red-700 text-sm\">Ausencia de m\u00e9tricas formales que midan el impacto. J\u00f3venes brillantes asumen la carga en silencio sin garant\u00edas sobre la calidad entregada.<\/p>\n                                <\/div>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <!-- Prelab (La Soluci\u00f3n) -->\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                        <!-- Decoraci\u00f3n de fondo -->\n                        <i class=\"ph-duotone ph-student 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\">Prelab: La Arquitectura de Conexi\u00f3n<\/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\">Base de Datos Centralizada<\/strong>\n                                    <p class=\"text-deu-gray text-sm\">Un portal web tipo \u00abLinkedIn interno\u00bb que permite a los estudiantes encontrar el apoyo metodol\u00f3gico exacto que necesitan sin depender del azar.<\/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\">Ecosistema Din\u00e1mico y Mejora Continua<\/strong>\n                                    <p class=\"text-deu-gray text-sm\">El profesor mejora su incidencia acad\u00e9mica sin microgestionar, y el estudiante aumenta significativamente su \u00edndice y rendimiento.<\/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\">Respaldo Institucional y Evaluaci\u00f3n<\/strong>\n                                    <p class=\"text-deu-gray text-sm\">Marco legal claro e inserci\u00f3n laboral. Mejores condiciones para los preparadores se traducen en mayor rendimiento estudiantil.<\/p>\n                                <\/div>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- SECCI\u00d3N: C\u00d3MO FUNCIONA (La Transformaci\u00f3n del Rol) -->\n        <section class=\"py-20 bg-deu-darkGray text-white relative overflow-hidden\">\n             <!-- Patr\u00f3n de fondo tipo \"Blueprint\" para simular arquitectura -->\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\">La Transformaci\u00f3n del Preparador<\/h2>\n                    <p class=\"text-gray-400 text-lg max-w-2xl mx-auto\">Superando la invisibilidad y la falta de formaci\u00f3n para potenciar al preparador como un aliado clave ante las dificultades de aprendizaje.<\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n                    <!-- Paso 1 -->\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-star text-4xl\"><\/i>\n                        <\/div>\n                        <h4 class=\"text-xl font-bold mb-3\">Deseabilidad<\/h4>\n                        <p class=\"text-gray-400 text-sm\">Reconocimiento formal y visibilizaci\u00f3n de la labor del preparador como pilar fundamental del ecosistema acad\u00e9mico.<\/p>\n                    <\/div>\n                    \n                    <!-- Paso 2 -->\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                        <!-- Flechas conectoras (solo en desktop) -->\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-books text-4xl\"><\/i>\n                        <\/div>\n                        <h4 class=\"text-xl font-bold mb-3\">Viabilidad<\/h4>\n                        <p class=\"text-gray-400 text-sm\">Implementaci\u00f3n de programas de formaci\u00f3n pedag\u00f3gica y una estructura de soporte clara y sostenible a largo plazo.<\/p>\n                    <\/div>\n\n                    <!-- Paso 3 -->\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-eye text-4xl\"><\/i>\n                        <\/div>\n                        <h4 class=\"text-xl font-bold mb-3\">Visibilidad<\/h4>\n                        <p class=\"text-gray-400 text-sm\">Capacitaci\u00f3n espec\u00edfica para identificar y apoyar eficazmente a estudiantes con dificultades, mejorando su rendimiento de forma medible.<\/p>\n                    <\/div>\n                <\/div>\n             <\/div>\n        <\/section>\n\n        <!-- SECCI\u00d3N: VIDEO DEL PROTOTIPO \/ PORTAL -->\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\">El Portal de Interconexi\u00f3n<\/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                        Una plataforma centralizada para buscar asesor\u00edas, encontrar mentores y formalizar la gesti\u00f3n del talento acad\u00e9mico universitario.\n                    <\/p>\n                <\/div>\n\n                <div class=\"bg-white p-4 md:p-8 rounded-[2rem] border border-gray-200 shadow-xl\">\n                    <!-- Contenedor del Video del Prototipo -->\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\/13FDrDiprH_RGL0q-r4VsPRPb3-b292kO\/preview\" \n                            class=\"absolute inset-0 w-full h-full border-none\"\n                            title=\"Video del Prototipo Prelab UCV\"\n                            loading=\"lazy\"\n                            allow=\"autoplay\">\n                        <\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- SECCI\u00d3N: PITCH DEL PROYECTO (GOOGLE SLIDES) -->\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> Propuesta Institucional\n                    <\/div>\n                    <h2 class=\"text-3xl md:text-5xl font-black text-deu-darkGray mb-4\">La Reforma Necesaria<\/h2>\n                    <p class=\"text-deu-gray text-lg max-w-3xl mx-auto\">\n                        La universidad no se construye solo con catedr\u00e1ticos em\u00e9ritos. Es necesario incluir a todos en estos planes de futuro para construir una instituci\u00f3n s\u00f3lida y equitativa.\n                    <\/p>\n                <\/div>\n\n                <!-- Contenedor de la Presentaci\u00f3n -->\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-1vRjUNjRdghcStk-vbltcM6DvCVNkiMq4tNAlfKIEL26gslgMlLGTwGdq0GdsroItQ\/pubembed?start=false&#038;loop=false&#038;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 Prelab UCV\">\n                    <\/iframe>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- COMPROMISO ODS -->\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\">Alineaci\u00f3n Estrat\u00e9gica Internacional<\/h3>\n                    <h2 class=\"text-3xl md:text-4xl font-black text-deu-darkGray mb-4\">Impacto Global (ODS)<\/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                    <!-- ODS 4: Educaci\u00f3n de Calidad -->\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-[#C5192D] flex items-center justify-center text-white text-2xl font-bold shadow-lg mb-6\">\n                            4\n                        <\/div>\n                        <h3 class=\"text-lg font-bold text-deu-darkGray mb-3 uppercase tracking-tight\">Educaci\u00f3n de Calidad<\/h3>\n                        <p class=\"text-deu-gray text-sm leading-relaxed\">\n                            Garantizar que los estudiantes reciban el soporte din\u00e1mico necesario para mejorar su \u00edndice acad\u00e9mico a nivel global en todo el campus.\n                        <\/p>\n                    <\/div>\n\n                    <!-- ODS 8: Trabajo Decente y Crecimiento Econ\u00f3mico -->\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-[#A21942] flex items-center justify-center text-white text-2xl font-bold shadow-lg mb-6\">\n                            8\n                        <\/div>\n                        <h3 class=\"text-lg font-bold text-deu-darkGray mb-3 uppercase tracking-tight\">Trabajo Decente<\/h3>\n                        <p class=\"text-deu-gray text-sm leading-relaxed\">\n                            Proveer a los preparadores de un marco estructurado que facilite su inserci\u00f3n laboral temprana bajo condiciones justas y reconocidas.\n                        <\/p>\n                    <\/div>\n\n                    <!-- ODS 17: Alianzas para Lograr los Objetivos -->\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-[#19486A] flex items-center justify-center text-white text-2xl font-bold shadow-lg mb-6\">\n                            17\n                        <\/div>\n                        <h3 class=\"text-lg font-bold text-deu-darkGray mb-3 uppercase tracking-tight\">Alianzas para los Objetivos<\/h3>\n                        <p class=\"text-deu-gray text-sm leading-relaxed\">\n                            Fomentar una red de interconexi\u00f3n institucional s\u00f3lida entre escuelas, profesores y cuerpo estudiantil mediante la tecnolog\u00eda.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Secci\u00f3n CTA Final -->\n        <section class=\"py-24 bg-deu-darkGray relative overflow-hidden\">\n            <!-- Imagen sutil de fondo (S\u00edmbolo de la universidad) -->\n            <div class=\"absolute inset-0 opacity-10 mix-blend-luminosity\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523050854058-8df90110c9f1?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=1920&#038;q=80\" alt=\"Fondo Universitario\" 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-graduation-cap 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                    Por los verdaderos int\u00e9rpretes <span class=\"text-deu-turquesa\">del conocimiento.<\/span>\n                <\/h2>\n                <p class=\"text-gray-300 text-lg md:text-xl mb-10 font-light\">\n                    No se exige una reforma perfecta desde el d\u00eda uno, pero s\u00ed dar una oportunidad a quienes silenciosamente sostienen la calidad de nuestras clases. Aprobemos esta reforma.\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                        Apoya la Reforma Prelab <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>De la vulnerabilidad operativa a la innovaci\u00f3n en la conexi\u00f3n acad\u00e9mica. Una propuesta de reforma institucional para visibilizar, evaluar y conectar el eslab\u00f3n fundamental en la supervivencia acad\u00e9mica.<\/p>\n","protected":false},"author":1,"featured_media":2334,"comment_status":"open","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"_eb_attr":"","footnotes":""},"portfolio_category":[70],"portfolio_tag":[],"class_list":["post-2332","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-ucv"],"_links":{"self":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2332","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=2332"}],"version-history":[{"count":1,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2332\/revisions"}],"predecessor-version":[{"id":2335,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2332\/revisions\/2335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media\/2334"}],"wp:attachment":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media?parent=2332"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=2332"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_tag?post=2332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}