{"id":18259,"date":"2026-05-27T23:08:24","date_gmt":"2026-05-27T23:08:24","guid":{"rendered":"https:\/\/www.utsvirtual.edu.co\/sitio\/?page_id=18259"},"modified":"2026-05-28T18:47:58","modified_gmt":"2026-05-28T18:47:58","slug":"programas-academicos-virtuales","status":"publish","type":"page","link":"https:\/\/www.utsvirtual.edu.co\/sitio\/programas-academicos-virtuales\/","title":{"rendered":"Programas Acad\u00e9micos Virtuales"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"18259\" class=\"elementor elementor-18259\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae0367c e-flex e-con-boxed e-con e-parent\" data-id=\"ae0367c\" 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-cb44294 elementor-widget elementor-widget-html\" data-id=\"cb44294\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- INICIO: C\u00d3DIGO PARA BLOQUE HTML PERSONALIZADO EN WORDPRESS -->\r\n\r\n<style>\r\n    \/* =========================================\r\n       ESTILOS UTS VIRTUAL (Scoping para WordPress)\r\n       ========================================= *\/\r\n    \r\n    .uts-virtual-wrapper {\r\n        font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n        color: #222;\r\n        line-height: 1.6;\r\n        margin: 40px 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .uts-virtual-wrapper *, .uts-virtual-wrapper *::before, .uts-virtual-wrapper *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Variables de Color (Azul y Naranja) *\/\r\n    .uts-virtual-wrapper {\r\n        --uts-primary: #002B5B;\r\n        --uts-primary-light: #003366;\r\n        --uts-accent: #FF8C00;\r\n        --uts-bg: #F4F7FA;\r\n        --uts-white: #ffffff;\r\n        --uts-border: #E0E6ED;\r\n    }\r\n\r\n    \/* Layout Principal *\/\r\n    .uts-layout {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 15px;\r\n        display: grid;\r\n        grid-template-columns: 280px 1fr;\r\n        gap: 40px;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* =========================================\r\n       SIDEBAR + VIDEO\r\n       ========================================= *\/\r\n    .uts-sidebar {\r\n        background: var(--uts-white);\r\n        border: 1px solid var(--uts-border);\r\n        border-radius: 6px;\r\n        padding: 25px;\r\n        box-shadow: 0 4px 15px rgba(0, 43, 91, 0.08);\r\n        position: sticky;\r\n        top: 20px;\r\n    }\r\n\r\n    .uts-sidebar h4 {\r\n        font-size: 0.9rem;\r\n        color: var(--uts-primary);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 15px;\r\n        border-bottom: 2px solid var(--uts-accent);\r\n        padding-bottom: 8px;\r\n        margin-top: 20px;\r\n    }\r\n    .uts-sidebar h4:first-child { margin-top: 0; }\r\n\r\n    \/* Buscador *\/\r\n    .uts-search-wrap { margin-bottom: 25px; position: relative; }\r\n    .uts-search-wrap input {\r\n        width: 100%;\r\n        padding: 10px 15px 10px 35px;\r\n        border: 1px solid #ccc;\r\n        border-radius: 4px;\r\n        font-family: inherit;\r\n    }\r\n    .uts-search-wrap svg {\r\n        position: absolute; left: 10px; top: 50%;\r\n        transform: translateY(-50%); width: 16px; fill: #666;\r\n    }\r\n\r\n    \/* Filtros *\/\r\n    .uts-filter-opt {\r\n        display: flex; align-items: center; margin-bottom: 10px; cursor: pointer; font-size: 0.9rem;\r\n    }\r\n    .uts-filter-opt:hover { color: var(--uts-primary); }\r\n    .uts-filter-opt input { margin-right: 10px; accent-color: var(--uts-accent); }\r\n\r\n    .uts-btn-reset {\r\n        width: 100%; padding: 8px; background: transparent;\r\n        border: 1px dashed #ccc; color: #666; font-size: 0.8rem;\r\n        cursor: pointer; margin-top: 15px; border-radius: 4px;\r\n    }\r\n    .uts-btn-reset:hover { border-color: var(--uts-accent); color: var(--uts-accent); }\r\n\r\n    \/* ESTILOS DEL WIDGET DE VIDEO *\/\r\n    .uts-video-widget {\r\n        margin-top: 30px;\r\n        padding-top: 20px;\r\n        border-top: 1px solid #eee;\r\n    }\r\n\r\n    .uts-video-widget h4 {\r\n        margin-top: 0 !important;\r\n        border-bottom: none !important;\r\n        color: var(--uts-accent) !important;\r\n        margin-bottom: 10px;\r\n        font-size: 0.95rem !important;\r\n    }\r\n\r\n    .uts-video-container {\r\n        position: relative;\r\n        padding-bottom: 56.25%; \/* Ratio 16:9 *\/\r\n        height: 0;\r\n        overflow: hidden;\r\n        border-radius: 4px;\r\n        background: #000;\r\n        box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .uts-video-container iframe {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 0;\r\n    }\r\n    \r\n    .uts-video-desc {\r\n        font-size: 0.8rem;\r\n        color: #666;\r\n        margin-top: 8px;\r\n        font-style: italic;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Grid Header *\/\r\n    .uts-grid-header {\r\n        display: flex; justify-content: space-between; align-items: center;\r\n        margin-bottom: 20px; border-bottom: 2px solid var(--uts-border); padding-bottom: 10px;\r\n    }\r\n    .uts-grid-header h2 { margin: 0; color: var(--uts-primary); font-size: 1.6rem; }\r\n    .uts-count { color: #666; font-size: 0.9rem; }\r\n\r\n    \/* Tarjetas *\/\r\n    .uts-program-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        gap: 25px;\r\n    }\r\n\r\n    .uts-card {\r\n        background: var(--uts-white);\r\n        border: 1px solid var(--uts-border);\r\n        border-radius: 6px;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n        display: flex; flex-direction: column;\r\n        border-top: 4px solid var(--uts-primary);\r\n    }\r\n\r\n    .uts-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 25px rgba(0, 43, 91, 0.15);\r\n        border-top-color: var(--uts-accent);\r\n    }\r\n\r\n    .uts-card-img { height: 180px; width: 100%; object-fit: cover; }\r\n    .uts-card-body { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; }\r\n\r\n    .uts-tag {\r\n        display: inline-block; background: var(--uts-accent); color: white;\r\n        padding: 4px 8px; border-radius: 4px; font-size: 0.7rem;\r\n        font-weight: 700; text-transform: uppercase; margin-bottom: 10px;\r\n    }\r\n\r\n    .uts-title { font-size: 1.1rem; margin: 0 0 5px 0; color: var(--uts-primary); font-weight: 700; }\r\n    .uts-snies { font-size: 0.8rem; color: #777; margin-bottom: 10px; display: block; }\r\n    .uts-desc { font-size: 0.9rem; color: #555; margin-bottom: 15px; flex-grow: 1; }\r\n\r\n    .uts-btn-card {\r\n        display: block; width: 100%; text-align: center; padding: 10px;\r\n        background: transparent; border: 2px solid var(--uts-primary);\r\n        color: var(--uts-primary); font-weight: 600; border-radius: 4px;\r\n        text-transform: uppercase; font-size: 0.8rem; transition: 0.3s;\r\n    }\r\n    .uts-btn-card:hover { background: var(--uts-accent); border-color: var(--uts-accent); color: white; }\r\n\r\n    \/* =========================================\r\n       ESTILOS DEL MODAL DETALLADO\r\n       ========================================= *\/\r\n    .uts-modal-overlay {\r\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n        background: rgba(0, 43, 91, 0.9); z-index: 9999;\r\n        display: none; justify-content: center; align-items: center;\r\n        padding: 20px;\r\n    }\r\n    .uts-modal-overlay.open { display: flex; }\r\n\r\n    .uts-modal-box {\r\n        background: white; width: 100%; max-width: 800px;\r\n        border-radius: 8px; overflow: hidden; position: relative;\r\n        max-height: 90vh; overflow-y: auto;\r\n        animation: utsFadeIn 0.3s ease;\r\n        display: flex; flex-direction: column;\r\n    }\r\n\r\n    .uts-modal-header {\r\n        background: var(--uts-primary); color: white; padding: 20px 25px;\r\n        display: flex; justify-content: space-between; align-items: center;\r\n        position: sticky; top: 0; z-index: 10;\r\n    }\r\n    \r\n    .uts-modal-title-group h2 { margin: 0; color: white; font-size: 1.4rem; }\r\n    .uts-modal-snies { font-size: 0.85rem; color: rgba(255,255,255,0.8); }\r\n    \r\n    .uts-modal-close { \r\n        color: white; background: none; border: none; font-size: 1.8rem; \r\n        cursor: pointer; transition: color 0.2s;\r\n    }\r\n    .uts-modal-close:hover { color: var(--uts-accent); }\r\n    \r\n    .uts-modal-body { padding: 30px 25px; }\r\n\r\n    .uts-modal-hero-img {\r\n        width: 100%; height: 250px; object-fit: cover; \r\n        border-radius: 6px; margin-bottom: 25px;\r\n    }\r\n\r\n    .uts-modal-section {\r\n        margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 20px;\r\n    }\r\n    .uts-modal-section:last-child { border-bottom: none; }\r\n\r\n    .uts-section-title {\r\n        color: var(--uts-accent); font-weight: 700; font-size: 1rem; \r\n        text-transform: uppercase; margin-bottom: 10px; display: flex; align-items: center; gap: 8px;\r\n    }\r\n    .uts-section-title svg { width: 18px; height: 18px; fill: var(--uts-accent); }\r\n    .uts-section-text { font-size: 0.95rem; color: #444; text-align: justify; }\r\n    \r\n    .uts-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 10px; }\r\n    .uts-info-item { background: #f9f9f9; padding: 10px; border-radius: 4px; border-left: 3px solid var(--uts-primary); }\r\n    .uts-info-label { font-weight: 700; font-size: 0.8rem; color: var(--uts-primary); display: block;}\r\n    .uts-info-value { font-size: 0.9rem; color: #555; }\r\n\r\n    .uts-modal-actions { \r\n        padding: 20px 25px; border-top: 1px solid #eee; \r\n        background: #f4f7fa; text-align: right; display: flex; gap: 15px; justify-content: flex-end;\r\n    }\r\n    \r\n    .uts-btn-modal {\r\n        padding: 10px 25px; border-radius: 4px; font-weight: 700; \r\n        cursor: pointer; text-transform: uppercase; font-size: 0.85rem; border: none;\r\n        text-decoration: none; display: inline-flex; align-items: center; justify-content: center;\r\n    }\r\n    .uts-btn-secondary { background: white; border: 2px solid #ccc; color: #666; }\r\n    .uts-btn-secondary:hover { border-color: #999; color: #333; }\r\n    \r\n    .uts-btn-primary { \r\n        background: var(--uts-accent); color: white; \r\n        box-shadow: 0 4px 10px rgba(255, 140, 0, 0.3);\r\n    }\r\n    .uts-btn-primary:hover { background: #e67e00; }\r\n\r\n    @keyframes utsFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n    @media (max-width: 768px) {\r\n        .uts-layout { grid-template-columns: 1fr; }\r\n        .uts-sidebar { position: static; margin-bottom: 20px; }\r\n        .uts-info-grid { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<!-- CONTENIDO PRINCIPAL -->\r\n<div class=\"uts-virtual-wrapper\">\r\n    \r\n    <div class=\"uts-layout\">\r\n        \r\n        <!-- Sidebar (Filtros + Video) -->\r\n        <aside class=\"uts-sidebar\">\r\n            <!-- Buscador -->\r\n            <div class=\"uts-search-wrap\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg>\r\n                <input type=\"text\" id=\"utsSearchInput\" placeholder=\"Buscar programa...\">\r\n            <\/div>\r\n\r\n            <h4>Nivel Acad\u00e9mico<\/h4>\r\n            <label class=\"uts-filter-opt\">\r\n                <input type=\"radio\" name=\"utsLevel\" value=\"all\" checked> Ver todos\r\n            <\/label>\r\n            <label class=\"uts-filter-opt\">\r\n                <input type=\"radio\" name=\"utsLevel\" value=\"tecnologico\"> Tecnol\u00f3gico\r\n            <\/label>\r\n            <label class=\"uts-filter-opt\">\r\n                <input type=\"radio\" name=\"utsLevel\" value=\"universitario\"> Universitario\r\n            <\/label>\r\n\r\n            <button id=\"utsResetFilters\" class=\"uts-btn-reset\">Limpiar Filtros<\/button>\r\n\r\n            <!-- WIDGET DE VIDEO AGREGADO -->\r\n            <div class=\"uts-video-widget\">\r\n                <h4>Ventajas de la Educaci\u00f3n Virtual<\/h4>\r\n                <div class=\"uts-video-container\">\r\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/qLIJCHI5GWI\" title=\"Ventajas de la Educaci\u00f3n Virtual UTS\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n                <\/div>\r\n                <p class=\"uts-video-desc\">\"Tiene mayores facilidades para seguir el ritmo de su profesor.\"<\/p>\r\n            <\/div>\r\n            <!-- FIN WIDGET VIDEO -->\r\n        <\/aside>\r\n\r\n        <!-- Grid de Programas -->\r\n        <main>\r\n            <div class=\"uts-grid-header\">\r\n                <h2>Programas Disponibles<\/h2>\r\n                <span class=\"uts-count\" id=\"utsCount\">Cargando...<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"uts-program-grid\" id=\"utsGrid\">\r\n                <!-- JS Generar\u00e1 el contenido -->\r\n            <\/div>\r\n        <\/main>\r\n    <\/div>\r\n\r\n    <!-- Modal Oculto con Estructura Detallada -->\r\n    <div class=\"uts-modal-overlay\" id=\"utsModal\">\r\n        <div class=\"uts-modal-box\">\r\n            <div class=\"uts-modal-header\">\r\n                <div class=\"uts-modal-title-group\">\r\n                    <span class=\"uts-modal-tag\" id=\"utsModalTag\" style=\"background:var(--uts-accent); color:white; font-size:0.7rem; padding:2px 6px; border-radius:4px; text-transform:uppercase; font-weight:bold;\">NIVEL<\/span>\r\n                    <h2 id=\"utsModalTitle\" style=\"color:white; font-size:1.4rem; margin-top:5px;\">T\u00edtulo<\/h2>\r\n                    <span id=\"utsModalSnies\" style=\"color:rgba(255,255,255,0.8); font-size:0.85rem;\">SNIES<\/span>\r\n                <\/div>\r\n                <button class=\"uts-modal-close\" id=\"utsModalClose\">&times;<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"uts-modal-body\">\r\n                <img decoding=\"async\" src=\"\" alt=\"\" class=\"uts-modal-hero-img\" id=\"utsModalImg\">\r\n                \r\n                <!-- Secci\u00f3n Descripci\u00f3n -->\r\n                <div class=\"uts-modal-section\">\r\n                    <div class=\"uts-section-title\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg>\r\n                        Descripci\u00f3n del Programa\r\n                    <\/div>\r\n                    <p class=\"uts-section-text\" id=\"utsModalDesc\">...<\/p>\r\n                <\/div>\r\n\r\n                <!-- Secci\u00f3n Info R\u00e1pida (Duraci\u00f3n\/Cr\u00e9ditos) -->\r\n                <div class=\"uts-modal-section\">\r\n                    <div class=\"uts-info-grid\">\r\n                        <div class=\"uts-info-item\">\r\n                            <span class=\"uts-info-label\">Duraci\u00f3n<\/span>\r\n                            <span class=\"uts-info-value\" id=\"utsModalDuration\">-<\/span>\r\n                        <\/div>\r\n                        <div class=\"uts-info-item\">\r\n                            <span class=\"uts-info-label\">Cr\u00e9ditos Acad\u00e9micos<\/span>\r\n                            <span class=\"uts-info-value\" id=\"utsModalCredits\">-<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Secci\u00f3n Perfil -->\r\n                <div class=\"uts-modal-section\">\r\n                    <div class=\"uts-section-title\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n                        Perfil del Egresado\r\n                    <\/div>\r\n                    <p class=\"uts-section-text\" id=\"utsModalProfile\">...<\/p>\r\n                <\/div>\r\n\r\n                <!-- Secci\u00f3n Campo Ocupacional -->\r\n                <div class=\"uts-modal-section\" style=\"border-bottom:none;\">\r\n                    <div class=\"uts-section-title\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z\"\/><\/svg>\r\n                        Campo Ocupacional\r\n                    <\/div>\r\n                    <p class=\"uts-section-text\" id=\"utsModalField\">...<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"uts-modal-actions\">\r\n                <button class=\"uts-btn-modal uts-btn-secondary\" onclick=\"document.getElementById('utsModal').classList.remove('open')\">Cerrar<\/button>\r\n                <a href=\"#\" target=\"_blank\" class=\"uts-btn-modal uts-btn-primary\" id=\"utsModalLink\">Ir al Programa Oficial<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    \/* L\u00f3gica JavaScript *\/\r\n    (function() {\r\n        \/\/ Datos completos con enlaces actualizados\r\n        const utsData = [\r\n            { \r\n                id: 1, \r\n                name: \"Tecnolog\u00eda en Gesti\u00f3n Empresarial\", \r\n                level: \"tecnologico\", \r\n                snies: \"SNIES 107179\", \r\n                image: \"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-content\/uploads\/2026\/04\/Gestion-Empresarial.jpeg\",\r\n                link: \"https:\/\/www.utsvirtual.edu.co\/sitio\/estudia-tecnologia-empresarial-virtual-uts-virtual\/\",\r\n                duration: \"6 Semestres\",\r\n                credits: \"102 Cr\u00e9ditos\",\r\n                desc: \"El Tecn\u00f3logo en Gesti\u00f3n Empresarial de la UTS est\u00e1 en la capacidad de orientar y dirigir los procesos de gesti\u00f3n administrativa, financiera, de mercadeo, de talento humano y log\u00edstica de las organizaciones.\",\r\n                profile: \"El egresado ser\u00e1 capaz de planificar, organizar, dirigir y controlar los recursos de una organizaci\u00f3n. Poseer\u00e1 habilidades para el trabajo en equipo, liderazgo y toma de decisiones.\",\r\n                field: \"Asistente de gerencia, asistente administrativo, supervisor de procesos, emprendedor, consultor junior de PYMES.\"\r\n            },\r\n            { \r\n                id: 2, \r\n                name: \"Tecnolog\u00eda en Gesti\u00f3n Contable\", \r\n                level: \"tecnologico\", \r\n                snies: \"SNIES 118008\", \r\n                image: \"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-content\/uploads\/2026\/04\/TecGestionContable2026.jpeg\",\r\n                link: \"https:\/\/www.utsvirtual.edu.co\/sitio\/tecnologia-en-gestion-contable\/\",\r\n                duration: \"6 Semestres\",\r\n                credits: \"106 Cr\u00e9ditos\",\r\n                desc: \"Programa dise\u00f1ado para formar profesionales en el \u00e1rea contable y financiera, con capacidad para aplicar la normativa tributaria vigente.\",\r\n                profile: \"Egresado con dominio de los procesos contables, financieros y tributarios; \u00e9tico, anal\u00edtico y con capacidad de adaptaci\u00f3n a los cambios normativos.\",\r\n                field: \"Contador auxiliar, asistente financiero, auditor junior, asesor tributario independiente.\"\r\n            },\r\n            { \r\n                id: 3, \r\n                name: \"Tecnolog\u00eda en Gesti\u00f3n Tur\u00edstica\", \r\n                level: \"tecnologico\", \r\n                snies: \"SNIES 12220\", \r\n                image: \"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-content\/uploads\/2026\/04\/TecGestionTuristicaHote2026.jpeg\",\r\n                link: \"https:\/\/www.utsvirtual.edu.co\/sitio\/tecnologia-en-gestion-turistica-y-hotelera\/\",\r\n                duration: \"6 Semestres\",\r\n                credits: \"104 Cr\u00e9ditos\",\r\n                desc: \"Forma profesionales capaces de administrar empresas tur\u00edsticas y hoteleras, enfoc\u00e1ndose en la calidad del servicio y la sostenibilidad.\",\r\n                profile: \"Gestor de servicios tur\u00edsticos, orientado al cliente, con conocimientos en idiomas y gesti\u00f3n de operadoras tur\u00edsticas.\",\r\n                field: \"Recepcionista de hotel, operador de agencia de viajes, gu\u00eda tur\u00edstico, encargado de reservas, auxiliar de eventos.\"\r\n            },\r\n            { \r\n                id: 4, \r\n                name: \"Tecnolog\u00eda en An\u00e1lisis de Datos\", \r\n                level: \"tecnologico\", \r\n                snies: \"Res. MEN 009398\", \r\n                image: \"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-content\/uploads\/2026\/04\/TecAnalsisGestionDatos2026.jpeg\",\r\n                link: \"https:\/\/www.utsvirtual.edu.co\/sitio\/tecnologia-en-analisis-y-gestion-de-datos\/\",\r\n                duration: \"6 Semestres\",\r\n                credits: \"110 Cr\u00e9ditos\",\r\n                desc: \"Programa que ense\u00f1a a recolectar, procesar y analizar grandes vol\u00famenes de datos para la toma de decisiones estrat\u00e9gicas.\",\r\n                profile: \"Analista de datos con habilidades en programaci\u00f3n (Python, SQL), estad\u00edstica y visualizaci\u00f3n de informaci\u00f3n.\",\r\n                field: \"Analista de negocios, cient\u00edfico de datos junior, encargado de BI (Business Intelligence).\"\r\n            },\r\n            { \r\n                id: 5, \r\n                name: \"Tecnolog\u00eda en Comercio Exterior\", \r\n                level: \"tecnologico\", \r\n                snies: \"Res. MEN 010643\", \r\n                image: \"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-content\/uploads\/2026\/04\/Imagen-Comercio-Exterior-Micrositio.jpeg\",\r\n                link: \"https:\/\/www.utsvirtual.edu.co\/sitio\/tecnologia-en-gestion-del-comercio-exterior-2\/\",\r\n                duration: \"6 Semestres\",\r\n                credits: \"108 Cr\u00e9ditos\",\r\n                desc: \"Capacita para gestionar los procesos de importaci\u00f3n y exportaci\u00f3n, entendiendo la log\u00edstica internacional y los tratados de libre comercio.\",\r\n                profile: \"Experto en documentos de transporte, aduanas y normativas internacionales de comercio.\",\r\n                field: \"Agente de aduanas, asistente de importaciones\/exportaciones, analista log\u00edstico.\"\r\n            },\r\n            { \r\n                id: 6, \r\n                name: \"Contadur\u00eda P\u00fablica\", \r\n                level: \"universitario\", \r\n                snies: \"SNIES 107060\", \r\n                image: \"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-content\/uploads\/2026\/04\/ProfeContaduria2026.jpeg\",\r\n                link: \"https:\/\/www.utsvirtual.edu.co\/sitio\/contaduria-publica\/\",\r\n                duration: \"10 Semestres\",\r\n                credits: \"164 Cr\u00e9ditos\",\r\n                desc: \"Formaci\u00f3n integral en ciencias contables, tributarias, financieras y de auditor\u00eda, con un fuerte \u00e9nfasis en la \u00e9tica.\",\r\n                profile: \"Contador P\u00fablico con capacidad para ejercer la revisor\u00eda fiscal, la auditor\u00eda y la consultor\u00eda financiera.\",\r\n                field: \"Revisor fiscal, contador general, auditor externo, consultor financiero.\"\r\n            },\r\n            { \r\n                id: 7, \r\n                name: \"Administraci\u00f3n de Empresas\", \r\n                level: \"universitario\", \r\n                snies: \"SNIES 107432\", \r\n                image: \"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-content\/uploads\/2026\/04\/Admon-Empresas.jpeg\",\r\n                link: \"https:\/\/www.utsvirtual.edu.co\/sitio\/profesional-en-administracion-de-empresas\/\",\r\n                duration: \"10 Semestres\",\r\n                credits: \"160 Cr\u00e9ditos\",\r\n                desc: \"Forma administradores con visi\u00f3n estrat\u00e9gica para crear y gestionar organizaciones sostenibles en entornos globales.\",\r\n                profile: \"L\u00edder con pensamiento anal\u00edtico, capacidad emprendedora y habilidades de gesti\u00f3n de recursos.\",\r\n                field: \"Gerente de \u00e1rea, director administrativo, empresario, consultor de gesti\u00f3n.\"\r\n            },\r\n            { \r\n                id: 8, \r\n                name: \"Administraci\u00f3n de Empresas Tur\u00edsticas y Hoteleras\", \r\n                level: \"universitario\", \r\n                snies: \"Res. MEN 024481 (2025)\", \r\n                image: \"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-content\/uploads\/2026\/04\/ProfesAdmonTuristiHote2026.jpeg\",\r\n                link: \"https:\/\/www.utsvirtual.edu.co\/sitio\/administracion-de-empresas-turisticas-y-hoteleras\/\",\r\n                duration: \"10 Semestres\",\r\n                credits: \"162 Cr\u00e9ditos\",\r\n                desc: \"Planificaci\u00f3n y gesti\u00f3n estrat\u00e9gica de destinos tur\u00edsticos y empresas hoteleras de alto nivel.\",\r\n                profile: \"Administrador hotelero, gestor de destinos tur\u00edsticos, experto en formulaci\u00f3n de proyectos tur\u00edsticos.\",\r\n                field: \"Gerente de hotel, director de operaciones tur\u00edsticas, consultor en hoteles.\"\r\n            },\r\n            { \r\n                id: 9, \r\n                name: \"Ingenier\u00eda en Inteligencia Artificial\", \r\n                level: \"universitario\", \r\n                snies: \"Res. MEN 009397\", \r\n                image: \"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-content\/uploads\/2026\/04\/Ingenieria-en-Inteligencia-Artificial-y-Ciencia-de-Datos-MS.jpeg\",\r\n                link: \"https:\/\/www.utsvirtual.edu.co\/sitio\/ingenieria-en-inteligencia-artificial-y-ciencias-de-datos\/\",\r\n                duration: \"10 Semestres\",\r\n                credits: \"168 Cr\u00e9ditos\",\r\n                desc: \"Desarrollo de soluciones tecnol\u00f3gicas avanzadas mediante el uso de algoritmos de inteligencia artificial y machine learning.\",\r\n                profile: \"Ingeniero con capacidad para dise\u00f1ar sistemas inteligentes y automatizar procesos complejos.\",\r\n                field: \"Ingeniero de IA, Data Scientist, desarrollador de algoritmos.\"\r\n            }\r\n        ];\r\n\r\n        \/\/ Elementos DOM\r\n        const grid = document.getElementById('utsGrid');\r\n        const search = document.getElementById('utsSearchInput');\r\n        const radios = document.getElementsByName('utsLevel');\r\n        const count = document.getElementById('utsCount');\r\n        const reset = document.getElementById('utsResetFilters');\r\n        const modal = document.getElementById('utsModal');\r\n        const modalClose = document.getElementById('utsModalClose');\r\n\r\n        \/\/ Renderizar\r\n        function render(list) {\r\n            grid.innerHTML = '';\r\n            if(list.length === 0) {\r\n                grid.innerHTML = '<p style=\"grid-column:1\/-1; text-align:center; padding:20px;\">No se encontraron resultados.<\/p>';\r\n                count.textContent = '0 Resultados';\r\n                return;\r\n            }\r\n            count.textContent = list.length + ' Resultados';\r\n            list.forEach(prog => {\r\n                const card = document.createElement('div');\r\n                card.className = 'uts-card';\r\n                card.innerHTML = `\r\n                    <img decoding=\"async\" src=\"${prog.image}\" class=\"uts-card-img\" alt=\"${prog.name}\">\r\n                    <div class=\"uts-card-body\">\r\n                        <span class=\"uts-tag\">${prog.level === 'tecnologico' ? 'Tecnol\u00f3gico' : 'Universitario'}<\/span>\r\n                        <h3 class=\"uts-title\">${prog.name}<\/h3>\r\n                        <span class=\"uts-snies\">${prog.snies}<\/span>\r\n                        <p class=\"uts-desc\">${prog.desc}<\/p>\r\n                        <button class=\"uts-btn-card\" onclick=\"window.utsOpenModal(${prog.id})\">Ver Programa<\/button>\r\n                    <\/div>\r\n                `;\r\n                grid.appendChild(card);\r\n            });\r\n        }\r\n\r\n        \/\/ Filtrar\r\n        function filter() {\r\n            const term = search.value.toLowerCase();\r\n            const level = document.querySelector('input[name=\"utsLevel\"]:checked').value;\r\n            const filtered = utsData.filter(p => \r\n                p.name.toLowerCase().includes(term) && \r\n                (level === 'all' || p.level === level)\r\n            );\r\n            render(filtered);\r\n        }\r\n\r\n        \/\/ Modal Global\r\n        window.utsOpenModal = function(id) {\r\n            const p = utsData.find(x => x.id === id);\r\n            if(!p) return;\r\n            \r\n            \/\/ B\u00e1sicos\r\n            document.getElementById('utsModalTitle').textContent = p.name;\r\n            document.getElementById('utsModalImg').src = p.image;\r\n            document.getElementById('utsModalSnies').textContent = p.snies;\r\n            document.getElementById('utsModalTag').textContent = p.level === 'tecnologico' ? 'Tecnol\u00f3gico' : 'Universitario';\r\n            \r\n            \/\/ Detalles\r\n            document.getElementById('utsModalDesc').textContent = p.desc;\r\n            document.getElementById('utsModalDuration').textContent = p.duration;\r\n            document.getElementById('utsModalCredits').textContent = p.credits;\r\n            document.getElementById('utsModalProfile').textContent = p.profile;\r\n            document.getElementById('utsModalField').textContent = p.field;\r\n            \r\n            \/\/ Enlace din\u00e1mico\r\n            const btnLink = document.getElementById('utsModalLink');\r\n            btnLink.href = p.link;\r\n\r\n            modal.classList.add('open');\r\n        };\r\n\r\n        \/\/ Eventos\r\n        search.addEventListener('input', filter);\r\n        radios.forEach(r => r.addEventListener('change', filter));\r\n        reset.addEventListener('click', () => { search.value = ''; radios[0].checked = true; render(utsData); });\r\n        modalClose.addEventListener('click', () => modal.classList.remove('open'));\r\n        modal.addEventListener('click', (e) => { if(e.target === modal) modal.classList.remove('open'); });\r\n\r\n        \/\/ Iniciar\r\n        render(utsData);\r\n    })();\r\n<\/script>\r\n\r\n<!-- FIN: C\u00d3DIGO PARA BLOQUE HTML PERSONALIZADO EN WORDPRESS -->\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>Nivel Acad\u00e9mico Ver todos Tecnol\u00f3gico Universitario Limpiar Filtros Ventajas de la Educaci\u00f3n Virtual &#8220;Tiene mayores facilidades para seguir el ritmo de su profesor.&#8221; Programas Disponibles Cargando&#8230; NIVEL T\u00edtulo SNIES &times;&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-18259","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/18259","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=18259"}],"version-history":[{"count":14,"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/18259\/revisions"}],"predecessor-version":[{"id":18273,"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/18259\/revisions\/18273"}],"wp:attachment":[{"href":"https:\/\/www.utsvirtual.edu.co\/sitio\/wp-json\/wp\/v2\/media?parent=18259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}