Plan de Formaci\u00f3n de Usuarios – Biblioteca UGC<\/title><br \/>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.1.1\/css\/all.min.css\">\n<style>\n \/* --- CSS ENCAPSULADO (SCOPE) --- *\/\n #ugc-formacion-wrapper {\n font-family: 'Montserrat', sans-serif;\n color: #4A4A4A;\n width: 100%;\n max-width: 1300px;\n margin: 0 auto;\n padding: 20px;<\/p>\n<p> \/* Variables de Color UGC *\/\n --ugc-green: #9fbe37;\n --ugc-green-dark: #82be37;\n --ugc-text: #4A4A4A;\n --ugc-white: #ffffff;\n --ugc-gray-light: #f9f9f9;\n --ugc-disabled: #9ca3af;<\/p>\n<p> \/* Colores de Perfiles *\/\n --profile-estudiante: #9fbe37; \n --profile-docente: #e67e22; \n --profile-investigador: #8e44ad; \n --profile-administrativo: #2980b9; \n --profile-ia: #00897b; \/* Color para la nueva ruta IA *\/\n }<\/p>\n<p> #ugc-formacion-wrapper * { box-sizing: border-box; }\n #ugc-formacion-wrapper a { text-decoration: none; color: inherit; }\n #ugc-formacion-wrapper img { max-width: 100%; height: auto; display: block; }<\/p>\n<p> \/* --- 1. HEADER --- *\/\n .header-title {\n font-size: 42px;\n font-weight: 700;\n color: #000000 !important; \n text-align: center;\n margin-top: 40px;\n margin-bottom: 20px;\n line-height: 1.2;\n }<\/p>\n<p> .section-title {\n font-size: 32px;\n font-weight: 700;\n color: #000000 !important;\n text-align: center;\n margin-top: 60px;\n margin-bottom: 30px;\n position: relative;\n }<\/p>\n<p> .section-title::after {\n content: ''; display: block; width: 60px; height: 4px;\n background-color: var(--ugc-green); margin: 10px auto 0; border-radius: 2px;\n }<\/p>\n<p> .section-intro {\n font-size: 16px;\n line-height: 1.6;\n margin-bottom: 50px;\n text-align: center;\n max-width: 950px;\n margin-left: auto;\n margin-right: auto;\n color: #4A4A4A;\n }<\/p>\n<p> \/* --- 2. PERFILES --- *\/\n .profile-section { margin-bottom: 60px; }<\/p>\n<p> .profile-buttons-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 15px;\n margin-bottom: 0;\n width: 100%;\n }<\/p>\n<p> .profile-btn {\n padding: 15px 10px;\n font-family: 'Montserrat', sans-serif;\n font-size: 16px;\n font-weight: 600;\n text-align: center;\n color: white;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n height: 100%;\n }<\/p>\n<p> .profile-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.15); filter: brightness(1.1); }<\/p>\n<p> .profile-btn.active::after {\n content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);\n border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid; z-index: 10;\n }<\/p>\n<p> .btn-estudiante { background-color: var(--profile-estudiante); }\n .btn-estudiante.active::after { border-top-color: var(--profile-estudiante); }\n .btn-docente { background-color: var(--profile-docente); }\n .btn-docente.active::after { border-top-color: var(--profile-docente); }\n .btn-investigador { background-color: var(--profile-investigador); }\n .btn-investigador.active::after { border-top-color: var(--profile-investigador); }\n .btn-administrativo { background-color: var(--profile-administrativo); }\n .btn-administrativo.active::after { border-top-color: var(--profile-administrativo); }<\/p>\n<p> .profile-panels-container { position: relative; width: 100%; margin-top: 20px; }\n .profile-panel {\n display: none; background-color: #fff; border: 1px solid #eee;\n border-radius: 15px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n animation: fadeIn 0.4s ease-out;\n }\n .profile-panel.active { display: block; }<\/p>\n<p> #panel-estudiante { border-top: 4px solid var(--profile-estudiante); }\n #panel-docente { border-top: 4px solid var(--profile-docente); }\n #panel-investigador { border-top: 4px solid var(--profile-investigador); }\n #panel-administrativo { border-top: 4px solid var(--profile-administrativo); }<\/p>\n<p> .sessions-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }<\/p>\n<p> \/* --- TARJETA DE SESI\u00d3N --- *\/\n .session-card {\n background: var(--ugc-white); border-radius: 12px; padding: 25px 20px;\n display: flex; flex-direction: column; transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05); border: 1px solid #eee; height: 100%;\n justify-content: space-between;\n }\n .session-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); border-color: var(--ugc-green); }<\/p>\n<p> .tags-container { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 15px; justify-content: center; }\n .tag { font-size: 9px; font-weight: 700; text-transform: uppercase; padding: 4px 8px; border-radius: 4px; }<\/p>\n<p> .level-aprendiz { background-color: #fff3cd; color: #856404; border: 1px solid #ffeeba; }\n .level-intermedio { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }\n .level-experto { background-color: #e8daef; color: #6c3483; border: 1px solid #d2b4de; }\n .tag-cycle { background-color: #e0f2fe; color: #075985; border: 1px solid #bae6fd; }<\/p>\n<p> .session-icon { font-size: 32px; margin-bottom: 15px; text-align: center; color: var(--ugc-text); opacity: 0.8; }<\/p>\n<p> .session-card h4 { \n font-size: 14px; font-weight: 700; margin: 0 0 20px 0; \n color: var(--ugc-text); text-align: center; line-height: 1.4; \n flex-grow: 1; \n display: flex; align-items: center; justify-content: center;\n }<\/p>\n<p> .btn-solicitar {\n display: inline-flex; justify-content: center; align-items: center; gap: 8px;\n background-color: var(--ugc-green); color: white !important; text-decoration: none;\n padding: 10px 15px; border-radius: 50px; font-size: 13px; font-weight: 500;\n text-align: center; transition: all 0.3s ease;\n border: 2px solid var(--ugc-green); width: 100%;\n }\n .btn-solicitar:hover { background-color: var(--ugc-green-dark); border-color: var(--ugc-green-dark); }\n .btn-solicitar i { font-size: 12px; }<\/p>\n<p> .btn-mooc {\n background-color: #1a73e8;\n border-color: #1a73e8;\n }\n .btn-mooc:hover {\n background-color: #1765cf;\n border-color: #1765cf;\n }<\/p>\n<p> .btn-disabled {\n background-color: var(--ugc-disabled) !important;\n border-color: var(--ugc-disabled) !important;\n color: white !important;\n cursor: default; pointer-events: none;\n }<\/p>\n<p> \/* --- 3. RUTAS DE FORMACI\u00d3N (ACORDE\u00d3N DELGADO) --- *\/\n .routes-container { display: flex; flex-direction: column; gap: 10px; } <\/p>\n<p> .route-accordion-btn {\n width: 100%; display: flex; align-items: center; gap: 15px; padding: 12px 25px; \n font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600;\n color: white; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease;\n text-align: left;\n }\n .route-accordion-btn i { font-size: 20px; }\n .route-accordion-btn:hover { filter: brightness(1.1); }\n .route-accordion-btn::after {\n content: '\\f078'; font-family: \"Font Awesome 6 Free\"; font-weight: 900;\n margin-left: auto; font-size: 14px; transition: transform 0.3s;\n }\n .route-accordion-btn.active::after { transform: rotate(180deg); }<\/p>\n<p> .route-panel {\n max-height: 0;\n overflow: hidden;\n background-color: #fcfcfc;\n border: 1px solid #eee;\n border-top: none;\n border-radius: 0 0 12px 12px;\n transition: max-height 0.5s ease-out, padding 0.5s ease;\n padding: 0 20px;\n }\n .route-panel.open {\n max-height: 1500px;\n padding: 20px;\n }\n .route-panel .sessions-grid {\n grid-template-columns: repeat(4, 1fr);\n }<\/p>\n<p> \/* --- 4. FILTROS --- *\/\n .filter-controls { display: flex; justify-content: center; gap: 15px; margin-bottom: 40px; flex-wrap: wrap; }\n .btn-filter { padding: 10px 30px; background-color: transparent; border: 2px solid var(--ugc-green); color: var(--ugc-green); border-radius: 50px; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.3s ease; }\n .btn-filter:hover, .btn-filter.active { background-color: var(--ugc-green); color: white; }\n .filter-results { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\n .filter-item { display: none; animation: fadeIn 0.5s ease; }\n .filter-item.show { display: flex; }<\/p>\n<p> \/* --- 5. FOOTER --- *\/\n .formacion-footer {\n margin-top: 60px; padding: 30px; background-color: #f3f4f6;\n border-radius: 15px; border-left: 5px solid var(--ugc-green);\n }\n .formacion-footer h5 { font-size: 16px; font-weight: 700; margin: 0 0 15px 0; color: #000; }\n .formacion-footer ul { margin: 0; padding-left: 20px; }\n .formacion-footer li { font-size: 14px; line-height: 1.6; margin-bottom: 8px; color: #555; }\n .formacion-footer a { color: var(--ugc-green-dark); font-weight: 600; }<\/p>\n<p> @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }<\/p>\n<p> \/* --- RESPONSIVE --- *\/\n @media (max-width: 1024px) {\n .sessions-grid, .filter-results, .route-panel .sessions-grid { \n grid-template-columns: repeat(2, 1fr);\n }\n }\n @media (max-width: 768px) {\n .header-title { font-size: 32px; }\n .section-title { font-size: 28px; }\n .profile-buttons-grid { grid-template-columns: repeat(2, 1fr); }\n .sessions-grid, .filter-results, .route-panel .sessions-grid { \n grid-template-columns: 1fr;\n }\n .filter-controls { flex-direction: column; }\n .btn-filter { width: 100%; }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div id=\"ugc-formacion-wrapper\">\n<p> <\/p>\n<h1 class=\"header-title\">Plan de formaci\u00f3n Biblioteca<\/h1>\n<div class=\"section-intro\">\n<p><strong>Bienvenido al Plan de Formaci\u00f3n de Usuarios.<\/strong> Dise\u00f1amos experiencias de aprendizaje orientadas a fortalecer sus competencias en el <em style=\"color: #000000; font-weight: 500;\">uso de la informaci\u00f3n acad\u00e9mica y cient\u00edfica<\/em>. Este Plan de Formaci\u00f3n busca desarrollar habilidades informacionales, digitales y visuales en torno al ciclo de la informaci\u00f3n, contribuyendo a la preparaci\u00f3n integral de la comunidad acad\u00e9mica. Seleccione su perfil o nivel para comenzar.<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"profile-section\">\n<div class=\"profile-buttons-grid\">\n <button class=\"profile-btn btn-estudiante\" onclick=\"openProfile('estudiante', this)\"><br \/>\n <i class=\"fas fa-user-graduate\"><\/i> Estudiante<br \/>\n <\/button><br \/>\n <button class=\"profile-btn btn-docente\" onclick=\"openProfile('docente', this)\"><br \/>\n <i class=\"fas fa-chalkboard-teacher\"><\/i> Docente<br \/>\n <\/button><br \/>\n <button class=\"profile-btn btn-investigador\" onclick=\"openProfile('investigador', this)\"><br \/>\n <i class=\"fas fa-microscope\"><\/i> Investigador<br \/>\n <\/button><br \/>\n <button class=\"profile-btn btn-administrativo\" onclick=\"openProfile('administrativo', this)\"><br \/>\n <i class=\"fas fa-briefcase\"><\/i> Administrativo<br \/>\n <\/button>\n <\/div>\n<div class=\"profile-panels-container\">\n <\/p>\n<div id=\"panel-estudiante\" class=\"profile-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div>\n<div id=\"panel-docente\" class=\"profile-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div>\n<div id=\"panel-investigador\" class=\"profile-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div>\n<div id=\"panel-administrativo\" class=\"profile-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<p> <\/p>\n<h2 class=\"section-title\">Rutas de Formaci\u00f3n<\/h2>\n<div class=\"section-intro\">\n<p>Nuestras rutas de aprendizaje organizan la formaci\u00f3n en recorridos tem\u00e1ticos que responden a distintos momentos del trabajo acad\u00e9mico: desde los primeros acercamientos a la biblioteca hasta procesos de investigaci\u00f3n, escritura y uso estrat\u00e9gico de la inteligencia artificial. Explore cada ruta y descubra las sesiones que acompa\u00f1an su proceso formativo actual. Haga clic en una ruta para desplegar sus contenidos.<\/p>\n<\/p><\/div>\n<div class=\"routes-container\">\n <\/p>\n<div>\n <button class=\"route-accordion-btn\" style=\"background-color: var(--profile-estudiante);\"><i class=\"fas fa-seedling\"><\/i><span>Ruta: Primeros pasos<\/span><\/button><\/p>\n<div class=\"route-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div><\/div>\n<p> <\/p>\n<div>\n <button class=\"route-accordion-btn\" style=\"background-color: var(--profile-docente);\"><i class=\"fas fa-feather-alt\"><\/i><span>Ruta: Escritura acad\u00e9mica<\/span><\/button><\/p>\n<div class=\"route-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div><\/div>\n<p> <\/p>\n<div>\n <button class=\"route-accordion-btn\" style=\"background-color: var(--profile-investigador);\"><i class=\"fas fa-microscope\"><\/i><span>Ruta: Investigaci\u00f3n<\/span><\/button><\/p>\n<div class=\"route-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div><\/div>\n<p> <\/p>\n<div>\n <button class=\"route-accordion-btn\" style=\"background-color: var(--profile-ia);\"><i class=\"fas fa-robot\"><\/i><span>Ruta: Aplicando la IA<\/span><\/button><\/p>\n<div class=\"route-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<p> <\/p>\n<h2 class=\"section-title\">Explora por Niveles<\/h2>\n<div class=\"section-intro\">\n<p>Navegue y filtre todas las sesiones disponibles seg\u00fan su nivel actual de experiencia. Esta vista le permite identificar r\u00e1pidamente las actividades dise\u00f1adas para fortalecer sus competencias desde un enfoque progresivo.<\/p>\n<\/p><\/div>\n<div class=\"filter-controls\">\n <button class=\"btn-filter active\" onclick=\"filterSelection('all')\">Todos<\/button><br \/>\n <button class=\"btn-filter\" onclick=\"filterSelection('aprendiz')\">Nivel Aprendiz<\/button><br \/>\n <button class=\"btn-filter\" onclick=\"filterSelection('intermedio')\">Nivel Intermedio<\/button><br \/>\n <button class=\"btn-filter\" onclick=\"filterSelection('experto')\">Nivel Experto<\/button>\n <\/div>\n<div class=\"filter-results\">\n \n <\/div>\n<p> <\/p>\n<div class=\"formacion-footer\">\n<h5>Recuerde:<\/h5>\n<ul>\n<li>Registrar su solicitud con al menos (2) dos d\u00edas h\u00e1biles de anticipaci\u00f3n.<\/li>\n<li>La solicitud ser\u00e1 confirmada de acuerdo con la disponibilidad, por medio de correo electr\u00f3nico.<\/li>\n<li>Si no puede asistir a la sesi\u00f3n programada, le solicitamos notificar de forma anticipada al correo <a href=\"mailto:formacion.biblioteca@ugc.edu.co\">formacion.biblioteca@ugc.edu.co<\/a> o v\u00eda WhatsApp al n\u00famero <a href=\"https:\/\/wa.me\/573204491607\" target=\"_blank\">+57 3204491607<\/a>.<\/li>\n<\/ul><\/div>\n<\/div>\n<p><br \/>\n<script>\n \/\/ L\u00d3GICA DE PERFILES\n function openProfile(profileName, btn) {\n const wrapper = document.getElementById('ugc-formacion-wrapper');\n const panels = wrapper.querySelectorAll('.profile-panel');\n const buttons = wrapper.querySelectorAll('.profile-btn');\n const targetPanel = document.getElementById('panel-' + profileName);<\/p>\n<p> if (btn.classList.contains('active')) {\n btn.classList.remove('active');\n targetPanel.classList.remove('active');\n return;\n }<\/p>\n<p> panels.forEach(p => p.classList.remove('active'));\n buttons.forEach(b => b.classList.remove('active'));<\/p>\n<p> btn.classList.add('active');\n targetPanel.classList.add('active');\n }<\/p>\n<p> document.addEventListener(\"DOMContentLoaded\", function() {\n const wrapper = document.getElementById('ugc-formacion-wrapper');<\/p>\n<p> \/\/ RUTAS (ACORDE\u00d3N EXCLUSIVO)\n const routeButtons = wrapper.querySelectorAll('.route-accordion-btn');\n routeButtons.forEach(button => {\n button.addEventListener('click', () => {\n const currentPanel = button.nextElementSibling;\n const wasActive = button.classList.contains('active');<\/p>\n<p> routeButtons.forEach(btn => {\n btn.classList.remove('active');\n const panel = btn.nextElementSibling;\n panel.classList.remove('open');\n panel.style.maxHeight = null;\n });<\/p>\n<p> if (!wasActive) {\n button.classList.add('active');\n currentPanel.classList.add('open');\n currentPanel.style.maxHeight = currentPanel.scrollHeight + \"px\";\n }\n });\n });<\/p>\n<p> \/\/ FILTROS\n window.filterSelection = function(c) {\n const items = wrapper.querySelectorAll(\".filter-item\");\n const btns = wrapper.querySelectorAll(\".btn-filter\");\n items.forEach(item => {\n if (c === 'all' || item.classList.contains(c)) item.classList.add(\"show\");\n else item.classList.remove(\"show\");\n });\n btns.forEach(btn => {\n btn.classList.remove(\"active\");\n if (btn.getAttribute('onclick').includes(c)) btn.classList.add(\"active\");\n });\n };<\/p>\n<p> \/\/ --- BASE DE DATOS DE SESIONES ---\n const allSessions = {\n 's1': { title: 'Inducci\u00f3n presencial: Espacios, servicios y recursos de la biblioteca', level: 'aprendiz', cycle: 'Identificar', icon: 'compass', disabled: false },\n 's2': { title: 'Inducci\u00f3n virtual: Recursos y servicios de la biblioteca', level: 'aprendiz', cycle: 'Identificar', icon: 'laptop-house', disabled: false, special: true },\n 's3': { title: 'Identificaci\u00f3n de la necesidad: Desde la pregunta de investigaci\u00f3n hasta el inicio de una b\u00fasqueda', level: 'aprendiz', cycle: 'Identificar', icon: 'question-circle', disabled: false },\n 's4': { title: 'Estrategias de b\u00fasqueda en bases de datos potenciadas con IA', level: 'aprendiz', cycle: 'Buscar', icon: 'search', disabled: false },\n 's5': { title: 'Estrategias de b\u00fasqueda en recursos no convencionales: IA, Web y Redes sociales', level: 'aprendiz', cycle: 'Buscar', icon: 'robot', disabled: false }, \/\/ ACTIVADA AHORA\n 's6': { title: 'Uso de gestor bibliogr\u00e1fico para la aplicaci\u00f3n de normas APA', level: 'intermedio', cycle: 'Organizar', icon: 'quote-right', disabled: false },\n 's7': { title: 'Uso de gestor bibliogr\u00e1fico para la revisi\u00f3n de la literatura cient\u00edfica', level: 'intermedio', cycle: 'Organizar', icon: 'book-reader', disabled: true },\n 's8': { title: 'Organizaci\u00f3n de la informaci\u00f3n en sistemas de Inteligencia Artificial', level: 'intermedio', cycle: 'Organizar', icon: 'database', disabled: true },\n 's9': { title: 'Evaluaci\u00f3n de fuentes y recursos de informaci\u00f3n mediado por IA', level: 'intermedio', cycle: 'Evaluar', icon: 'check-double', disabled: true },\n 's10': { title: 'Prompting: Personalizaci\u00f3n y uso de herramientas de IA', level: 'intermedio', cycle: 'Evaluar', icon: 'terminal', disabled: false },\n 's11': { title: 'Identidad digital: Creaci\u00f3n de perfiles y pautas de visibilidad', level: 'experto', cycle: 'Usar', icon: 'id-card', disabled: false },\n 's12': { title: 'Estrategias de difusi\u00f3n de informaci\u00f3n: Visibilidad cient\u00edfica e identidad digital', level: 'experto', cycle: 'Usar', icon: 'bullhorn', disabled: false },\n 's13': { title: 'Funciones ret\u00f3ricas de la cita: El arte de argumentar y persuadir con fuentes', level: 'experto', cycle: 'Usar', icon: 'comments', disabled: true },\n 's14': { title: 'Derechos de autor: patentes y creaciones originales', level: 'experto', cycle: 'Usar', icon: 'copyright', disabled: true },\n 's15': { title: 'Aplicando el Estilo APA en un documento acad\u00e9mico', level: 'experto', cycle: 'Usar', icon: 'pen-nib', disabled: false },\n 's16': { title: 'Interpretaci\u00f3n de informes Turnitin', level: 'experto', cycle: 'Usar', icon: 'clipboard-check', disabled: false },\n 's17': { title: 'Revisi\u00f3n norma APA en documentos acad\u00e9micos', level: 'experto', cycle: 'Usar', icon: 'glasses', disabled: false },\n 's18': { title: 'ClicLab (creaci\u00f3n de Slides, infograf\u00edas, Poster cient\u00edfico o Mapas conceptuales)', level: 'experto', cycle: 'Usar', icon: 'photo-video', disabled: false },\n };<\/p>\n<p> const contentMap = {\n estudiante: ['s1', 's2', 's3', 's4', 's5', 's6', 's7', 's8', 's9', 's10', 's13', 's14', 's15', 's17', 's18'],\n docente: ['s1', 's2', 's4', 's5', 's6', 's7', 's9', 's10', 's14', 's16'],\n investigador: ['s1', 's2', 's4', 's7', 's11', 's13', 's14'],\n administrativo: ['s1', 's2', 's4', 's6', 's15', 's18'],\n rutaPrimerosPasos: ['s1', 's2', 's3', 's15'],\n rutaEscrituraAcademica: ['s3', 's4', 's6', 's10', 's15', 's18'],\n rutaInvestigacion: ['s4', 's7', 's8', 's9', 's15'],\n rutaAplicandoIA: ['s10', 's18', 's5', 's8', 's9'],\n };<\/p>\n<p> function createSessionCard(sessionId) {\n const session = allSessions[sessionId];\n if (!session) return '';<\/p>\n<p> let buttonHtml;\n if (session.disabled) {\n buttonHtml = `<a href=\"#\" class=\"btn-solicitar btn-disabled\"><i class=\"fas fa-clock\"><\/i> \u00a1Pr\u00f3ximamente!<\/a>`;\n } else if (session.special) {\n buttonHtml = `<a href=\"https:\/\/educacionvirtual.ugc.edu.co\/enrol\/index.php?id=1330\" target=\"_blank\" class=\"btn-solicitar btn-mooc\"><i class=\"fas fa-rocket\"><\/i> Realice el MOOC<\/a>`;\n } else {\n buttonHtml = `<a href=\"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=HXoOdoTqmE2jpLhvH5RF67pBhJjKJfpGsV6zTP0akIlUMVNVOU9SSVM4Q0U3WTY3TjJQQk1IRjBUMiQlQCN0PWcu\" target=\"_blank\" class=\"btn-solicitar\"><i class=\"fas fa-calendar-check\"><\/i> Solicite su sesi\u00f3n<\/a>`;\n }<\/p>\n<p> return `<\/p>\n<div class=\"session-card\">\n<div class=\"tags-container\"><span class=\"tag level-${session.level}\">${session.level}<\/span><span class=\"tag tag-cycle\">${session.cycle}<\/span><\/div>\n<div class=\"session-icon\"><i class=\"fas fa-${session.icon}\"><\/i><\/div>\n<h4>${session.title}<\/h4>\n<p> ${buttonHtml}\n <\/p><\/div>\n<p> `;\n }<\/p>\n<p> \/\/ Llenar perfiles\n for (const profile in contentMap) {\n const panelGrid = wrapper.querySelector(`#panel-${profile} .sessions-grid`);\n if (panelGrid) {\n panelGrid.innerHTML = contentMap[profile].map(id => createSessionCard(id)).join('');\n }\n }<\/p>\n<p> \/\/ Llenar rutas\n const routes = ['rutaPrimerosPasos', 'rutaEscrituraAcademica', 'rutaInvestigacion', 'rutaAplicandoIA'];\n const routePanels = wrapper.querySelectorAll('.route-panel .sessions-grid');\n routePanels.forEach((panelGrid, index) => {\n if (routes[index]) {\n panelGrid.innerHTML = contentMap[routes[index]].map(id => createSessionCard(id)).join('');\n }\n });<\/p>\n<p> \/\/ Llenar filtro de niveles\n const filterResults = wrapper.querySelector('.filter-results');\n filterResults.innerHTML = Object.keys(allSessions).map(key => {\n const session = allSessions[key];\n let buttonHtml;\n if (session.disabled) {\n buttonHtml = `<a href=\"#\" class=\"btn-solicitar btn-disabled\"><i class=\"fas fa-clock\"><\/i> \u00a1Pr\u00f3ximamente!<\/a>`;\n } else if (session.special) {\n buttonHtml = `<a href=\"https:\/\/educacionvirtual.ugc.edu.co\/enrol\/index.php?id=1330\" target=\"_blank\" class=\"btn-solicitar btn-mooc\"><i class=\"fas fa-rocket\"><\/i> Realice el MOOC<\/a>`;\n } else {\n buttonHtml = `<a href=\"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=HXoOdoTqmE2jpLhvH5RF67pBhJjKJfpGsV6zTP0akIlUMVNVOU9SSVM4Q0U3WTY3TjJQQk1IRjBUMiQlQCN0PWcu\" target=\"_blank\" class=\"btn-solicitar\"><i class=\"fas fa-calendar-check\"><\/i> Solicite su sesi\u00f3n<\/a>`;\n }\n return `<\/p>\n<div class=\"session-card filter-item ${session.level} show\">\n<div class=\"tags-container\"><span class=\"tag level-${session.level}\">${session.level}<\/span><\/div>\n<div class=\"session-icon\"><i class=\"fas fa-${session.icon}\"><\/i><\/div>\n<h4>${session.title}<\/h4>\n<p> ${buttonHtml}\n <\/p><\/div>\n<p> `;\n }).join('');<\/p>\n<p> \/\/ Inicializar filtro\n filterSelection('all');\n });\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<p><br \/>\n\\n <link href=\\\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\\\" rel=\\\"stylesheet\\\">\\n <link rel=\\\"stylesheet\\\" href=\\\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.1.1\/css\/all.min.css\\\">\\n\\n <\/p>\n<style>\\n \/* --- CSS ENCAPSULADO (SCOPE) --- *\/\\n #ugc-formacion-wrapper {\\n font-family: 'Montserrat', sans-serif;\\n color: #4A4A4A;\\n width: 100%;\\n max-width: 1300px;\\n margin: 0 auto;\\n padding: 20px;\\n \\n \/* Variables de Color UGC *\/\\n --ugc-green: #9fbe37;\\n --ugc-green-dark: #82be37;\\n --ugc-text: #4A4A4A;\\n --ugc-white: #ffffff;\\n --ugc-gray-light: #f9f9f9;\\n --ugc-disabled: #9ca3af;\\n \\n \/* Colores de Perfiles *\/\\n --profile-estudiante: #9fbe37; \\n --profile-docente: #e67e22; \\n --profile-investigador: #8e44ad; \\n --profile-administrativo: #2980b9; \\n --profile-ia: #00897b; \/* Color para la nueva ruta IA *\/\\n }\\n\\n #ugc-formacion-wrapper * { box-sizing: border-box; }\\n #ugc-formacion-wrapper a { text-decoration: none; color: inherit; }\\n #ugc-formacion-wrapper img { max-width: 100%; height: auto; display: block; }\\n\\n \/* --- 1. HEADER --- *\/\\n .header-title {\\n font-size: 42px;\\n font-weight: 700;\\n color: #000000 !important; \\n text-align: center;\\n margin-top: 40px;\\n margin-bottom: 20px;\\n line-height: 1.2;\\n }\\n\\n .section-title {\\n font-size: 32px;\\n font-weight: 700;\\n color: #000000 !important;\\n text-align: center;\\n margin-top: 60px;\\n margin-bottom: 30px;\\n position: relative;\\n }\\n \\n .section-title::after {\\n content: ''; display: block; width: 60px; height: 4px;\\n background-color: var(--ugc-green); margin: 10px auto 0; border-radius: 2px;\\n }\\n\\n .section-intro {\\n font-size: 16px;\\n line-height: 1.6;\\n margin-bottom: 50px;\\n text-align: center;\\n max-width: 950px;\\n margin-left: auto;\\n margin-right: auto;\\n color: #4A4A4A;\\n }\\n\\n \/* --- 2. PERFILES --- *\/\\n .profile-section { margin-bottom: 60px; }\\n\\n .profile-buttons-grid {\\n display: grid;\\n grid-template-columns: repeat(4, 1fr);\\n gap: 15px;\\n margin-bottom: 0;\\n width: 100%;\\n }\\n\\n .profile-btn {\\n padding: 15px 10px;\\n font-family: 'Montserrat', sans-serif;\\n font-size: 16px;\\n font-weight: 600;\\n text-align: center;\\n color: white;\\n border: none;\\n border-radius: 50px;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\\n position: relative;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n gap: 10px;\\n height: 100%;\\n }\\n\\n .profile-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.15); filter: brightness(1.1); }\\n \\n .profile-btn.active::after {\\n content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);\\n border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid; z-index: 10;\\n }\\n\\n .btn-estudiante { background-color: var(--profile-estudiante); }\\n .btn-estudiante.active::after { border-top-color: var(--profile-estudiante); }\\n .btn-docente { background-color: var(--profile-docente); }\\n .btn-docente.active::after { border-top-color: var(--profile-docente); }\\n .btn-investigador { background-color: var(--profile-investigador); }\\n .btn-investigador.active::after { border-top-color: var(--profile-investigador); }\\n .btn-administrativo { background-color: var(--profile-administrativo); }\\n .btn-administrativo.active::after { border-top-color: var(--profile-administrativo); }\\n\\n .profile-panels-container { position: relative; width: 100%; margin-top: 20px; }\\n .profile-panel {\\n display: none; background-color: #fff; border: 1px solid #eee;\\n border-radius: 15px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);\\n animation: fadeIn 0.4s ease-out;\\n }\\n .profile-panel.active { display: block; }\\n\\n #panel-estudiante { border-top: 4px solid var(--profile-estudiante); }\\n #panel-docente { border-top: 4px solid var(--profile-docente); }\\n #panel-investigador { border-top: 4px solid var(--profile-investigador); }\\n #panel-administrativo { border-top: 4px solid var(--profile-administrativo); }\\n\\n .sessions-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\\n\\n \/* --- TARJETA DE SESI\u00d3N --- *\/\\n .session-card {\\n background: var(--ugc-white); border-radius: 12px; padding: 25px 20px;\\n display: flex; flex-direction: column; transition: all 0.3s ease;\\n box-shadow: 0 4px 10px rgba(0,0,0,0.05); border: 1px solid #eee; height: 100%;\\n justify-content: space-between;\\n }\\n .session-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); border-color: var(--ugc-green); }\\n\\n .tags-container { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 15px; justify-content: center; }\\n .tag { font-size: 9px; font-weight: 700; text-transform: uppercase; padding: 4px 8px; border-radius: 4px; }\\n \\n .level-aprendiz { background-color: #fff3cd; color: #856404; border: 1px solid #ffeeba; }\\n .level-intermedio { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }\\n .level-experto { background-color: #e8daef; color: #6c3483; border: 1px solid #d2b4de; }\\n .tag-cycle { background-color: #e0f2fe; color: #075985; border: 1px solid #bae6fd; }\\n\\n .session-icon { font-size: 32px; margin-bottom: 15px; text-align: center; color: var(--ugc-text); opacity: 0.8; }\\n \\n .session-card h4 { \\n font-size: 14px; font-weight: 700; margin: 0 0 20px 0; \\n color: var(--ugc-text); text-align: center; line-height: 1.4; \\n flex-grow: 1; \\n display: flex; align-items: center; justify-content: center;\\n }\\n\\n .btn-solicitar {\\n display: inline-flex; justify-content: center; align-items: center; gap: 8px;\\n background-color: var(--ugc-green); color: white !important; text-decoration: none;\\n padding: 10px 15px; border-radius: 50px; font-size: 13px; font-weight: 500;\\n text-align: center; transition: all 0.3s ease;\\n border: 2px solid var(--ugc-green); width: 100%;\\n }\\n .btn-solicitar:hover { background-color: var(--ugc-green-dark); border-color: var(--ugc-green-dark); }\\n .btn-solicitar i { font-size: 12px; }\\n\\n .btn-mooc {\\n background-color: #1a73e8;\\n border-color: #1a73e8;\\n }\\n .btn-mooc:hover {\\n background-color: #1765cf;\\n border-color: #1765cf;\\n }\\n\\n .btn-disabled {\\n background-color: var(--ugc-disabled) !important;\\n border-color: var(--ugc-disabled) !important;\\n color: white !important;\\n cursor: default; pointer-events: none;\\n }\\n\\n \/* --- 3. RUTAS DE FORMACI\u00d3N (ACORDE\u00d3N DELGADO) --- *\/\\n .routes-container { display: flex; flex-direction: column; gap: 10px; } \\n\\n .route-accordion-btn {\\n width: 100%; display: flex; align-items: center; gap: 15px; padding: 12px 25px; \\n font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600;\\n color: white; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease;\\n text-align: left;\\n }\\n .route-accordion-btn i { font-size: 20px; }\\n .route-accordion-btn:hover { filter: brightness(1.1); }\\n .route-accordion-btn::after {\\n content: '\\\\f078'; font-family: \\\"Font Awesome 6 Free\\\"; font-weight: 900;\\n margin-left: auto; font-size: 14px; transition: transform 0.3s;\\n }\\n .route-accordion-btn.active::after { transform: rotate(180deg); }\\n\\n .route-panel {\\n max-height: 0;\\n overflow: hidden;\\n background-color: #fcfcfc;\\n border: 1px solid #eee;\\n border-top: none;\\n border-radius: 0 0 12px 12px;\\n transition: max-height 0.5s ease-out, padding 0.5s ease;\\n padding: 0 20px;\\n }\\n .route-panel.open {\\n max-height: 1500px;\\n padding: 20px;\\n }\\n .route-panel .sessions-grid {\\n grid-template-columns: repeat(4, 1fr);\\n }\\n\\n \/* --- 4. FILTROS --- *\/\\n .filter-controls { display: flex; justify-content: center; gap: 15px; margin-bottom: 40px; flex-wrap: wrap; }\\n .btn-filter { padding: 10px 30px; background-color: transparent; border: 2px solid var(--ugc-green); color: var(--ugc-green); border-radius: 50px; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.3s ease; }\\n .btn-filter:hover, .btn-filter.active { background-color: var(--ugc-green); color: white; }\\n .filter-results { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\\n .filter-item { display: none; animation: fadeIn 0.5s ease; }\\n .filter-item.show { display: flex; }\\n\\n \/* --- 5. FOOTER --- *\/\\n .formacion-footer {\\n margin-top: 60px; padding: 30px; background-color: #f3f4f6;\\n border-radius: 15px; border-left: 5px solid var(--ugc-green);\\n }\\n .formacion-footer h5 { font-size: 16px; font-weight: 700; margin: 0 0 15px 0; color: #000; }\\n .formacion-footer ul { margin: 0; padding-left: 20px; }\\n .formacion-footer li { font-size: 14px; line-height: 1.6; margin-bottom: 8px; color: #555; }\\n .formacion-footer a { color: var(--ugc-green-dark); font-weight: 600; }\\n\\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\\n\\n \/* --- RESPONSIVE --- *\/\\n @media (max-width: 1024px) {\\n .sessions-grid, .filter-results, .route-panel .sessions-grid { \\n grid-template-columns: repeat(2, 1fr);\\n }\\n }\\n @media (max-width: 768px) {\\n .header-title { font-size: 32px; }\\n .section-title { font-size: 28px; }\\n .profile-buttons-grid { grid-template-columns: repeat(2, 1fr); }\\n .sessions-grid, .filter-results, .route-panel .sessions-grid { \\n grid-template-columns: 1fr;\\n }\\n .filter-controls { flex-direction: column; }\\n .btn-filter { width: 100%; }\\n }\\n <\/style>\n<p>\\n<\/head>\\n<body>\\n\\n<\/p>\n<div id=\\\"ugc-formacion-wrapper\\\">\\n\\n \\n <\/p>\n<h1 class=\\\"header-title\\\">Plan de formaci\u00f3n Biblioteca<\/h1>\n<p>\\n \\n <\/p>\n<div class=\\\"section-intro\\\">\\n <\/p>\n<p><strong>Bienvenido al Plan de Formaci\u00f3n de Usuarios.<\/strong> Dise\u00f1amos experiencias de aprendizaje orientadas a fortalecer sus competencias en el <em style=\\\"color: #000000; font-weight: 500;\\\">uso de la informaci\u00f3n acad\u00e9mica y cient\u00edfica<\/em>. Este Plan de Formaci\u00f3n busca desarrollar habilidades informacionales, digitales y visuales en torno al ciclo de la informaci\u00f3n, contribuyendo a la preparaci\u00f3n integral de la comunidad acad\u00e9mica. Seleccione su perfil o nivel para comenzar.<\/p>\n<p>\\n <\/p><\/div>\n<p>\\n\\n \\n <\/p>\n<div class=\\\"profile-section\\\">\\n \\n <\/p>\n<div class=\\\"profile-buttons-grid\\\">\\n <button class=\\\"profile-btn btn-estudiante\\\" onclick=\\\"openProfile('estudiante', this)\\\">\\n <i class=\\\"fas fa-user-graduate\\\"><\/i> Estudiante\\n <\/button>\\n <button class=\\\"profile-btn btn-docente\\\" onclick=\\\"openProfile('docente', this)\\\">\\n <i class=\\\"fas fa-chalkboard-teacher\\\"><\/i> Docente\\n <\/button>\\n <button class=\\\"profile-btn btn-investigador\\\" onclick=\\\"openProfile('investigador', this)\\\">\\n <i class=\\\"fas fa-microscope\\\"><\/i> Investigador\\n <\/button>\\n <button class=\\\"profile-btn btn-administrativo\\\" onclick=\\\"openProfile('administrativo', this)\\\">\\n <i class=\\\"fas fa-briefcase\\\"><\/i> Administrativo\\n <\/button>\\n <\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"profile-panels-container\\\">\\n \\n <\/p>\n<div id=\\\"panel-estudiante\\\" class=\\\"profile-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p>\n<div id=\\\"panel-docente\\\" class=\\\"profile-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p>\n<div id=\\\"panel-investigador\\\" class=\\\"profile-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p>\n<div id=\\\"panel-administrativo\\\" class=\\\"profile-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n \\n <\/p>\n<h2 class=\\\"section-title\\\">Rutas de Formaci\u00f3n<\/h2>\n<p>\\n <\/p>\n<div class=\\\"section-intro\\\">\\n <\/p>\n<p>Nuestras rutas de aprendizaje organizan la formaci\u00f3n en recorridos tem\u00e1ticos que responden a distintos momentos del trabajo acad\u00e9mico: desde los primeros acercamientos a la biblioteca hasta procesos de investigaci\u00f3n, escritura y uso estrat\u00e9gico de la inteligencia artificial. Explore cada ruta y descubra las sesiones que acompa\u00f1an su proceso formativo actual. Haga clic en una ruta para desplegar sus contenidos.<\/p>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"routes-container\\\">\\n \\n <\/p>\n<div>\\n <button class=\\\"route-accordion-btn\\\" style=\\\"background-color: var(--profile-estudiante);\\\"><i class=\\\"fas fa-seedling\\\"><\/i><span>Ruta: Primeros pasos<\/span><\/button>\\n <\/p>\n<div class=\\\"route-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n \\n <\/p>\n<div>\\n <button class=\\\"route-accordion-btn\\\" style=\\\"background-color: var(--profile-docente);\\\"><i class=\\\"fas fa-feather-alt\\\"><\/i><span>Ruta: Escritura acad\u00e9mica<\/span><\/button>\\n <\/p>\n<div class=\\\"route-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n \\n <\/p>\n<div>\\n <button class=\\\"route-accordion-btn\\\" style=\\\"background-color: var(--profile-investigador);\\\"><i class=\\\"fas fa-microscope\\\"><\/i><span>Ruta: Investigaci\u00f3n<\/span><\/button>\\n <\/p>\n<div class=\\\"route-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n \\n <\/p>\n<div>\\n <button class=\\\"route-accordion-btn\\\" style=\\\"background-color: var(--profile-ia);\\\"><i class=\\\"fas fa-robot\\\"><\/i><span>Ruta: Aplicando la IA<\/span><\/button>\\n <\/p>\n<div class=\\\"route-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n \\n <\/p>\n<h2 class=\\\"section-title\\\">Explora por Niveles<\/h2>\n<p>\\n <\/p>\n<div class=\\\"section-intro\\\">\\n <\/p>\n<p>Navegue y filtre todas las sesiones disponibles seg\u00fan su nivel actual de experiencia. Esta vista le permite identificar r\u00e1pidamente las actividades dise\u00f1adas para fortalecer sus competencias desde un enfoque progresivo.<\/p>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"filter-controls\\\">\\n <button class=\\\"btn-filter active\\\" onclick=\\\"filterSelection('all')\\\">Todos<\/button>\\n <button class=\\\"btn-filter\\\" onclick=\\\"filterSelection('aprendiz')\\\">Nivel Aprendiz<\/button>\\n <button class=\\\"btn-filter\\\" onclick=\\\"filterSelection('intermedio')\\\">Nivel Intermedio<\/button>\\n <button class=\\\"btn-filter\\\" onclick=\\\"filterSelection('experto')\\\">Nivel Experto<\/button>\\n <\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"filter-results\\\">\\n \\n <\/div>\n<p>\\n\\n \\n <\/p>\n<div class=\\\"formacion-footer\\\">\\n <\/p>\n<h5>Recuerde:<\/h5>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Registrar su solicitud con al menos (2) dos d\u00edas h\u00e1biles de anticipaci\u00f3n.<\/li>\n<p>\\n <\/p>\n<li>La solicitud ser\u00e1 confirmada de acuerdo con la disponibilidad, por medio de correo electr\u00f3nico.<\/li>\n<p>\\n <\/p>\n<li>Si no puede asistir a la sesi\u00f3n programada, le solicitamos notificar de forma anticipada al correo <a href=\\\"mailto:formacion.biblioteca@ugc.edu.co\\\">formacion.biblioteca@ugc.edu.co<\/a> o v\u00eda WhatsApp al n\u00famero <a href=\\\"https:\/\/wa.me\/573204491607\\\" target=\\\"_blank\\\">+57 3204491607<\/a>.<\/li>\n<p>\\n <\/ul>\n<p>\\n <\/p><\/div>\n<p>\\n\\n<\/p><\/div>\n<p>\\n\\n\\n<script>\\n \/\/ L\u00d3GICA DE PERFILES\\n function openProfile(profileName, btn) {\\n const wrapper = document.getElementById('ugc-formacion-wrapper');\\n const panels = wrapper.querySelectorAll('.profile-panel');\\n const buttons = wrapper.querySelectorAll('.profile-btn');\\n const targetPanel = document.getElementById('panel-' + profileName);\\n\\n if (btn.classList.contains('active')) {\\n btn.classList.remove('active');\\n targetPanel.classList.remove('active');\\n return;\\n }\\n\\n panels.forEach(p => p.classList.remove('active'));\\n buttons.forEach(b => b.classList.remove('active'));\\n\\n btn.classList.add('active');\\n targetPanel.classList.add('active');\\n }\\n\\n document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n const wrapper = document.getElementById('ugc-formacion-wrapper');\\n\\n \/\/ RUTAS (ACORDE\u00d3N EXCLUSIVO)\\n const routeButtons = wrapper.querySelectorAll('.route-accordion-btn');\\n routeButtons.forEach(button => {\\n button.addEventListener('click', () => {\\n const currentPanel = button.nextElementSibling;\\n const wasActive = button.classList.contains('active');\\n \\n routeButtons.forEach(btn => {\\n btn.classList.remove('active');\\n const panel = btn.nextElementSibling;\\n panel.classList.remove('open');\\n panel.style.maxHeight = null;\\n });\\n\\n if (!wasActive) {\\n button.classList.add('active');\\n currentPanel.classList.add('open');\\n currentPanel.style.maxHeight = currentPanel.scrollHeight + \\\"px\\\";\\n }\\n });\\n });\\n\\n \/\/ FILTROS\\n window.filterSelection = function(c) {\\n const items = wrapper.querySelectorAll(\\\".filter-item\\\");\\n const btns = wrapper.querySelectorAll(\\\".btn-filter\\\");\\n items.forEach(item => {\\n if (c === 'all' || item.classList.contains(c)) item.classList.add(\\\"show\\\");\\n else item.classList.remove(\\\"show\\\");\\n });\\n btns.forEach(btn => {\\n btn.classList.remove(\\\"active\\\");\\n if (btn.getAttribute('onclick').includes(c)) btn.classList.add(\\\"active\\\");\\n });\\n };\\n \\n \/\/ --- BASE DE DATOS DE SESIONES ---\\n const allSessions = {\\n 's1': { title: 'Inducci\u00f3n presencial: Espacios, servicios y recursos de la biblioteca', level: 'aprendiz', cycle: 'Identificar', icon: 'compass', disabled: false },\\n 's2': { title: 'Inducci\u00f3n virtual: Recursos y servicios de la biblioteca', level: 'aprendiz', cycle: 'Identificar', icon: 'laptop-house', disabled: false, special: true },\\n 's3': { title: 'Identificaci\u00f3n de la necesidad: Desde la pregunta de investigaci\u00f3n hasta el inicio de una b\u00fasqueda', level: 'aprendiz', cycle: 'Identificar', icon: 'question-circle', disabled: false },\\n 's4': { title: 'Estrategias de b\u00fasqueda en bases de datos potenciadas con IA', level: 'aprendiz', cycle: 'Buscar', icon: 'search', disabled: false },\\n 's5': { title: 'Estrategias de b\u00fasqueda en recursos no convencionales: IA, Web y Redes sociales', level: 'aprendiz', cycle: 'Buscar', icon: 'robot', disabled: false }, \/\/ ACTIVADA AHORA\\n 's6': { title: 'Uso de gestor bibliogr\u00e1fico para la aplicaci\u00f3n de normas APA', level: 'intermedio', cycle: 'Organizar', icon: 'quote-right', disabled: false },\\n 's7': { title: 'Uso de gestor bibliogr\u00e1fico para la revisi\u00f3n de la literatura cient\u00edfica', level: 'intermedio', cycle: 'Organizar', icon: 'book-reader', disabled: true },\\n 's8': { title: 'Organizaci\u00f3n de la informaci\u00f3n en sistemas de Inteligencia Artificial', level: 'intermedio', cycle: 'Organizar', icon: 'database', disabled: true },\\n 's9': { title: 'Evaluaci\u00f3n de fuentes y recursos de informaci\u00f3n mediado por IA', level: 'intermedio', cycle: 'Evaluar', icon: 'check-double', disabled: true },\\n 's10': { title: 'Prompting: Personalizaci\u00f3n y uso de herramientas de IA', level: 'intermedio', cycle: 'Evaluar', icon: 'terminal', disabled: false },\\n 's11': { title: 'Identidad digital: Creaci\u00f3n de perfiles y pautas de visibilidad', level: 'experto', cycle: 'Usar', icon: 'id-card', disabled: false },\\n 's12': { title: 'Estrategias de difusi\u00f3n de informaci\u00f3n: Visibilidad cient\u00edfica e identidad digital', level: 'experto', cycle: 'Usar', icon: 'bullhorn', disabled: false },\\n 's13': { title: 'Funciones ret\u00f3ricas de la cita: El arte de argumentar y persuadir con fuentes', level: 'experto', cycle: 'Usar', icon: 'comments', disabled: true },\\n 's14': { title: 'Derechos de autor: patentes y creaciones originales', level: 'experto', cycle: 'Usar', icon: 'copyright', disabled: true },\\n 's15': { title: 'Aplicando el Estilo APA en un documento acad\u00e9mico', level: 'experto', cycle: 'Usar', icon: 'pen-nib', disabled: false },\\n 's16': { title: 'Interpretaci\u00f3n de informes Turnitin', level: 'experto', cycle: 'Usar', icon: 'clipboard-check', disabled: false },\\n 's17': { title: 'Revisi\u00f3n norma APA en documentos acad\u00e9micos', level: 'experto', cycle: 'Usar', icon: 'glasses', disabled: false },\\n 's18': { title: 'ClicLab (creaci\u00f3n de Slides, infograf\u00edas, Poster cient\u00edfico o Mapas conceptuales)', level: 'experto', cycle: 'Usar', icon: 'photo-video', disabled: false },\\n };\\n\\n const contentMap = {\\n estudiante: ['s1', 's2', 's3', 's4', 's5', 's6', 's7', 's8', 's9', 's10', 's13', 's14', 's15', 's17', 's18'],\\n docente: ['s1', 's2', 's4', 's5', 's6', 's7', 's9', 's10', 's14', 's16'],\\n investigador: ['s1', 's2', 's4', 's7', 's11', 's13', 's14'],\\n administrativo: ['s1', 's2', 's4', 's6', 's15', 's18'],\\n rutaPrimerosPasos: ['s1', 's2', 's3', 's15'],\\n rutaEscrituraAcademica: ['s3', 's4', 's6', 's10', 's15', 's18'],\\n rutaInvestigacion: ['s4', 's7', 's8', 's9', 's15'],\\n rutaAplicandoIA: ['s10', 's18', 's5', 's8', 's9'],\\n };\\n\\n function createSessionCard(sessionId) {\\n const session = allSessions[sessionId];\\n if (!session) return '';\\n \\n let buttonHtml;\\n if (session.disabled) {\\n buttonHtml = `<a href=\\\"#\\\" class=\\\"btn-solicitar btn-disabled\\\"><i class=\\\"fas fa-clock\\\"><\/i> \u00a1Pr\u00f3ximamente!<\/a>`;\\n } else if (session.special) {\\n buttonHtml = `<a href=\\\"https:\/\/educacionvirtual.ugc.edu.co\/enrol\/index.php?id=1330\\\" target=\\\"_blank\\\" class=\\\"btn-solicitar btn-mooc\\\"><i class=\\\"fas fa-rocket\\\"><\/i> Realice el MOOC<\/a>`;\\n } else {\\n buttonHtml = `<a href=\\\"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=HXoOdoTqmE2jpLhvH5RF67pBhJjKJfpGsV6zTP0akIlUMVNVOU9SSVM4Q0U3WTY3TjJQQk1IRjBUMiQlQCN0PWcu\\\" target=\\\"_blank\\\" class=\\\"btn-solicitar\\\"><i class=\\\"fas fa-calendar-check\\\"><\/i> Solicite su sesi\u00f3n<\/a>`;\\n }\\n\\n return `\\n <\/p>\n<div class=\\\"session-card\\\">\\n <\/p>\n<div class=\\\"tags-container\\\"><span class=\\\"tag level-${session.level}\\\">${session.level}<\/span><span class=\\\"tag tag-cycle\\\">${session.cycle}<\/span><\/div>\n<p>\\n <\/p>\n<div class=\\\"session-icon\\\"><i class=\\\"fas fa-${session.icon}\\\"><\/i><\/div>\n<p>\\n <\/p>\n<h4>${session.title}<\/h4>\n<p>\\n ${buttonHtml}\\n <\/p><\/div>\n<p>\\n `;\\n }\\n\\n \/\/ Llenar perfiles\\n for (const profile in contentMap) {\\n const panelGrid = wrapper.querySelector(`#panel-${profile} .sessions-grid`);\\n if (panelGrid) {\\n panelGrid.innerHTML = contentMap[profile].map(id => createSessionCard(id)).join('');\\n }\\n }\\n\\n \/\/ Llenar rutas\\n const routes = ['rutaPrimerosPasos', 'rutaEscrituraAcademica', 'rutaInvestigacion', 'rutaAplicandoIA'];\\n const routePanels = wrapper.querySelectorAll('.route-panel .sessions-grid');\\n routePanels.forEach((panelGrid, index) => {\\n if (routes[index]) {\\n panelGrid.innerHTML = contentMap[routes[index]].map(id => createSessionCard(id)).join('');\\n }\\n });\\n \\n \/\/ Llenar filtro de niveles\\n const filterResults = wrapper.querySelector('.filter-results');\\n filterResults.innerHTML = Object.keys(allSessions).map(key => {\\n const session = allSessions[key];\\n let buttonHtml;\\n if (session.disabled) {\\n buttonHtml = `<a href=\\\"#\\\" class=\\\"btn-solicitar btn-disabled\\\"><i class=\\\"fas fa-clock\\\"><\/i> \u00a1Pr\u00f3ximamente!<\/a>`;\\n } else if (session.special) {\\n buttonHtml = `<a href=\\\"https:\/\/educacionvirtual.ugc.edu.co\/enrol\/index.php?id=1330\\\" target=\\\"_blank\\\" class=\\\"btn-solicitar btn-mooc\\\"><i class=\\\"fas fa-rocket\\\"><\/i> Realice el MOOC<\/a>`;\\n } else {\\n buttonHtml = `<a href=\\\"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=HXoOdoTqmE2jpLhvH5RF67pBhJjKJfpGsV6zTP0akIlUMVNVOU9SSVM4Q0U3WTY3TjJQQk1IRjBUMiQlQCN0PWcu\\\" target=\\\"_blank\\\" class=\\\"btn-solicitar\\\"><i class=\\\"fas fa-calendar-check\\\"><\/i> Solicite su sesi\u00f3n<\/a>`;\\n }\\n return `\\n <\/p>\n<div class=\\\"session-card filter-item ${session.level} show\\\">\\n <\/p>\n<div class=\\\"tags-container\\\"><span class=\\\"tag level-${session.level}\\\">${session.level}<\/span><\/div>\n<p>\\n <\/p>\n<div class=\\\"session-icon\\\"><i class=\\\"fas fa-${session.icon}\\\"><\/i><\/div>\n<p>\\n <\/p>\n<h4>${session.title}<\/h4>\n<p>\\n ${buttonHtml}\\n <\/p><\/div>\n<p>\\n `;\\n }).join('');\\n \\n \/\/ Inicializar filtro\\n filterSelection('all');\\n });\\n<\/script>\\n\\n<\/body>\\n<\/html>\u00ab}}]}]}]},{\u00abtype\u00bb:\u00bbsection\u00bb,\u00bbprops\u00bb:{\u00abanimation\u00bb:\u00bbslide-bottom-medium\u00bb,\u00bbanimation_delay\u00bb:\u00bb200″,\u00bbimage_position\u00bb:\u00bbcenter-center\u00bb,\u00bbpadding_remove_bottom\u00bb:true,\u00bbstatus\u00bb:\u00bbdisabled\u00bb,\u00bbstyle\u00bb:\u00bbmuted\u00bb,\u00bbtitle_breakpoint\u00bb:\u00bbxl\u00bb,\u00bbtitle_position\u00bb:\u00bbtop-left\u00bb,\u00bbtitle_rotation\u00bb:\u00bbleft\u00bb,\u00bbvertical_align\u00bb:\u00bbmiddle\u00bb,\u00bbwidth\u00bb:\u00bblarge\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbrow\u00bb,\u00bbprops\u00bb:{\u00abcolumn_gap\u00bb:\u00bblarge\u00bb,\u00bblayout\u00bb:\u00bb1-2,1-2″,\u00bbmargin\u00bb:\u00bbxlarge\u00bb,\u00bbrow_gap\u00bb:\u00bblarge\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbcolumn\u00bb,\u00bbprops\u00bb:{\u00abimage_position\u00bb:\u00bbcenter-center\u00bb,\u00bbposition_sticky_breakpoint\u00bb:\u00bbm\u00bb,\u00bbwidth_medium\u00bb:\u00bb1-2″},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbimage\u00bb,\u00bbprops\u00bb:{\u00abimage\u00bb:\u00bbhttps:\/\/www.ugc.edu.co\/biblioteca\/images\/galeria\/Captura.png\u00bb,\u00bbimage_box_decoration\u00bb:\u00bbprimary\u00bb,\u00bbimage_svg_color\u00bb:\u00bbemphasis\u00bb,\u00bbimage_svg_inline\u00bb:false,\u00bbimage_width\u00bb:\u00bb850″,\u00bbmargin\u00bb:\u00bbdefault\u00bb,\u00bbmargin_bottom\u00bb:\u00bbdefault\u00bb,\u00bbmargin_top\u00bb:\u00bbdefault\u00bb,\u00bbtext_align\u00bb:\u00bbcenter\u00bb}}]},{\u00abtype\u00bb:\u00bbcolumn\u00bb,\u00bbprops\u00bb:{\u00abimage_position\u00bb:\u00bbcenter-center\u00bb,\u00bbposition_sticky_breakpoint\u00bb:\u00bbm\u00bb,\u00bbwidth_medium\u00bb:\u00bb1-2″},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbheadline\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbPlan de formaci\u00f3n Biblioteca\u00bb,\u00bbimage_align\u00bb:\u00bbleft\u00bb,\u00bbimage_margin\u00bb:\u00bbxsmall\u00bb,\u00bbposition\u00bb:\u00bbrelative\u00bb,\u00bbposition_bottom\u00bb:\u00bb-110″,\u00bbtitle_color\u00bb:\u00bbprimary\u00bb,\u00bbtitle_element\u00bb:\u00bbh1″,\u00bbtitle_font_family\u00bb:\u00bbprimary\u00bb,\u00bbtitle_style\u00bb:\u00bbh2″}},{\u00abtype\u00bb:\u00bbtext\u00bb,\u00bbprops\u00bb:{\u00abcolumn_breakpoint\u00bb:\u00bbm\u00bb,\u00bbcontent\u00bb:\u00bbLa biblioteca cuenta con un plan de formaci\u00f3n que tiene como prop\u00f3sito fortalecer las habilidades informacionales en la comunidad de la Universidad La Gran Colombia en los procesos de b\u00fasqueda, evaluaci\u00f3n y uso \u00e9tico, enmarcados en la alfabetizaci\u00f3n informacional, as\u00ed como en la innovaci\u00f3n para la presentaci\u00f3n de informaci\u00f3n por medio de sesiones de formaci\u00f3n y asesor\u00edas.\\n\u00bb,\u00bbmargin\u00bb:\u00bbdefault\u00bb,\u00bbmargin_bottom\u00bb:\u00bbdefault\u00bb,\u00bbmargin_top\u00bb:\u00bbdefault\u00bb,\u00bbposition\u00bb:\u00bbrelative\u00bb,\u00bbposition_bottom\u00bb:\u00bb-150″}}]}]}]},{\u00abtype\u00bb:\u00bbsection\u00bb,\u00bbprops\u00bb:{\u00abimage_position\u00bb:\u00bbcenter-center\u00bb,\u00bbstatus\u00bb:\u00bbdisabled\u00bb,\u00bbstyle\u00bb:\u00bbmuted\u00bb,\u00bbtitle_breakpoint\u00bb:\u00bbxl\u00bb,\u00bbtitle_position\u00bb:\u00bbtop-left\u00bb,\u00bbtitle_rotation\u00bb:\u00bbleft\u00bb,\u00bbvertical_align\u00bb:\u00bbmiddle\u00bb,\u00bbwidth\u00bb:\u00bblarge\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbrow\u00bb,\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbcolumn\u00bb,\u00bbprops\u00bb:{\u00abimage_position\u00bb:\u00bbcenter-center\u00bb,\u00bbposition_sticky_breakpoint\u00bb:\u00bbm\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbheadline\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbRecuerde:\u00bb,\u00bbimage_align\u00bb:\u00bbleft\u00bb,\u00bbimage_margin\u00bb:\u00bbxsmall\u00bb,\u00bbtext_align\u00bb:\u00bbleft\u00bb,\u00bbtitle_color\u00bb:\u00bbprimary\u00bb,\u00bbtitle_element\u00bb:\u00bbh6″,\u00bbtitle_font_family\u00bb:\u00bbprimary\u00bb,\u00bbtitle_style\u00bb:\u00bbh4″}},{\u00abtype\u00bb:\u00bbtext\u00bb,\u00bbprops\u00bb:{\u00abcolumn_breakpoint\u00bb:\u00bbm\u00bb,\u00bbcontent\u00bb:\u00bb- Registrar su solicitud con al menos (2) dos d\u00edas h\u00e1biles de anticipaci\u00f3n.<br \/>\\n- La solicitud ser\u00e1 confirmada de acuerdo con la disponibilidad, por medio de correo electr\u00f3nico.<br \/>\\n- Si no puede asistir a la sesi\u00f3n programada, le solicitamos enviar un mensaje de forma anticipada o al correo <b>bibliotecavirtual@ugc.edu.co, o bibliotecasevicios@ugc.edu.co solicitando su cancelaci\u00f3n o reprogramaci\u00f3n.<\/b> \u00ab,\u00bbmargin\u00bb:\u00bbdefault\u00bb,\u00bbmargin_bottom\u00bb:\u00bbdefault\u00bb,\u00bbmargin_top\u00bb:\u00bbdefault\u00bb}},{\u00abtype\u00bb:\u00bbpanel-slider\u00bb,\u00bbprops\u00bb:{\u00abcontent_align\u00bb:false,\u00bbcontent_column_breakpoint\u00bb:\u00bbm\u00bb,\u00bbcontent_margin\u00bb:\u00bbsmall\u00bb,\u00bbicon_width\u00bb:\u00bb70″,\u00bbimage_align\u00bb:\u00bbtop\u00bb,\u00bbimage_grid_breakpoint\u00bb:\u00bbm\u00bb,\u00bbimage_grid_width\u00bb:\u00bb1-2″,\u00bbimage_svg_color\u00bb:\u00bbemphasis\u00bb,\u00bblink_margin\u00bb:\u00bbsmall\u00bb,\u00bblink_style\u00bb:\u00bbdefault\u00bb,\u00bblink_target\u00bb:true,\u00bblink_text\u00bb:\u00bbRead more\u00bb,\u00bbmargin\u00bb:\u00bbdefault\u00bb,\u00bbmargin_bottom\u00bb:\u00bbdefault\u00bb,\u00bbmargin_remove_bottom\u00bb:true,\u00bbmargin_top\u00bb:\u00bbdefault\u00bb,\u00bbmeta_align\u00bb:\u00bbbelow-title\u00bb,\u00bbmeta_element\u00bb:\u00bbdiv\u00bb,\u00bbmeta_style\u00bb:\u00bbmeta\u00bb,\u00bbnav\u00bb:\u00bbdotnav\u00bb,\u00bbnav_align\u00bb:\u00bbcenter\u00bb,\u00bbnav_breakpoint\u00bb:\u00bbs\u00bb,\u00bbnav_color\u00bb:\u00bblight\u00bb,\u00bbnav_margin\u00bb:\u00bblarge\u00bb,\u00bbpanel_card_match\u00bb:true,\u00bbpanel_match\u00bb:true,\u00bbshow_content\u00bb:true,\u00bbshow_hover_image\u00bb:true,\u00bbshow_hover_video\u00bb:true,\u00bbshow_image\u00bb:true,\u00bbshow_link\u00bb:true,\u00bbshow_meta\u00bb:true,\u00bbshow_title\u00bb:true,\u00bbshow_video\u00bb:true,\u00bbslidenav\u00bb:\u00bboutside\u00bb,\u00bbslidenav_breakpoint\u00bb:\u00bbxl\u00bb,\u00bbslidenav_margin\u00bb:\u00bbmedium\u00bb,\u00bbslidenav_outside_breakpoint\u00bb:\u00bbxl\u00bb,\u00bbslider_autoplay\u00bb:true,\u00bbslider_autoplay_interval\u00bb:\u00bb5″,\u00bbslider_autoplay_pause\u00bb:true,\u00bbslider_divider\u00bb:false,\u00bbslider_gap\u00bb:\u00bbdefault\u00bb,\u00bbslider_sets\u00bb:false,\u00bbslider_velocity\u00bb:\u00bb1″,\u00bbslider_width\u00bb:\u00bbfixed\u00bb,\u00bbslider_width_default\u00bb:\u00bb1-1″,\u00bbslider_width_large\u00bb:\u00bb1-3″,\u00bbslider_width_medium\u00bb:\u00bb1-3″,\u00bbtext_align\u00bb:\u00bbcenter\u00bb,\u00bbtitle_align\u00bb:\u00bbtop\u00bb,\u00bbtitle_element\u00bb:\u00bbh3″,\u00bbtitle_grid_breakpoint\u00bb:\u00bbm\u00bb,\u00bbtitle_grid_width\u00bb:\u00bb1-2″,\u00bbtitle_hover_style\u00bb:\u00bbreset\u00bb,\u00bbtitle_margin\u00bb:\u00bbremove\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbpanel-slider_item\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbPresentar a la comunidad Grancolombiana los servicios y recursos, tanto f\u00edsicos como electr\u00f3nicos, que ofrece la Biblioteca, en pro de apoyar los procesos de aprendizaje, investigaci\u00f3n y docencia.\u00bb,\u00bbimage\u00bb:\u00bbimages\/icon\/induccion-iconos-biblioteca.svg\u00bb,\u00bblink_text\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbpanel_style\u00bb:\u00bbcard-primary\u00bb,\u00bbtitle\u00bb:\u00bbInducci\u00f3n\u00bb}},{\u00abtype\u00bb:\u00bbpanel-slider_item\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbOrientar a los usuarios en la estructuraci\u00f3n de diferentes estrategias para realizar la b\u00fasqueda, recuperaci\u00f3n y evaluaci\u00f3n de informaci\u00f3n, en los recursos impresos y electr\u00f3nicos con los que cuenta la biblioteca de manera \u00f3ptima para facilitar resultados de mejor calidad y contenidos de mayor relevancia.\u00bb,\u00bbimage\u00bb:\u00bbimages\/icon\/estrategias-de-busqueda-iconos-biblioteca.svg\u00bb,\u00bblink_text\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbpanel_style\u00bb:\u00bbcard-default\u00bb,\u00bbtitle\u00bb:\u00bbEstrategias de B\u00fasqueda\u00bb}},{\u00abtype\u00bb:\u00bbpanel-slider_item\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbOrientar y asesorar a la comunidad Grancolombiana en el uso \u00e9tico de las fuentes de informaci\u00f3n, con el fin de generar autonom\u00eda en la citaci\u00f3n y referenciaci\u00f3n para la elaboraci\u00f3n de documentos acad\u00e9micos a trav\u00e9s de los recursos y herramientas ofrecidas por la biblioteca como: la Gu\u00eda Interactiva APA 7 ed., plantillas editables y gestores bibliogr\u00e1ficos.\u00bb,\u00bbimage\u00bb:\u00bbimages\/icon\/normas-APA-iconos-biblioteca.svg\u00bb,\u00bblink_text\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbpanel_style\u00bb:\u00bbtile-muted\u00bb,\u00bbtitle\u00bb:\u00bbNormas APA\u00bb}},{\u00abtype\u00bb:\u00bbpanel-slider_item\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbFormar a la comunidad de la Universidad La Gran Colombia en representaci\u00f3n de la informaci\u00f3n para optimizar y lograr una comunicaci\u00f3n eficaz, a trav\u00e9s del dise\u00f1o y elaboraci\u00f3n de piezas gr\u00e1ficas como: slides, infograf\u00edas, mapas conceptuales y p\u00f3ster cient\u00edfico, que apoyen los procesos de ense\u00f1anza-aprendizaje.\u00bb,\u00bbimage\u00bb:\u00bbimages\/icon\/clic-lab-iconos-biblioteca.svg\u00bb,\u00bblink_text\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbpanel_style\u00bb:\u00bbcard-primary\u00bb,\u00bbtitle\u00bb:\u00bbClicLab\u00bb}},{\u00abtype\u00bb:\u00bbpanel-slider_item\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbOrientar y asesorar a la comunidad Grancolombiana en el uso de los diferentes gestores de referencias bibliogr\u00e1ficas para la gesti\u00f3n y organizaci\u00f3n de las fuentes de informaci\u00f3n y las ventajas que facilitan estas herramientas para la citaci\u00f3n normalizada.\u00bb,\u00bbimage\u00bb:\u00bbimages\/icon\/icono-equipo-de-trabajo-biblioteca-u-la-gran-colombia.svg\u00bb,\u00bblink_text\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbpanel_style\u00bb:\u00bbcard-default\u00bb,\u00bbtitle\u00bb:\u00bbGestores Bibliogr\u00e1ficos\u00bb}}]},{\u00abtype\u00bb:\u00bbbutton\u00bb,\u00bbprops\u00bb:{\u00abcss\u00bb:\u00bb.el-element{\\n \\n padding-top: 20px;\\n\\n}\\n\\n@keyframes scaleInOut {\\n 0% {\\n transform: scale(1);\\n }\\n 50% {\\n transform: scale(1.1);\\n }\\n 100% {\\n transform: scale(1);\\n }\\n}\\n.uk-button{\\n animation: scaleInOut 3s infinite;\\n\\n}\\n\u00bb,\u00bbgrid_column_gap\u00bb:\u00bbsmall\u00bb,\u00bbgrid_row_gap\u00bb:\u00bbsmall\u00bb,\u00bbmargin\u00bb:\u00bbdefault\u00bb,\u00bbmargin_bottom\u00bb:\u00bbdefault\u00bb,\u00bbmargin_top\u00bb:\u00bbdefault\u00bb,\u00bbposition\u00bb:\u00bbrelative\u00bb,\u00bbposition_top\u00bb:\u00bb-50″,\u00bbtext_align\u00bb:\u00bbcenter\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbbutton_item\u00bb,\u00bbprops\u00bb:{\u00abbutton_style\u00bb:\u00bbprimary\u00bb,\u00bbcontent\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbdialog_layout\u00bb:\u00bbmodal\u00bb,\u00bbdialog_offcanvas_flip\u00bb:true,\u00bbicon\u00bb:\u00bbfile-text\u00bb,\u00bbicon_align\u00bb:\u00bbleft\u00bb,\u00bblink\u00bb:\u00bbhttps:\/\/forms.office.com\/pages\/responsepage.aspx?id=HXoOdoTqmE2jpLhvH5RF67pBhJjKJfpGsV6zTP0akIlUMVNVOU9SSVM4Q0U3WTY3TjJQQk1IRjBUMiQlQCN0PWcu\u00bb,\u00bblink_target\u00bb:\u00bbblank\u00bb,\u00bblink_title\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbyooessentials_access_conditions\u00bb:[],\u00bbyooessentials_access_mode\u00bb:\u00bbAND\u00bb}}]}]}]}]}],\u00bbversion\u00bb:\u00bb5.0.43″} –><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Formaci\u00f3n de usuarios En esta secci\u00f3n encontrar\u00e1 las sesiones de formaci\u00f3n programadas y disponibles. Explore el Plan de Formaci\u00f3n, revise los detalles de cada secci\u00f3n y agende la experiencia que mejor se integre a su proceso de aprendizaje. Plan de Formaci\u00f3n de Usuarios – Biblioteca UGC Plan de formaci\u00f3n Biblioteca Bienvenido al Plan de Formaci\u00f3n […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":936,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-938","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/pages\/938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/comments?post=938"}],"version-history":[{"count":3,"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/pages\/938\/revisions"}],"predecessor-version":[{"id":1097,"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/pages\/938\/revisions\/1097"}],"up":[{"embeddable":true,"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/pages\/936"}],"wp:attachment":[{"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/media?parent=938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

En esta secci\u00f3n encontrar\u00e1 las sesiones de formaci\u00f3n programadas y disponibles. Explore el Plan de Formaci\u00f3n, revise los detalles de cada secci\u00f3n y agende la experiencia que mejor se integre a su proceso de aprendizaje.<\/div>\n

\n
\n
\n
\n
\n Plan de Formaci\u00f3n de Usuarios – Biblioteca UGC<\/title><br \/>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.1.1\/css\/all.min.css\">\n<style>\n \/* --- CSS ENCAPSULADO (SCOPE) --- *\/\n #ugc-formacion-wrapper {\n font-family: 'Montserrat', sans-serif;\n color: #4A4A4A;\n width: 100%;\n max-width: 1300px;\n margin: 0 auto;\n padding: 20px;<\/p>\n<p> \/* Variables de Color UGC *\/\n --ugc-green: #9fbe37;\n --ugc-green-dark: #82be37;\n --ugc-text: #4A4A4A;\n --ugc-white: #ffffff;\n --ugc-gray-light: #f9f9f9;\n --ugc-disabled: #9ca3af;<\/p>\n<p> \/* Colores de Perfiles *\/\n --profile-estudiante: #9fbe37; \n --profile-docente: #e67e22; \n --profile-investigador: #8e44ad; \n --profile-administrativo: #2980b9; \n --profile-ia: #00897b; \/* Color para la nueva ruta IA *\/\n }<\/p>\n<p> #ugc-formacion-wrapper * { box-sizing: border-box; }\n #ugc-formacion-wrapper a { text-decoration: none; color: inherit; }\n #ugc-formacion-wrapper img { max-width: 100%; height: auto; display: block; }<\/p>\n<p> \/* --- 1. HEADER --- *\/\n .header-title {\n font-size: 42px;\n font-weight: 700;\n color: #000000 !important; \n text-align: center;\n margin-top: 40px;\n margin-bottom: 20px;\n line-height: 1.2;\n }<\/p>\n<p> .section-title {\n font-size: 32px;\n font-weight: 700;\n color: #000000 !important;\n text-align: center;\n margin-top: 60px;\n margin-bottom: 30px;\n position: relative;\n }<\/p>\n<p> .section-title::after {\n content: ''; display: block; width: 60px; height: 4px;\n background-color: var(--ugc-green); margin: 10px auto 0; border-radius: 2px;\n }<\/p>\n<p> .section-intro {\n font-size: 16px;\n line-height: 1.6;\n margin-bottom: 50px;\n text-align: center;\n max-width: 950px;\n margin-left: auto;\n margin-right: auto;\n color: #4A4A4A;\n }<\/p>\n<p> \/* --- 2. PERFILES --- *\/\n .profile-section { margin-bottom: 60px; }<\/p>\n<p> .profile-buttons-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 15px;\n margin-bottom: 0;\n width: 100%;\n }<\/p>\n<p> .profile-btn {\n padding: 15px 10px;\n font-family: 'Montserrat', sans-serif;\n font-size: 16px;\n font-weight: 600;\n text-align: center;\n color: white;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n height: 100%;\n }<\/p>\n<p> .profile-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.15); filter: brightness(1.1); }<\/p>\n<p> .profile-btn.active::after {\n content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);\n border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid; z-index: 10;\n }<\/p>\n<p> .btn-estudiante { background-color: var(--profile-estudiante); }\n .btn-estudiante.active::after { border-top-color: var(--profile-estudiante); }\n .btn-docente { background-color: var(--profile-docente); }\n .btn-docente.active::after { border-top-color: var(--profile-docente); }\n .btn-investigador { background-color: var(--profile-investigador); }\n .btn-investigador.active::after { border-top-color: var(--profile-investigador); }\n .btn-administrativo { background-color: var(--profile-administrativo); }\n .btn-administrativo.active::after { border-top-color: var(--profile-administrativo); }<\/p>\n<p> .profile-panels-container { position: relative; width: 100%; margin-top: 20px; }\n .profile-panel {\n display: none; background-color: #fff; border: 1px solid #eee;\n border-radius: 15px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n animation: fadeIn 0.4s ease-out;\n }\n .profile-panel.active { display: block; }<\/p>\n<p> #panel-estudiante { border-top: 4px solid var(--profile-estudiante); }\n #panel-docente { border-top: 4px solid var(--profile-docente); }\n #panel-investigador { border-top: 4px solid var(--profile-investigador); }\n #panel-administrativo { border-top: 4px solid var(--profile-administrativo); }<\/p>\n<p> .sessions-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }<\/p>\n<p> \/* --- TARJETA DE SESI\u00d3N --- *\/\n .session-card {\n background: var(--ugc-white); border-radius: 12px; padding: 25px 20px;\n display: flex; flex-direction: column; transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05); border: 1px solid #eee; height: 100%;\n justify-content: space-between;\n }\n .session-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); border-color: var(--ugc-green); }<\/p>\n<p> .tags-container { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 15px; justify-content: center; }\n .tag { font-size: 9px; font-weight: 700; text-transform: uppercase; padding: 4px 8px; border-radius: 4px; }<\/p>\n<p> .level-aprendiz { background-color: #fff3cd; color: #856404; border: 1px solid #ffeeba; }\n .level-intermedio { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }\n .level-experto { background-color: #e8daef; color: #6c3483; border: 1px solid #d2b4de; }\n .tag-cycle { background-color: #e0f2fe; color: #075985; border: 1px solid #bae6fd; }<\/p>\n<p> .session-icon { font-size: 32px; margin-bottom: 15px; text-align: center; color: var(--ugc-text); opacity: 0.8; }<\/p>\n<p> .session-card h4 { \n font-size: 14px; font-weight: 700; margin: 0 0 20px 0; \n color: var(--ugc-text); text-align: center; line-height: 1.4; \n flex-grow: 1; \n display: flex; align-items: center; justify-content: center;\n }<\/p>\n<p> .btn-solicitar {\n display: inline-flex; justify-content: center; align-items: center; gap: 8px;\n background-color: var(--ugc-green); color: white !important; text-decoration: none;\n padding: 10px 15px; border-radius: 50px; font-size: 13px; font-weight: 500;\n text-align: center; transition: all 0.3s ease;\n border: 2px solid var(--ugc-green); width: 100%;\n }\n .btn-solicitar:hover { background-color: var(--ugc-green-dark); border-color: var(--ugc-green-dark); }\n .btn-solicitar i { font-size: 12px; }<\/p>\n<p> .btn-mooc {\n background-color: #1a73e8;\n border-color: #1a73e8;\n }\n .btn-mooc:hover {\n background-color: #1765cf;\n border-color: #1765cf;\n }<\/p>\n<p> .btn-disabled {\n background-color: var(--ugc-disabled) !important;\n border-color: var(--ugc-disabled) !important;\n color: white !important;\n cursor: default; pointer-events: none;\n }<\/p>\n<p> \/* --- 3. RUTAS DE FORMACI\u00d3N (ACORDE\u00d3N DELGADO) --- *\/\n .routes-container { display: flex; flex-direction: column; gap: 10px; } <\/p>\n<p> .route-accordion-btn {\n width: 100%; display: flex; align-items: center; gap: 15px; padding: 12px 25px; \n font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600;\n color: white; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease;\n text-align: left;\n }\n .route-accordion-btn i { font-size: 20px; }\n .route-accordion-btn:hover { filter: brightness(1.1); }\n .route-accordion-btn::after {\n content: '\\f078'; font-family: \"Font Awesome 6 Free\"; font-weight: 900;\n margin-left: auto; font-size: 14px; transition: transform 0.3s;\n }\n .route-accordion-btn.active::after { transform: rotate(180deg); }<\/p>\n<p> .route-panel {\n max-height: 0;\n overflow: hidden;\n background-color: #fcfcfc;\n border: 1px solid #eee;\n border-top: none;\n border-radius: 0 0 12px 12px;\n transition: max-height 0.5s ease-out, padding 0.5s ease;\n padding: 0 20px;\n }\n .route-panel.open {\n max-height: 1500px;\n padding: 20px;\n }\n .route-panel .sessions-grid {\n grid-template-columns: repeat(4, 1fr);\n }<\/p>\n<p> \/* --- 4. FILTROS --- *\/\n .filter-controls { display: flex; justify-content: center; gap: 15px; margin-bottom: 40px; flex-wrap: wrap; }\n .btn-filter { padding: 10px 30px; background-color: transparent; border: 2px solid var(--ugc-green); color: var(--ugc-green); border-radius: 50px; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.3s ease; }\n .btn-filter:hover, .btn-filter.active { background-color: var(--ugc-green); color: white; }\n .filter-results { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\n .filter-item { display: none; animation: fadeIn 0.5s ease; }\n .filter-item.show { display: flex; }<\/p>\n<p> \/* --- 5. FOOTER --- *\/\n .formacion-footer {\n margin-top: 60px; padding: 30px; background-color: #f3f4f6;\n border-radius: 15px; border-left: 5px solid var(--ugc-green);\n }\n .formacion-footer h5 { font-size: 16px; font-weight: 700; margin: 0 0 15px 0; color: #000; }\n .formacion-footer ul { margin: 0; padding-left: 20px; }\n .formacion-footer li { font-size: 14px; line-height: 1.6; margin-bottom: 8px; color: #555; }\n .formacion-footer a { color: var(--ugc-green-dark); font-weight: 600; }<\/p>\n<p> @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }<\/p>\n<p> \/* --- RESPONSIVE --- *\/\n @media (max-width: 1024px) {\n .sessions-grid, .filter-results, .route-panel .sessions-grid { \n grid-template-columns: repeat(2, 1fr);\n }\n }\n @media (max-width: 768px) {\n .header-title { font-size: 32px; }\n .section-title { font-size: 28px; }\n .profile-buttons-grid { grid-template-columns: repeat(2, 1fr); }\n .sessions-grid, .filter-results, .route-panel .sessions-grid { \n grid-template-columns: 1fr;\n }\n .filter-controls { flex-direction: column; }\n .btn-filter { width: 100%; }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div id=\"ugc-formacion-wrapper\">\n<p> <\/p>\n<h1 class=\"header-title\">Plan de formaci\u00f3n Biblioteca<\/h1>\n<div class=\"section-intro\">\n<p><strong>Bienvenido al Plan de Formaci\u00f3n de Usuarios.<\/strong> Dise\u00f1amos experiencias de aprendizaje orientadas a fortalecer sus competencias en el <em style=\"color: #000000; font-weight: 500;\">uso de la informaci\u00f3n acad\u00e9mica y cient\u00edfica<\/em>. Este Plan de Formaci\u00f3n busca desarrollar habilidades informacionales, digitales y visuales en torno al ciclo de la informaci\u00f3n, contribuyendo a la preparaci\u00f3n integral de la comunidad acad\u00e9mica. Seleccione su perfil o nivel para comenzar.<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"profile-section\">\n<div class=\"profile-buttons-grid\">\n <button class=\"profile-btn btn-estudiante\" onclick=\"openProfile('estudiante', this)\"><br \/>\n <i class=\"fas fa-user-graduate\"><\/i> Estudiante<br \/>\n <\/button><br \/>\n <button class=\"profile-btn btn-docente\" onclick=\"openProfile('docente', this)\"><br \/>\n <i class=\"fas fa-chalkboard-teacher\"><\/i> Docente<br \/>\n <\/button><br \/>\n <button class=\"profile-btn btn-investigador\" onclick=\"openProfile('investigador', this)\"><br \/>\n <i class=\"fas fa-microscope\"><\/i> Investigador<br \/>\n <\/button><br \/>\n <button class=\"profile-btn btn-administrativo\" onclick=\"openProfile('administrativo', this)\"><br \/>\n <i class=\"fas fa-briefcase\"><\/i> Administrativo<br \/>\n <\/button>\n <\/div>\n<div class=\"profile-panels-container\">\n <\/p>\n<div id=\"panel-estudiante\" class=\"profile-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div>\n<div id=\"panel-docente\" class=\"profile-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div>\n<div id=\"panel-investigador\" class=\"profile-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div>\n<div id=\"panel-administrativo\" class=\"profile-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<p> <\/p>\n<h2 class=\"section-title\">Rutas de Formaci\u00f3n<\/h2>\n<div class=\"section-intro\">\n<p>Nuestras rutas de aprendizaje organizan la formaci\u00f3n en recorridos tem\u00e1ticos que responden a distintos momentos del trabajo acad\u00e9mico: desde los primeros acercamientos a la biblioteca hasta procesos de investigaci\u00f3n, escritura y uso estrat\u00e9gico de la inteligencia artificial. Explore cada ruta y descubra las sesiones que acompa\u00f1an su proceso formativo actual. Haga clic en una ruta para desplegar sus contenidos.<\/p>\n<\/p><\/div>\n<div class=\"routes-container\">\n <\/p>\n<div>\n <button class=\"route-accordion-btn\" style=\"background-color: var(--profile-estudiante);\"><i class=\"fas fa-seedling\"><\/i><span>Ruta: Primeros pasos<\/span><\/button><\/p>\n<div class=\"route-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div><\/div>\n<p> <\/p>\n<div>\n <button class=\"route-accordion-btn\" style=\"background-color: var(--profile-docente);\"><i class=\"fas fa-feather-alt\"><\/i><span>Ruta: Escritura acad\u00e9mica<\/span><\/button><\/p>\n<div class=\"route-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div><\/div>\n<p> <\/p>\n<div>\n <button class=\"route-accordion-btn\" style=\"background-color: var(--profile-investigador);\"><i class=\"fas fa-microscope\"><\/i><span>Ruta: Investigaci\u00f3n<\/span><\/button><\/p>\n<div class=\"route-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div><\/div>\n<p> <\/p>\n<div>\n <button class=\"route-accordion-btn\" style=\"background-color: var(--profile-ia);\"><i class=\"fas fa-robot\"><\/i><span>Ruta: Aplicando la IA<\/span><\/button><\/p>\n<div class=\"route-panel\">\n<div class=\"sessions-grid\"><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<p> <\/p>\n<h2 class=\"section-title\">Explora por Niveles<\/h2>\n<div class=\"section-intro\">\n<p>Navegue y filtre todas las sesiones disponibles seg\u00fan su nivel actual de experiencia. Esta vista le permite identificar r\u00e1pidamente las actividades dise\u00f1adas para fortalecer sus competencias desde un enfoque progresivo.<\/p>\n<\/p><\/div>\n<div class=\"filter-controls\">\n <button class=\"btn-filter active\" onclick=\"filterSelection('all')\">Todos<\/button><br \/>\n <button class=\"btn-filter\" onclick=\"filterSelection('aprendiz')\">Nivel Aprendiz<\/button><br \/>\n <button class=\"btn-filter\" onclick=\"filterSelection('intermedio')\">Nivel Intermedio<\/button><br \/>\n <button class=\"btn-filter\" onclick=\"filterSelection('experto')\">Nivel Experto<\/button>\n <\/div>\n<div class=\"filter-results\">\n \n <\/div>\n<p> <\/p>\n<div class=\"formacion-footer\">\n<h5>Recuerde:<\/h5>\n<ul>\n<li>Registrar su solicitud con al menos (2) dos d\u00edas h\u00e1biles de anticipaci\u00f3n.<\/li>\n<li>La solicitud ser\u00e1 confirmada de acuerdo con la disponibilidad, por medio de correo electr\u00f3nico.<\/li>\n<li>Si no puede asistir a la sesi\u00f3n programada, le solicitamos notificar de forma anticipada al correo <a href=\"mailto:formacion.biblioteca@ugc.edu.co\">formacion.biblioteca@ugc.edu.co<\/a> o v\u00eda WhatsApp al n\u00famero <a href=\"https:\/\/wa.me\/573204491607\" target=\"_blank\">+57 3204491607<\/a>.<\/li>\n<\/ul><\/div>\n<\/div>\n<p><br \/>\n<script>\n \/\/ L\u00d3GICA DE PERFILES\n function openProfile(profileName, btn) {\n const wrapper = document.getElementById('ugc-formacion-wrapper');\n const panels = wrapper.querySelectorAll('.profile-panel');\n const buttons = wrapper.querySelectorAll('.profile-btn');\n const targetPanel = document.getElementById('panel-' + profileName);<\/p>\n<p> if (btn.classList.contains('active')) {\n btn.classList.remove('active');\n targetPanel.classList.remove('active');\n return;\n }<\/p>\n<p> panels.forEach(p => p.classList.remove('active'));\n buttons.forEach(b => b.classList.remove('active'));<\/p>\n<p> btn.classList.add('active');\n targetPanel.classList.add('active');\n }<\/p>\n<p> document.addEventListener(\"DOMContentLoaded\", function() {\n const wrapper = document.getElementById('ugc-formacion-wrapper');<\/p>\n<p> \/\/ RUTAS (ACORDE\u00d3N EXCLUSIVO)\n const routeButtons = wrapper.querySelectorAll('.route-accordion-btn');\n routeButtons.forEach(button => {\n button.addEventListener('click', () => {\n const currentPanel = button.nextElementSibling;\n const wasActive = button.classList.contains('active');<\/p>\n<p> routeButtons.forEach(btn => {\n btn.classList.remove('active');\n const panel = btn.nextElementSibling;\n panel.classList.remove('open');\n panel.style.maxHeight = null;\n });<\/p>\n<p> if (!wasActive) {\n button.classList.add('active');\n currentPanel.classList.add('open');\n currentPanel.style.maxHeight = currentPanel.scrollHeight + \"px\";\n }\n });\n });<\/p>\n<p> \/\/ FILTROS\n window.filterSelection = function(c) {\n const items = wrapper.querySelectorAll(\".filter-item\");\n const btns = wrapper.querySelectorAll(\".btn-filter\");\n items.forEach(item => {\n if (c === 'all' || item.classList.contains(c)) item.classList.add(\"show\");\n else item.classList.remove(\"show\");\n });\n btns.forEach(btn => {\n btn.classList.remove(\"active\");\n if (btn.getAttribute('onclick').includes(c)) btn.classList.add(\"active\");\n });\n };<\/p>\n<p> \/\/ --- BASE DE DATOS DE SESIONES ---\n const allSessions = {\n 's1': { title: 'Inducci\u00f3n presencial: Espacios, servicios y recursos de la biblioteca', level: 'aprendiz', cycle: 'Identificar', icon: 'compass', disabled: false },\n 's2': { title: 'Inducci\u00f3n virtual: Recursos y servicios de la biblioteca', level: 'aprendiz', cycle: 'Identificar', icon: 'laptop-house', disabled: false, special: true },\n 's3': { title: 'Identificaci\u00f3n de la necesidad: Desde la pregunta de investigaci\u00f3n hasta el inicio de una b\u00fasqueda', level: 'aprendiz', cycle: 'Identificar', icon: 'question-circle', disabled: false },\n 's4': { title: 'Estrategias de b\u00fasqueda en bases de datos potenciadas con IA', level: 'aprendiz', cycle: 'Buscar', icon: 'search', disabled: false },\n 's5': { title: 'Estrategias de b\u00fasqueda en recursos no convencionales: IA, Web y Redes sociales', level: 'aprendiz', cycle: 'Buscar', icon: 'robot', disabled: false }, \/\/ ACTIVADA AHORA\n 's6': { title: 'Uso de gestor bibliogr\u00e1fico para la aplicaci\u00f3n de normas APA', level: 'intermedio', cycle: 'Organizar', icon: 'quote-right', disabled: false },\n 's7': { title: 'Uso de gestor bibliogr\u00e1fico para la revisi\u00f3n de la literatura cient\u00edfica', level: 'intermedio', cycle: 'Organizar', icon: 'book-reader', disabled: true },\n 's8': { title: 'Organizaci\u00f3n de la informaci\u00f3n en sistemas de Inteligencia Artificial', level: 'intermedio', cycle: 'Organizar', icon: 'database', disabled: true },\n 's9': { title: 'Evaluaci\u00f3n de fuentes y recursos de informaci\u00f3n mediado por IA', level: 'intermedio', cycle: 'Evaluar', icon: 'check-double', disabled: true },\n 's10': { title: 'Prompting: Personalizaci\u00f3n y uso de herramientas de IA', level: 'intermedio', cycle: 'Evaluar', icon: 'terminal', disabled: false },\n 's11': { title: 'Identidad digital: Creaci\u00f3n de perfiles y pautas de visibilidad', level: 'experto', cycle: 'Usar', icon: 'id-card', disabled: false },\n 's12': { title: 'Estrategias de difusi\u00f3n de informaci\u00f3n: Visibilidad cient\u00edfica e identidad digital', level: 'experto', cycle: 'Usar', icon: 'bullhorn', disabled: false },\n 's13': { title: 'Funciones ret\u00f3ricas de la cita: El arte de argumentar y persuadir con fuentes', level: 'experto', cycle: 'Usar', icon: 'comments', disabled: true },\n 's14': { title: 'Derechos de autor: patentes y creaciones originales', level: 'experto', cycle: 'Usar', icon: 'copyright', disabled: true },\n 's15': { title: 'Aplicando el Estilo APA en un documento acad\u00e9mico', level: 'experto', cycle: 'Usar', icon: 'pen-nib', disabled: false },\n 's16': { title: 'Interpretaci\u00f3n de informes Turnitin', level: 'experto', cycle: 'Usar', icon: 'clipboard-check', disabled: false },\n 's17': { title: 'Revisi\u00f3n norma APA en documentos acad\u00e9micos', level: 'experto', cycle: 'Usar', icon: 'glasses', disabled: false },\n 's18': { title: 'ClicLab (creaci\u00f3n de Slides, infograf\u00edas, Poster cient\u00edfico o Mapas conceptuales)', level: 'experto', cycle: 'Usar', icon: 'photo-video', disabled: false },\n };<\/p>\n<p> const contentMap = {\n estudiante: ['s1', 's2', 's3', 's4', 's5', 's6', 's7', 's8', 's9', 's10', 's13', 's14', 's15', 's17', 's18'],\n docente: ['s1', 's2', 's4', 's5', 's6', 's7', 's9', 's10', 's14', 's16'],\n investigador: ['s1', 's2', 's4', 's7', 's11', 's13', 's14'],\n administrativo: ['s1', 's2', 's4', 's6', 's15', 's18'],\n rutaPrimerosPasos: ['s1', 's2', 's3', 's15'],\n rutaEscrituraAcademica: ['s3', 's4', 's6', 's10', 's15', 's18'],\n rutaInvestigacion: ['s4', 's7', 's8', 's9', 's15'],\n rutaAplicandoIA: ['s10', 's18', 's5', 's8', 's9'],\n };<\/p>\n<p> function createSessionCard(sessionId) {\n const session = allSessions[sessionId];\n if (!session) return '';<\/p>\n<p> let buttonHtml;\n if (session.disabled) {\n buttonHtml = `<a href=\"#\" class=\"btn-solicitar btn-disabled\"><i class=\"fas fa-clock\"><\/i> \u00a1Pr\u00f3ximamente!<\/a>`;\n } else if (session.special) {\n buttonHtml = `<a href=\"https:\/\/educacionvirtual.ugc.edu.co\/enrol\/index.php?id=1330\" target=\"_blank\" class=\"btn-solicitar btn-mooc\"><i class=\"fas fa-rocket\"><\/i> Realice el MOOC<\/a>`;\n } else {\n buttonHtml = `<a href=\"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=HXoOdoTqmE2jpLhvH5RF67pBhJjKJfpGsV6zTP0akIlUMVNVOU9SSVM4Q0U3WTY3TjJQQk1IRjBUMiQlQCN0PWcu\" target=\"_blank\" class=\"btn-solicitar\"><i class=\"fas fa-calendar-check\"><\/i> Solicite su sesi\u00f3n<\/a>`;\n }<\/p>\n<p> return `<\/p>\n<div class=\"session-card\">\n<div class=\"tags-container\"><span class=\"tag level-${session.level}\">${session.level}<\/span><span class=\"tag tag-cycle\">${session.cycle}<\/span><\/div>\n<div class=\"session-icon\"><i class=\"fas fa-${session.icon}\"><\/i><\/div>\n<h4>${session.title}<\/h4>\n<p> ${buttonHtml}\n <\/p><\/div>\n<p> `;\n }<\/p>\n<p> \/\/ Llenar perfiles\n for (const profile in contentMap) {\n const panelGrid = wrapper.querySelector(`#panel-${profile} .sessions-grid`);\n if (panelGrid) {\n panelGrid.innerHTML = contentMap[profile].map(id => createSessionCard(id)).join('');\n }\n }<\/p>\n<p> \/\/ Llenar rutas\n const routes = ['rutaPrimerosPasos', 'rutaEscrituraAcademica', 'rutaInvestigacion', 'rutaAplicandoIA'];\n const routePanels = wrapper.querySelectorAll('.route-panel .sessions-grid');\n routePanels.forEach((panelGrid, index) => {\n if (routes[index]) {\n panelGrid.innerHTML = contentMap[routes[index]].map(id => createSessionCard(id)).join('');\n }\n });<\/p>\n<p> \/\/ Llenar filtro de niveles\n const filterResults = wrapper.querySelector('.filter-results');\n filterResults.innerHTML = Object.keys(allSessions).map(key => {\n const session = allSessions[key];\n let buttonHtml;\n if (session.disabled) {\n buttonHtml = `<a href=\"#\" class=\"btn-solicitar btn-disabled\"><i class=\"fas fa-clock\"><\/i> \u00a1Pr\u00f3ximamente!<\/a>`;\n } else if (session.special) {\n buttonHtml = `<a href=\"https:\/\/educacionvirtual.ugc.edu.co\/enrol\/index.php?id=1330\" target=\"_blank\" class=\"btn-solicitar btn-mooc\"><i class=\"fas fa-rocket\"><\/i> Realice el MOOC<\/a>`;\n } else {\n buttonHtml = `<a href=\"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=HXoOdoTqmE2jpLhvH5RF67pBhJjKJfpGsV6zTP0akIlUMVNVOU9SSVM4Q0U3WTY3TjJQQk1IRjBUMiQlQCN0PWcu\" target=\"_blank\" class=\"btn-solicitar\"><i class=\"fas fa-calendar-check\"><\/i> Solicite su sesi\u00f3n<\/a>`;\n }\n return `<\/p>\n<div class=\"session-card filter-item ${session.level} show\">\n<div class=\"tags-container\"><span class=\"tag level-${session.level}\">${session.level}<\/span><\/div>\n<div class=\"session-icon\"><i class=\"fas fa-${session.icon}\"><\/i><\/div>\n<h4>${session.title}<\/h4>\n<p> ${buttonHtml}\n <\/p><\/div>\n<p> `;\n }).join('');<\/p>\n<p> \/\/ Inicializar filtro\n filterSelection('all');\n });\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<p><br \/>\n\\n <link href=\\\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\\\" rel=\\\"stylesheet\\\">\\n <link rel=\\\"stylesheet\\\" href=\\\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.1.1\/css\/all.min.css\\\">\\n\\n <\/p>\n<style>\\n \/* --- CSS ENCAPSULADO (SCOPE) --- *\/\\n #ugc-formacion-wrapper {\\n font-family: 'Montserrat', sans-serif;\\n color: #4A4A4A;\\n width: 100%;\\n max-width: 1300px;\\n margin: 0 auto;\\n padding: 20px;\\n \\n \/* Variables de Color UGC *\/\\n --ugc-green: #9fbe37;\\n --ugc-green-dark: #82be37;\\n --ugc-text: #4A4A4A;\\n --ugc-white: #ffffff;\\n --ugc-gray-light: #f9f9f9;\\n --ugc-disabled: #9ca3af;\\n \\n \/* Colores de Perfiles *\/\\n --profile-estudiante: #9fbe37; \\n --profile-docente: #e67e22; \\n --profile-investigador: #8e44ad; \\n --profile-administrativo: #2980b9; \\n --profile-ia: #00897b; \/* Color para la nueva ruta IA *\/\\n }\\n\\n #ugc-formacion-wrapper * { box-sizing: border-box; }\\n #ugc-formacion-wrapper a { text-decoration: none; color: inherit; }\\n #ugc-formacion-wrapper img { max-width: 100%; height: auto; display: block; }\\n\\n \/* --- 1. HEADER --- *\/\\n .header-title {\\n font-size: 42px;\\n font-weight: 700;\\n color: #000000 !important; \\n text-align: center;\\n margin-top: 40px;\\n margin-bottom: 20px;\\n line-height: 1.2;\\n }\\n\\n .section-title {\\n font-size: 32px;\\n font-weight: 700;\\n color: #000000 !important;\\n text-align: center;\\n margin-top: 60px;\\n margin-bottom: 30px;\\n position: relative;\\n }\\n \\n .section-title::after {\\n content: ''; display: block; width: 60px; height: 4px;\\n background-color: var(--ugc-green); margin: 10px auto 0; border-radius: 2px;\\n }\\n\\n .section-intro {\\n font-size: 16px;\\n line-height: 1.6;\\n margin-bottom: 50px;\\n text-align: center;\\n max-width: 950px;\\n margin-left: auto;\\n margin-right: auto;\\n color: #4A4A4A;\\n }\\n\\n \/* --- 2. PERFILES --- *\/\\n .profile-section { margin-bottom: 60px; }\\n\\n .profile-buttons-grid {\\n display: grid;\\n grid-template-columns: repeat(4, 1fr);\\n gap: 15px;\\n margin-bottom: 0;\\n width: 100%;\\n }\\n\\n .profile-btn {\\n padding: 15px 10px;\\n font-family: 'Montserrat', sans-serif;\\n font-size: 16px;\\n font-weight: 600;\\n text-align: center;\\n color: white;\\n border: none;\\n border-radius: 50px;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\\n position: relative;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n gap: 10px;\\n height: 100%;\\n }\\n\\n .profile-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.15); filter: brightness(1.1); }\\n \\n .profile-btn.active::after {\\n content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);\\n border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid; z-index: 10;\\n }\\n\\n .btn-estudiante { background-color: var(--profile-estudiante); }\\n .btn-estudiante.active::after { border-top-color: var(--profile-estudiante); }\\n .btn-docente { background-color: var(--profile-docente); }\\n .btn-docente.active::after { border-top-color: var(--profile-docente); }\\n .btn-investigador { background-color: var(--profile-investigador); }\\n .btn-investigador.active::after { border-top-color: var(--profile-investigador); }\\n .btn-administrativo { background-color: var(--profile-administrativo); }\\n .btn-administrativo.active::after { border-top-color: var(--profile-administrativo); }\\n\\n .profile-panels-container { position: relative; width: 100%; margin-top: 20px; }\\n .profile-panel {\\n display: none; background-color: #fff; border: 1px solid #eee;\\n border-radius: 15px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);\\n animation: fadeIn 0.4s ease-out;\\n }\\n .profile-panel.active { display: block; }\\n\\n #panel-estudiante { border-top: 4px solid var(--profile-estudiante); }\\n #panel-docente { border-top: 4px solid var(--profile-docente); }\\n #panel-investigador { border-top: 4px solid var(--profile-investigador); }\\n #panel-administrativo { border-top: 4px solid var(--profile-administrativo); }\\n\\n .sessions-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\\n\\n \/* --- TARJETA DE SESI\u00d3N --- *\/\\n .session-card {\\n background: var(--ugc-white); border-radius: 12px; padding: 25px 20px;\\n display: flex; flex-direction: column; transition: all 0.3s ease;\\n box-shadow: 0 4px 10px rgba(0,0,0,0.05); border: 1px solid #eee; height: 100%;\\n justify-content: space-between;\\n }\\n .session-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); border-color: var(--ugc-green); }\\n\\n .tags-container { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 15px; justify-content: center; }\\n .tag { font-size: 9px; font-weight: 700; text-transform: uppercase; padding: 4px 8px; border-radius: 4px; }\\n \\n .level-aprendiz { background-color: #fff3cd; color: #856404; border: 1px solid #ffeeba; }\\n .level-intermedio { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }\\n .level-experto { background-color: #e8daef; color: #6c3483; border: 1px solid #d2b4de; }\\n .tag-cycle { background-color: #e0f2fe; color: #075985; border: 1px solid #bae6fd; }\\n\\n .session-icon { font-size: 32px; margin-bottom: 15px; text-align: center; color: var(--ugc-text); opacity: 0.8; }\\n \\n .session-card h4 { \\n font-size: 14px; font-weight: 700; margin: 0 0 20px 0; \\n color: var(--ugc-text); text-align: center; line-height: 1.4; \\n flex-grow: 1; \\n display: flex; align-items: center; justify-content: center;\\n }\\n\\n .btn-solicitar {\\n display: inline-flex; justify-content: center; align-items: center; gap: 8px;\\n background-color: var(--ugc-green); color: white !important; text-decoration: none;\\n padding: 10px 15px; border-radius: 50px; font-size: 13px; font-weight: 500;\\n text-align: center; transition: all 0.3s ease;\\n border: 2px solid var(--ugc-green); width: 100%;\\n }\\n .btn-solicitar:hover { background-color: var(--ugc-green-dark); border-color: var(--ugc-green-dark); }\\n .btn-solicitar i { font-size: 12px; }\\n\\n .btn-mooc {\\n background-color: #1a73e8;\\n border-color: #1a73e8;\\n }\\n .btn-mooc:hover {\\n background-color: #1765cf;\\n border-color: #1765cf;\\n }\\n\\n .btn-disabled {\\n background-color: var(--ugc-disabled) !important;\\n border-color: var(--ugc-disabled) !important;\\n color: white !important;\\n cursor: default; pointer-events: none;\\n }\\n\\n \/* --- 3. RUTAS DE FORMACI\u00d3N (ACORDE\u00d3N DELGADO) --- *\/\\n .routes-container { display: flex; flex-direction: column; gap: 10px; } \\n\\n .route-accordion-btn {\\n width: 100%; display: flex; align-items: center; gap: 15px; padding: 12px 25px; \\n font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600;\\n color: white; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease;\\n text-align: left;\\n }\\n .route-accordion-btn i { font-size: 20px; }\\n .route-accordion-btn:hover { filter: brightness(1.1); }\\n .route-accordion-btn::after {\\n content: '\\\\f078'; font-family: \\\"Font Awesome 6 Free\\\"; font-weight: 900;\\n margin-left: auto; font-size: 14px; transition: transform 0.3s;\\n }\\n .route-accordion-btn.active::after { transform: rotate(180deg); }\\n\\n .route-panel {\\n max-height: 0;\\n overflow: hidden;\\n background-color: #fcfcfc;\\n border: 1px solid #eee;\\n border-top: none;\\n border-radius: 0 0 12px 12px;\\n transition: max-height 0.5s ease-out, padding 0.5s ease;\\n padding: 0 20px;\\n }\\n .route-panel.open {\\n max-height: 1500px;\\n padding: 20px;\\n }\\n .route-panel .sessions-grid {\\n grid-template-columns: repeat(4, 1fr);\\n }\\n\\n \/* --- 4. FILTROS --- *\/\\n .filter-controls { display: flex; justify-content: center; gap: 15px; margin-bottom: 40px; flex-wrap: wrap; }\\n .btn-filter { padding: 10px 30px; background-color: transparent; border: 2px solid var(--ugc-green); color: var(--ugc-green); border-radius: 50px; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.3s ease; }\\n .btn-filter:hover, .btn-filter.active { background-color: var(--ugc-green); color: white; }\\n .filter-results { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\\n .filter-item { display: none; animation: fadeIn 0.5s ease; }\\n .filter-item.show { display: flex; }\\n\\n \/* --- 5. FOOTER --- *\/\\n .formacion-footer {\\n margin-top: 60px; padding: 30px; background-color: #f3f4f6;\\n border-radius: 15px; border-left: 5px solid var(--ugc-green);\\n }\\n .formacion-footer h5 { font-size: 16px; font-weight: 700; margin: 0 0 15px 0; color: #000; }\\n .formacion-footer ul { margin: 0; padding-left: 20px; }\\n .formacion-footer li { font-size: 14px; line-height: 1.6; margin-bottom: 8px; color: #555; }\\n .formacion-footer a { color: var(--ugc-green-dark); font-weight: 600; }\\n\\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\\n\\n \/* --- RESPONSIVE --- *\/\\n @media (max-width: 1024px) {\\n .sessions-grid, .filter-results, .route-panel .sessions-grid { \\n grid-template-columns: repeat(2, 1fr);\\n }\\n }\\n @media (max-width: 768px) {\\n .header-title { font-size: 32px; }\\n .section-title { font-size: 28px; }\\n .profile-buttons-grid { grid-template-columns: repeat(2, 1fr); }\\n .sessions-grid, .filter-results, .route-panel .sessions-grid { \\n grid-template-columns: 1fr;\\n }\\n .filter-controls { flex-direction: column; }\\n .btn-filter { width: 100%; }\\n }\\n <\/style>\n<p>\\n<\/head>\\n<body>\\n\\n<\/p>\n<div id=\\\"ugc-formacion-wrapper\\\">\\n\\n \\n <\/p>\n<h1 class=\\\"header-title\\\">Plan de formaci\u00f3n Biblioteca<\/h1>\n<p>\\n \\n <\/p>\n<div class=\\\"section-intro\\\">\\n <\/p>\n<p><strong>Bienvenido al Plan de Formaci\u00f3n de Usuarios.<\/strong> Dise\u00f1amos experiencias de aprendizaje orientadas a fortalecer sus competencias en el <em style=\\\"color: #000000; font-weight: 500;\\\">uso de la informaci\u00f3n acad\u00e9mica y cient\u00edfica<\/em>. Este Plan de Formaci\u00f3n busca desarrollar habilidades informacionales, digitales y visuales en torno al ciclo de la informaci\u00f3n, contribuyendo a la preparaci\u00f3n integral de la comunidad acad\u00e9mica. Seleccione su perfil o nivel para comenzar.<\/p>\n<p>\\n <\/p><\/div>\n<p>\\n\\n \\n <\/p>\n<div class=\\\"profile-section\\\">\\n \\n <\/p>\n<div class=\\\"profile-buttons-grid\\\">\\n <button class=\\\"profile-btn btn-estudiante\\\" onclick=\\\"openProfile('estudiante', this)\\\">\\n <i class=\\\"fas fa-user-graduate\\\"><\/i> Estudiante\\n <\/button>\\n <button class=\\\"profile-btn btn-docente\\\" onclick=\\\"openProfile('docente', this)\\\">\\n <i class=\\\"fas fa-chalkboard-teacher\\\"><\/i> Docente\\n <\/button>\\n <button class=\\\"profile-btn btn-investigador\\\" onclick=\\\"openProfile('investigador', this)\\\">\\n <i class=\\\"fas fa-microscope\\\"><\/i> Investigador\\n <\/button>\\n <button class=\\\"profile-btn btn-administrativo\\\" onclick=\\\"openProfile('administrativo', this)\\\">\\n <i class=\\\"fas fa-briefcase\\\"><\/i> Administrativo\\n <\/button>\\n <\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"profile-panels-container\\\">\\n \\n <\/p>\n<div id=\\\"panel-estudiante\\\" class=\\\"profile-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p>\n<div id=\\\"panel-docente\\\" class=\\\"profile-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p>\n<div id=\\\"panel-investigador\\\" class=\\\"profile-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p>\n<div id=\\\"panel-administrativo\\\" class=\\\"profile-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n \\n <\/p>\n<h2 class=\\\"section-title\\\">Rutas de Formaci\u00f3n<\/h2>\n<p>\\n <\/p>\n<div class=\\\"section-intro\\\">\\n <\/p>\n<p>Nuestras rutas de aprendizaje organizan la formaci\u00f3n en recorridos tem\u00e1ticos que responden a distintos momentos del trabajo acad\u00e9mico: desde los primeros acercamientos a la biblioteca hasta procesos de investigaci\u00f3n, escritura y uso estrat\u00e9gico de la inteligencia artificial. Explore cada ruta y descubra las sesiones que acompa\u00f1an su proceso formativo actual. Haga clic en una ruta para desplegar sus contenidos.<\/p>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"routes-container\\\">\\n \\n <\/p>\n<div>\\n <button class=\\\"route-accordion-btn\\\" style=\\\"background-color: var(--profile-estudiante);\\\"><i class=\\\"fas fa-seedling\\\"><\/i><span>Ruta: Primeros pasos<\/span><\/button>\\n <\/p>\n<div class=\\\"route-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n \\n <\/p>\n<div>\\n <button class=\\\"route-accordion-btn\\\" style=\\\"background-color: var(--profile-docente);\\\"><i class=\\\"fas fa-feather-alt\\\"><\/i><span>Ruta: Escritura acad\u00e9mica<\/span><\/button>\\n <\/p>\n<div class=\\\"route-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n \\n <\/p>\n<div>\\n <button class=\\\"route-accordion-btn\\\" style=\\\"background-color: var(--profile-investigador);\\\"><i class=\\\"fas fa-microscope\\\"><\/i><span>Ruta: Investigaci\u00f3n<\/span><\/button>\\n <\/p>\n<div class=\\\"route-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n \\n <\/p>\n<div>\\n <button class=\\\"route-accordion-btn\\\" style=\\\"background-color: var(--profile-ia);\\\"><i class=\\\"fas fa-robot\\\"><\/i><span>Ruta: Aplicando la IA<\/span><\/button>\\n <\/p>\n<div class=\\\"route-panel\\\">\n<div class=\\\"sessions-grid\\\"><\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n \\n <\/p>\n<h2 class=\\\"section-title\\\">Explora por Niveles<\/h2>\n<p>\\n <\/p>\n<div class=\\\"section-intro\\\">\\n <\/p>\n<p>Navegue y filtre todas las sesiones disponibles seg\u00fan su nivel actual de experiencia. Esta vista le permite identificar r\u00e1pidamente las actividades dise\u00f1adas para fortalecer sus competencias desde un enfoque progresivo.<\/p>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"filter-controls\\\">\\n <button class=\\\"btn-filter active\\\" onclick=\\\"filterSelection('all')\\\">Todos<\/button>\\n <button class=\\\"btn-filter\\\" onclick=\\\"filterSelection('aprendiz')\\\">Nivel Aprendiz<\/button>\\n <button class=\\\"btn-filter\\\" onclick=\\\"filterSelection('intermedio')\\\">Nivel Intermedio<\/button>\\n <button class=\\\"btn-filter\\\" onclick=\\\"filterSelection('experto')\\\">Nivel Experto<\/button>\\n <\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"filter-results\\\">\\n \\n <\/div>\n<p>\\n\\n \\n <\/p>\n<div class=\\\"formacion-footer\\\">\\n <\/p>\n<h5>Recuerde:<\/h5>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Registrar su solicitud con al menos (2) dos d\u00edas h\u00e1biles de anticipaci\u00f3n.<\/li>\n<p>\\n <\/p>\n<li>La solicitud ser\u00e1 confirmada de acuerdo con la disponibilidad, por medio de correo electr\u00f3nico.<\/li>\n<p>\\n <\/p>\n<li>Si no puede asistir a la sesi\u00f3n programada, le solicitamos notificar de forma anticipada al correo <a href=\\\"mailto:formacion.biblioteca@ugc.edu.co\\\">formacion.biblioteca@ugc.edu.co<\/a> o v\u00eda WhatsApp al n\u00famero <a href=\\\"https:\/\/wa.me\/573204491607\\\" target=\\\"_blank\\\">+57 3204491607<\/a>.<\/li>\n<p>\\n <\/ul>\n<p>\\n <\/p><\/div>\n<p>\\n\\n<\/p><\/div>\n<p>\\n\\n\\n<script>\\n \/\/ L\u00d3GICA DE PERFILES\\n function openProfile(profileName, btn) {\\n const wrapper = document.getElementById('ugc-formacion-wrapper');\\n const panels = wrapper.querySelectorAll('.profile-panel');\\n const buttons = wrapper.querySelectorAll('.profile-btn');\\n const targetPanel = document.getElementById('panel-' + profileName);\\n\\n if (btn.classList.contains('active')) {\\n btn.classList.remove('active');\\n targetPanel.classList.remove('active');\\n return;\\n }\\n\\n panels.forEach(p => p.classList.remove('active'));\\n buttons.forEach(b => b.classList.remove('active'));\\n\\n btn.classList.add('active');\\n targetPanel.classList.add('active');\\n }\\n\\n document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n const wrapper = document.getElementById('ugc-formacion-wrapper');\\n\\n \/\/ RUTAS (ACORDE\u00d3N EXCLUSIVO)\\n const routeButtons = wrapper.querySelectorAll('.route-accordion-btn');\\n routeButtons.forEach(button => {\\n button.addEventListener('click', () => {\\n const currentPanel = button.nextElementSibling;\\n const wasActive = button.classList.contains('active');\\n \\n routeButtons.forEach(btn => {\\n btn.classList.remove('active');\\n const panel = btn.nextElementSibling;\\n panel.classList.remove('open');\\n panel.style.maxHeight = null;\\n });\\n\\n if (!wasActive) {\\n button.classList.add('active');\\n currentPanel.classList.add('open');\\n currentPanel.style.maxHeight = currentPanel.scrollHeight + \\\"px\\\";\\n }\\n });\\n });\\n\\n \/\/ FILTROS\\n window.filterSelection = function(c) {\\n const items = wrapper.querySelectorAll(\\\".filter-item\\\");\\n const btns = wrapper.querySelectorAll(\\\".btn-filter\\\");\\n items.forEach(item => {\\n if (c === 'all' || item.classList.contains(c)) item.classList.add(\\\"show\\\");\\n else item.classList.remove(\\\"show\\\");\\n });\\n btns.forEach(btn => {\\n btn.classList.remove(\\\"active\\\");\\n if (btn.getAttribute('onclick').includes(c)) btn.classList.add(\\\"active\\\");\\n });\\n };\\n \\n \/\/ --- BASE DE DATOS DE SESIONES ---\\n const allSessions = {\\n 's1': { title: 'Inducci\u00f3n presencial: Espacios, servicios y recursos de la biblioteca', level: 'aprendiz', cycle: 'Identificar', icon: 'compass', disabled: false },\\n 's2': { title: 'Inducci\u00f3n virtual: Recursos y servicios de la biblioteca', level: 'aprendiz', cycle: 'Identificar', icon: 'laptop-house', disabled: false, special: true },\\n 's3': { title: 'Identificaci\u00f3n de la necesidad: Desde la pregunta de investigaci\u00f3n hasta el inicio de una b\u00fasqueda', level: 'aprendiz', cycle: 'Identificar', icon: 'question-circle', disabled: false },\\n 's4': { title: 'Estrategias de b\u00fasqueda en bases de datos potenciadas con IA', level: 'aprendiz', cycle: 'Buscar', icon: 'search', disabled: false },\\n 's5': { title: 'Estrategias de b\u00fasqueda en recursos no convencionales: IA, Web y Redes sociales', level: 'aprendiz', cycle: 'Buscar', icon: 'robot', disabled: false }, \/\/ ACTIVADA AHORA\\n 's6': { title: 'Uso de gestor bibliogr\u00e1fico para la aplicaci\u00f3n de normas APA', level: 'intermedio', cycle: 'Organizar', icon: 'quote-right', disabled: false },\\n 's7': { title: 'Uso de gestor bibliogr\u00e1fico para la revisi\u00f3n de la literatura cient\u00edfica', level: 'intermedio', cycle: 'Organizar', icon: 'book-reader', disabled: true },\\n 's8': { title: 'Organizaci\u00f3n de la informaci\u00f3n en sistemas de Inteligencia Artificial', level: 'intermedio', cycle: 'Organizar', icon: 'database', disabled: true },\\n 's9': { title: 'Evaluaci\u00f3n de fuentes y recursos de informaci\u00f3n mediado por IA', level: 'intermedio', cycle: 'Evaluar', icon: 'check-double', disabled: true },\\n 's10': { title: 'Prompting: Personalizaci\u00f3n y uso de herramientas de IA', level: 'intermedio', cycle: 'Evaluar', icon: 'terminal', disabled: false },\\n 's11': { title: 'Identidad digital: Creaci\u00f3n de perfiles y pautas de visibilidad', level: 'experto', cycle: 'Usar', icon: 'id-card', disabled: false },\\n 's12': { title: 'Estrategias de difusi\u00f3n de informaci\u00f3n: Visibilidad cient\u00edfica e identidad digital', level: 'experto', cycle: 'Usar', icon: 'bullhorn', disabled: false },\\n 's13': { title: 'Funciones ret\u00f3ricas de la cita: El arte de argumentar y persuadir con fuentes', level: 'experto', cycle: 'Usar', icon: 'comments', disabled: true },\\n 's14': { title: 'Derechos de autor: patentes y creaciones originales', level: 'experto', cycle: 'Usar', icon: 'copyright', disabled: true },\\n 's15': { title: 'Aplicando el Estilo APA en un documento acad\u00e9mico', level: 'experto', cycle: 'Usar', icon: 'pen-nib', disabled: false },\\n 's16': { title: 'Interpretaci\u00f3n de informes Turnitin', level: 'experto', cycle: 'Usar', icon: 'clipboard-check', disabled: false },\\n 's17': { title: 'Revisi\u00f3n norma APA en documentos acad\u00e9micos', level: 'experto', cycle: 'Usar', icon: 'glasses', disabled: false },\\n 's18': { title: 'ClicLab (creaci\u00f3n de Slides, infograf\u00edas, Poster cient\u00edfico o Mapas conceptuales)', level: 'experto', cycle: 'Usar', icon: 'photo-video', disabled: false },\\n };\\n\\n const contentMap = {\\n estudiante: ['s1', 's2', 's3', 's4', 's5', 's6', 's7', 's8', 's9', 's10', 's13', 's14', 's15', 's17', 's18'],\\n docente: ['s1', 's2', 's4', 's5', 's6', 's7', 's9', 's10', 's14', 's16'],\\n investigador: ['s1', 's2', 's4', 's7', 's11', 's13', 's14'],\\n administrativo: ['s1', 's2', 's4', 's6', 's15', 's18'],\\n rutaPrimerosPasos: ['s1', 's2', 's3', 's15'],\\n rutaEscrituraAcademica: ['s3', 's4', 's6', 's10', 's15', 's18'],\\n rutaInvestigacion: ['s4', 's7', 's8', 's9', 's15'],\\n rutaAplicandoIA: ['s10', 's18', 's5', 's8', 's9'],\\n };\\n\\n function createSessionCard(sessionId) {\\n const session = allSessions[sessionId];\\n if (!session) return '';\\n \\n let buttonHtml;\\n if (session.disabled) {\\n buttonHtml = `<a href=\\\"#\\\" class=\\\"btn-solicitar btn-disabled\\\"><i class=\\\"fas fa-clock\\\"><\/i> \u00a1Pr\u00f3ximamente!<\/a>`;\\n } else if (session.special) {\\n buttonHtml = `<a href=\\\"https:\/\/educacionvirtual.ugc.edu.co\/enrol\/index.php?id=1330\\\" target=\\\"_blank\\\" class=\\\"btn-solicitar btn-mooc\\\"><i class=\\\"fas fa-rocket\\\"><\/i> Realice el MOOC<\/a>`;\\n } else {\\n buttonHtml = `<a href=\\\"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=HXoOdoTqmE2jpLhvH5RF67pBhJjKJfpGsV6zTP0akIlUMVNVOU9SSVM4Q0U3WTY3TjJQQk1IRjBUMiQlQCN0PWcu\\\" target=\\\"_blank\\\" class=\\\"btn-solicitar\\\"><i class=\\\"fas fa-calendar-check\\\"><\/i> Solicite su sesi\u00f3n<\/a>`;\\n }\\n\\n return `\\n <\/p>\n<div class=\\\"session-card\\\">\\n <\/p>\n<div class=\\\"tags-container\\\"><span class=\\\"tag level-${session.level}\\\">${session.level}<\/span><span class=\\\"tag tag-cycle\\\">${session.cycle}<\/span><\/div>\n<p>\\n <\/p>\n<div class=\\\"session-icon\\\"><i class=\\\"fas fa-${session.icon}\\\"><\/i><\/div>\n<p>\\n <\/p>\n<h4>${session.title}<\/h4>\n<p>\\n ${buttonHtml}\\n <\/p><\/div>\n<p>\\n `;\\n }\\n\\n \/\/ Llenar perfiles\\n for (const profile in contentMap) {\\n const panelGrid = wrapper.querySelector(`#panel-${profile} .sessions-grid`);\\n if (panelGrid) {\\n panelGrid.innerHTML = contentMap[profile].map(id => createSessionCard(id)).join('');\\n }\\n }\\n\\n \/\/ Llenar rutas\\n const routes = ['rutaPrimerosPasos', 'rutaEscrituraAcademica', 'rutaInvestigacion', 'rutaAplicandoIA'];\\n const routePanels = wrapper.querySelectorAll('.route-panel .sessions-grid');\\n routePanels.forEach((panelGrid, index) => {\\n if (routes[index]) {\\n panelGrid.innerHTML = contentMap[routes[index]].map(id => createSessionCard(id)).join('');\\n }\\n });\\n \\n \/\/ Llenar filtro de niveles\\n const filterResults = wrapper.querySelector('.filter-results');\\n filterResults.innerHTML = Object.keys(allSessions).map(key => {\\n const session = allSessions[key];\\n let buttonHtml;\\n if (session.disabled) {\\n buttonHtml = `<a href=\\\"#\\\" class=\\\"btn-solicitar btn-disabled\\\"><i class=\\\"fas fa-clock\\\"><\/i> \u00a1Pr\u00f3ximamente!<\/a>`;\\n } else if (session.special) {\\n buttonHtml = `<a href=\\\"https:\/\/educacionvirtual.ugc.edu.co\/enrol\/index.php?id=1330\\\" target=\\\"_blank\\\" class=\\\"btn-solicitar btn-mooc\\\"><i class=\\\"fas fa-rocket\\\"><\/i> Realice el MOOC<\/a>`;\\n } else {\\n buttonHtml = `<a href=\\\"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=HXoOdoTqmE2jpLhvH5RF67pBhJjKJfpGsV6zTP0akIlUMVNVOU9SSVM4Q0U3WTY3TjJQQk1IRjBUMiQlQCN0PWcu\\\" target=\\\"_blank\\\" class=\\\"btn-solicitar\\\"><i class=\\\"fas fa-calendar-check\\\"><\/i> Solicite su sesi\u00f3n<\/a>`;\\n }\\n return `\\n <\/p>\n<div class=\\\"session-card filter-item ${session.level} show\\\">\\n <\/p>\n<div class=\\\"tags-container\\\"><span class=\\\"tag level-${session.level}\\\">${session.level}<\/span><\/div>\n<p>\\n <\/p>\n<div class=\\\"session-icon\\\"><i class=\\\"fas fa-${session.icon}\\\"><\/i><\/div>\n<p>\\n <\/p>\n<h4>${session.title}<\/h4>\n<p>\\n ${buttonHtml}\\n <\/p><\/div>\n<p>\\n `;\\n }).join('');\\n \\n \/\/ Inicializar filtro\\n filterSelection('all');\\n });\\n<\/script>\\n\\n<\/body>\\n<\/html>\u00ab}}]}]}]},{\u00abtype\u00bb:\u00bbsection\u00bb,\u00bbprops\u00bb:{\u00abanimation\u00bb:\u00bbslide-bottom-medium\u00bb,\u00bbanimation_delay\u00bb:\u00bb200″,\u00bbimage_position\u00bb:\u00bbcenter-center\u00bb,\u00bbpadding_remove_bottom\u00bb:true,\u00bbstatus\u00bb:\u00bbdisabled\u00bb,\u00bbstyle\u00bb:\u00bbmuted\u00bb,\u00bbtitle_breakpoint\u00bb:\u00bbxl\u00bb,\u00bbtitle_position\u00bb:\u00bbtop-left\u00bb,\u00bbtitle_rotation\u00bb:\u00bbleft\u00bb,\u00bbvertical_align\u00bb:\u00bbmiddle\u00bb,\u00bbwidth\u00bb:\u00bblarge\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbrow\u00bb,\u00bbprops\u00bb:{\u00abcolumn_gap\u00bb:\u00bblarge\u00bb,\u00bblayout\u00bb:\u00bb1-2,1-2″,\u00bbmargin\u00bb:\u00bbxlarge\u00bb,\u00bbrow_gap\u00bb:\u00bblarge\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbcolumn\u00bb,\u00bbprops\u00bb:{\u00abimage_position\u00bb:\u00bbcenter-center\u00bb,\u00bbposition_sticky_breakpoint\u00bb:\u00bbm\u00bb,\u00bbwidth_medium\u00bb:\u00bb1-2″},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbimage\u00bb,\u00bbprops\u00bb:{\u00abimage\u00bb:\u00bbhttps:\/\/www.ugc.edu.co\/biblioteca\/images\/galeria\/Captura.png\u00bb,\u00bbimage_box_decoration\u00bb:\u00bbprimary\u00bb,\u00bbimage_svg_color\u00bb:\u00bbemphasis\u00bb,\u00bbimage_svg_inline\u00bb:false,\u00bbimage_width\u00bb:\u00bb850″,\u00bbmargin\u00bb:\u00bbdefault\u00bb,\u00bbmargin_bottom\u00bb:\u00bbdefault\u00bb,\u00bbmargin_top\u00bb:\u00bbdefault\u00bb,\u00bbtext_align\u00bb:\u00bbcenter\u00bb}}]},{\u00abtype\u00bb:\u00bbcolumn\u00bb,\u00bbprops\u00bb:{\u00abimage_position\u00bb:\u00bbcenter-center\u00bb,\u00bbposition_sticky_breakpoint\u00bb:\u00bbm\u00bb,\u00bbwidth_medium\u00bb:\u00bb1-2″},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbheadline\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbPlan de formaci\u00f3n Biblioteca\u00bb,\u00bbimage_align\u00bb:\u00bbleft\u00bb,\u00bbimage_margin\u00bb:\u00bbxsmall\u00bb,\u00bbposition\u00bb:\u00bbrelative\u00bb,\u00bbposition_bottom\u00bb:\u00bb-110″,\u00bbtitle_color\u00bb:\u00bbprimary\u00bb,\u00bbtitle_element\u00bb:\u00bbh1″,\u00bbtitle_font_family\u00bb:\u00bbprimary\u00bb,\u00bbtitle_style\u00bb:\u00bbh2″}},{\u00abtype\u00bb:\u00bbtext\u00bb,\u00bbprops\u00bb:{\u00abcolumn_breakpoint\u00bb:\u00bbm\u00bb,\u00bbcontent\u00bb:\u00bbLa biblioteca cuenta con un plan de formaci\u00f3n que tiene como prop\u00f3sito fortalecer las habilidades informacionales en la comunidad de la Universidad La Gran Colombia en los procesos de b\u00fasqueda, evaluaci\u00f3n y uso \u00e9tico, enmarcados en la alfabetizaci\u00f3n informacional, as\u00ed como en la innovaci\u00f3n para la presentaci\u00f3n de informaci\u00f3n por medio de sesiones de formaci\u00f3n y asesor\u00edas.\\n\u00bb,\u00bbmargin\u00bb:\u00bbdefault\u00bb,\u00bbmargin_bottom\u00bb:\u00bbdefault\u00bb,\u00bbmargin_top\u00bb:\u00bbdefault\u00bb,\u00bbposition\u00bb:\u00bbrelative\u00bb,\u00bbposition_bottom\u00bb:\u00bb-150″}}]}]}]},{\u00abtype\u00bb:\u00bbsection\u00bb,\u00bbprops\u00bb:{\u00abimage_position\u00bb:\u00bbcenter-center\u00bb,\u00bbstatus\u00bb:\u00bbdisabled\u00bb,\u00bbstyle\u00bb:\u00bbmuted\u00bb,\u00bbtitle_breakpoint\u00bb:\u00bbxl\u00bb,\u00bbtitle_position\u00bb:\u00bbtop-left\u00bb,\u00bbtitle_rotation\u00bb:\u00bbleft\u00bb,\u00bbvertical_align\u00bb:\u00bbmiddle\u00bb,\u00bbwidth\u00bb:\u00bblarge\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbrow\u00bb,\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbcolumn\u00bb,\u00bbprops\u00bb:{\u00abimage_position\u00bb:\u00bbcenter-center\u00bb,\u00bbposition_sticky_breakpoint\u00bb:\u00bbm\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbheadline\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbRecuerde:\u00bb,\u00bbimage_align\u00bb:\u00bbleft\u00bb,\u00bbimage_margin\u00bb:\u00bbxsmall\u00bb,\u00bbtext_align\u00bb:\u00bbleft\u00bb,\u00bbtitle_color\u00bb:\u00bbprimary\u00bb,\u00bbtitle_element\u00bb:\u00bbh6″,\u00bbtitle_font_family\u00bb:\u00bbprimary\u00bb,\u00bbtitle_style\u00bb:\u00bbh4″}},{\u00abtype\u00bb:\u00bbtext\u00bb,\u00bbprops\u00bb:{\u00abcolumn_breakpoint\u00bb:\u00bbm\u00bb,\u00bbcontent\u00bb:\u00bb- Registrar su solicitud con al menos (2) dos d\u00edas h\u00e1biles de anticipaci\u00f3n.<br \/>\\n- La solicitud ser\u00e1 confirmada de acuerdo con la disponibilidad, por medio de correo electr\u00f3nico.<br \/>\\n- Si no puede asistir a la sesi\u00f3n programada, le solicitamos enviar un mensaje de forma anticipada o al correo <b>bibliotecavirtual@ugc.edu.co, o bibliotecasevicios@ugc.edu.co solicitando su cancelaci\u00f3n o reprogramaci\u00f3n.<\/b> \u00ab,\u00bbmargin\u00bb:\u00bbdefault\u00bb,\u00bbmargin_bottom\u00bb:\u00bbdefault\u00bb,\u00bbmargin_top\u00bb:\u00bbdefault\u00bb}},{\u00abtype\u00bb:\u00bbpanel-slider\u00bb,\u00bbprops\u00bb:{\u00abcontent_align\u00bb:false,\u00bbcontent_column_breakpoint\u00bb:\u00bbm\u00bb,\u00bbcontent_margin\u00bb:\u00bbsmall\u00bb,\u00bbicon_width\u00bb:\u00bb70″,\u00bbimage_align\u00bb:\u00bbtop\u00bb,\u00bbimage_grid_breakpoint\u00bb:\u00bbm\u00bb,\u00bbimage_grid_width\u00bb:\u00bb1-2″,\u00bbimage_svg_color\u00bb:\u00bbemphasis\u00bb,\u00bblink_margin\u00bb:\u00bbsmall\u00bb,\u00bblink_style\u00bb:\u00bbdefault\u00bb,\u00bblink_target\u00bb:true,\u00bblink_text\u00bb:\u00bbRead more\u00bb,\u00bbmargin\u00bb:\u00bbdefault\u00bb,\u00bbmargin_bottom\u00bb:\u00bbdefault\u00bb,\u00bbmargin_remove_bottom\u00bb:true,\u00bbmargin_top\u00bb:\u00bbdefault\u00bb,\u00bbmeta_align\u00bb:\u00bbbelow-title\u00bb,\u00bbmeta_element\u00bb:\u00bbdiv\u00bb,\u00bbmeta_style\u00bb:\u00bbmeta\u00bb,\u00bbnav\u00bb:\u00bbdotnav\u00bb,\u00bbnav_align\u00bb:\u00bbcenter\u00bb,\u00bbnav_breakpoint\u00bb:\u00bbs\u00bb,\u00bbnav_color\u00bb:\u00bblight\u00bb,\u00bbnav_margin\u00bb:\u00bblarge\u00bb,\u00bbpanel_card_match\u00bb:true,\u00bbpanel_match\u00bb:true,\u00bbshow_content\u00bb:true,\u00bbshow_hover_image\u00bb:true,\u00bbshow_hover_video\u00bb:true,\u00bbshow_image\u00bb:true,\u00bbshow_link\u00bb:true,\u00bbshow_meta\u00bb:true,\u00bbshow_title\u00bb:true,\u00bbshow_video\u00bb:true,\u00bbslidenav\u00bb:\u00bboutside\u00bb,\u00bbslidenav_breakpoint\u00bb:\u00bbxl\u00bb,\u00bbslidenav_margin\u00bb:\u00bbmedium\u00bb,\u00bbslidenav_outside_breakpoint\u00bb:\u00bbxl\u00bb,\u00bbslider_autoplay\u00bb:true,\u00bbslider_autoplay_interval\u00bb:\u00bb5″,\u00bbslider_autoplay_pause\u00bb:true,\u00bbslider_divider\u00bb:false,\u00bbslider_gap\u00bb:\u00bbdefault\u00bb,\u00bbslider_sets\u00bb:false,\u00bbslider_velocity\u00bb:\u00bb1″,\u00bbslider_width\u00bb:\u00bbfixed\u00bb,\u00bbslider_width_default\u00bb:\u00bb1-1″,\u00bbslider_width_large\u00bb:\u00bb1-3″,\u00bbslider_width_medium\u00bb:\u00bb1-3″,\u00bbtext_align\u00bb:\u00bbcenter\u00bb,\u00bbtitle_align\u00bb:\u00bbtop\u00bb,\u00bbtitle_element\u00bb:\u00bbh3″,\u00bbtitle_grid_breakpoint\u00bb:\u00bbm\u00bb,\u00bbtitle_grid_width\u00bb:\u00bb1-2″,\u00bbtitle_hover_style\u00bb:\u00bbreset\u00bb,\u00bbtitle_margin\u00bb:\u00bbremove\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbpanel-slider_item\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbPresentar a la comunidad Grancolombiana los servicios y recursos, tanto f\u00edsicos como electr\u00f3nicos, que ofrece la Biblioteca, en pro de apoyar los procesos de aprendizaje, investigaci\u00f3n y docencia.\u00bb,\u00bbimage\u00bb:\u00bbimages\/icon\/induccion-iconos-biblioteca.svg\u00bb,\u00bblink_text\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbpanel_style\u00bb:\u00bbcard-primary\u00bb,\u00bbtitle\u00bb:\u00bbInducci\u00f3n\u00bb}},{\u00abtype\u00bb:\u00bbpanel-slider_item\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbOrientar a los usuarios en la estructuraci\u00f3n de diferentes estrategias para realizar la b\u00fasqueda, recuperaci\u00f3n y evaluaci\u00f3n de informaci\u00f3n, en los recursos impresos y electr\u00f3nicos con los que cuenta la biblioteca de manera \u00f3ptima para facilitar resultados de mejor calidad y contenidos de mayor relevancia.\u00bb,\u00bbimage\u00bb:\u00bbimages\/icon\/estrategias-de-busqueda-iconos-biblioteca.svg\u00bb,\u00bblink_text\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbpanel_style\u00bb:\u00bbcard-default\u00bb,\u00bbtitle\u00bb:\u00bbEstrategias de B\u00fasqueda\u00bb}},{\u00abtype\u00bb:\u00bbpanel-slider_item\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbOrientar y asesorar a la comunidad Grancolombiana en el uso \u00e9tico de las fuentes de informaci\u00f3n, con el fin de generar autonom\u00eda en la citaci\u00f3n y referenciaci\u00f3n para la elaboraci\u00f3n de documentos acad\u00e9micos a trav\u00e9s de los recursos y herramientas ofrecidas por la biblioteca como: la Gu\u00eda Interactiva APA 7 ed., plantillas editables y gestores bibliogr\u00e1ficos.\u00bb,\u00bbimage\u00bb:\u00bbimages\/icon\/normas-APA-iconos-biblioteca.svg\u00bb,\u00bblink_text\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbpanel_style\u00bb:\u00bbtile-muted\u00bb,\u00bbtitle\u00bb:\u00bbNormas APA\u00bb}},{\u00abtype\u00bb:\u00bbpanel-slider_item\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbFormar a la comunidad de la Universidad La Gran Colombia en representaci\u00f3n de la informaci\u00f3n para optimizar y lograr una comunicaci\u00f3n eficaz, a trav\u00e9s del dise\u00f1o y elaboraci\u00f3n de piezas gr\u00e1ficas como: slides, infograf\u00edas, mapas conceptuales y p\u00f3ster cient\u00edfico, que apoyen los procesos de ense\u00f1anza-aprendizaje.\u00bb,\u00bbimage\u00bb:\u00bbimages\/icon\/clic-lab-iconos-biblioteca.svg\u00bb,\u00bblink_text\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbpanel_style\u00bb:\u00bbcard-primary\u00bb,\u00bbtitle\u00bb:\u00bbClicLab\u00bb}},{\u00abtype\u00bb:\u00bbpanel-slider_item\u00bb,\u00bbprops\u00bb:{\u00abcontent\u00bb:\u00bbOrientar y asesorar a la comunidad Grancolombiana en el uso de los diferentes gestores de referencias bibliogr\u00e1ficas para la gesti\u00f3n y organizaci\u00f3n de las fuentes de informaci\u00f3n y las ventajas que facilitan estas herramientas para la citaci\u00f3n normalizada.\u00bb,\u00bbimage\u00bb:\u00bbimages\/icon\/icono-equipo-de-trabajo-biblioteca-u-la-gran-colombia.svg\u00bb,\u00bblink_text\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbpanel_style\u00bb:\u00bbcard-default\u00bb,\u00bbtitle\u00bb:\u00bbGestores Bibliogr\u00e1ficos\u00bb}}]},{\u00abtype\u00bb:\u00bbbutton\u00bb,\u00bbprops\u00bb:{\u00abcss\u00bb:\u00bb.el-element{\\n \\n padding-top: 20px;\\n\\n}\\n\\n@keyframes scaleInOut {\\n 0% {\\n transform: scale(1);\\n }\\n 50% {\\n transform: scale(1.1);\\n }\\n 100% {\\n transform: scale(1);\\n }\\n}\\n.uk-button{\\n animation: scaleInOut 3s infinite;\\n\\n}\\n\u00bb,\u00bbgrid_column_gap\u00bb:\u00bbsmall\u00bb,\u00bbgrid_row_gap\u00bb:\u00bbsmall\u00bb,\u00bbmargin\u00bb:\u00bbdefault\u00bb,\u00bbmargin_bottom\u00bb:\u00bbdefault\u00bb,\u00bbmargin_top\u00bb:\u00bbdefault\u00bb,\u00bbposition\u00bb:\u00bbrelative\u00bb,\u00bbposition_top\u00bb:\u00bb-50″,\u00bbtext_align\u00bb:\u00bbcenter\u00bb},\u00bbchildren\u00bb:[{\u00abtype\u00bb:\u00bbbutton_item\u00bb,\u00bbprops\u00bb:{\u00abbutton_style\u00bb:\u00bbprimary\u00bb,\u00bbcontent\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbdialog_layout\u00bb:\u00bbmodal\u00bb,\u00bbdialog_offcanvas_flip\u00bb:true,\u00bbicon\u00bb:\u00bbfile-text\u00bb,\u00bbicon_align\u00bb:\u00bbleft\u00bb,\u00bblink\u00bb:\u00bbhttps:\/\/forms.office.com\/pages\/responsepage.aspx?id=HXoOdoTqmE2jpLhvH5RF67pBhJjKJfpGsV6zTP0akIlUMVNVOU9SSVM4Q0U3WTY3TjJQQk1IRjBUMiQlQCN0PWcu\u00bb,\u00bblink_target\u00bb:\u00bbblank\u00bb,\u00bblink_title\u00bb:\u00bbAgende su sesi\u00f3n aqu\u00ed\u00bb,\u00bbyooessentials_access_conditions\u00bb:[],\u00bbyooessentials_access_mode\u00bb:\u00bbAND\u00bb}}]}]}]}]}],\u00bbversion\u00bb:\u00bb5.0.43″} –><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Formaci\u00f3n de usuarios En esta secci\u00f3n encontrar\u00e1 las sesiones de formaci\u00f3n programadas y disponibles. Explore el Plan de Formaci\u00f3n, revise los detalles de cada secci\u00f3n y agende la experiencia que mejor se integre a su proceso de aprendizaje. Plan de Formaci\u00f3n de Usuarios – Biblioteca UGC Plan de formaci\u00f3n Biblioteca Bienvenido al Plan de Formaci\u00f3n […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":936,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-938","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/pages\/938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/comments?post=938"}],"version-history":[{"count":3,"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/pages\/938\/revisions"}],"predecessor-version":[{"id":1097,"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/pages\/938\/revisions\/1097"}],"up":[{"embeddable":true,"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/pages\/936"}],"wp:attachment":[{"href":"https:\/\/ugc.edu.co\/biblioteca\/wp-json\/wp\/v2\/media?parent=938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}