{"id":18150,"date":"2026-05-19T20:24:58","date_gmt":"2026-05-19T20:24:58","guid":{"rendered":"https:\/\/www.utsvirtual.edu.co\/sitio\/?page_id=18150"},"modified":"2026-05-19T21:01:36","modified_gmt":"2026-05-19T21:01:36","slug":"ecosistema-digital-odilo","status":"publish","type":"page","link":"https:\/\/www.utsvirtual.edu.co\/sitio\/ecosistema-digital-odilo\/","title":{"rendered":"Ecosistema Digital ODILO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18150\" class=\"elementor elementor-18150\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbf8a9e e-flex e-con-boxed e-con e-parent\" data-id=\"cbf8a9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fa7742 elementor-widget elementor-widget-html\" data-id=\"0fa7742\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* Estructura Base Premium *\/\n    .odilo-uts-premium {\n        font-family: 'Poppins', sans-serif;\n        color: #4a5568;\n        max-width: 1140px;\n        margin: 0 auto;\n        padding: 30px 15px;\n        line-height: 1.7;\n    }\n\n    \/* BANNER PRINCIPAL CON GR\u00c1FICA VECTORIAL *\/\n    .odilo-banner-premium {\n        background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n        padding: 60px 45px;\n        border-radius: 12px;\n        margin-bottom: 45px;\n        color: #ffffff;\n        box-shadow: 0 10px 25px rgba(30, 60, 114, 0.15);\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 30px;\n        position: relative;\n        overflow: hidden;\n    }\n    .odilo-banner-texto {\n        flex: 1;\n        max-width: 65%;\n        z-index: 2;\n    }\n    .odilo-banner-grafica {\n        flex: 1;\n        max-width: 30%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        z-index: 2;\n    }\n    .odilo-svg-illustration {\n        width: 100%;\n        max-width: 260px;\n        height: auto;\n        filter: drop-shadow(0 8px 16px rgba(0,0,0,0.15));\n    }\n    \n    @media (max-width: 768px) {\n        .odilo-banner-premium { flex-direction: column; text-align: center; padding: 40px 25px; }\n        .odilo-banner-texto { max-width: 100%; }\n        .odilo-banner-grafica { max-width: 60%; margin-top: 20px; }\n    }\n\n    .odilo-banner-premium h2 {\n        color: #ffffff !important;\n        font-size: 36px !important;\n        font-weight: 700 !important;\n        margin: 0 0 15px 0 !important;\n        letter-spacing: -0.5px;\n    }\n    .odilo-banner-premium p {\n        color: rgba(255, 255, 255, 0.9);\n        font-size: 16px;\n        margin: 0 0 30px 0;\n    }\n\n    \/* BOTONES ACTIVOS *\/\n    .odilo-btn-premium {\n        display: inline-block;\n        background-color: #008a45;\n        color: #ffffff !important;\n        font-size: 14px;\n        font-weight: 600;\n        padding: 14px 36px;\n        border-radius: 30px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        text-decoration: none !important;\n        box-shadow: 0 4px 14px rgba(0, 138, 69, 0.4);\n        transition: all 0.3s ease;\n    }\n    .odilo-btn-premium:hover {\n        background-color: #006b35;\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(0, 138, 69, 0.6);\n    }\n    .odilo-btn-blue-premium {\n        background-color: #1e3c72;\n        box-shadow: 0 4px 14px rgba(30, 60, 114, 0.3);\n    }\n    .odilo-btn-blue-premium:hover {\n        background-color: #122a52;\n        box-shadow: 0 6px 20px rgba(30, 60, 114, 0.5);\n    }\n\n    .odilo-uts-premium h3.seccion-titulo-premium {\n        color: #1e3c72 !important;\n        font-size: 26px !important;\n        font-weight: 700 !important;\n        text-align: center;\n        margin-top: 50px !important;\n        margin-bottom: 35px !important;\n    }\n\n    \/* TARJETAS DE CARACTER\u00cdSTICAS GENERALES *\/\n    .odilo-grid-premium {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 30px;\n        margin-bottom: 50px;\n    }\n    .odilo-card-premium {\n        background: #ffffff;\n        padding: 35px 30px;\n        border-radius: 12px;\n        border: 1px solid #edf2f7;\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);\n        transition: all 0.3s ease;\n    }\n    .odilo-card-premium:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);\n        border-color: #cbd5e0;\n    }\n    .odilo-card-icon {\n        width: 45px;\n        height: 45px;\n        background-color: rgba(0, 138, 69, 0.1);\n        color: #008a45;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        font-size: 18px;\n        margin-bottom: 20px;\n    }\n    .odilo-card-premium h4 {\n        color: #1e3c72 !important;\n        font-size: 18px !important;\n        font-weight: 600 !important;\n        margin: 0 0 12px 0 !important;\n    }\n    .odilo-card-premium p { font-size: 14px; color: #64748b; margin: 0; }\n\n    \/* GU\u00cdA DE PASOS *\/\n    .odilo-pasos-wrapper {\n        background-color: #f8fafc;\n        padding: 40px;\n        border-radius: 12px;\n        margin-bottom: 50px;\n    }\n    .odilo-paso-linea { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 30px; }\n    .odilo-paso-linea:last-child { margin-bottom: 0; }\n    .odilo-paso-numero {\n        background: #1e3c72; color: white; font-weight: 700; width: 36px; height: 36px;\n        border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n    }\n    .odilo-paso-contenido h4 { color: #1e3c72 !important; font-size: 16px !important; font-weight: 600 !important; margin: 0 0 4px 0 !important; }\n    .odilo-paso-contenido p { font-size: 14px; margin: 0; color: #4a5568; }\n    .odilo-paso-contenido a { color: #008a45; font-weight: 600; text-decoration: none; }\n    .odilo-paso-contenido a:hover { text-decoration: underline; }\n\n    \/* DIMENSIONES DE BIENESTAR ABIERTO *\/\n    .seccion-bienestar-abierto {\n        margin-top: 60px;\n        padding-top: 40px;\n        border-top: 2px dashed #e2e8f0;\n    }\n    .dimension-titulo {\n        color: #1e3c72 !important;\n        font-size: 22px !important;\n        font-weight: 700 !important;\n        margin: 40px 0 15px 0 !important;\n        border-left: 4px solid #008a45;\n        padding-left: 12px;\n    }\n    .recursos-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n        gap: 25px;\n        margin-bottom: 20px;\n    }\n    .recurso-card {\n        background: #ffffff;\n        border: 1px solid #edf2f7;\n        border-radius: 12px;\n        padding: 25px;\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.01);\n        transition: all 0.3s ease;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n    .recurso-card:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);\n        border-color: #cbd5e0;\n    }\n    .recurso-tipo {\n        display: inline-block;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        padding: 3px 10px;\n        border-radius: 20px;\n        margin-bottom: 15px;\n        width: fit-content;\n    }\n    .tipo-pdf { background-color: rgba(229, 62, 62, 0.1); color: #e53e3e; }\n    .tipo-video { background-color: rgba(49, 151, 149, 0.1); color: #319795; }\n    .tipo-html5 { background-color: rgba(49, 130, 206, 0.1); color: #3182ce; }\n    \n    .recurso-card h4 { color: #2d3748 !important; font-size: 16px !important; font-weight: 600 !important; margin: 0 0 10px 0 !important; }\n    .recurso-card p { font-size: 13.5px; color: #718096; margin: 0 0 15px 0; }\n    \n    .mini-portada-video {\n        width: 100%;\n        height: 140px;\n        background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);\n        border-radius: 8px;\n        margin-bottom: 20px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        color: #475569;\n        font-size: 32px;\n    }\n\n    \/* CONFIGURACI\u00d3N DE CLICS: SOLO SE SUSPENDEN LOS EN LA CLASE \".uts-pausado\" *\/\n    .btn-recurso {\n        display: block; \n        text-align: center; \n        background-color: #008a45; \n        color: #ffffff !important; \n        font-size: 13px; \n        font-weight: 600;\n        padding: 10px 20px; \n        border-radius: 6px; \n        text-decoration: none !important; \n        text-transform: uppercase; \n        letter-spacing: 0.5px; \n        transition: all 0.2s ease;\n    }\n    .btn-secundario {\n        background-color: #1e3c72;\n    }\n    \n    \/* Bot\u00f3n Odilo Activo de Video (Con animaci\u00f3n Hover institucional) *\/\n    .btn-recurso-activo {\n        background-color: #1e3c72;\n    }\n    .btn-recurso-activo:hover {\n        background-color: #122a52;\n        transform: translateY(-1px);\n        box-shadow: 0 4px 10px rgba(30, 60, 114, 0.2);\n    }\n\n    \/* Clase de congelamiento \u00fanicamente para los micrositios no habilitados *\/\n    .uts-pausado {\n        pointer-events: none; \n        cursor: default;  \n    }\n\n    .odilo-descarga-premium {\n        text-align: center; background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 45px 30px; border-radius: 12px; margin-top: 40px;\n    }\n<\/style>\n\n<div class=\"odilo-uts-premium\">\n\n    <!-- BANNER CON ILUSTRACI\u00d3N DIGITAL -->\n    <div class=\"odilo-banner-premium\">\n        <div class=\"odilo-banner-texto\">\n            <h2>Ecosistema Digital ODILO<\/h2>\n            <p>Tu biblioteca inteligente e ilimitada. Accede a miles de recursos digitales, eBooks y contenidos interactivos seleccionados especialmente para complementar tu formaci\u00f3n virtual.<\/p>\n            <a href=\"https:\/\/odilo.us\" target=\"_blank\" class=\"odilo-btn-premium\">Ingresar a la Plataforma<\/a>\n        <\/div>\n        \n        <div class=\"odilo-banner-grafica\">\n            <svg class=\"odilo-svg-illustration\" viewBox=\"0 0 200 200\" xmlns=\"http:\/\/w3.org\">\n                <circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"rgba(255, 255, 255, 0.1)\" \/>\n                <circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"rgba(255, 255, 255, 0.08)\" \/>\n                <rect x=\"55\" y=\"40\" width=\"90\" height=\"120\" rx=\"8\" fill=\"#ffffff\" \/>\n                <rect x=\"62\" y=\"48\" width=\"76\" height=\"96\" rx=\"2\" fill=\"#f8fafc\" \/>\n                <circle cx=\"100\" cy=\"151\" r=\"4\" fill=\"#cbd5e1\" \/>\n                <line x1=\"70\" y1=\"58\" x2=\"110\" y2=\"58\" stroke=\"#cbd5e1\" stroke-width=\"3\" stroke-linecap=\"round\" \/>\n                <line x1=\"70\" y1=\"68\" x2=\"130\" y2=\"68\" stroke=\"#e2e8f0\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                <line x1=\"70\" y1=\"76\" x2=\"125\" y2=\"76\" stroke=\"#e2e8f0\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                <polygon points=\"100,20 135,32 100,44 65,32\" fill=\"#008a45\" \/>\n                <polygon points=\"80,36 80,48 100,54 120,48 120,36\" fill=\"#006b35\" \/>\n                <path d=\"M125,33 L125,52 C125,55 128,55 128,52 L128,33\" fill=\"none\" stroke=\"#f39c12\" stroke-width=\"2\" \/>\n                <circle cx=\"128\" cy=\"53\" r=\"2.5\" fill=\"#f39c12\" \/>\n                <path d=\"M35,80 Q45,60 60,70\" fill=\"none\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"2\" stroke-dasharray=\"4,4\" \/>\n                <path d=\"M145,120 Q160,130 165,110\" fill=\"none\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"2\" stroke-dasharray=\"4,4\" \/>\n                <path d=\"M45,115 L48,118 L45,121 L42,118 Z\" fill=\"#f39c12\" \/>\n                <path d=\"M150,55 L152,57 L150,59 L148,57 Z\" fill=\"#ffffff\" \/>\n                <circle cx=\"100\" cy=\"110\" r=\"16\" fill=\"#008a45\" \/>\n                <polygon points=\"96,102 108,110 96,118\" fill=\"#ffffff\" \/>\n            <\/svg>\n        <\/div>\n    <\/div>\n\n    <h3 class=\"seccion-titulo-premium\">Una experiencia de aprendizaje sin l\u00edmites<\/h3>\n    <p style=\"text-align: center; max-width: 850px; margin: 0 auto 50px auto; font-size: 15.5px; color: #64748b;\">\n        La Unidad de Educaci\u00f3n Virtual de las UTS integra este entorno inteligente con el prop\u00f3sito de ofrecerte un ecosistema digital de alta calidad. Aqu\u00ed puedes gestionar tu autoestudio interactuando con herramientas modernas de ciencia, tecnolog\u00eda e investigaci\u00f3n.\n    <\/p>\n\n    <div class=\"odilo-grid-premium\">\n        <div class=\"odilo-card-premium\">\n            <div class=\"odilo-card-icon\">\ud83d\udcda<\/div>\n            <h4>Multiformato<\/h4>\n            <p>La mayor variedad de contenidos: eBooks, audiolibros pedag\u00f3gicos, podcasts especializados y revistas de actualidad.<\/p>\n        <\/div>\n        <div class=\"odilo-card-premium\">\n            <div class=\"odilo-card-icon\">\ud83d\udcf1<\/div>\n            <h4>Estudio Offline<\/h4>\n            <p>Descarga tus lecturas directamente en la aplicaci\u00f3n m\u00f3vil oficial y avanza en tus actividades acad\u00e9micas sin gaster datos.<\/p>\n        <\/div>\n        <div class=\"odilo-card-premium\">\n            <div class=\"odilo-card-icon\">\ud83c\udf93<\/div>\n            <h4>Rutas Guiadas<\/h4>\n            <p>Encuentra de forma organizada el material bibliogr\u00e1fico sugerido por tus docentes tutores para cada m\u00f3dulo.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- PASOS DE ACCESO -->\n    <h3 class=\"seccion-titulo-premium\">\u00bfC\u00f3mo ingresar al Ecosistema?<\/h3>\n    <div class=\"odilo-pasos-wrapper\">\n        <div class=\"odilo-paso-linea\">\n            <div class=\"odilo-paso-numero\">1<\/div>\n            <div class=\"odilo-paso-contenido\">\n                <h4>Portal de Acceso<\/h4>\n                <p>Ingresa desde cualquier dispositivo al enlace oficial del ecosistema: <a href=\"https:\/\/odilo.us\" target=\"_blank\">uts.odilo.us<\/a>.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"odilo-paso-linea\">\n            <div class=\"odilo-paso-numero\">2<\/div>\n            <div class=\"odilo-paso-contenido\">\n                <h4>Credenciales UTS<\/h4>\n                <p>Inicia sesi\u00f3n introduciendo los datos de autenticaci\u00f3n unificada de tu <strong>Correo Institucional de las UTS<\/strong>.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"odilo-paso-linea\">\n            <div class=\"odilo-paso-numero\">3<\/div>\n            <div class=\"odilo-paso-contenido\">\n                <h4>Exploraci\u00f3n Inteligente<\/h4>\n                <p>Usa el buscador principal para localizar los contenidos recomendados de tus asignaturas o el cat\u00e1logo libre de bienestar.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n    <!-- CENTRO DE RECURSOS P\u00daBLICOS DE BIENESTAR -->\n    <div class=\"seccion-bienestar-abierto\">\n        <h3 class=\"seccion-titulo-premium\" style=\"margin-top:20px !important;\">Centro de Recursos Abiertos para la Comunidad<\/h3>\n        <p style=\"text-align: center; max-width: 850px; margin: 0 auto 40px auto; font-size: 15px; color: #64748b;\">\n            Espacio p\u00fablico e interactivo dise\u00f1ado para aportar valor tanto a nuestros estudiantes como a la comunidad en general. Explora los recursos asociados a nuestras <strong>5 Dimensiones de Bienestar<\/strong>. Cada clic en los materiales consolida los indicadores de apropiaci\u00f3n de nuestro proyecto.\n        <\/p>\n\n        <!-- Dimensi\u00f3n 1 -->\n        <h4 class=\"dimension-titulo\">Dimensi\u00f3n 1: Bienestar Emocional y Mental<\/h4>\n        \n        <div class=\"recursos-grid\">\n            \n            <div class=\"recurso-card\">\n                <div>\n                    <span class=\"recurso-tipo tipo-pdf\">Infograf\u00eda PDF<\/span>\n                    <h4>Gu\u00eda de Manejo de la Ansiedad y Estr\u00e9s<\/h4>\n                    <p>Herramientas pr\u00e1cticas esenciales para equilibrar la fatiga acad\u00e9mica en entornos de formaci\u00f3n virtual.<\/p>\n                <\/div>\n                <!-- A\u00f1adida la clase \"uts-pausado\" para congelar solo este bot\u00f3n -->\n                <a href=\"#\" onclick=\"return false;\" class=\"btn-recurso uts-pausado\" data-analytics=\"Click-PDF-Dimension1\">Descargar Infograf\u00eda<\/a>\n            <\/div>\n\n            <div class=\"recurso-card\">\n                <div>\n                    <span class=\"recurso-tipo tipo-html5\">Objeto HTML5<\/span>\n                    <h4>M\u00f3dulo Interactivo de Autocuidado<\/h4>\n                    <p>Navega interactivamente y autoeval\u00faa tus h\u00e1bitos diarios de descanso, enfoque y salud mental.<\/p>\n                <\/div>\n                <!-- A\u00f1adida la clase \"uts-pausado\" para congelar solo este bot\u00f3n -->\n                <a href=\"#\" onclick=\"return false;\" class=\"btn-recurso btn-secundario uts-pausado\" data-analytics=\"Click-HTML5-Dimension1\">Iniciar Recurso<\/a>\n            <\/div>\n\n            <div class=\"recurso-card\">\n                <div>\n                    <span class=\"recurso-tipo tipo-video\">V\u00eddeo Educativo<\/span>\n                    <h4>T\u00e9cnicas de Pausas Activas<\/h4>\n                    <p>Rutina breve guiada para implementar durante tus jornadas extendidas frente a la pantalla.<\/p>\n                    <div class=\"mini-portada-video\">\u25b6\ufe0f<\/div>\n                <\/div>\n                <!-- BOT\u00d3N TOTALMENTE ACTIVO: Dirige a uts.odilo.us con tracking de indicador -->\n                <a href=\"https:\/\/odilo.us\" target=\"_blank\" class=\"btn-recurso btn-recurso-activo\" data-analytics=\"Click-OdiloDeep-Video1\">Ver recurso en ODILO<\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n\n    <!-- SECCI\u00d3N DESCARGA DE APP -->\n    <div class=\"odilo-descarga-premium\">\n        <h4>Lleva la Biblioteca Virtual en tu Bolsillo<\/h4>\n        <p>Optimiza tu tiempo descargando de forma gratuita la aplicaci\u00f3n m\u00f3vil <strong>UTSVirtualearning<\/strong> para administrar tus lecturas sin conexi\u00f3n a internet.<\/p>\n        <a href=\"https:\/\/google.com\" target=\"_blank\" class=\"odilo-btn-premium odilo-btn-blue-premium\">Descargar App para Android<\/a>\n    <\/div>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ecosistema Digital ODILO Tu biblioteca inteligente e ilimitada. Accede a miles de recursos digitales, eBooks y contenidos interactivos seleccionados especialmente para complementar tu formaci\u00f3n virtual. Ingresar a la Plataforma Una&hellip;<\/p>\n","protected":false},"author":123486,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-18150","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/18150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/users\/123486"}],"replies":[{"embeddable":true,"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/comments?post=18150"}],"version-history":[{"count":16,"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/18150\/revisions"}],"predecessor-version":[{"id":18169,"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/18150\/revisions\/18169"}],"wp:attachment":[{"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/media?parent=18150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}