{"id":2342,"date":"2026-06-08T17:40:40","date_gmt":"2026-06-08T21:40:40","guid":{"rendered":"https:\/\/proyectos.engidea.com.ve\/?post_type=portfolio&#038;p=2342"},"modified":"2026-06-09T11:12:35","modified_gmt":"2026-06-09T15:12:35","slug":"enlace-bienestar-ucv","status":"publish","type":"portfolio","link":"https:\/\/proyectos.engidea.com.ve\/index.php\/portfolio\/enlace-bienestar-ucv\/","title":{"rendered":"Enlace Bienestar 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>Enlace Bienestar | Human Upgrade UCV<\/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',\n                            lightTurquesa: '#2dd4bf',\n                            darkTurquesa: '#0f766e',\n                            gray: '#6b7280',\n                            lightGray: '#f3f4f6',\n                            darkGray: '#1f2937'\n                        }\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <!-- Phosphor Icons -->\n    <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\n\n    <style>\n        body { font-family: 'Inter', sans-serif; background-color: #ffffff; color: #374151; scroll-behavior: smooth; }\n    <\/style>\n<\/head>\n<body class=\"antialiased flex flex-col min-h-screen\">\n\n    <main class=\"flex-grow\"> \n        \n        <!-- Hero Section -->\n        <section id=\"inicio\" class=\"relative bg-deu-lightGray overflow-hidden\">\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            \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                    <div class=\"text-center lg:text-left\">\n                        <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-black text-deu-darkGray leading-[1.1] mb-6\">\n                            Enlace Bienestar: <br>\n                            <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-deu-turquesa to-deu-lightTurquesa\">Human Upgrade UCV<\/span>\n                        <\/h1>\n                        <p class=\"text-lg text-deu-gray mb-8 max-w-2xl mx-auto lg:mx-0 font-light leading-relaxed\">\n                            Potenciando la calidad de vida universitaria a trav\u00e9s de la integraci\u00f3n, el acceso y la dignificaci\u00f3n del estudiante en su entorno acad\u00e9mico.\n                        <\/p>\n                        <a href=\"#problematica\" class=\"px-8 py-3.5 bg-deu-turquesa text-white font-bold rounded-lg hover:bg-deu-darkTurquesa transition-all shadow-lg shadow-teal-500\/20\">\n                            Explorar Propuesta\n                        <\/a>\n                    <\/div>\n                    <div class=\"bg-white p-2 rounded-2xl shadow-2xl border border-gray-100\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Bienestar Universitario\" class=\"rounded-xl w-full\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Equipo -->\n        <section class=\"py-12 bg-white\">\n            <div class=\"max-w-7xl mx-auto px-4 text-center\">\n                <h3 class=\"text-xs font-bold text-deu-gray uppercase tracking-widest mb-8\">Equipo de Investigaci\u00f3n y Desarrollo<\/h3>\n                <div class=\"flex flex-wrap justify-center gap-6\">\n                    <div class=\"flex items-center gap-4 bg-deu-lightGray px-6 py-3 rounded-full border\">\n                        <div class=\"w-10 h-10 rounded-full bg-deu-darkGray flex items-center justify-center text-white font-bold\">CB<\/div>\n                        <div class=\"text-left\"><p class=\"font-bold text-sm\">Cristhian David Betancourt Zambrano<\/p><p class=\"text-[10px] text-deu-turquesa uppercase font-bold\">Estudiante de Trabajo Social<\/p><\/div>\n                    <\/div>\n                    <div class=\"flex items-center gap-4 bg-deu-lightGray px-6 py-3 rounded-full border\">\n                        <div class=\"w-10 h-10 rounded-full bg-deu-darkGray flex items-center justify-center text-white font-bold\">DR<\/div>\n                        <div class=\"text-left\"><p class=\"font-bold text-sm\">David Rivero<\/p><p class=\"text-[10px] text-deu-turquesa uppercase font-bold\">Estudiante de Sociolog\u00eda<\/p><\/div>\n                    <\/div>\n                    <div class=\"flex items-center gap-4 bg-deu-lightGray px-6 py-3 rounded-full border\">\n                        <div class=\"w-10 h-10 rounded-full bg-deu-darkGray flex items-center justify-center text-white font-bold\">GM<\/div>\n                        <div class=\"text-left\"><p class=\"font-bold text-sm\">Giovanni Arturo Martell Duque<\/p><p class=\"text-[10px] text-deu-turquesa uppercase font-bold\">Estudiante de Econom\u00eda<\/p><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Problem\u00e1tica -->\n        <section id=\"problematica\" class=\"py-24 bg-deu-lightGray\">\n            <div class=\"max-w-7xl mx-auto px-4\">\n                <div class=\"text-center mb-16\">\n                    <h2 class=\"text-3xl font-black text-deu-darkGray mb-4\">Una Crisis Silenciosa en las Aulas<\/h2>\n                    <p class=\"text-deu-gray max-w-2xl mx-auto\">El estr\u00e9s diario est\u00e1 pasando una factura que el sistema actual ya no puede pagar.<\/p>\n                <\/div>\n                <div class=\"grid md:grid-cols-2 gap-8\">\n                    <div class=\"bg-red-50 p-8 rounded-[2rem] border border-red-100\">\n                        <h3 class=\"text-xl font-black text-red-900 mb-6\">El Modelo Tradicional (Reactivo)<\/h3>\n                        <ul class=\"space-y-4\">\n                            <li class=\"flex gap-3 text-red-800\"><i class=\"ph-fill ph-clock text-xl\"><\/i> Semanas de espera para una cita. El momento cr\u00edtico ya pas\u00f3.<\/li>\n                            <li class=\"flex gap-3 text-red-800\"><i class=\"ph-fill ph-users text-xl\"><\/i> Sistema aislado, falta aguda de psic\u00f3logos disponibles.<\/li>\n                            <li class=\"flex gap-3 text-red-800\"><i class=\"ph-fill ph-brain text-xl\"><\/i> Enfoque puramente reactivo. Solo atiende cuando la crisis estalla.<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"bg-white p-8 rounded-[2rem] border border-deu-turquesa\/20 shadow-lg\">\n                        <h3 class=\"text-xl font-black text-deu-darkTurquesa mb-6\">El Nuevo Est\u00e1ndar: Enlace Bienestar<\/h3>\n                        <ul class=\"space-y-4\">\n                            <li class=\"flex gap-3 text-deu-gray\"><i class=\"ph-fill ph-check-circle text-xl text-deu-turquesa\"><\/i> Intervenci\u00f3n inmediata (24\/7) en el bolsillo del estudiante.<\/li>\n                            <li class=\"flex gap-3 text-deu-gray\"><i class=\"ph-fill ph-check-circle text-xl text-deu-turquesa\"><\/i> Red compartida interuniversitaria con recursos multiplicados.<\/li>\n                            <li class=\"flex gap-3 text-deu-gray\"><i class=\"ph-fill ph-check-circle text-xl text-deu-turquesa\"><\/i> Prevenci\u00f3n proactiva y triaje inteligente basado en IA.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Pitch -->\n        <section id=\"pitch\" class=\"py-24 bg-white\">\n            <div class=\"max-w-6xl mx-auto px-4 text-center\">\n                <h2 class=\"text-3xl font-black text-deu-darkGray mb-10\">Pitch del Proyecto<\/h2>\n                <div class=\"bg-white p-4 rounded-[2rem] border border-gray-200 shadow-2xl\">\n                    <div class=\"aspect-video w-full\">\n                        <iframe src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vTkismgTgDGEuQX-3GKz6iM-UThPcF4_6hwqiMgJU-GAv1bxPA7dUVhYY4r1w0GZA\/pubembed?start=false&#038;loop=false&#038;delayms=3000\" frameborder=\"0\" width=\"100%\" height=\"100%\" allowfullscreen=\"true\"><\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Prototipo -->\n        <section id=\"prototipo\" class=\"py-24 bg-deu-lightGray\">\n            <div class=\"max-w-5xl mx-auto px-4 text-center\">\n                <h2 class=\"text-3xl font-black text-deu-darkGray mb-10\">Prototipo Funcional<\/h2>\n                <div class=\"bg-white p-4 rounded-[2rem] border border-gray-200 shadow-xl\">\n                    <div class=\"relative w-full aspect-video bg-deu-darkGray rounded-xl overflow-hidden\">\n                        <iframe src=\"https:\/\/drive.google.com\/file\/d\/1HQOYCoC050x6yDSzPg_yua7T-a3-wh3L\/preview\" class=\"absolute inset-0 w-full h-full border-none\" allowfullscreen><\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ODS -->\n        <section id=\"ods\" class=\"py-24 bg-white\">\n            <div class=\"max-w-7xl mx-auto px-4\">\n                <h2 class=\"text-3xl font-black text-center mb-16 text-deu-darkGray\">Alineaci\u00f3n Estrat\u00e9gica (ODS)<\/h2>\n                <div class=\"grid md:grid-cols-3 gap-8\">\n                    <div class=\"p-8 rounded-[2rem] bg-white border border-gray-100 shadow-md\">\n                        <div class=\"w-16 h-16 rounded-2xl bg-[#4C9F38] flex items-center justify-center text-white text-2xl font-bold mb-6\">3<\/div>\n                        <h3 class=\"font-bold text-xl mb-4 text-deu-darkGray\">Salud y Bienestar<\/h3>\n                        <p class=\"text-deu-gray\">Intervenci\u00f3n temprana y soporte emocional accesible para prevenir crisis de salud mental.<\/p>\n                    <\/div>\n                    <div class=\"p-8 rounded-[2rem] bg-white border border-gray-100 shadow-md\">\n                        <div class=\"w-16 h-16 rounded-2xl bg-[#C5192D] flex items-center justify-center text-white text-2xl font-bold mb-6\">4<\/div>\n                        <h3 class=\"font-bold text-xl mb-4 text-deu-darkGray\">Educaci\u00f3n de Calidad<\/h3>\n                        <p class=\"text-deu-gray\">Un estudiante con salud mental estable es un estudiante capaz de alcanzar su m\u00e1ximo potencial acad\u00e9mico.<\/p>\n                    <\/div>\n                    <div class=\"p-8 rounded-[2rem] bg-white border border-gray-100 shadow-md\">\n                        <div class=\"w-16 h-16 rounded-2xl bg-[#19486A] flex items-center justify-center text-white text-2xl font-bold mb-6\">17<\/div>\n                        <h3 class=\"font-bold text-xl mb-4 text-deu-darkGray\">Alianzas<\/h3>\n                        <p class=\"text-deu-gray\">Red de apoyo interuniversitaria que multiplica recursos y democratiza el acceso a la atenci\u00f3n psicol\u00f3gica.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n       <\/section>\n\n        <!-- Secci\u00f3n CTA Final (El Reloj de la UCV) -->\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-1541339907198-e08756dedf3f?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=1920&#038;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-clock 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                    Asegurando que la luz de la academia <span class=\"text-deu-turquesa\">nunca se apague.<\/span>\n                <\/h2>\n                <p class=\"text-gray-300 text-lg md:text-xl mb-10 font-light\">\n                    Conocimiento sin barreras, porque innovar con prop\u00f3sito es asegurar nuestro bienestar social.\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        <footer class=\"py-12 bg-deu-darkGray text-white text-center\">\n            <p>&copy; 2026 Enlace Bienestar | Human Upgrade UCV<\/p>\n        <\/footer>\n    <\/main>\n\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Potenciando la calidad de vida universitaria a trav\u00e9s de la integraci\u00f3n, el acceso y la dignificaci\u00f3n del estudiante en su entorno acad\u00e9mico.<\/p>\n","protected":false},"author":1,"featured_media":2343,"comment_status":"open","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"_eb_attr":"","footnotes":""},"portfolio_category":[70],"portfolio_tag":[71],"class_list":["post-2342","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\/2342","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=2342"}],"version-history":[{"count":3,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2342\/revisions"}],"predecessor-version":[{"id":2350,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2342\/revisions\/2350"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media\/2343"}],"wp:attachment":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media?parent=2342"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=2342"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_tag?post=2342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}