{"id":9873,"date":"2025-11-19T14:33:00","date_gmt":"2025-11-19T19:33:00","guid":{"rendered":"https:\/\/hospitalsanjose.gov.co\/?page_id=9873"},"modified":"2025-11-19T14:33:00","modified_gmt":"2025-11-19T19:33:00","slug":"productos-y-proyectos","status":"publish","type":"page","link":"https:\/\/hospitalsanjose.gov.co\/index.php\/productos-y-proyectos\/","title":{"rendered":"productos y proyectos"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div ><a class=\"fusion-button button-flat fusion-button-default-size button-custom fusion-button-default button-1 fusion-button-default-span fusion-button-default-type\" style=\"--button_accent_color:var(--awb-color6);--button_border_color:var(--awb-color6);--button_accent_hover_color:var(--awb-color1);--button_border_hover_color:var(--awb-color1);--button_gradient_top_color:var(--awb-custom_color_3);--button_gradient_bottom_color:var(--awb-custom_color_3);--button_gradient_top_color_hover:var(--awb-color4);--button_gradient_bottom_color_hover:var(--awb-color4);\" target=\"_self\" href=\"https:\/\/hospitalsanjose.gov.co\/index.php\/innovacion-e-investigacion\/\"><i class=\"fa-arrow-left fas button-icon-left\" aria-hidden=\"true\"><\/i><span class=\"fusion-button-text\"><\/span><\/a><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"--awb-text-color:var(--awb-color4);\"><h4 class=\"fusion-title-heading title-heading-center\" style=\"margin:0;\">Productos y proyectos &#8211; innovaci\u00f3n e investigaci\u00f3n<\/h4><\/div><div id=\"contenedor-proyectos\">\n    <!-- El contenido se generar\u00e1 mediante JavaScript -->\n    <p class=\"cargando\">Cargando proyectos...<\/p>\n<\/div>\n\n<script>\n    \/\/ Funci\u00f3n an\u00f3nima auto-ejecutable para aislar el c\u00f3digo\n    (function($) {\n        $(document).ready(function() {\n            \/\/ Datos de los proyectos\n            var proyectosData = [\n          \t\t      {\n                    nombre: \"DIGITURNO - FACTURACI\u00d3N CONSULTA EXTERNA\",\n                    categoria: \"DESARROLLO\",\n                    estudio: 'INNOVACI\u00d3N',\n                    icono: \"fa-calendar-check\",\n                    descripcion: \"Turnero digital para evitar colas y aglomeraci\u00f3n en agendamiento y facturaci\u00f3n en el \u00e1rea de im\u00e1genes\"\n                },\n                {\n                    nombre: \"DIGITURNO - IM\u00c1GENES\",\n                    categoria: \"DESARROLLO\",\n                    estudio: 'INNOVACI\u00d3N',\n                    icono: \"fa-calendar-check\",\n                    descripcion: \"Turnero digital para evitar colas y aglomeraci\u00f3n en agendamiento y facturaci\u00f3n en el \u00e1rea de im\u00e1genes\"\n                },\n                {\n                    nombre: \"TOMA DE ASISTENCIA DE USUARIOS - REHABILITACI\u00d3N\",\n                    categoria: \"DESARROLLO\",\n                    estudio: 'INNOVACI\u00d3N',\n                    icono: \"fa-clipboard-check\",\n                    descripcion: \"Toma de asistencia autom\u00e1tica para seguimiento desde la llegada del paciente hasta la finalizaci\u00f3n de su atenci\u00f3n\"\n                },\n                {\n                    nombre: \"VALIDADOR DE ENTORNO DIGITAL PARA TELECONSULTA\",\n                    categoria: \"DESARROLLO\",\n                    estudio: 'AUTOMATIZACI\u00d3N',\n                    icono: \"fa-laptop-medical\",\n                    descripcion: \"Aplicativo de escritorio para validar la compatibilidad del dispositivo para teleconsultas\"\n                },\n                {\n                    nombre: \"PROTOTIPO DE DIGITURNO\",\n                    categoria: \"APOYO\",\n                    estudio: 'DESARROLLO',\n                    icono: \"fa-ticket-alt\",\n                    descripcion: \"Aplicativo web basado en web sockets para estudio de compra de digiturno para consulta externa\"\n                },\n                {\n                    nombre: \"ESTUDIO Y DISE\u00d1O DE MESAS TECNOLOGICAS SOLARES\",\n                    categoria: \"INNOVACI\u00d3N\",\n                    estudio: 'DISE\u00d1O',\n                    icono: \"fa-solar-panel\",\n                    descripcion: \"Estudio previo y render para implementaci\u00f3n de mesas solares para convenio con estudiantes\"\n                },\n                {\n                    nombre: \"DEFINICI\u00d3N DE GRUPOS DE INVESTIGACI\u00d3N\",\n                    categoria: \"INVESTIGACI\u00d3N\",\n                    estudio: 'DISE\u00d1O',\n                    icono: \"fa-users\",\n                    descripcion: \"Configuraci\u00f3n y estructuraci\u00f3n de grupos de investigaci\u00f3n institucionales\"\n                }\n            ];\n\n            \/\/ Agrupar por categor\u00eda\n            var proyectosPorCategoria = {};\n            $.each(proyectosData, function(i, proyecto) {\n                if (!proyectosPorCategoria[proyecto.categoria]) {\n                    proyectosPorCategoria[proyecto.categoria] = [];\n                }\n                proyectosPorCategoria[proyecto.categoria].push(proyecto);\n            });\n\n            \/\/ Obtenemos referencia al contenedor\n            var $contenedor = $('#contenedor-proyectos');\n            \n            \/\/ Limpiamos el contenedor\n            $contenedor.empty();\n\n            \/\/ Colores para cada categor\u00eda\n            const coloresCategorias = {\n                \"DESARROLLO\": \"#0088cc\",\n                \"APOYO\": \"#47a447\",\n                \"INNOVACI\u00d3N\": \"#8e44ad\",\n                \"INVESTIGACI\u00d3N\": \"#d2691e\"\n            };\n\n            \/\/ Renderizamos por categor\u00eda\n            Object.keys(proyectosPorCategoria).forEach(function(categoria) {\n                \/\/ No usar los datos de apoyo e innovaci\u00f3n\n                if(categoria === \"APOYO\" || categoria === \"INNOVACI\u00d3N\") return;\n                \/\/ A\u00f1adimos el t\u00edtulo de la secci\u00f3n\n                $contenedor.append('<h3 class=\"categoria-titulo\" style=\"margin-top: 30px; margin-bottom: 15px; color: ' + coloresCategorias[categoria] + '; border-left: 4px solid ' + coloresCategorias[categoria] + '; padding-left: 10px;\">' + categoria + '<\/h3>');\n\n                \/\/ Contenedor de tarjetas para esta categor\u00eda\n                var $listado = $('<div class=\"listado-proyectos\" style=\"margin-bottom: 30px;\"><\/div>');\n\n                \/\/ A\u00f1adimos las tarjetas de esta categor\u00eda\n                $.each(proyectosPorCategoria[categoria], function(i, proyecto) {\n                    \/\/ Creamos el elemento de lista\n                    var proyectoHTML =\n                        '<div class=\"proyecto-item\" style=\"background-color: #fff; margin-bottom: 10px; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); overflow: hidden; transition: all 0.3s ease;\">' +\n                        '<div class=\"proyecto-contenido\" style=\"display: flex; align-items: center; padding: 15px;\">' +\n                        '<div class=\"icono\" style=\"width: 40px; height: 40px; border-radius: 50%; background-color: ' + coloresCategorias[categoria] + '20; display: flex; justify-content: center; align-items: center; margin-right: 15px;\">' +\n                        '<i class=\"fas ' + proyecto.icono + '\" style=\"color: ' + coloresCategorias[categoria] + '; font-size: 18px;\"><\/i>' +\n                        '<\/div>' +\n                        '<div class=\"info-proyecto\" style=\"flex-grow: 1;\">' +\n                        '<h4 style=\"margin: 0 0 5px 0; font-size: 16px; font-weight: 600; color: #333;\">' + proyecto.nombre + '<\/h4>' +\n                        '<div style=\"display: flex; justify-content: space-between; align-items: center;\">' +\n                        '<span class=\"etiqueta\" style=\"font-size: 12px; background-color: ' + coloresCategorias[categoria] + '15; color: ' + coloresCategorias[categoria] + '; padding: 2px 8px; border-radius: 12px;\">' + proyecto.estudio + '<\/span>' +\n                        '<button class=\"ver-detalles\" style=\"background: none; border: none; color: ' + coloresCategorias[categoria] + '; cursor: pointer; font-size: 13px; padding: 0; display: flex; align-items: center;\" data-descripcion=\"' + proyecto.descripcion + '\">Ver detalles <i class=\"fas fa-chevron-right\" style=\"font-size: 11px; margin-left: 5px;\"><\/i><\/button>' +\n                        '<\/div>' +\n                        '<\/div>' +\n                        '<\/div>' +\n                        '<div class=\"descripcion-expandible\" style=\"display: none; padding: 0 15px 15px 70px; font-size: 14px; color: #555; border-top: 1px solid #f0f0f0; margin-top: -5px;\">' + proyecto.descripcion + '<\/div>' +\n                        '<\/div>';\n\n                    $listado.append(proyectoHTML);\n                });\n\n                $contenedor.append($listado);\n            });\n\n            \/\/ Manejador para expandir\/contraer descripciones\n            $(document).on('click', '.ver-detalles', function() {\n                var $boton = $(this);\n                var $descripcion = $boton.closest('.proyecto-item').find('.descripcion-expandible');\n                \n                if ($descripcion.is(':visible')) {\n                    $descripcion.slideUp(200);\n                    $boton.html('Ver detalles <i class=\"fas fa-chevron-right\" style=\"font-size: 11px; margin-left: 5px;\"><\/i>');\n                } else {\n                    \/\/ Cerrar cualquier otra descripci\u00f3n abierta\n                    $('.descripcion-expandible').slideUp(200);\n                    $('.ver-detalles').html('Ver detalles <i class=\"fas fa-chevron-right\" style=\"font-size: 11px; margin-left: 5px;\"><\/i>');\n                    \n                    \/\/ Abrir la descripci\u00f3n actual\n                    $descripcion.slideDown(200);\n                    $boton.html('Ocultar <i class=\"fas fa-chevron-up\" style=\"font-size: 11px; margin-left: 5px;\"><\/i>');\n                }\n            });\n\n            \/\/ Estilos adicionales\n            var estilosAdicionales =\n                '<style>' +\n                '.proyecto-item:hover { transform: translateY(-2px); box-shadow: 0 3px 6px rgba(0,0,0,0.15); }' +\n                '@media (max-width: 767px) { ' +\n                '  .proyecto-contenido { flex-direction: row; }' +\n                '  .info-proyecto h4 { font-size: 14px; }' +\n                '  .proyecto-contenido .icono { width: 32px; height: 32px; }' +\n                '  .descripcion-expandible { padding-left: 50px; }' +\n                '}' +\n                '@media (max-width: 480px) { ' +\n                '  .info-proyecto div { flex-direction: column; align-items: flex-start; }' +\n                '  .info-proyecto .ver-detalles { margin-top: 5px; }' +\n                '}' +\n                '<\/style>';\n\n            \/\/ A\u00f1adimos los estilos al DOM\n            $('head').append(estilosAdicionales);\n            \n            \/\/ Asegurar que Font Awesome est\u00e9 disponible\n            if (!$('link[href*=\"font-awesome\"]').length) {\n                $('head').append('<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\">');\n            }\n\n            console.log('Proyectos renderizados correctamente');\n        });\n    })(jQuery);\n<\/script><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"class_list":["post-9873","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hospitalsanjose.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/9873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hospitalsanjose.gov.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hospitalsanjose.gov.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hospitalsanjose.gov.co\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hospitalsanjose.gov.co\/index.php\/wp-json\/wp\/v2\/comments?post=9873"}],"version-history":[{"count":10,"href":"https:\/\/hospitalsanjose.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/9873\/revisions"}],"predecessor-version":[{"id":12085,"href":"https:\/\/hospitalsanjose.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/9873\/revisions\/12085"}],"wp:attachment":[{"href":"https:\/\/hospitalsanjose.gov.co\/index.php\/wp-json\/wp\/v2\/media?parent=9873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}