Formaci\u00f3n Tecnopedag\u00f3gica - DEDEV<\/title>\r\n <link\r\n href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\"\r\n rel=\"stylesheet\"\r\n integrity=\"sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH\"\r\n crossorigin=\"anonymous\"\r\n \/>\r\n <link\r\n rel=\"stylesheet\"\r\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\"\r\n \/>\r\n <style>\r\n \/* Estilos CSS optimizados *\/\r\n :root {\r\n \/* Colores base DEDEV *\/\r\n --dedev-purple: #581271;\r\n --dedev-blue-dark: #21246a;\r\n --dedev-blue-medium: #3f51b5;\r\n --dedev-blue-light: #007bff;\r\n\r\n \/* Colores sem\u00e1nticos *\/\r\n --dedev-cyan-blue: #0099df;\r\n --dedev-neutral-gray: #6b6b6a;\r\n --dedev-info-purple: #581271;\r\n \/* Colores de hover *\/\r\n --dedev-cyan-blue-hover: #0077ba;\r\n --dedev-neutral-gray-hover: #4e4e4e;\r\n --dedev-info-purple-hover: #450f5a;\r\n \/* Sombras de tarjeta *\/\r\n --card-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\r\n --card-hover-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n body {\r\n font-family: \"Century Gothic\", CenturyGothic, AppleGothic, sans-serif;\r\n background-color: #f0f2f5;\r\n color: #333;\r\n }\r\n\r\n \/* Reestablece la fuente para los elementos del encabezado superior *\/\r\n .site-header-above-section-center,\r\n .site-header-above-section-center a,\r\n .site-header-above-section-center span,\r\n .site-header-above-section-center div {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif,\r\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\r\n \"Noto Color Emoji\";\r\n font-weight: normal;\r\n }\r\n\r\n \/* Ajustamos los pesos de la fuente para Century Gothic (Reglas generales) *\/\r\n h1, h2, h3, h4, h5, h6,\r\n.section-title,\r\n.subsection-title,\r\n.header-title,\r\n.main-nav-buttons .btn,\r\n.filter-btn.active,\r\n.curso-card .card-title,\r\n.microcredencial-content-box h4,\r\n.course-segment-title,\r\n.course-type-block h4, \/* Nuevo *\/\r\n.microcredential-route-block h4 \/* Nuevo *\/ {\r\n font-weight: bold;\r\n }\r\n\r\n .lead,\r\n .curso-card .card-meta,\r\n .curso-card .card-text-description,\r\n footer,\r\n .filter-btn,\r\n .curso-card .card-buttons .btn {\r\n font-weight: normal;\r\n }\r\n\r\n \/* --- ESTILOS CONSOLIDADOS PARA LOS BOTONES DE TARJETA (ALTA ESPECIFICIDAD) --- *\/\r\n \/* Se aplica a todos los botones dentro de .card-buttons *\/\r\n .card-buttons .btn {\r\n border-width: 1px;\r\n border-style: solid;\r\n border-radius: 6px;\r\n padding: 10px 20px;\r\n font-size: 0.95rem;\r\n font-weight: 900;\r\n \/* Negrita para todos los botones de tarjeta *\/\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n text-decoration: none !important;\r\n color: white; \/* Color blanco para todos los botones de tarjeta *\/\r\n transition: background-color 0.3s ease, border-color 0.3s ease,\r\n transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\r\n filter 0.3s ease;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n \/* Estilos espec\u00edficos para el bot\u00f3n \"Saber M\u00e1s\" *\/\r\n .card-buttons .btn-saber-mas, .card-buttons .btn-ver-conferencia {\r\n background-color: var(--dedev-info-purple);\r\n border-color: var(--dedev-info-purple);\r\n }\r\n .card-buttons .btn-saber-mas:hover, .card-buttons .btn-ver-conferencia:hover {\r\n background-color: var(--dedev-info-purple-hover);\r\n border-color: var(--dedev-info-purple-hover);\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);\r\n }\r\n .card-buttons .btn-saber-mas:active, .card-buttons .btn-ver-conferencia:active {\r\n background-color: var(--dedev-info-purple-hover);\r\n transform: translateY(1px);\r\n filter: none;\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);\r\n transition: transform 0.1s ease, filter 0.1s ease, box-shadow 0.1s ease;\r\n }\r\n .card-buttons .btn-saber-mas:focus, .card-buttons .btn-ver-conferencia:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(var(--dedev-info-purple-hover), 0.5);\r\n }\r\n\r\n \/* Estilos espec\u00edficos para el bot\u00f3n \"Ir al Curso\" *\/\r\n \/* Estilos para ambos: \"Ir al Curso\" e \"Ir al Taller\" *\/\r\n .card-buttons .btn-ir-curso,\r\n .card-buttons .btn-ir-taller {\r\n background-color: var(--dedev-cyan-blue);\r\n border-color: var(--dedev-cyan-blue);\r\n }\r\n\r\n .card-buttons .btn-ir-curso:hover,\r\n .card-buttons .btn-ir-taller:hover {\r\n background-color: var(--dedev-cyan-blue-hover);\r\n border-color: var(--dedev-cyan-blue-hover);\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .card-buttons .btn-ir-curso:active,\r\n .card-buttons .btn-ir-taller:active {\r\n background-color: var(--dedev-cyan-blue-hover);\r\n transform: translateY(1px);\r\n filter: none;\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);\r\n transition: transform 0.1s ease, filter 0.1s ease, box-shadow 0.1s ease;\r\n }\r\n\r\n .card-buttons .btn-ir-curso:focus,\r\n .card-buttons .btn-ir-taller:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(rgba(var(--dedev-cyan-blue-hover), 0.5));\r\n }\r\n\r\n \/* Estilos espec\u00edficos para el bot\u00f3n \"Solicitar\" *\/\r\n .card-buttons .btn-solicitar {\r\n background-color: var(--dedev-neutral-gray);\r\n border-color: var(--dedev-neutral-gray);\r\n }\r\n .card-buttons .btn-solicitar:hover {\r\n background-color: var(--dedev-neutral-gray-hover);\r\n border-color: var(--dedev-neutral-gray-hover);\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);\r\n }\r\n .card-buttons .btn-solicitar:active {\r\n background-color: var(--dedev-neutral-gray-hover);\r\n transform: translateY(1px);\r\n filter: none;\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);\r\n transition: transform 0.1s ease, filter 0.1s ease, box-shadow 0.1s ease;\r\n }\r\n .card-buttons .btn-solicitar:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(var(--dedev-neutral-gray-hover), 0.5);\r\n }\r\n\r\n \/* Estilos espec\u00edficos para el bot\u00f3n \"Ver conferencia\" *\/\r\n \/*.card-buttons .btn-ver-conferencia {\r\n background-color: var(--dedev-blue-medium);\r\n border-color: var(--dedev-cyan-blue);\r\n }\r\n .card-buttons .btn-ver-conferencia:hover {\r\n background-color: var(--dedev-cyan-blue-hover);\r\n border-color: var(--dedev-cyan-blue-hover);\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);\r\n }\r\n .card-buttons .btn-ver-conferencia:active {\r\n background-color: var(--dedev-cyan-blue-hover);\r\n transform: translateY(1px);\r\n filter: none;\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);\r\n transition: transform 0.1s ease, filter 0.1s ease, box-shadow 0.1s ease;\r\n }\r\n .card-buttons .btn-ver-conferencia:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(var(--dedev-cyan-blue-hover), 0.5);\r\n }*\/\r\n\r\n \/* Consideraciones para \u00edconos dentro de los botones *\/\r\n .card-buttons .btn .fas {\r\n font-size: 1.1em;\r\n margin-right: 0.5rem; \/* A\u00f1ade un margen a la derecha del \u00edcono *\/\r\n transition: transform 0.3s ease;\r\n }\r\n \/* Ejemplo de animaci\u00f3n de \u00edcono al pasar el mouse para los botones de tarjeta *\/\r\n .card-buttons .btn:hover .fas {\r\n transform: translateX(3px);\r\n }\r\n\r\n \/* --- REGLAS GENERALES Y DE DISE\u00d1O DE SECCIONES --- *\/\r\n .hidden {\r\n display: none !important;\r\n }\r\n\r\n .section-title {\r\n margin-top: 2.5rem;\r\n margin-bottom: 1.5rem;\r\n color: var(--dedev-blue-dark);\r\n font-weight: bold;\r\n position: relative;\r\n padding-bottom: 0.5rem;\r\n text-align: center;\r\n }\r\n .section-title::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 50%;\r\n bottom: 0;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background-color: var(--dedev-blue-medium);\r\n border-radius: 2px;\r\n }\r\n\r\n .subsection-title {\r\n font-weight: bold;\r\n margin-top: 2rem;\r\n margin-bottom: 1rem;\r\n color: var(--dedev-blue-medium);\r\n border-left: 5px solid var(--dedev-blue-medium);\r\n padding-left: 10px;\r\n margin-left: 1rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .section-description-text {\r\n \/* margin-left: 1rem;\r\n <--- DESCOMENTA ESTO para que la descripci\u00f3n empiece a la misma altura que el t\u00edtulo *\/\r\n margin-top: 0;\r\n margin-bottom: 1.5rem;\r\n color: black;\r\n font-size: 1.1rem; \/* Mant\u00e9n este tama\u00f1o para que sea claramente m\u00e1s peque\u00f1o que el t\u00edtulo *\/\r\n line-height: 1.1;\r\n \/* max-width: 700px; <--- SI QUIERES QUE ABARQUE M\u00c1S ANCHO, COMENTA O ELIMINA ESTA L\u00cdNEA *\/\r\n margin-left: 1rem;\r\n \/* Alinear a la izquierda con la misma sangr\u00eda del t\u00edtulo *\/\r\n margin-right: 1rem;\r\n \/* A\u00f1adir un margen derecho para que no se pegue al borde (opcional) *\/\r\n\r\n \/* A\u00d1ADE ESTO PARA LA L\u00cdNEA INFERIOR DE LA DESCRIPCI\u00d3N *\/\r\n border-bottom: 3px solid #dee2e6;\r\n \/* Un color gris claro similar al de la imagen *\/\r\n padding-bottom: 0.5rem;\r\n \/* Espacio entre el texto y la l\u00ednea *\/\r\n }\r\n\r\n \/* --- ESTILOS PARA EL HEADER Y NAV PERSONALIZADO --- *\/\r\n \/* HERO SECTION ACTUALIZADO *\/\r\n .hero-section {\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(33, 36, 106, 0.1),\r\n \/* Color base al inicio *\/ var(--dedev-blue-medium)\r\n \/* Color con opacidad al final *\/\r\n );\r\n background-size: cover;\r\n color: black;\r\n padding: 2.2rem 0;\r\n text-align: center;\r\n box-shadow: inset 0 -5px 15px rgba(0, 0, 0, 0.3);\r\n }\r\n .hero-section h1 {\r\n color: #000000;\r\n font-size: 3rem;\r\n margin-bottom: 1.5rem;\r\n font-weight: 600;\r\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\r\n }\r\n .hero-section p {\r\n font-size: 1.3rem;\r\n max-width: 800px;\r\n margin: 0 auto 1.2rem auto;\r\n opacity: 0.95;\r\n }\r\n\r\n \/* --- ESTILOS CONSOLIDADOS PARA EL NAV PRINCIPAL --- *\/\r\n .main-nav {\r\n \/* Fondo con gradiente sutil y sombra m\u00e1s pronunciada *\/\r\n background: var(--dedev-blue-medium);\r\n padding: 1rem 0;\r\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25); \/* Sombra m\u00e1s pronunciada *\/\r\n \/* position: sticky;\r\n top: 0;\r\n z-index: 1020;*\/\r\n border-bottom: 3px solid var(--dedev-blue-dark); \/* Borde inferior para definici\u00f3n *\/\r\n }\r\n\r\n .main-nav-buttons {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n \/* \u00a1NUEVO! Espaciado entre los botones *\/\r\n gap: 1.5rem; \/* Ajusta este valor (ej. 1rem, 2rem) para m\u00e1s o menos espacio *\/\r\n }\r\n\r\n .main-nav-buttons .btn {\r\n font-size: 1.1rem;\r\n padding: 0.8rem 1.8rem;\r\n border-radius: 0.75rem;\r\n font-weight: bold;\r\n \/* \u00a1NUEVO! Fondo inicial que da m\u00e1s presencia *\/\r\n background-color: var(\r\n --dedev-blue-dark\r\n ); \/* Un blanco muy sutil y transl\u00facido *\/\r\n color: white;\r\n \/* \u00a1NUEVO! Borde sutil pero visible *\/\r\n border: 2px solid rgba(255, 255, 255, 0.3); \/* Un borde transl\u00facido *\/\r\n transition: all 0.4s ease; \/* Transici\u00f3n m\u00e1s suave y larga *\/\r\n display: flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n justify-content: center;\r\n \/* \u00a1NUEVO! Sombra inicial para dar profundidad *\/\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n position: relative; \/* Necesario para el efecto de brillo *\/\r\n overflow: hidden; \/* Oculta el desbordamiento del brillo *\/\r\n }\r\n\r\n \/* Efecto de \"brillo\" al pasar el rat\u00f3n *\/\r\n .main-nav-buttons .btn::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.15); \/* Color de brillo *\/\r\n transform: skewX(-30deg); \/* \u00c1ngulo del brillo *\/\r\n transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1); \/* Transici\u00f3n compleja para efecto de brillo *\/\r\n z-index: 1;\r\n }\r\n\r\n .main-nav-buttons .btn:hover::before {\r\n left: 100%; \/* Mueve el brillo de izquierda a derecha *\/\r\n }\r\n\r\n .main-nav-buttons .btn:hover {\r\n \/* \u00a1MEJORADO! Cambio de color de fondo y borde al pasar el rat\u00f3n *\/\r\n background-color: var(--dedev-purple);\r\n border-color: var(--dedev-cyan-blue);\r\n \/* \u00a1MEJORADO! Levantamiento y escala m\u00e1s pronunciados *\/\r\n transform: translateY(-5px) scale(1.03); \/* Ligero levantamiento y escala *\/\r\n \/* \u00a1MEJORADO! Sombra m\u00e1s pronunciada al pasar el rat\u00f3n *\/\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);\r\n color: #fff; \/* Asegura el color del texto blanco en hover *\/\r\n }\r\n\r\n .main-nav-buttons .btn.active-section {\r\n background-color: var(--dedev-purple);\r\n border-color: var(\r\n --dedev-info-purple-hover\r\n ); \/* Un borde m\u00e1s definido para el activo *\/\r\n \/* \u00a1MEJORADO! Sombra interior y resplandor exterior m\u00e1s fuertes *\/\r\n box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5),\r\n 0 0 0 5px rgba(255, 255, 255, 0.4);\r\n \/* \u00a1MEJORADO! Ligeramente m\u00e1s grande cuando activo *\/\r\n transform: translateY(0) scale(1.05);\r\n cursor: default;\r\n font-size: 1.25rem; \/* Peque\u00f1o aumento de tama\u00f1o para el texto *\/\r\n color: white;\r\n pointer-events: none; \/* Deshabilita clics en el bot\u00f3n activo *\/\r\n }\r\n\r\n .main-nav-buttons .btn .fas {\r\n transition: transform 0.3s ease; \/* Transici\u00f3n para el \u00edcono *\/\r\n }\r\n\r\n .main-nav-buttons .btn:hover .fas {\r\n transform: scale(1.15); \/* Ligero aumento del \u00edcono al pasar el rat\u00f3n *\/\r\n }\r\n \/* --- ESTILOS PARA BOTONES DE FILTRO DE CATEGOR\u00cdA (en Cursos) --- *\/\r\n .filters .filter-btn {\r\n margin: 0.35rem;\r\n min-width: 120px;\r\n font-size: 0.95rem;\r\n padding: 0.6rem 1.2rem;\r\n border-radius: 0.5rem;\r\n background-color: #f0f2f5;\r\n color: var(--dedev-blue-dark);\r\n border: 3px solid #c9d2de;\r\n transition: all 0.2s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-weight: bold;\r\n }\r\n .filters .filter-btn:hover:not(.active) {\r\n background-color: #e2e6ea;\r\n border-color: #b0c0ce;\r\n transform: translateY(-1px);\r\n }\r\n .filter-btn.active {\r\n background-color: var(--dedev-cyan-blue);\r\n color: white;\r\n border-color: var(--dedev-cyan-blue);\r\n cursor: default;\r\n box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);\r\n font-weight: bold;\r\n transform: none;\r\n }\r\n .filter-btn:disabled {\r\n opacity: 0.6;\r\n cursor: not-allowed;\r\n }\r\n\r\n \/* Estilo del contador: Mini-P\u00edldora Enfocada *\/\r\n .filters .filter-btn .badge {\r\n \/* Tama\u00f1o del \"c\u00edrculo\" muy ajustado *\/\r\n font-size: 0.75em;\r\n \/* \u00a1M\u00e1s peque\u00f1o para el \"c\u00edrculo\" envolvente! *\/\r\n padding: 0.15em 0.5em;\r\n \/* Padding m\u00ednimo para que sea muy compacto *\/\r\n min-width: 1.2em;\r\n \/* Asegura un ancho m\u00ednimo para n\u00fameros de un d\u00edgito *\/\r\n min-height: 1.2em;\r\n \/* Asegura una altura m\u00ednima *\/\r\n display: inline-flex; \/* Para centrar el contenido perfectamente *\/\r\n align-items: center;\r\n \/* Centrado vertical *\/\r\n justify-content: center; \/* Centrado horizontal *\/\r\n\r\n border-radius: 999px;\r\n \/* Forma de p\u00edldora\/c\u00edrculo completa *\/\r\n\r\n background-color: #e0e0e0;\r\n \/* Un gris claro neutro y discreto *\/\r\n color: #333333;\r\n \/* Color de texto oscuro para alto contraste *\/\r\n\r\n margin-left: 0.4rem;\r\n \/* Espacio m\u00ednimo con el texto del bot\u00f3n *\/\r\n\r\n font-weight: 800;\r\n \/* \u00a1Extra Bold para que el n\u00famero resalte al m\u00e1ximo! *\/\r\n letter-spacing: -0.02em;\r\n \/* Ajuste sutil para que los n\u00fameros se vean m\u00e1s \"densos\" *\/\r\n\r\n transition: all 0.2s ease-in-out;\r\n \/* Transiciones suaves *\/\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\r\n \/* Sombra muy sutil para una peque\u00f1a elevaci\u00f3n *\/\r\n }\r\n\r\n .filter-btn.active .badge {\r\n background-color: #ffffff;\r\n \/* Blanco puro para el estado activo *\/\r\n color: #2196f3;\r\n \/* El color principal de tu marca o un azul vibrante *\/\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\r\n \/* Sombra m\u00e1s pronunciada al activarse *\/\r\n \/* NO transform: scale();\r\n si no quieres que el c\u00edrculo crezca en absoluto *\/\r\n }\r\n\r\n \/* --- ESTILOS PARA TARJETAS Y BOTONES --- *\/\r\n .curso-card .card {\r\n border: none;\r\n border-radius: 1rem;\r\n overflow: hidden;\r\n box-shadow: var(--card-shadow);\r\n transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: #ffffff;\r\n }\r\n .curso-card .card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--card-hover-shadow);\r\n }\r\n .curso-card .card-img-container {\r\n position: relative;\r\n width: 100%;\r\n padding-bottom: 75%;\r\n overflow: hidden;\r\n background-color: #e9ecef;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .curso-card .card-img-top {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n .curso-card .card:hover .card-img-top {\r\n transform: scale(1.03);\r\n }\r\n .curso-card .card-body {\r\n padding: 1.25rem;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n .curso-card .card-title {\r\n font-weight: bold;\r\n font-size: 1.25rem;\r\n margin-bottom: 0.75rem;\r\n color: #222;\r\n line-height: 1.3;\r\n \r\n }\r\n .curso-card .card-meta {\r\n font-size: 0.85rem;\r\n color: #6c757d;\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n }\r\n .curso-card .card-meta i {\r\n color: var(--dedev-blue-medium);\r\n }\r\n .curso-card .card-text-description {\r\n font-size: 0.95rem;\r\n color: #555;\r\n margin-bottom: 1rem;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n .curso-card .card-buttons {\r\n margin-top: auto;\r\n padding-top: 1rem;\r\n border-top: 1px solid #eee;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.75rem;\r\n }\r\n @media (min-width: 768px) {\r\n .curso-card .card-buttons {\r\n flex-direction: row;\r\n justify-content: center;\r\n }\r\n }\r\n .curso-card .card-buttons .btn {\r\n font-size: 0.95rem;\r\n padding: 0.7rem 1.2rem;\r\n border-radius: 0.5rem;\r\n width: 100%;\r\n text-align: center;\r\n min-width: 120px;\r\n transition: all 0.2s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n }\r\n @media (min-width: 768px) {\r\n .curso-card .card-buttons .btn {\r\n width: auto;\r\n }\r\n }\r\n\r\n \/* ESTILOS PARA SECCI\u00d3N DE MICROCREDENCIALES *\/\r\n .microcredencial-content-box {\r\n border: 1px solid #ddd;\r\n border-radius: 1rem;\r\n padding: 2rem;\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);\r\n background-color: #fff;\r\n margin-top: 1.5rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n .microcredencial-content-box h4 {\r\n color: var(--dedev-blue-dark);\r\n font-weight: bold;\r\n margin-bottom: 1.25rem;\r\n border-bottom: 2px solid var(--dedev-blue-medium);\r\n padding-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n }\r\n .microcredencial-content-box ul {\r\n list-style-type: disc;\r\n margin-left: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n .microcredencial-content-box ul li {\r\n margin-bottom: 0.6rem;\r\n line-height: 1.6;\r\n }\r\n .microcredencial-icon {\r\n display: block;\r\n margin: 2rem auto 1rem auto;\r\n max-width: 150px;\r\n height: auto;\r\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));\r\n }\r\n\r\n \/* --- Estilos para Bloques de Contenido Din\u00e1mico (Cursos) --- *\/\r\n .course-segment {\r\n border: 1px solid #e0e0e0;\r\n border-radius: 1rem;\r\n padding: 2rem;\r\n margin-bottom: 3rem;\r\n background-color: #ffffff;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\r\n }\r\n .course-segment-title {\r\n font-size: 1.8rem;\r\n color: var(--dedev-blue-dark);\r\n margin-bottom: 2rem;\r\n border-bottom: 3px solid var(--dedev-blue-medium);\r\n padding-bottom: 0.8rem;\r\n text-align: center;\r\n font-weight: bold;\r\n }\r\n .course-segment .row {\r\n margin-top: 2rem;\r\n }\r\n\r\n \/* Estilos para el mensaje de \"no hay contenido\" *\/\r\n .empty-message {\r\n text-align: center;\r\n padding: 3rem 0;\r\n color: #6c757d;\r\n font-size: 1.15rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n .empty-message i {\r\n font-size: 3rem;\r\n color: #ced4da;\r\n }\r\n\r\n \/* Estilos para el footer *\/\r\n footer {\r\n background-color: #212529;\r\n padding: 1.5rem 0;\r\n font-size: 0.9rem;\r\n color: #adb5bd;\r\n }\r\n\r\n \/* Nuevos estilos para los bloques \"Disponibles\" y \"A solicitud\" *\/\r\n \/* El .course-type-block ahora se usa para las secciones de Cursos, Diplomados, Talleres y Conferencias *\/\r\n \/* Cuando no son \"cursos\", no tendr\u00e1 los t\u00edtulos de \"Contenido Disponible\" o \"Contenido a Solicitud\" *\/\r\n .course-type-block,\r\n .microcredential-route-block {\r\n \/* Combinado para estilos base *\/\r\n margin-top: 2.5rem;\r\n margin-bottom: 2.5rem;\r\n padding: 1.5rem;\r\n border: 1px solid #e9ecef;\r\n border-radius: 0.75rem;\r\n background-color: #f8f9fa;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n }\r\n .course-type-block h4,\r\n .microcredential-route-block h4 {\r\n \/* Combinado para estilos de t\u00edtulo *\/\r\n font-size: 1.5rem;\r\n color: var(--dedev-blue-dark);\r\n margin-bottom: 1.5rem;\r\n border-bottom: 2px solid var(--dedev-blue-light);\r\n padding-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n font-weight: bold;\r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <header class=\"hero-section\">\r\n <div class=\"container text-center\">\r\n <h1>Formaci\u00f3n Tecnopedag\u00f3gica<\/h1>\r\n <p>\r\n Explora nuestras microcredenciales, cursos, diplomados, talleres y\r\n conferencias dise\u00f1ados para potenciar tus habilidades docentes en la\r\n era digital.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <nav class=\"main-nav\">\r\n <div\r\n class=\"container d-flex justify-content-center flex-wrap main-nav-buttons\"\r\n >\r\n <button class=\"btn\" data-section=\"micro\">\r\n <i class=\"fas fa-award me-2\"><\/i>Microcredenciales\r\n <\/button>\r\n <button class=\"btn\" data-section=\"cursos\">\r\n <i class=\"fas fa-book me-2\"><\/i>Cursos\r\n <\/button>\r\n <button class=\"btn\" data-section=\"diplomados\">\r\n <i class=\"fas fa-certificate me-2\"><\/i>Diplomados\r\n <\/button>\r\n <button class=\"btn\" data-section=\"talleres\">\r\n <i class=\"fas fa-chalkboard-teacher me-2\"><\/i>Talleres\r\n <\/button>\r\n <button class=\"btn\" data-section=\"conferencias\">\r\n <i class=\"fas fa-microphone me-2\"><\/i>Conferencias\r\n <\/button>\r\n <\/div>\r\n <\/nav>\r\n\r\n <div id=\"seccion-micro\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">\r\n <i class=\"fa-solid fa-award me-2\"><\/i> Formaci\u00f3n con Microcredenciales\r\n <\/h3>\r\n <div class=\"microcredencial-content-box text-start\">\r\n \r\n <p> \r\n \u00bfBuscas destacarte en el mundo acad\u00e9mico y profesional? impulsa tu desarrollo con el programa de formaci\u00f3n y capacitaci\u00f3n en modalidad de Microcredenciales Digitales Universitarias, una modalidad de aprendizaje innovadora, flexible y modular creada mediante Acuerdo de Rector\u00eda 0045-2025 para potenciar tus habilidades, certificar tus competencias y acelerar tu crecimiento profesional.\r\n<\/p>\r\n <h4>\r\n <i class=\"fas fa-info-circle\"><\/i> \u00bfQu\u00e9 son las Microcredenciales?\r\n <\/h4>\r\n <p>\r\n Una microcredencial es una certificaci\u00f3n que reconoce el dominio de un conjunto de habilidades o habilidad espec\u00edfica que se adquieren por medio de los programas de formaci\u00f3n y actualizaci\u00f3n con una duraci\u00f3n corta y que se crean para la adquisici\u00f3n de aprendizajes de manera formal, en fortalecimiento de la Pol\u00edtica de la Calidad Educativa y la Pol\u00edtica de Educaci\u00f3n a Distancia en Entornos Virtuales, ambas de la Universidad de San Carlos de Guatemala.\r\n\r\n <\/p>\r\n \r\n <p>\r\n De esta forma, podr\u00e1s especializarte en \u00e1reas clave, obtener reconocimiento oficial y enriquecer tu perfil con certificaciones flexibles, \u00e1giles y alineadas a las demandas actuales en cualquiera de los niveles del entorno laboral actual.\r\n\r\n\r\n <\/p>\r\n\r\n <h4><i class=\"fas fa-check-circle\"><\/i> \u00bfC\u00f3mo obtenerlas?<\/h4>\r\n <p>\r\n Puedes adquirir tus microcredenciales a trav\u00e9s de diferentes modalidades de estudio: presencial, no presencial, en cualquiera de sus modalidades (abierta, educaci\u00f3n a distancia como modelo instruccional, virtual, en l\u00ednea), garantizando as\u00ed que estudiantes, docentes y personal administrativo puedan acceder a estas certificaciones. Para facilitar su identificaci\u00f3n, todas nuestras opciones formativas que otorgan microcredenciales o que forman parte de una ruta de aprendizaje para conseguirlas, estar\u00e1n se\u00f1alizadas con un distintivo visual espec\u00edfico.\r\n\r\n <\/p>\r\n <h4><i class=\"fas fa-shield-alt\"><\/i> Validaci\u00f3n y emisi\u00f3n:<\/h4>\r\n <p>\r\n La validaci\u00f3n y emisi\u00f3n de estas microcredenciales ser\u00e1 coordinada por la Direcci\u00f3n General de Docencia, a trav\u00e9s de la Divisi\u00f3n de Educaci\u00f3n a Distancia en Entornos Virtuales (DEDEV) y la Divisi\u00f3n de Evaluaci\u00f3n y Acreditaci\u00f3n Institucional (DEAI). Estas certificaciones digitales contar\u00e1n con tecnolog\u00eda blockchain, que garantiza su autenticidad y respaldo, validando que quien la recibe ha adquirido efectivamente el aprendizaje o habilidad correspondiente.\r\n <\/p>\r\n \r\n <p>\r\n <b>\u00a1Mantente informado de nuestros procesos acad\u00e9micos y s\u00e9 parte de la evoluci\u00f3n en la educaci\u00f3n!<\/b>\r\n <\/p>\r\n <div class=\"text-center\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"seccion-cursos\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">\r\n <i class=\"fas fa-book-open me-2\"><\/i> Explora Nuestros Cursos\r\n <\/h3>\r\n <div class=\"filters text-center mb-5\" id=\"course-filters\">\r\n <button class=\"btn btn-secondary filter-btn\" data-filter=\"Todo\">\r\n <i class=\"fas fa-globe me-2\"><\/i>Todo <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button\r\n class=\"btn btn-secondary filter-btn\"\r\n data-filter=\"Microcredencial\"\r\n >\r\n <i class=\"fas fa-award me-2\"><\/i>Microcredencial\r\n <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button class=\"btn btn-secondary filter-btn\" data-filter=\"Moodle\">\r\n <i class=\"fas fa-graduation-cap me-2\"><\/i>Moodle\r\n <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button class=\"btn btn-secondary filter-btn\" data-filter=\"IA\">\r\n <i class=\"fas fa-robot me-2\"><\/i>IA <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button\r\n class=\"btn btn-secondary filter-btn\"\r\n data-filter=\"Productividad\"\r\n >\r\n <i class=\"fas fa-briefcase me-2\"><\/i>Productividad\r\n <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button class=\"btn btn-secondary filter-btn\" data-filter=\"Ofim\u00e1tica\">\r\n <i class=\"fas fa-file-alt me-2\"><\/i>Ofim\u00e1tica\r\n <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button class=\"btn btn-secondary filter-btn\" data-filter=\"Otros\">\r\n <i class=\"fas fa-ellipsis-h me-2\"><\/i>Otros\r\n <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <\/div>\r\n <div id=\"cursos-container\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"seccion-diplomados\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">\r\n <i class=\"fa-solid fa-user-graduate me-2\"><\/i> Diplomados\r\n <\/h3>\r\n <div id=\"diplomados-container\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"seccion-talleres\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\"><i class=\"fas fa-tools me-2\"><\/i> Talleres<\/h3>\r\n <div id=\"talleres-container\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"seccion-conferencias\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">\r\n <i class=\"fas fa-chalkboard-teacher me-2\"><\/i> Conferencias\r\n <\/h3>\r\n \r\n <div id=\"conferencias-container\"><\/div>\r\n <\/div>\r\n\r\n\r\n <script\r\n src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"\r\n integrity=\"sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz\"\r\n crossorigin=\"anonymous\"\r\n ><\/script>\r\n\r\n <script>\r\n \/\/ Datos de los cursos\r\n const coursesData = [\r\n {\r\n title: \"Edici\u00f3n 360 VIP\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/05\/Diseno-de-identificacion-CURSO-EDICION-360-2026-PW.jpg\",\r\n shortDescription:\r\n \"Curso avintermedio para dominar la postproducci\u00f3n audiovisual, transformando ideas creativas en videos de alto impacto y calidad profesional.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/edicion-360-vip\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=99\",\r\n },{\r\n title: \"FerIA: gr\u00e1ficos que impactan\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/Diseno-de-identificacion-CURSO-FERIA-2026-F.jpg\",\r\n shortDescription:\r\n \"Dise\u00f1a presentaciones interactivas, infograf\u00edas y gu\u00edas de estudio que faciliten la comprensi\u00f3n de contenidos complejos y promuevan una comunicaci\u00f3n efectiva.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/feria-graficos-que-impactan\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=97\",\r\n },{\r\n title: \"H5P en Moodle para la creaci\u00f3n de actividades interactivas\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/Diseno-de-identificacion-CURSO-H5P-2026-01.jpg\",\r\n shortDescription:\r\n \"Cree actividades interactivas con H5P en Moodle para fortalecer la participaci\u00f3n y dinamizar el aprendizaje en sus cursos virtuales educativos.\",\r\n category: \"Moodle\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/h5p-en-moodle-para-la-creacion-de-actividades-interactivas\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=96\",\r\n }, {\r\n title: \"Dise\u00f1o Did\u00e1ctico de Actividades con IA\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/Diseno-de-identificacion-CURSO-Diseno-Didactico-2026-01.jpg\",\r\n shortDescription:\r\n \"Las competencias pedag\u00f3gicas para dise\u00f1ar actividades alineadas con resultados de aprendizaje, mediante el uso \u00e9tico de herramientas de inteligencia artificial.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Avanzado\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/diseno-didactico-de-actividades-con-ia\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=93\",\r\n }, \r\n {\r\n title: \"EduTube: de espectador a creador\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/Diseno-de-identificacion-CURSO-EDUTUBE-WEB.jpg\",\r\n shortDescription:\r\n \"EduTube ense\u00f1a a planificar, crear y gestionar el material en video para uso educativo a nivel acad\u00e9mico, profesional.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/youtube-como-aliado-pedagogico-en-la-educacion-superior\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=92\",\r\n }, {\r\n title: \"Compartir y crear:el ABC del Derecho de Autor\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/02\/Diseno-de-identificacion-CURSO-ABC-DERECHOS-2026-01.jpg\",\r\n shortDescription:\r\n \"Curso especializado que capacita en derecho de autor y licencias abiertas para la gesti\u00f3n \u00e9tica de recursos educativos digitales.\",\r\n category: \"Otros\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/educacion-etica-y-derecho-de-autor-en-la-era-digital-una-responsabilidad-universitaria\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=95\",\r\n }, {\r\n title: \"Simuladores STEM\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/01\/Diseno-de-identificacion-CURSO-STEM-2026-01.jpg.jpeg\",\r\n shortDescription:\r\n \"Los simuladores virtuales permiten experimentar de manera aut\u00f3noma, para promover la exploraci\u00f3n, curiosidad cient\u00edfica y aplicaci\u00f3n de los conceptos te\u00f3ricos.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/simuladores-tecnologicos-experimentales-mate-fisica-stem\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=90\",\r\n },{\r\n title: \"EduCast: Tu gu\u00eda para podcasting\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-EDUCAST.jpg\",\r\n shortDescription:\r\n \"Este curso virtual autogestionable capacita a toda la comunidad universitaria de la USAC para crear, producir y publicar podcasts educativos en Spotify, fomentando experiencias de aprendizaje din\u00e1micas y conectadas con la comunidad universitaria.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/el-podcast-como-recurso-educativo-en-la-universidad\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n \/\/courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=84\",\r\n },\r\n {\r\n title: \"APPS para ciencias naturales\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-APPS-PARA-CC.NN_.jpg\",\r\n shortDescription:\r\n \"Este curso busca democratizar el acceso a la ciencia digital, ofreciendo a los participantes una caja de herramientas tecnol\u00f3gicas que enriquezcan la ense\u00f1anza, el aprendizaje y la comunicaci\u00f3n de las ciencias naturales en entornos virtuales.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"60 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/apps-y-recursos-para-ciencias-naturales-nivel-i\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Gesti\u00f3n del tiempo sin estr\u00e9s\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GESTION-DEL-TIEMPO.jpg\",\r\n shortDescription:\r\n \"Cuando gestionamos el tiempo con intenci\u00f3n, no solo somos m\u00e1s eficientes: tambi\u00e9n reducimos el estr\u00e9s, ganamos claridad mental y cultivamos espacios para el descanso, la creatividad y las relaciones. Es decir, mejoramos nuestra calidad de vida. \",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestion-del-tiempo-sin-estres\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"AULABOT: asistentes para el aprendizaje\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-AULABOT.jpg\",\r\n shortDescription:\r\n \"Un espacio formativo donde cada participante podr\u00e1 dise\u00f1ar y utilizar inteligencia artificial \u201cbots educativos\u201d que potencien sus actividades.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/aulabot-asistentes-para-el-aprendizaje\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },{\r\n title: \"Moodle avanzado\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-MOODLE-AVANZADO.jpg\",\r\n shortDescription:\r\n \"Integre herramientas de inteligencia artificial para personalizar el aprendizaje y ampliar las posibilidades de interacci\u00f3n en Moodle.\",\r\n category: \"MoodleR\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName: \"Ruta de Microcredencial: Moodle Avanzado\",\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Avanzado\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/moodle-avanzado-para-profesores\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Dise\u00f1o educativo innovador\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-DISENO-CURSO-EDUCATIVO-INNOVADOR.jpg\",\r\n shortDescription:\r\n \"Este curso est\u00e1 dise\u00f1ado para capacitar a los educadores en la creatividad y el pensamiento cr\u00edtico en sus pr\u00e1cticas pedag\u00f3gicas.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/revolucionando-la-educacion-herramientas-innovadoras-para-el-aprendizaje-del-siglo-xxi\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },{\r\n title: \"SmartEdu: Dise\u00f1o de E-actividades con IA\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-SMARTEDU.jpg\",\r\n shortDescription:\r\n \"Este curso autogestionable combina teor\u00eda y pr\u00e1ctica para proporcionar una experiencia de aprendizaje integral y transformadora.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"50 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/smartedu-formacion-universitaria-con-ia\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Dise\u00f1o de reactivos de opci\u00f3n m\u00faltiple\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DISENO-DE-REACTIVOS.jpg\",\r\n shortDescription:\r\n \"En la pr\u00e1ctica educativa contempor\u00e1nea, evaluar de forma justa, v\u00e1lida y eficaz sigue siendo uno de los grandes desaf\u00edos.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/curso-diseno-de-reactivos-de-opcion-multiple\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Moodle intermedio para profesores\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-MOODLE-INTERMEDIO.jpg\",\r\n shortDescription:\r\n \"Perfeccione sus cursos en Moodle con procesos optimizados y entornos din\u00e1micos que impulsen la interacci\u00f3n y el aprendizaje.\",\r\n category: \"MoodleR\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName: \"Ruta de Microcredencial: Moodle Avanzado\",\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/refuerce-su-practica-docente-digital-curso-moodle-intermedio-para-profesores\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Dise\u00f1a cursos: Moodle en acci\u00f3n\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DISENA-CURSOS-MOODLE-EN-ACCION.jpg\",\r\n shortDescription:\r\n \"Curso autogestionable en el que aprender\u00e1 c\u00f3mo dise\u00f1ar cursos en Moodle m\u00e1s din\u00e1micos y potencializados con distintos recursos educativos.\",\r\n category: \"MoodleR\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName: \"Ruta de Microcredencial: Moodle Avanzado\",\r\n type: \"solicitud\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/moodle-la-plataforma-que-transforma-la-educacion-con-tecnologia-y-metodologias-activas\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n \r\n },\r\n \r\n {\r\n title: \"Administracion de Moodle\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/01\/Diseno-de-identificacion-Administracion-de-Moodle-2025-768x576.jpg\",\r\n shortDescription:\r\n \"Aprende a estructurar, dise\u00f1ar y subir contenido de cursos de manera efectiva en la plataforma Moodle.\",\r\n category: \"Moodle\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"#\",\r\n courseLink: \"#\",\r\n },\r\n {\r\n title: \"Foros Moodle: Interacci\u00f3n efectiva\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-FOROS-DE-APRENDIZAJE-ACTIVO-EN-MOODLE.jpg\",\r\n shortDescription:\r\n \"Este curso te ofrece las claves para utilizar los foros como una estrategia pedag\u00f3gica innovadora y efectiva.\",\r\n category: \"Moodle\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"20 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/potenciando-el-aprendizaje-activo\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Curso de Tecnoaccesibilidad\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-TECNOACCESIBLIDAD.jpg\",\r\n shortDescription:\r\n \"Este curso capacita a docentes, personal y estudiantes en el uso de herramientas tecnol\u00f3gicas que mejoran la accesibilidad educativa.\",\r\n category: \"Accesibilidad\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName:\r\n \"Ruta de Microcredencial: Educaci\u00f3n Inclusiva Digital\",\r\n type: \"solicitud\",\r\n duration: \"30 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/descubre-el-poder-de-la-tecnoaccesibilidad-en-la-educacion\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Google Sheet para Docentes\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GOLGLE-SHEETS.jpg\",\r\n shortDescription:\r\n \"Domina las herramientas esenciales para organizar, analizar y visualizar informaci\u00f3n de manera \u00e1gil y efectiva.\",\r\n category: \"Ofim\u00e1tica\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/la-transformacion-digital-en-la-educacion-potenciando-el-uso-de-google-sheets-en-entornos-academicos\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n title: \"Introduccion a Moodle para profesores\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-INTRODUCCION-A-MOODLE.jpg\",\r\n shortDescription:\r\n \"Innove la forma de ense\u00f1ar con Moodle, creando experiencias de aprendizaje digitales atractivas y accesibles.\",\r\n category: \"MoodleR\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName: \"Ruta de Microcredencial: Moodle Avanzado\",\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/como-puede-moodle-mejorar-su-ensenanza\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Accesibilidad Dise\u00f1o de documentos en Word\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-ACCESIBILIDAD-2025-1.jpg\",\r\n shortDescription:\r\n \"Curso autogestionable en el que aprender\u00e1 c\u00f3mo hacer ajustes a sus documentos de Word y volverlos accesibles para personas con discapacidad.\",\r\n category: \"Accesibilidad\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName:\r\n \"Ruta de Microcredencial: Educaci\u00f3n Inclusiva Digital\",\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/accesibilidad-en-documentos-en-word\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Discapacidad y acci\u00f3n en la Universidad de San Carlos de Guatemala\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DE-DISCAPACIDAD.jpg\",\r\n shortDescription:\r\n \"Este curso, con la participaci\u00f3n de expertos, tiene como objetivo sensibilizar sobre los desaf\u00edos y oportunidades de las personas con discapacidad, promoviendo inclusi\u00f3n y respeto.\",\r\n category: \"Accesibilidad\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName:\r\n \"Ruta de Microcredencial: Educaci\u00f3n Inclusiva Digital\",\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/desafios-y-oportunidades-para-las-personas-con-discapacidad-en-la-educacion-superior-del-siglo-xxi\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n title: \"Compartir y crear: el ABC del Derecho de Autor\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DERECHOS-DE-AUTOR.jpg\",\r\n shortDescription:\r\n \"Este curso en l\u00ednea est\u00e1 dise\u00f1ado para comprender mejor c\u00f3mo proteger tus creaciones originales y compartir contenido digital de manera legal y responsable.\",\r\n category: \"Otros\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"30 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/la-importancia-de-la-ensenanza-del-derecho-de-auto\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Aprende ChatGPT y mas herramientas IA\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-APRENDE-CHATGPT.jpg\",\r\n shortDescription:\r\n \"Descubra c\u00f3mo utilizar herramientas de IA para crear contenido educativo atractivo. Aprenda a dise\u00f1ar materiales que capten la atenci\u00f3n y potencien el aprendizaje.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"30 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/como-chatgpt-y-mas-herramientas-pueden-transformar-sus-contenidos-educativos\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"HTML pr\u00e1ctico para docentes en Moodle\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-HTML-PRACTICO-PARA-DOCENTES.jpg\",\r\n shortDescription:\r\n \"Descubra c\u00f3mo usar HTML para personalizar sus cursos en Moodle. Aprenda a integrar recursos multimedia y transformar su espacio educativo en un entorno m\u00e1s atractivo y funcional.\",\r\n category: \"Moodle\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"10 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/transforme-sus-cursos-en-moodle-con-html\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Ofim\u00e1tica al alcance de tu mano: Docs de Google\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DOCS-DE-GOOGLE.jpg\",\r\n shortDescription:\r\n \"\u00a1Profundiza tu conocimiento en Google Docs! \u00danete a nuestro curso auto gestionable y maximiza tu eficacia acad\u00e9mica con estrategias y herramientas de vanguardia.\",\r\n category: \"Ofim\u00e1tica\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"10 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n title: \"Google Lens en el aula\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GOOGLE-LENS.jpg\",\r\n shortDescription:\r\n \"Google Lens es una aplicaci\u00f3n de Google que utiliza inteligencia artificial y procesamiento de im\u00e1genes para identificar objetos, extraer textos, traducir texto en tiempo real y escanear QR.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"2 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/descubre-el-poder-de-google-lens-en-el-aula\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"PowerPoint evolucionado con inteligencia artificial\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/05\/PORTADAS-NUEVAS-POWER-PONIT.jpg\",\r\n shortDescription:\r\n \"Fusiona creatividad y tecnolog\u00eda con PowerPoint e IA, creando experiencias visuales impactantes que transformar\u00e1n tu manera de comunicar\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"15 horas\",\r\n level: \"Avanzado\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/transformacion-digital-en-la-comunicacion-visual\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Domina Google Calendar\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GOOGLE-CALENDAR.jpg\",\r\n shortDescription:\r\n \"\u00a1Organiza tu tiempo y alcanza la productividad m\u00e1xima! \u00danete a nuestro curso en l\u00ednea sobre Google Calendar y descubre c\u00f3mo organizar tu vida de manera eficiente.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"6 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Diseno y apliacion de rubricas en Moodle\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DISENO-Y-APLICACION-DE-RUBRICAS.jpg\",\r\n shortDescription:\r\n \"Evaluar desde una perspectiva multidimensional y din\u00e1mica, demanda la aplicaci\u00f3n de instrumentos espec\u00edficos para medir el desempe\u00f1o del estudiante.\",\r\n category: \"Moodle\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"15 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n title: \"Word basico: Fundamentos de Microsoft Word\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-FUNDAMENTOS-DE-MICROSOFT-WORD.jpg\",\r\n shortDescription:\r\n \"Aprende a utilizar las funciones b\u00e1sicas de Microsoft Word para la creaci\u00f3n de documentos de texto.\",\r\n category: \"Ofim\u00e1tica\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"6 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Word intermedio: Mejore el dominio de Word\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-WORD-INTERMEDIO.jpg\",\r\n shortDescription:\r\n \"Desarrolle sus habilidades en Microsoft Word y perfeccione sus capacidades en la edici\u00f3n de documentos.\",\r\n category: \"Ofim\u00e1tica\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"10 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Word profesional: herramientas avanzadas para documentaci\u00f3n eficiente\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-WORD-PROFESIONAL.jpg\",\r\n shortDescription:\r\n \"Eleve su dominio en Microsoft Word con el curso avanzado y perfeccione la edici\u00f3n y creaci\u00f3n de documentos.\",\r\n category: \"Ofim\u00e1tica\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"10 horas\",\r\n level: \"Avanzado\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n \r\n {\r\n title: \"Gmail-Workspace\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GMAIL-WORKSPACE.jpg\",\r\n shortDescription:\r\n \"Este curso, est\u00e1 dise\u00f1ado para ense\u00f1arte todo lo que necesitas saber para utilizar eficazmente el correo electr\u00f3nico de Google. Aprender\u00e1s a enviar y recibir correos electr\u00f3nicos, organizar tu bandeja de entrada, utilizar funciones avanzadas como etiquetas y filtros y maximizar tu productividad y Google Workspace integrado.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"20 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n title: \"Evaluaci\u00f3n educativa: Fundamentos y prop\u00f3sito\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-EVALUACION-EDUCATIVA.jpg\",\r\n shortDescription:\r\n \"Evaluando tambi\u00e9n se ense\u00f1a, conoce los fundamentos y prop\u00f3sitos b\u00e1sicos del proceso evaluativo desde una perspectiva pr\u00e1ctica.\",\r\n category: \"Otros\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"10 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Empodera tu productividad digital con Google Drive\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GOOGLE-DRIVE.jpg\",\r\n shortDescription:\r\n \"\u00a1Organiza tu espacio de almacenamiento y alcanza la productividad m\u00e1xima! \u00danete a nuestro curso autogestionable sobre Google Drive y descubre c\u00f3mo organizar tu informaci\u00f3n de manera eficiente.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"6 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n \r\n \r\n ];\r\n \/\/ Datos de los diplomados\r\n const diplomadosData = [\r\n {\r\n id: 20,\r\n title: \"APPLABIA Laboratorio de Aplicaciones Inteligentes para E-actividades\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/05\/PORTADAS-CURSOS-DIPLOMADOS-2026-02.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"diplomado\",\r\n duration: \"\",\r\n level: \"Avanzado\",\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/diplomado-applabia-2024\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n id: 21,\r\n title: \"Dise\u00f1o de cursos para entornos digitales\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/05\/PORTADAS-CURSOS-DIPLOMADOS-2026-03.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"diplomado\",\r\n duration: \"100\",\r\n level: \"Intermedio\",\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/diseno-de-cursos-para-entornos-digitales\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n id: 22,\r\n title: \"Diplomado en tutor\u00eda virtual\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/05\/PORTADAS-CURSOS-DIPLOMADOS-2026-01.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"diplomado\",\r\n duration: \"100\",\r\n level: \"Intermedio\",\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/diplomado-en-tutoria-virtual\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n ];\r\n\r\n \/\/ Datos de los talleres\r\n const talleresData = [\r\n {\r\n id: 40,\r\n title: \"Diseno de unidad didactica en modalidad mixta\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/04\/Taller-Diseno-de-Unidad-Didactica-en-modalidad-mixta-2024-copia.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"taller\",\r\n \/*date: \"2024-11-15\", \/\/ Formato YYYY-MM-DD para f\u00e1cil ordenamiento si fuera necesario*\/\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/diseno-de-unidad-didactica-en-modalidad-mixta\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n id: 41,\r\n title: \"Fundamento tecnopedag\u00f3gico y marco acad\u00e9mico para cursos mediados por la tecnolog\u00eda\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/10\/TALLERES-2023-01-1-1536x1153.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"taller\",\r\n \/* date: \"2024-11-22\",*\/\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/taller-fundamento-tecnopedagogico-y-marco-academico-para-cursos-mediados-por-la-tecnologia\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n id: 43,\r\n title: \"Gesti\u00f3n y administraci\u00f3n en MOODLE para cursos en modalidad mixta o virtual\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/10\/TALLERES-2023-03-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"taller\",\r\n \/* date: \"2024-12-05\",*\/\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestion-y-administracion-moodle-para-cursos-en-modalidad-mixta-o-virtual\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n id: 42,\r\n title: \"Visualizacion de datos con Looker Studio\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/07\/PORTADA-TALLERES-LOKER-STUDIO-2024.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"taller\",\r\n \/* date: \"2024-12-05\",*\/\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/visualizacion-de-datos-con-looker-studio\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n id: 43,\r\n title: \"Google en el aula\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/TALLERES-GOOGLE-EN-EL-AULA-2024-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"taller\",\r\n \/* date: \"2024-12-05\",*\/\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/google-en-el-aula-para-mejorar-colaboracion-organizacion-y-creatividad-educativa\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n ];\r\n\r\n \/\/ Datos de las conferencias (\u00a1URLs de imagen y watchUrl cambiadas a locales\/vac\u00edas!)\r\n const conferenciasData = [\r\n {\r\n title: \"Acompa\u00f1amiento y mentor\u00eda en la transici\u00f3n de la presencialidad a la ense\u00f1anza mediada por la tecnolog\u00eda\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/ACOMPANAMIENTO-Y-MENTORIA.jpg\",\r\n shortDescription:\r\n \"Desde la tecnolopedagog\u00eda, la comunicaci\u00f3n asertiva en entornos mediados por la tecnolog\u00eda es un elemento clave. Aprende sobre algunas estrategias y din\u00e1micas en torno al \u201cAcompa\u00f1amiento y mentor\u00eda en la transici\u00f3n de la presencialidad a la ense\u00f1anza mediada por la tecnolog\u00eda\u201d.\",\r\n year: 2025,\r\n\t\t date: '25\/11\/2025',\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=P_EeLq9SwnE\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Integraci\u00f3n de la IA en la formaci\u00f3n nacional chilena: experiencias de una relaci\u00f3n educaci\u00f3n-sociedad-universidad\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/INTEGRACION-DE-LA-IA-EN-LA-FORMACION-NACIONAL-CHILENA.jpg\",\r\n shortDescription:\r\n \"El intercambio de conocimientos, sobre educaci\u00f3n, sociedad y el rol de la universidad en este nuevo contexto permite identificar mejores pr\u00e1cticas y desaf\u00edos comunes al impulsar una transformaci\u00f3n educativa m\u00e1s efectiva y equitativa.\",\r\n year: 2025,\r\n\t\t date: '17\/10\/2025',\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=WHXtqdyRkMY\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Retos de la regulaci\u00f3n de la IA generativa y su relaci\u00f3n con los derechos de autor\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/RETOS-DE-LA-REGULACION-DE-LA-IA.jpg\",\r\n shortDescription:\r\n \"La IA generativa est\u00e1 revolucionando la creatividad, pero plantea serias preguntas sobre los derechos de autor. El auge de herramientas permite crear contenido asombroso, pero \u00bfqui\u00e9n es el due\u00f1o de esos derechos? Es un debate complejo que demanda regulaci\u00f3n para proteger a artistas y creadores.\",\r\n year: 2025,\r\n\t\t date: '16\/10\/2025',\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=8hv8N2g7IE4\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"IA generativa responsable en educaci\u00f3n superior: del hype a la gobernanza pr\u00e1ctica\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/IA-GENERATIVA-RESPONSABLE.jpg\",\r\n shortDescription:\r\n \"La IA generativa responsable en educaci\u00f3n superior: del hype a la gobernanza pr\u00e1ctica, descubre c\u00f3mo implementar esta tecnolog\u00eda de forma \u00e9tica y efectiva.\",\r\n year: 2025,\r\n\t\t date: '15\/10\/2025',\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=U1lXnjxByhs\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"El EPS de la USAC y su incidencia en la sociedad guatemalteca\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/EL-EPS-DE-LA-USAC.jpg\",\r\n shortDescription:\r\n \"El EPS le permite a la USAC dejar huella en la sociedad guatemalteca. A trav\u00e9s de los servicios que brinda, los estudiantes generan incidencia en campos de acci\u00f3n importantes. \",\r\n year: 2025,\r\n\t\t date: '23\/09\/2025',\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=ucOgKVF9WWE\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"C\u00e1tedra de Tecnolog\u00edas Disruptivas en Educaci\u00f3n Superior. El impacto de las tecnolog\u00edas disruptivas en la formaci\u00f3n del profesor\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/CATEDRA-DE-TECNOLOGIAS-DISRUPTIVAS.jpg\",\r\n shortDescription:\r\n \"Analiza el impacto directo en la formaci\u00f3n de los profesores al utilizar tecnolog\u00edas disruptivas en entornos acad\u00e9micos. Examina los desaf\u00edos y oportunidades que surgen, al abordar la necesidad de que los catedr\u00e1ticos desarrollen nuevas competencias digitales para integrar estas herramientas de manera efectiva y transformar as\u00ed, las pr\u00e1cticas de ense\u00f1anza y aprendizaje en el siglo XXI.\",\r\n year: 2025,\r\n\t\t date: '26\/08\/2025',\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=cxG6E6kBRBQ\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Metodolog\u00edas y enfoques educativos innovadores para la ense\u00f1anza multimodal\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/METODOLOGIAS-Y-ENFOQUES-EDUCATIVOS.jpg\",\r\n shortDescription:\r\n \"Aprende c\u00f3mo la fusi\u00f3n de metodolog\u00edas permite crear cursos que transmiten conocimiento e inspiren a los estudiantes a ser protagonistas de su propio aprendizaje. \u00a1Transforma la forma de dise\u00f1ar y ense\u00f1ar!.\",\r\n year: 2025,\r\n\t\t date: '19\/08\/2025',\r\n category: \"Microcredenciales\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=yZ1fZPpx5So\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Hitos de innovaci\u00f3n de la DEDEV\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/HITOS-DE-LA-INNOVACION-DE-LA-DEDEV.jpg\",\r\n shortDescription:\r\n \"Los avances, logros y cambios significativos en los procesos acad\u00e9micos, inform\u00e1ticos, administrativos y de comunicaci\u00f3n son importantes en la gesti\u00f3n de la DEDEV.\",\r\n year: 2025,\r\n\t\t date: '6\/08\/2025',\r\n category: \"Microcredenciales\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=29k0NXIARKA\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Programa de microcredenciales universitarias en la formaci\u00f3n permanente tecnopedag\u00f3fica de la DEDEV\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/PROGRAMA-DE-MICROCREDECIALES.jpg\",\r\n shortDescription:\r\n \"Conoce los beneficios que ofrece a docentes, personal administrativo y estudiantes la formaci\u00f3n tecnopedag\u00f3gica permanente con el programa de microcredenciales.\",\r\n year: 2025,\r\n\t\t date: '29\/07\/2025',\r\n category: \"Microcredenciales\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=vF1dScjQbiU\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"C\u00e1tedra de Tecnolog\u00edas Disruptivas en Educaci\u00f3n Superior. \u201cRapid learning: maximiza tu adquisici\u00f3n de conocimiento\u201d\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/CATEDRA-DE-TECNOLOGIAS.jpg\",\r\n shortDescription:\r\n \"\u00bfTe interesa aprender una metodolog\u00eda de aprendizaje que se enfoca en la creaci\u00f3n y entrega r\u00e1pida de contenido educativo, especialmente en forma digital (e-learning)? Adquiere conocimientos y habilidades esenciales, para abordar necesidades inmediatas, sobre todo en el \u00e1mbito laboral.\",\r\n year: 2025,\r\n\t\t date: '5\/06\/2025',\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Z1-39V0NAUo\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Buenas pr\u00e1cticas de ciberseguridad para docentes USAC\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/Buenas-practicas-de-ciberseguridad-.jpg\",\r\n shortDescription:\r\n \"\u00bfSabes c\u00f3mo proteger un entorno digital? En la educaci\u00f3n superior, la ciberseguridad es clave. Aprendamos a proteger las cuentas de correo electr\u00f3nico a usar contrase\u00f1as seguras y a estar atento con mensajes sospechosos. Refuerza la protecci\u00f3n de la informaci\u00f3n acad\u00e9mica.\",\r\n year: 2025,\r\n\t\t date: '13\/05\/2025',\r\n category: \"Ciberseguridad\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=oYBm3p0EyzY\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Di\u00e1logos de tecnopedagog\u00eda en la formaci\u00f3n DEDEV\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/Dialogos-de-tecnopedagogia.jpg\",\r\n shortDescription:\r\n \"La formaci\u00f3n tecnopedag\u00f3gica de la DEDEV dota de herramientas a profesores, estudiantes y personal administrativo para propiciar experiencia de aprendizaje innovadoras. Conoce las alternativas de formaci\u00f3n y la actualizaci\u00f3n de competencias para dar respuesta a las exigencias de los entornos educativos digitales.\",\r\n year: 2025,\r\n\t\t date: '25\/03\/2025',\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=EFs7t0WI-YU\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Microcredenciales \u00bfLa respuesta a las necesidades de la formacion continua?\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/11\/PORTADAS-CONFERENCIAS-NOVIEMBRE-2024-N-1536x1152.jpg\",\r\n shortDescription:\r\n \"\",\r\n year: 2024,\r\n category: \"Microcredenciales\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=TpOotOfO1g0\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Desafios tecnopedagogicos para ense\u00f1ar en la era de la IA\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-3-ago-1536x1152.jpg\",\r\n shortDescription:\r\n \"\",\r\n year: 2024,\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"1.5 horas\",\r\n level: \"Avanzado\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=q5DIPYEC_XQ\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title:\r\n \"Lecciones interactivas con IA para Moodle\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-2-ago-1024x768.jpg\",\r\n shortDescription:\r\n \"\",\r\n year: 2024,\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"2.5 horas\",\r\n level: \"Intermedio\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=i6jfJkviazw\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 31,\r\n title: \"Dise\u00f1o instruccional e innovaci\u00f3n pedag\u00f3gica en entornos virtuales en la era de la IA\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-1-ago-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=TOWYyf727XU\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 32,\r\n title:\r\n \"Maximizar el aprendizaje semipresencial, estrategias efectivas y herramientas innovadoras\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-12-de-junio-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=z4Y1cM2LENs\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 33,\r\n title:\r\n \"Google Workspace PLUS para docentes USAC\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-4-de-junio-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=whLhFEXFMsQ\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 34,\r\n title:\r\n \"Moodle para administradores\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-2-jul-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=fzhWeqaGakI\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 35,\r\n title:\r\n \"\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-22-feb-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.facebook.com\/watch\/live\/?ref=watch_permalink&v=1070064041096861\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 36,\r\n title:\r\n \"Software libre aplicado a la Eduaci\u00f3n Superior\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-SOFTWARE-LIBRE-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Y3Goz99xxsc\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 37,\r\n title:\r\n \"La tecnolog\u00eda como apoyo al desarrollo del docente en el aula. Caso inteligencia artificial en clases\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/01\/CONFERENCIA-LA-TECNOLOGIA-COMO-APOYO-EN-EL-DESARROLLO-2023-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=ti7PKjijxLs\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 38,\r\n title:\r\n \"Generaci\u00f3n de articulaciones curriculares utilizando la tecnolog\u00eda de la informaci\u00f3n y la inteligencia artificial\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/01\/CONFERENCIA-GENERACION-DE-ACTUALIZACIONES-CURRICULARES-2023-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=qRrqoPPPrSA\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 39,\r\n title:\r\n \"Implementaci\u00f3n de la inteligencia artificial en la articulaci\u00f3n de clases presenciales\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/01\/CONFERENCIA-IMPLEMENTACION-DE-LA-INTELIGENCIA-ARTIFICIAL-2023-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=ca8Rm3WlRnI\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 40,\r\n title:\r\n \"Repositorio de recursos RADD y libro de calificacniones MOODLE 4.0\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIAS-Repositorio-de-recursos-RADD-y-Libro-de-Calificacniones-MOODLE-4-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 41,\r\n title:\r\n \"Funciones principales de la administraci\u00f3n de MOODLE 4.0: parte II\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/09\/CONFERENCIA-MOODLE-PARTE-2-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Y6gD0t4iOoc\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 42,\r\n title:\r\n \"Funciones principales de la administraci\u00f3n de MOODLE 4.0\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/09\/CONFERENCIA-MOODLE-PARTE-1-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=CiPHy2kyXSY\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 43,\r\n title:\r\n \"Gamificaci\u00f3n en el aula virtual: Insignias en Moodle\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-GAMIFICACION-EN-EL-AULA-VIRTUAL-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=9Uf_WfarULs\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 44,\r\n title:\r\n \"Canva para la educaci\u00f3n. Taller II\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIAS-CANVA-para-educacion-2-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Lx9FdFH_QK4\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 45,\r\n title:\r\n \"Canva para la educaci\u00f3n. Taller I\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-CANVA-para-educacion-1-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Qk731GOw_0Q\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 46,\r\n title:\r\n \"Elaboraci\u00f3n de recursos audiovisuales\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-CANVA-Elaboracion-de-recursos-audiovisuales-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=RDE3Zc1aGnE\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 47,\r\n title:\r\n \"Creacion de presentaciones\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-CANVA-Creacion-de-presentaciones-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=5rgJ6Dv67hA\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 48,\r\n title:\r\n \"Produccion de recursos gr\u00e1ficos\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-CANVA-produccion-de-recursos-graficos-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=J294tA1aKqQ\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 49,\r\n title:\r\n \"Educaci\u00f3n en la era digital: el papel de los profesores\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIAS-Educacion-en-la-era-digital-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=A5QvOw_C4D8\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 50,\r\n title:\r\n \"Estrategias y t\u00e9cnicas para la evaluaci\u00f3n y retroalimentaci\u00f3n grupos estudiantes numerosos\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-Estrategias-y-tecnicas-para-la-evaluacion-y-retroalimentacion9-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=wQeJiDiUfjI\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 51,\r\n title:\r\n \"La importancia de la evaluaci\u00f3n en modalidad h\u00edbrida, haciendo \u00e9nfasis en la retroalimentaci\u00f3n\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-La-importancia-de-la-evaluacion-en-modalidad-hibrida-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=IIryfeJZay4\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 52,\r\n title:\r\n \"\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-Una-mirada-a-la-formacion-docente-en-el-CEA-USAC-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 53,\r\n title:\r\n \"\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/09\/CONFERENCIA-OPTIMIZANDO-EL-APRENDIZAJE-1-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 54,\r\n title:\r\n \"\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-Metodologias-activas-para-el-B-learning-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 55,\r\n title:\r\n \"Tour DEDEV\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-TOUR-DEDEV-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=1-t1orMdM8k\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 56,\r\n title:\r\n \"Cursos Autogestionables DEDEV\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-CURSOS-AUTOGESTIONABLES-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=NhAdaYKjMZU\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 57,\r\n title:\r\n \"Introducci\u00f3n a Looker Studio\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-LOOKER-STUDIO-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Z5eWHbVUZ1E\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 58,\r\n title:\r\n \"Curaci\u00f3n de contenido educativo digital Parte II\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-CURACION-DE-CONTENIDO-II-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=95gxpluvMpc\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 59,\r\n title:\r\n \"Curaci\u00f3n de contenido educativo digital Parte I\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-CURACION-DE-CONTENIDO-I-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=74zhDVxnvZU\", \/\/ Enlace vac\u00edo\r\n },\r\n \r\n \r\n ];\r\n\r\n \/\/ Referencias a elementos del DOM\r\n const mainNavButtons = document.querySelectorAll(\r\n \".main-nav-buttons .btn\"\r\n );\r\n const sections = document.querySelectorAll(\".container.py-4\");\r\n const cursosContainer = document.getElementById(\"cursos-container\");\r\n const diplomadosContainer = document.getElementById(\r\n \"diplomados-container\"\r\n );\r\n const talleresContainer = document.getElementById(\"talleres-container\");\r\n const conferenciasContainer = document.getElementById(\r\n \"conferencias-container\"\r\n );\r\n const courseFilters = document.getElementById(\"course-filters\");\r\n\r\n \/\/ Funci\u00f3n para renderizar una tarjeta de curso\r\n const renderCourseCard = (item) => {\r\n\t \r\n let cardHtml = `\r\n <div class=\"col-md-4 mb-4\">\r\n <div class=\"card h-100\">\r\n <img decoding=\"async\" src=\"${\r\n item.image || \"placeholder.jpg\"\r\n }\" class=\"card-img-top\" alt=\"${item.title}\">\r\n <div class=\"card-body\">\r\n <h5 class=\"card-title\" style=\"display: block;\">${item.title}<\/h5>\r\n <p class=\"card-text\">${\r\n item.description || item.shortDescription || \"\"\r\n }<\/p>\r\n `;\r\n\r\n \/\/ L\u00f3gica condicional basada en el tipo de elemento\r\n switch (item.type) {\r\n case \"diplomado\":\r\n \/* cardHtml += `<p class=\"card-text\"><i class=\"fas fa-clock\"><\/i> Duraci\u00f3n: ${item.duration} horas<\/p>`;*\/\r\n \r\n \r\n \/\/ --- Un \u00daNICO div.card-buttons para ambos botones ---\r\n cardHtml += `<div class=\"card-buttons\">`; \/\/ Abre el div contenedor para los botones\r\n\r\n \/\/ Bot\u00f3n \"M\u00e1s Informaci\u00f3n\"\r\n \/\/ Aseg\u00farate que 'btn-saber-mas' est\u00e1 definido en tu CSS con los estilos deseados (violeta)\r\n cardHtml += `<a href=\"${item.infoUrl}\" target=\"_blank\" class=\"btn btn-saber-mas mt-2 me-2\"><i class=\"fas fa-info-circle\"><\/i> Saber m\u00e1s<\/a>`;\r\n\r\n \/\/ Bot\u00f3n \"Solicitar Taller\" (solo si existe requestLinkTaller)\r\n if (item.requestLinkTaller) {\r\n \/\/ Aseg\u00farate que 'btn-solicitar' est\u00e1 definido en tu CSS con los estilos deseados (gris)\r\n cardHtml += `<a href=\"${item.requestLinkTaller}\" target=\"_blank\" class=\"btn btn-solicitar mt-2 me-2\"><i class=\"fas fa-download\"><\/i> Solicitar Diplomado<\/a>`;\r\n }\r\n\r\n cardHtml += `<\/div>`; \/\/ Cierra el \u00daNICO div contenedor para los botones\r\n break;\r\n case \"taller\":\r\n \/*cardHtml += `<p class=\"card-text\"><i class=\"fas fa-calendar-alt\"><\/i> Fecha: ${item.date}<\/p>`;*\/\r\n\r\n \/\/ --- Un \u00daNICO div.card-buttons para ambos botones ---\r\n cardHtml += `<div class=\"card-buttons\">`; \/\/ Abre el div contenedor para los botones\r\n\r\n \/\/ Bot\u00f3n \"M\u00e1s Informaci\u00f3n\"\r\n \/\/ Aseg\u00farate que 'btn-saber-mas' est\u00e1 definido en tu CSS con los estilos deseados (violeta)\r\n cardHtml += `<a href=\"${item.infoUrl}\" target=\"_blank\" class=\"btn btn-saber-mas mt-2 me-2\"><i class=\"fas fa-info-circle\"><\/i> Saber m\u00e1s<\/a>`;\r\n\r\n \/\/ Bot\u00f3n \"Solicitar Taller\" (solo si existe requestLinkTaller)\r\n if (item.requestLinkTaller) {\r\n \/\/ Aseg\u00farate que 'btn-solicitar' est\u00e1 definido en tu CSS con los estilos deseados (gris)\r\n cardHtml += `<a href=\"${item.requestLinkTaller}\" target=\"_blank\" class=\"btn btn-solicitar mt-2 me-2\"><i class=\"fas fa-download\"><\/i> Solicitar Taller<\/a>`;\r\n }\r\n\r\n cardHtml += `<\/div>`; \/\/ Cierra el \u00daNICO div contenedor para los botones\r\n\r\n break;\r\n case \"conferencia\":\r\n \/*cardHtml += `<p class=\"card-text\"><i class=\"fas fa-microphone-alt\"><\/i> Ponente: ${\r\n item.speaker || \"No especificado\"\r\n }<\/p>`;*\/\r\n \/\/ Envuelve el bot\u00f3n en el div .card-buttons para aplicar los estilos consistentes\r\n cardHtml += `<div class=\"card-buttons\" style=\"height:45px;\"> <\/div>`;\r\n cardHtml += `<div class=\"card-buttons\" style=\"position: absolute; bottom: 16px;\">`;\r\n cardHtml += `<a href=\"${item.watchUrl}\" target=\"_blank\" class=\"btn btn-ver-conferencia\"><i class=\"fas fa-video\"><\/i> Ver Conferencia<\/a>`; \/\/ Eliminado mt-2, ya que .card-buttons maneja el espaciado\r\n cardHtml += `<\/div>`;\r\n break;\r\n default: \/\/ Para otros tipos como 'disponible' o 'solicitud' (usados en 'cursos')\r\n const isSolicitud = item.type === \"solicitud\";\r\n const buttonClass = isSolicitud ? \"btn-solicitar\" : \"btn-ir-curso\";\r\n const buttonText = isSolicitud ? \"Solicitar\" : \"Ir al Curso\";\r\n const buttonIcon = isSolicitud\r\n ? \"fas fa-envelope\"\r\n : \"fas fa-arrow-right\";\r\n const buttonLink = isSolicitud ? item.requestLink : item.courseLink;\r\n\r\n let microcredentialBadge = \"\";\r\n if (item.isMicrocredentialRoute) {\r\n microcredentialBadge = `<span class=\"badge bg-info text-white ms-2\" style=\"font-size: 0.7em; padding: 0.3em 0.6em; border-radius: 0.3em; background-color: var(--dedev-info-purple) !important;\">Ruta Microcredencial<\/span>`;\r\n \/\/ Insertar el badge en el t\u00edtulo, asegurando que no se duplique\r\n if (!cardHtml.includes(microcredentialBadge)) {\r\n cardHtml = cardHtml.replace(\r\n `<h5 class=\"card-title\">${item.title}<\/h5>`,\r\n `<h5 class=\"card-title\"> ${microcredentialBadge}<\/h5>`\r\n );\r\n }\r\n }\r\n\r\n cardHtml += `<p class=\"card-meta\">\r\n <i class=\"fas fa-hourglass-half\"><\/i><strong> ${\r\n item.duration || \"\"\r\n }<\/strong> \r\n <i class=\"fas fa-signal\"><\/i> <strong> ${\r\n item.level || \"\"\r\n }<\/strong> \r\n <strong> ${\r\n \/\/ TODO ESTE BLOQUE SOLO SE RENDERIZAR\u00c1 SI item.isMicrocredentialRoute es true\r\n item.isMicrocredentialRoute\r\n ? `<i class=\"fas fa-award\" style=\"color: purple;\"><\/i> <span style=\"font-weight: bold; color: var(--dedev-info-purple);\">Microcredencial<\/span>`\r\n : \"\"\r\n } <\/strong>\r\n <\/p>`;\r\n cardHtml += `<div class=\"card-buttons\">\r\n <a href=\"${\r\n item.learnMoreLink || \"#\"\r\n }\" target=\"_blank\" class=\"btn btn-saber-mas\"><i class=\"fas fa-info-circle me-2\"><\/i>Saber M\u00e1s<\/a>\r\n <a href=\"${\r\n buttonLink || \"#\"\r\n }\" target=\"_blank\" class=\"btn ${buttonClass}\"><i class=\"${buttonIcon} me-2\"><\/i>${buttonText}<\/a>\r\n <\/div>`;\r\n break;\r\n }\r\n\r\n cardHtml += `\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n return cardHtml;\r\n };\r\n\r\n \/\/ Funci\u00f3n para actualizar los contadores de filtros (solo para cursos)\r\n const updateFilterCounts = () => {\r\n const allCourses = coursesData;\r\n \/\/ CORRECCI\u00d3N AQU\u00cd: Contar cursos con isMicrocredentialRoute: true\r\n const microcredentialCourses = coursesData.filter(\r\n (course) => course.isMicrocredentialRoute\r\n );\r\n const moodleCourses = coursesData.filter(\r\n (course) => course.category === \"Moodle\"\r\n );\r\n const iaCourses = coursesData.filter(\r\n (course) => course.category === \"IA\"\r\n );\r\n const productividadCourses = coursesData.filter(\r\n (course) => course.category === \"Productividad\"\r\n );\r\n const ofimaticaCourses = coursesData.filter(\r\n (course) => course.category === \"Ofim\u00e1tica\"\r\n );\r\n const otrosCourses = coursesData.filter(\r\n (course) => course.category === \"Otros\"\r\n );\r\n\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Todo\"] .badge'\r\n ).textContent = allCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Microcredencial\"] .badge'\r\n ).textContent = microcredentialCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Moodle\"] .badge'\r\n ).textContent = moodleCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"IA\"] .badge'\r\n ).textContent = iaCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Productividad\"] .badge'\r\n ).textContent = productividadCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Ofim\u00e1tica\"] .badge'\r\n ).textContent = ofimaticaCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Otros\"] .badge'\r\n ).textContent = otrosCourses.length;\r\n };\r\n\r\n \/\/ Funci\u00f3n para filtrar y mostrar cursos (solo para la secci\u00f3n de cursos)\r\n const filterCourses = (filter, clickedButton = null) => {\r\n let filteredCourses = [];\r\n\r\n if (filter === \"Todo\") {\r\n filteredCourses = coursesData;\r\n } else if (filter === \"Microcredencial\") {\r\n \/\/ Filtrar por la propiedad isMicrocredentialRoute\r\n filteredCourses = coursesData.filter(\r\n (course) => course.isMicrocredentialRoute\r\n );\r\n } else {\r\n filteredCourses = coursesData.filter(\r\n (course) => course.category === filter\r\n );\r\n }\r\n\r\n renderCourses(filteredCourses, cursosContainer, true, filter); \/\/ Pasar el filtro actual\r\n\r\n \/\/ Actualizar botones activos\r\n const filterButtons = document.querySelectorAll(\".filter-btn\");\r\n filterButtons.forEach((btn) => btn.classList.remove(\"active\"));\r\n if (clickedButton) {\r\n clickedButton.classList.add(\"active\");\r\n } else {\r\n \/\/ Activar el bot\u00f3n 'Todo' por defecto si no se hizo clic en ninguno\r\n document\r\n .querySelector('.filter-btn[data-filter=\"Todo\"]')\r\n .classList.add(\"active\");\r\n }\r\n };\r\n\r\n \/\/ Funci\u00f3n gen\u00e9rica para renderizar tarjetas en un contenedor dado\r\n \/\/ A\u00f1adimos un par\u00e1metro `isCourseSection` para diferenciar la l\u00f3gica\r\n \/\/ y `currentFilter` para la l\u00f3gica de Microcredenciales\r\n const renderCourses = (\r\n data,\r\n containerElement,\r\n isCourseSection = false,\r\n currentFilter = \"Todo\"\r\n ) => {\r\n let contentHtml = \"\";\r\n\r\n if (data.length === 0) {\r\n contentHtml = `\r\n <div class=\"empty-message\">\r\n <i class=\"fas fa-search-minus\"><\/i>\r\n <p>No hay contenido disponible en esta categor\u00eda por el momento.<\/p>\r\n <\/div>\r\n `;\r\n } else {\r\n if (isCourseSection && currentFilter === \"Microcredencial\") {\r\n \/\/ L\u00f3gica para la secci\u00f3n de Cursos cuando el filtro es \"Microcredencial\"\r\n const microcredentialRoutes = [\r\n ...new Set(data.map((course) => course.microcredentialRouteName)),\r\n ].filter(Boolean); \/\/ Obtener rutas \u00fanicas y filtrar null\/undefined\r\n\r\n if (microcredentialRoutes.length > 0) {\r\n microcredentialRoutes.forEach((routeName) => {\r\n const coursesInRoute = data.filter(\r\n (course) => course.microcredentialRouteName === routeName\r\n );\r\n if (coursesInRoute.length > 0) {\r\n contentHtml += `\r\n <div class=\"microcredential-route-block\">\r\n <h4 class=\"subsection-title\"><i class=\"fas fa-route\"><\/i> ${routeName}<\/h4>\r\n <p class=\"section-description-text\"> Estos cursos forman parte de la ruta de microcredencial de ${routeName.replace(\r\n \"Ruta de Microcredencial: \",\r\n \"\"\r\n )}.<\/p>\r\n <div class=\"row\">\r\n `;\r\n coursesInRoute.forEach((course) => {\r\n contentHtml += renderCourseCard(course);\r\n });\r\n contentHtml += `\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n });\r\n } else {\r\n contentHtml = `\r\n <div class=\"empty-message\">\r\n <i class=\"fas fa-search-minus\"><\/i>\r\n <p>No hay cursos que formen parte de una ruta de microcredencial en este momento.<\/p>\r\n <\/div>\r\n `;\r\n }\r\n } else if (isCourseSection) {\r\n \/\/ L\u00f3gica para la secci\u00f3n de Cursos (con \"Disponibles\" y \"A solicitud\") cuando no es Microcredencial\r\n const disponiblesCourses = data.filter(\r\n (course) => course.type === \"disponible\"\r\n );\r\n const solicitudCourses = data.filter(\r\n (course) => course.type === \"solicitud\"\r\n );\r\n\r\n if (disponiblesCourses.length > 0) {\r\n contentHtml += `\r\n <div class=\"course-type-block\">\r\n <h4 class=\"subsection-title\"><i class=\"fas fa-calendar-check\"><\/i> Cursos Disponibles<\/h4>\r\n <p class=\"section-description-text\"> Inscr\u00edbete ahora y comienza tu formaci\u00f3n.<\/p>\r\n <div class=\"row\">\r\n `;\r\n disponiblesCourses.forEach((course) => {\r\n contentHtml += renderCourseCard(course);\r\n });\r\n contentHtml += `\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n if (solicitudCourses.length > 0) {\r\n contentHtml += `\r\n <div class=\"course-type-block\">\r\n <h4 class=\"subsection-title\"><i class=\"fas fa-hourglass-half\"><\/i> Cursos a solicitud<\/h4>\r\n <p class=\"section-description-text\"> Estos cursos se abren cuando se alcanza un n\u00famero m\u00ednimo de inscritos, o est\u00e1n programados para fechas futuras que se anunciar\u00e1n.<\/p>\r\n <div class=\"row\">\r\n `;\r\n solicitudCourses.forEach((course) => {\r\n contentHtml += renderCourseCard(course);\r\n });\r\n contentHtml += `\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n if (\r\n disponiblesCourses.length === 0 &&\r\n solicitudCourses.length === 0\r\n ) {\r\n contentHtml = `\r\n <div class=\"empty-message\">\r\n <i class=\"fas fa-search-minus\"><\/i>\r\n <p>No hay cursos disponibles para esta categor\u00eda en este momento.<\/p>\r\n <\/div>\r\n `;\r\n }\r\n } else {\r\n \/\/ L\u00f3gica para Diplomados, Talleres, Conferencias (todo en un solo bloque)\r\n contentHtml += `\r\n <div class=\"course-type-block\">\r\n <h4 class=\"subsection-title\"><i class=\"fas fa-list-alt\"><\/i> Contenido Disponible<\/h4>\r\n <p class=\"section-description-text\"> <\/p>\r\n <div class=\"row\">\r\n `;\r\n data.forEach((item) => {\r\n contentHtml += renderCourseCard(item);\r\n });\r\n contentHtml += `\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n }\r\n\r\n containerElement.innerHTML = contentHtml;\r\n };\r\n\r\n \/\/ Funci\u00f3n para mostrar la secci\u00f3n activa\r\n const showSection = (sectionId) => {\r\n \/\/ Ocultar todas las secciones\r\n sections.forEach((section) => section.classList.add(\"hidden\"));\r\n\r\n \/\/ Remover la clase 'active-section' de todos los botones de navegaci\u00f3n principal\r\n mainNavButtons.forEach((button) =>\r\n button.classList.remove(\"active-section\")\r\n );\r\n\r\n \/\/ Mostrar la secci\u00f3n correspondiente\r\n document\r\n .getElementById(`seccion-${sectionId}`)\r\n .classList.remove(\"hidden\");\r\n\r\n \/\/ A\u00f1adir la clase 'active-section' al bot\u00f3n clicado\r\n document\r\n .querySelector(`.main-nav-buttons .btn[data-section=\"${sectionId}\"]`)\r\n .classList.add(\"active-section\");\r\n\r\n \/\/ L\u00f3gica espec\u00edfica para cada secci\u00f3n\r\n switch (sectionId) {\r\n case \"micro\":\r\n courseFilters.classList.add(\"hidden\"); \/\/ Ocultar filtros si no se aplican\r\n break;\r\n case \"cursos\":\r\n filterCourses(\"Todo\"); \/\/ Esto tambi\u00e9n actualiza los contadores\r\n courseFilters.classList.remove(\"hidden\"); \/\/ Asegurarse de que los filtros sean visibles\r\n break;\r\n case \"diplomados\":\r\n renderCourses(diplomadosData, diplomadosContainer, false);\r\n courseFilters.classList.add(\"hidden\");\r\n break;\r\n case \"talleres\":\r\n renderCourses(talleresData, talleresContainer, false);\r\n courseFilters.classList.add(\"hidden\");\r\n break;\r\n case \"conferencias\":\r\n renderCourses(conferenciasData, conferenciasContainer, false);\r\n courseFilters.classList.add(\"hidden\");\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n\r\n \/\/ Asigna los eventos a los botones de navegaci\u00f3n principal\r\n mainNavButtons.forEach((button) => {\r\n button.addEventListener(\"click\", (event) => {\r\n showSection(event.currentTarget.dataset.section);\r\n });\r\n });\r\n\r\n \/\/ Asigna los eventos a los botones de filtro de cursos\r\n courseFilters.addEventListener(\"click\", (event) => {\r\n const clickedButton = event.target.closest(\".filter-btn\");\r\n if (clickedButton) {\r\n filterCourses(clickedButton.dataset.filter, clickedButton);\r\n }\r\n });\r\n\r\n \/\/ Mostrar la secci\u00f3n de microcredenciales por defecto al cargar la p\u00e1gina\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n showSection(\"micro\");\r\n updateFilterCounts(); \/\/ Asegurar que los contadores se actualicen al cargar la p\u00e1gina\r\n });\r\n <\/script>\r\n <\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Formaci\u00f3n Tecnopedag\u00f3gica – DEDEV Formaci\u00f3n Tecnopedag\u00f3gica Explora nuestras microcredenciales, cursos, diplomados, talleres y conferencias dise\u00f1ados para potenciar tus habilidades docentes en la era digital. Microcredenciales Cursos Diplomados Talleres Conferencias Formaci\u00f3n con Microcredenciales \u00bfBuscas destacarte en el mundo acad\u00e9mico y profesional? impulsa tu desarrollo con el programa de formaci\u00f3n y capacitaci\u00f3n en modalidad de Microcredenciales Digitales …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\"> <span class=\"screen-reader-text\">DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica<\/span> Read More »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-20466","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica\" \/>\n<meta property=\"og:url\" content=\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dedevusac\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-13T16:24:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/usac-dedev.png\" \/>\n\t<meta property=\"og:image:width\" content=\"355\" \/>\n\t<meta property=\"og:image:height\" content=\"97\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@usacdedev\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\",\"url\":\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\",\"name\":\"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica\",\"isPartOf\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#website\"},\"datePublished\":\"2025-06-13T16:09:52+00:00\",\"dateModified\":\"2026-05-13T16:24:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/virtual.usac.edu.gt\/dedev\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#website\",\"url\":\"https:\/\/virtual.usac.edu.gt\/dedev\/\",\"name\":\"https:\/\/virtual.usac.edu.gt\/dedev\",\"description\":\"Divisi\u00f3n de Educaci\u00f3n a Distancia en Entornos Virtuales\",\"publisher\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/virtual.usac.edu.gt\/dedev\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#organization\",\"name\":\"DEDEV USAC\",\"alternateName\":\"DEDEV\",\"url\":\"https:\/\/virtual.usac.edu.gt\/dedev\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/cropped-ICONO_Mesa-de-trabajo-1-copia.png\",\"contentUrl\":\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/cropped-ICONO_Mesa-de-trabajo-1-copia.png\",\"width\":512,\"height\":512,\"caption\":\"DEDEV USAC\"},\"image\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/dedevusac\",\"https:\/\/twitter.com\/usacdedev\",\"https:\/\/www.youtube.com\/channel\/UC0weNIBRspBx-ntSC31LgVA\"]}]}<\/script>\n","yoast_head_json":{"title":"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/","og_locale":"es_ES","og_type":"article","og_title":"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica","og_url":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/","article_publisher":"https:\/\/www.facebook.com\/dedevusac","article_modified_time":"2026-05-13T16:24:14+00:00","og_image":[{"width":355,"height":97,"url":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/usac-dedev.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@usacdedev","twitter_misc":{"Est. reading time":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/","url":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/","name":"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica","isPartOf":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#website"},"datePublished":"2025-06-13T16:09:52+00:00","dateModified":"2026-05-13T16:24:14+00:00","breadcrumb":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/virtual.usac.edu.gt\/dedev\/"},{"@type":"ListItem","position":2,"name":"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica"}]},{"@type":"WebSite","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#website","url":"https:\/\/virtual.usac.edu.gt\/dedev\/","name":"https:\/\/virtual.usac.edu.gt\/dedev","description":"Divisi\u00f3n de Educaci\u00f3n a Distancia en Entornos Virtuales","publisher":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/virtual.usac.edu.gt\/dedev\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#organization","name":"DEDEV USAC","alternateName":"DEDEV","url":"https:\/\/virtual.usac.edu.gt\/dedev\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#\/schema\/logo\/image\/","url":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/cropped-ICONO_Mesa-de-trabajo-1-copia.png","contentUrl":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/cropped-ICONO_Mesa-de-trabajo-1-copia.png","width":512,"height":512,"caption":"DEDEV USAC"},"image":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/dedevusac","https:\/\/twitter.com\/usacdedev","https:\/\/www.youtube.com\/channel\/UC0weNIBRspBx-ntSC31LgVA"]}]}},"_links":{"self":[{"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages\/20466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/comments?post=20466"}],"version-history":[{"count":1424,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages\/20466\/revisions"}],"predecessor-version":[{"id":25208,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages\/20466\/revisions\/25208"}],"wp:attachment":[{"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/media?parent=20466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n \r\n \r\n \r\n Formaci\u00f3n Tecnopedag\u00f3gica - DEDEV<\/title>\r\n <link\r\n href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\"\r\n rel=\"stylesheet\"\r\n integrity=\"sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH\"\r\n crossorigin=\"anonymous\"\r\n \/>\r\n <link\r\n rel=\"stylesheet\"\r\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\"\r\n \/>\r\n <style>\r\n \/* Estilos CSS optimizados *\/\r\n :root {\r\n \/* Colores base DEDEV *\/\r\n --dedev-purple: #581271;\r\n --dedev-blue-dark: #21246a;\r\n --dedev-blue-medium: #3f51b5;\r\n --dedev-blue-light: #007bff;\r\n\r\n \/* Colores sem\u00e1nticos *\/\r\n --dedev-cyan-blue: #0099df;\r\n --dedev-neutral-gray: #6b6b6a;\r\n --dedev-info-purple: #581271;\r\n \/* Colores de hover *\/\r\n --dedev-cyan-blue-hover: #0077ba;\r\n --dedev-neutral-gray-hover: #4e4e4e;\r\n --dedev-info-purple-hover: #450f5a;\r\n \/* Sombras de tarjeta *\/\r\n --card-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\r\n --card-hover-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n body {\r\n font-family: \"Century Gothic\", CenturyGothic, AppleGothic, sans-serif;\r\n background-color: #f0f2f5;\r\n color: #333;\r\n }\r\n\r\n \/* Reestablece la fuente para los elementos del encabezado superior *\/\r\n .site-header-above-section-center,\r\n .site-header-above-section-center a,\r\n .site-header-above-section-center span,\r\n .site-header-above-section-center div {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif,\r\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\r\n \"Noto Color Emoji\";\r\n font-weight: normal;\r\n }\r\n\r\n \/* Ajustamos los pesos de la fuente para Century Gothic (Reglas generales) *\/\r\n h1, h2, h3, h4, h5, h6,\r\n.section-title,\r\n.subsection-title,\r\n.header-title,\r\n.main-nav-buttons .btn,\r\n.filter-btn.active,\r\n.curso-card .card-title,\r\n.microcredencial-content-box h4,\r\n.course-segment-title,\r\n.course-type-block h4, \/* Nuevo *\/\r\n.microcredential-route-block h4 \/* Nuevo *\/ {\r\n font-weight: bold;\r\n }\r\n\r\n .lead,\r\n .curso-card .card-meta,\r\n .curso-card .card-text-description,\r\n footer,\r\n .filter-btn,\r\n .curso-card .card-buttons .btn {\r\n font-weight: normal;\r\n }\r\n\r\n \/* --- ESTILOS CONSOLIDADOS PARA LOS BOTONES DE TARJETA (ALTA ESPECIFICIDAD) --- *\/\r\n \/* Se aplica a todos los botones dentro de .card-buttons *\/\r\n .card-buttons .btn {\r\n border-width: 1px;\r\n border-style: solid;\r\n border-radius: 6px;\r\n padding: 10px 20px;\r\n font-size: 0.95rem;\r\n font-weight: 900;\r\n \/* Negrita para todos los botones de tarjeta *\/\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n text-decoration: none !important;\r\n color: white; \/* Color blanco para todos los botones de tarjeta *\/\r\n transition: background-color 0.3s ease, border-color 0.3s ease,\r\n transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\r\n filter 0.3s ease;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n \/* Estilos espec\u00edficos para el bot\u00f3n \"Saber M\u00e1s\" *\/\r\n .card-buttons .btn-saber-mas, .card-buttons .btn-ver-conferencia {\r\n background-color: var(--dedev-info-purple);\r\n border-color: var(--dedev-info-purple);\r\n }\r\n .card-buttons .btn-saber-mas:hover, .card-buttons .btn-ver-conferencia:hover {\r\n background-color: var(--dedev-info-purple-hover);\r\n border-color: var(--dedev-info-purple-hover);\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);\r\n }\r\n .card-buttons .btn-saber-mas:active, .card-buttons .btn-ver-conferencia:active {\r\n background-color: var(--dedev-info-purple-hover);\r\n transform: translateY(1px);\r\n filter: none;\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);\r\n transition: transform 0.1s ease, filter 0.1s ease, box-shadow 0.1s ease;\r\n }\r\n .card-buttons .btn-saber-mas:focus, .card-buttons .btn-ver-conferencia:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(var(--dedev-info-purple-hover), 0.5);\r\n }\r\n\r\n \/* Estilos espec\u00edficos para el bot\u00f3n \"Ir al Curso\" *\/\r\n \/* Estilos para ambos: \"Ir al Curso\" e \"Ir al Taller\" *\/\r\n .card-buttons .btn-ir-curso,\r\n .card-buttons .btn-ir-taller {\r\n background-color: var(--dedev-cyan-blue);\r\n border-color: var(--dedev-cyan-blue);\r\n }\r\n\r\n .card-buttons .btn-ir-curso:hover,\r\n .card-buttons .btn-ir-taller:hover {\r\n background-color: var(--dedev-cyan-blue-hover);\r\n border-color: var(--dedev-cyan-blue-hover);\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .card-buttons .btn-ir-curso:active,\r\n .card-buttons .btn-ir-taller:active {\r\n background-color: var(--dedev-cyan-blue-hover);\r\n transform: translateY(1px);\r\n filter: none;\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);\r\n transition: transform 0.1s ease, filter 0.1s ease, box-shadow 0.1s ease;\r\n }\r\n\r\n .card-buttons .btn-ir-curso:focus,\r\n .card-buttons .btn-ir-taller:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(rgba(var(--dedev-cyan-blue-hover), 0.5));\r\n }\r\n\r\n \/* Estilos espec\u00edficos para el bot\u00f3n \"Solicitar\" *\/\r\n .card-buttons .btn-solicitar {\r\n background-color: var(--dedev-neutral-gray);\r\n border-color: var(--dedev-neutral-gray);\r\n }\r\n .card-buttons .btn-solicitar:hover {\r\n background-color: var(--dedev-neutral-gray-hover);\r\n border-color: var(--dedev-neutral-gray-hover);\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);\r\n }\r\n .card-buttons .btn-solicitar:active {\r\n background-color: var(--dedev-neutral-gray-hover);\r\n transform: translateY(1px);\r\n filter: none;\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);\r\n transition: transform 0.1s ease, filter 0.1s ease, box-shadow 0.1s ease;\r\n }\r\n .card-buttons .btn-solicitar:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(var(--dedev-neutral-gray-hover), 0.5);\r\n }\r\n\r\n \/* Estilos espec\u00edficos para el bot\u00f3n \"Ver conferencia\" *\/\r\n \/*.card-buttons .btn-ver-conferencia {\r\n background-color: var(--dedev-blue-medium);\r\n border-color: var(--dedev-cyan-blue);\r\n }\r\n .card-buttons .btn-ver-conferencia:hover {\r\n background-color: var(--dedev-cyan-blue-hover);\r\n border-color: var(--dedev-cyan-blue-hover);\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);\r\n }\r\n .card-buttons .btn-ver-conferencia:active {\r\n background-color: var(--dedev-cyan-blue-hover);\r\n transform: translateY(1px);\r\n filter: none;\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);\r\n transition: transform 0.1s ease, filter 0.1s ease, box-shadow 0.1s ease;\r\n }\r\n .card-buttons .btn-ver-conferencia:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(var(--dedev-cyan-blue-hover), 0.5);\r\n }*\/\r\n\r\n \/* Consideraciones para \u00edconos dentro de los botones *\/\r\n .card-buttons .btn .fas {\r\n font-size: 1.1em;\r\n margin-right: 0.5rem; \/* A\u00f1ade un margen a la derecha del \u00edcono *\/\r\n transition: transform 0.3s ease;\r\n }\r\n \/* Ejemplo de animaci\u00f3n de \u00edcono al pasar el mouse para los botones de tarjeta *\/\r\n .card-buttons .btn:hover .fas {\r\n transform: translateX(3px);\r\n }\r\n\r\n \/* --- REGLAS GENERALES Y DE DISE\u00d1O DE SECCIONES --- *\/\r\n .hidden {\r\n display: none !important;\r\n }\r\n\r\n .section-title {\r\n margin-top: 2.5rem;\r\n margin-bottom: 1.5rem;\r\n color: var(--dedev-blue-dark);\r\n font-weight: bold;\r\n position: relative;\r\n padding-bottom: 0.5rem;\r\n text-align: center;\r\n }\r\n .section-title::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 50%;\r\n bottom: 0;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background-color: var(--dedev-blue-medium);\r\n border-radius: 2px;\r\n }\r\n\r\n .subsection-title {\r\n font-weight: bold;\r\n margin-top: 2rem;\r\n margin-bottom: 1rem;\r\n color: var(--dedev-blue-medium);\r\n border-left: 5px solid var(--dedev-blue-medium);\r\n padding-left: 10px;\r\n margin-left: 1rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .section-description-text {\r\n \/* margin-left: 1rem;\r\n <--- DESCOMENTA ESTO para que la descripci\u00f3n empiece a la misma altura que el t\u00edtulo *\/\r\n margin-top: 0;\r\n margin-bottom: 1.5rem;\r\n color: black;\r\n font-size: 1.1rem; \/* Mant\u00e9n este tama\u00f1o para que sea claramente m\u00e1s peque\u00f1o que el t\u00edtulo *\/\r\n line-height: 1.1;\r\n \/* max-width: 700px; <--- SI QUIERES QUE ABARQUE M\u00c1S ANCHO, COMENTA O ELIMINA ESTA L\u00cdNEA *\/\r\n margin-left: 1rem;\r\n \/* Alinear a la izquierda con la misma sangr\u00eda del t\u00edtulo *\/\r\n margin-right: 1rem;\r\n \/* A\u00f1adir un margen derecho para que no se pegue al borde (opcional) *\/\r\n\r\n \/* A\u00d1ADE ESTO PARA LA L\u00cdNEA INFERIOR DE LA DESCRIPCI\u00d3N *\/\r\n border-bottom: 3px solid #dee2e6;\r\n \/* Un color gris claro similar al de la imagen *\/\r\n padding-bottom: 0.5rem;\r\n \/* Espacio entre el texto y la l\u00ednea *\/\r\n }\r\n\r\n \/* --- ESTILOS PARA EL HEADER Y NAV PERSONALIZADO --- *\/\r\n \/* HERO SECTION ACTUALIZADO *\/\r\n .hero-section {\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(33, 36, 106, 0.1),\r\n \/* Color base al inicio *\/ var(--dedev-blue-medium)\r\n \/* Color con opacidad al final *\/\r\n );\r\n background-size: cover;\r\n color: black;\r\n padding: 2.2rem 0;\r\n text-align: center;\r\n box-shadow: inset 0 -5px 15px rgba(0, 0, 0, 0.3);\r\n }\r\n .hero-section h1 {\r\n color: #000000;\r\n font-size: 3rem;\r\n margin-bottom: 1.5rem;\r\n font-weight: 600;\r\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\r\n }\r\n .hero-section p {\r\n font-size: 1.3rem;\r\n max-width: 800px;\r\n margin: 0 auto 1.2rem auto;\r\n opacity: 0.95;\r\n }\r\n\r\n \/* --- ESTILOS CONSOLIDADOS PARA EL NAV PRINCIPAL --- *\/\r\n .main-nav {\r\n \/* Fondo con gradiente sutil y sombra m\u00e1s pronunciada *\/\r\n background: var(--dedev-blue-medium);\r\n padding: 1rem 0;\r\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25); \/* Sombra m\u00e1s pronunciada *\/\r\n \/* position: sticky;\r\n top: 0;\r\n z-index: 1020;*\/\r\n border-bottom: 3px solid var(--dedev-blue-dark); \/* Borde inferior para definici\u00f3n *\/\r\n }\r\n\r\n .main-nav-buttons {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n \/* \u00a1NUEVO! Espaciado entre los botones *\/\r\n gap: 1.5rem; \/* Ajusta este valor (ej. 1rem, 2rem) para m\u00e1s o menos espacio *\/\r\n }\r\n\r\n .main-nav-buttons .btn {\r\n font-size: 1.1rem;\r\n padding: 0.8rem 1.8rem;\r\n border-radius: 0.75rem;\r\n font-weight: bold;\r\n \/* \u00a1NUEVO! Fondo inicial que da m\u00e1s presencia *\/\r\n background-color: var(\r\n --dedev-blue-dark\r\n ); \/* Un blanco muy sutil y transl\u00facido *\/\r\n color: white;\r\n \/* \u00a1NUEVO! Borde sutil pero visible *\/\r\n border: 2px solid rgba(255, 255, 255, 0.3); \/* Un borde transl\u00facido *\/\r\n transition: all 0.4s ease; \/* Transici\u00f3n m\u00e1s suave y larga *\/\r\n display: flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n justify-content: center;\r\n \/* \u00a1NUEVO! Sombra inicial para dar profundidad *\/\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n position: relative; \/* Necesario para el efecto de brillo *\/\r\n overflow: hidden; \/* Oculta el desbordamiento del brillo *\/\r\n }\r\n\r\n \/* Efecto de \"brillo\" al pasar el rat\u00f3n *\/\r\n .main-nav-buttons .btn::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.15); \/* Color de brillo *\/\r\n transform: skewX(-30deg); \/* \u00c1ngulo del brillo *\/\r\n transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1); \/* Transici\u00f3n compleja para efecto de brillo *\/\r\n z-index: 1;\r\n }\r\n\r\n .main-nav-buttons .btn:hover::before {\r\n left: 100%; \/* Mueve el brillo de izquierda a derecha *\/\r\n }\r\n\r\n .main-nav-buttons .btn:hover {\r\n \/* \u00a1MEJORADO! Cambio de color de fondo y borde al pasar el rat\u00f3n *\/\r\n background-color: var(--dedev-purple);\r\n border-color: var(--dedev-cyan-blue);\r\n \/* \u00a1MEJORADO! Levantamiento y escala m\u00e1s pronunciados *\/\r\n transform: translateY(-5px) scale(1.03); \/* Ligero levantamiento y escala *\/\r\n \/* \u00a1MEJORADO! Sombra m\u00e1s pronunciada al pasar el rat\u00f3n *\/\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);\r\n color: #fff; \/* Asegura el color del texto blanco en hover *\/\r\n }\r\n\r\n .main-nav-buttons .btn.active-section {\r\n background-color: var(--dedev-purple);\r\n border-color: var(\r\n --dedev-info-purple-hover\r\n ); \/* Un borde m\u00e1s definido para el activo *\/\r\n \/* \u00a1MEJORADO! Sombra interior y resplandor exterior m\u00e1s fuertes *\/\r\n box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5),\r\n 0 0 0 5px rgba(255, 255, 255, 0.4);\r\n \/* \u00a1MEJORADO! Ligeramente m\u00e1s grande cuando activo *\/\r\n transform: translateY(0) scale(1.05);\r\n cursor: default;\r\n font-size: 1.25rem; \/* Peque\u00f1o aumento de tama\u00f1o para el texto *\/\r\n color: white;\r\n pointer-events: none; \/* Deshabilita clics en el bot\u00f3n activo *\/\r\n }\r\n\r\n .main-nav-buttons .btn .fas {\r\n transition: transform 0.3s ease; \/* Transici\u00f3n para el \u00edcono *\/\r\n }\r\n\r\n .main-nav-buttons .btn:hover .fas {\r\n transform: scale(1.15); \/* Ligero aumento del \u00edcono al pasar el rat\u00f3n *\/\r\n }\r\n \/* --- ESTILOS PARA BOTONES DE FILTRO DE CATEGOR\u00cdA (en Cursos) --- *\/\r\n .filters .filter-btn {\r\n margin: 0.35rem;\r\n min-width: 120px;\r\n font-size: 0.95rem;\r\n padding: 0.6rem 1.2rem;\r\n border-radius: 0.5rem;\r\n background-color: #f0f2f5;\r\n color: var(--dedev-blue-dark);\r\n border: 3px solid #c9d2de;\r\n transition: all 0.2s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-weight: bold;\r\n }\r\n .filters .filter-btn:hover:not(.active) {\r\n background-color: #e2e6ea;\r\n border-color: #b0c0ce;\r\n transform: translateY(-1px);\r\n }\r\n .filter-btn.active {\r\n background-color: var(--dedev-cyan-blue);\r\n color: white;\r\n border-color: var(--dedev-cyan-blue);\r\n cursor: default;\r\n box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);\r\n font-weight: bold;\r\n transform: none;\r\n }\r\n .filter-btn:disabled {\r\n opacity: 0.6;\r\n cursor: not-allowed;\r\n }\r\n\r\n \/* Estilo del contador: Mini-P\u00edldora Enfocada *\/\r\n .filters .filter-btn .badge {\r\n \/* Tama\u00f1o del \"c\u00edrculo\" muy ajustado *\/\r\n font-size: 0.75em;\r\n \/* \u00a1M\u00e1s peque\u00f1o para el \"c\u00edrculo\" envolvente! *\/\r\n padding: 0.15em 0.5em;\r\n \/* Padding m\u00ednimo para que sea muy compacto *\/\r\n min-width: 1.2em;\r\n \/* Asegura un ancho m\u00ednimo para n\u00fameros de un d\u00edgito *\/\r\n min-height: 1.2em;\r\n \/* Asegura una altura m\u00ednima *\/\r\n display: inline-flex; \/* Para centrar el contenido perfectamente *\/\r\n align-items: center;\r\n \/* Centrado vertical *\/\r\n justify-content: center; \/* Centrado horizontal *\/\r\n\r\n border-radius: 999px;\r\n \/* Forma de p\u00edldora\/c\u00edrculo completa *\/\r\n\r\n background-color: #e0e0e0;\r\n \/* Un gris claro neutro y discreto *\/\r\n color: #333333;\r\n \/* Color de texto oscuro para alto contraste *\/\r\n\r\n margin-left: 0.4rem;\r\n \/* Espacio m\u00ednimo con el texto del bot\u00f3n *\/\r\n\r\n font-weight: 800;\r\n \/* \u00a1Extra Bold para que el n\u00famero resalte al m\u00e1ximo! *\/\r\n letter-spacing: -0.02em;\r\n \/* Ajuste sutil para que los n\u00fameros se vean m\u00e1s \"densos\" *\/\r\n\r\n transition: all 0.2s ease-in-out;\r\n \/* Transiciones suaves *\/\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\r\n \/* Sombra muy sutil para una peque\u00f1a elevaci\u00f3n *\/\r\n }\r\n\r\n .filter-btn.active .badge {\r\n background-color: #ffffff;\r\n \/* Blanco puro para el estado activo *\/\r\n color: #2196f3;\r\n \/* El color principal de tu marca o un azul vibrante *\/\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\r\n \/* Sombra m\u00e1s pronunciada al activarse *\/\r\n \/* NO transform: scale();\r\n si no quieres que el c\u00edrculo crezca en absoluto *\/\r\n }\r\n\r\n \/* --- ESTILOS PARA TARJETAS Y BOTONES --- *\/\r\n .curso-card .card {\r\n border: none;\r\n border-radius: 1rem;\r\n overflow: hidden;\r\n box-shadow: var(--card-shadow);\r\n transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: #ffffff;\r\n }\r\n .curso-card .card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--card-hover-shadow);\r\n }\r\n .curso-card .card-img-container {\r\n position: relative;\r\n width: 100%;\r\n padding-bottom: 75%;\r\n overflow: hidden;\r\n background-color: #e9ecef;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .curso-card .card-img-top {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n .curso-card .card:hover .card-img-top {\r\n transform: scale(1.03);\r\n }\r\n .curso-card .card-body {\r\n padding: 1.25rem;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n .curso-card .card-title {\r\n font-weight: bold;\r\n font-size: 1.25rem;\r\n margin-bottom: 0.75rem;\r\n color: #222;\r\n line-height: 1.3;\r\n \r\n }\r\n .curso-card .card-meta {\r\n font-size: 0.85rem;\r\n color: #6c757d;\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n }\r\n .curso-card .card-meta i {\r\n color: var(--dedev-blue-medium);\r\n }\r\n .curso-card .card-text-description {\r\n font-size: 0.95rem;\r\n color: #555;\r\n margin-bottom: 1rem;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n .curso-card .card-buttons {\r\n margin-top: auto;\r\n padding-top: 1rem;\r\n border-top: 1px solid #eee;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.75rem;\r\n }\r\n @media (min-width: 768px) {\r\n .curso-card .card-buttons {\r\n flex-direction: row;\r\n justify-content: center;\r\n }\r\n }\r\n .curso-card .card-buttons .btn {\r\n font-size: 0.95rem;\r\n padding: 0.7rem 1.2rem;\r\n border-radius: 0.5rem;\r\n width: 100%;\r\n text-align: center;\r\n min-width: 120px;\r\n transition: all 0.2s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n }\r\n @media (min-width: 768px) {\r\n .curso-card .card-buttons .btn {\r\n width: auto;\r\n }\r\n }\r\n\r\n \/* ESTILOS PARA SECCI\u00d3N DE MICROCREDENCIALES *\/\r\n .microcredencial-content-box {\r\n border: 1px solid #ddd;\r\n border-radius: 1rem;\r\n padding: 2rem;\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);\r\n background-color: #fff;\r\n margin-top: 1.5rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n .microcredencial-content-box h4 {\r\n color: var(--dedev-blue-dark);\r\n font-weight: bold;\r\n margin-bottom: 1.25rem;\r\n border-bottom: 2px solid var(--dedev-blue-medium);\r\n padding-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n }\r\n .microcredencial-content-box ul {\r\n list-style-type: disc;\r\n margin-left: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n .microcredencial-content-box ul li {\r\n margin-bottom: 0.6rem;\r\n line-height: 1.6;\r\n }\r\n .microcredencial-icon {\r\n display: block;\r\n margin: 2rem auto 1rem auto;\r\n max-width: 150px;\r\n height: auto;\r\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));\r\n }\r\n\r\n \/* --- Estilos para Bloques de Contenido Din\u00e1mico (Cursos) --- *\/\r\n .course-segment {\r\n border: 1px solid #e0e0e0;\r\n border-radius: 1rem;\r\n padding: 2rem;\r\n margin-bottom: 3rem;\r\n background-color: #ffffff;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\r\n }\r\n .course-segment-title {\r\n font-size: 1.8rem;\r\n color: var(--dedev-blue-dark);\r\n margin-bottom: 2rem;\r\n border-bottom: 3px solid var(--dedev-blue-medium);\r\n padding-bottom: 0.8rem;\r\n text-align: center;\r\n font-weight: bold;\r\n }\r\n .course-segment .row {\r\n margin-top: 2rem;\r\n }\r\n\r\n \/* Estilos para el mensaje de \"no hay contenido\" *\/\r\n .empty-message {\r\n text-align: center;\r\n padding: 3rem 0;\r\n color: #6c757d;\r\n font-size: 1.15rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n .empty-message i {\r\n font-size: 3rem;\r\n color: #ced4da;\r\n }\r\n\r\n \/* Estilos para el footer *\/\r\n footer {\r\n background-color: #212529;\r\n padding: 1.5rem 0;\r\n font-size: 0.9rem;\r\n color: #adb5bd;\r\n }\r\n\r\n \/* Nuevos estilos para los bloques \"Disponibles\" y \"A solicitud\" *\/\r\n \/* El .course-type-block ahora se usa para las secciones de Cursos, Diplomados, Talleres y Conferencias *\/\r\n \/* Cuando no son \"cursos\", no tendr\u00e1 los t\u00edtulos de \"Contenido Disponible\" o \"Contenido a Solicitud\" *\/\r\n .course-type-block,\r\n .microcredential-route-block {\r\n \/* Combinado para estilos base *\/\r\n margin-top: 2.5rem;\r\n margin-bottom: 2.5rem;\r\n padding: 1.5rem;\r\n border: 1px solid #e9ecef;\r\n border-radius: 0.75rem;\r\n background-color: #f8f9fa;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n }\r\n .course-type-block h4,\r\n .microcredential-route-block h4 {\r\n \/* Combinado para estilos de t\u00edtulo *\/\r\n font-size: 1.5rem;\r\n color: var(--dedev-blue-dark);\r\n margin-bottom: 1.5rem;\r\n border-bottom: 2px solid var(--dedev-blue-light);\r\n padding-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n font-weight: bold;\r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <header class=\"hero-section\">\r\n <div class=\"container text-center\">\r\n <h1>Formaci\u00f3n Tecnopedag\u00f3gica<\/h1>\r\n <p>\r\n Explora nuestras microcredenciales, cursos, diplomados, talleres y\r\n conferencias dise\u00f1ados para potenciar tus habilidades docentes en la\r\n era digital.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <nav class=\"main-nav\">\r\n <div\r\n class=\"container d-flex justify-content-center flex-wrap main-nav-buttons\"\r\n >\r\n <button class=\"btn\" data-section=\"micro\">\r\n <i class=\"fas fa-award me-2\"><\/i>Microcredenciales\r\n <\/button>\r\n <button class=\"btn\" data-section=\"cursos\">\r\n <i class=\"fas fa-book me-2\"><\/i>Cursos\r\n <\/button>\r\n <button class=\"btn\" data-section=\"diplomados\">\r\n <i class=\"fas fa-certificate me-2\"><\/i>Diplomados\r\n <\/button>\r\n <button class=\"btn\" data-section=\"talleres\">\r\n <i class=\"fas fa-chalkboard-teacher me-2\"><\/i>Talleres\r\n <\/button>\r\n <button class=\"btn\" data-section=\"conferencias\">\r\n <i class=\"fas fa-microphone me-2\"><\/i>Conferencias\r\n <\/button>\r\n <\/div>\r\n <\/nav>\r\n\r\n <div id=\"seccion-micro\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">\r\n <i class=\"fa-solid fa-award me-2\"><\/i> Formaci\u00f3n con Microcredenciales\r\n <\/h3>\r\n <div class=\"microcredencial-content-box text-start\">\r\n \r\n <p> \r\n \u00bfBuscas destacarte en el mundo acad\u00e9mico y profesional? impulsa tu desarrollo con el programa de formaci\u00f3n y capacitaci\u00f3n en modalidad de Microcredenciales Digitales Universitarias, una modalidad de aprendizaje innovadora, flexible y modular creada mediante Acuerdo de Rector\u00eda 0045-2025 para potenciar tus habilidades, certificar tus competencias y acelerar tu crecimiento profesional.\r\n<\/p>\r\n <h4>\r\n <i class=\"fas fa-info-circle\"><\/i> \u00bfQu\u00e9 son las Microcredenciales?\r\n <\/h4>\r\n <p>\r\n Una microcredencial es una certificaci\u00f3n que reconoce el dominio de un conjunto de habilidades o habilidad espec\u00edfica que se adquieren por medio de los programas de formaci\u00f3n y actualizaci\u00f3n con una duraci\u00f3n corta y que se crean para la adquisici\u00f3n de aprendizajes de manera formal, en fortalecimiento de la Pol\u00edtica de la Calidad Educativa y la Pol\u00edtica de Educaci\u00f3n a Distancia en Entornos Virtuales, ambas de la Universidad de San Carlos de Guatemala.\r\n\r\n <\/p>\r\n \r\n <p>\r\n De esta forma, podr\u00e1s especializarte en \u00e1reas clave, obtener reconocimiento oficial y enriquecer tu perfil con certificaciones flexibles, \u00e1giles y alineadas a las demandas actuales en cualquiera de los niveles del entorno laboral actual.\r\n\r\n\r\n <\/p>\r\n\r\n <h4><i class=\"fas fa-check-circle\"><\/i> \u00bfC\u00f3mo obtenerlas?<\/h4>\r\n <p>\r\n Puedes adquirir tus microcredenciales a trav\u00e9s de diferentes modalidades de estudio: presencial, no presencial, en cualquiera de sus modalidades (abierta, educaci\u00f3n a distancia como modelo instruccional, virtual, en l\u00ednea), garantizando as\u00ed que estudiantes, docentes y personal administrativo puedan acceder a estas certificaciones. Para facilitar su identificaci\u00f3n, todas nuestras opciones formativas que otorgan microcredenciales o que forman parte de una ruta de aprendizaje para conseguirlas, estar\u00e1n se\u00f1alizadas con un distintivo visual espec\u00edfico.\r\n\r\n <\/p>\r\n <h4><i class=\"fas fa-shield-alt\"><\/i> Validaci\u00f3n y emisi\u00f3n:<\/h4>\r\n <p>\r\n La validaci\u00f3n y emisi\u00f3n de estas microcredenciales ser\u00e1 coordinada por la Direcci\u00f3n General de Docencia, a trav\u00e9s de la Divisi\u00f3n de Educaci\u00f3n a Distancia en Entornos Virtuales (DEDEV) y la Divisi\u00f3n de Evaluaci\u00f3n y Acreditaci\u00f3n Institucional (DEAI). Estas certificaciones digitales contar\u00e1n con tecnolog\u00eda blockchain, que garantiza su autenticidad y respaldo, validando que quien la recibe ha adquirido efectivamente el aprendizaje o habilidad correspondiente.\r\n <\/p>\r\n \r\n <p>\r\n <b>\u00a1Mantente informado de nuestros procesos acad\u00e9micos y s\u00e9 parte de la evoluci\u00f3n en la educaci\u00f3n!<\/b>\r\n <\/p>\r\n <div class=\"text-center\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"seccion-cursos\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">\r\n <i class=\"fas fa-book-open me-2\"><\/i> Explora Nuestros Cursos\r\n <\/h3>\r\n <div class=\"filters text-center mb-5\" id=\"course-filters\">\r\n <button class=\"btn btn-secondary filter-btn\" data-filter=\"Todo\">\r\n <i class=\"fas fa-globe me-2\"><\/i>Todo <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button\r\n class=\"btn btn-secondary filter-btn\"\r\n data-filter=\"Microcredencial\"\r\n >\r\n <i class=\"fas fa-award me-2\"><\/i>Microcredencial\r\n <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button class=\"btn btn-secondary filter-btn\" data-filter=\"Moodle\">\r\n <i class=\"fas fa-graduation-cap me-2\"><\/i>Moodle\r\n <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button class=\"btn btn-secondary filter-btn\" data-filter=\"IA\">\r\n <i class=\"fas fa-robot me-2\"><\/i>IA <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button\r\n class=\"btn btn-secondary filter-btn\"\r\n data-filter=\"Productividad\"\r\n >\r\n <i class=\"fas fa-briefcase me-2\"><\/i>Productividad\r\n <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button class=\"btn btn-secondary filter-btn\" data-filter=\"Ofim\u00e1tica\">\r\n <i class=\"fas fa-file-alt me-2\"><\/i>Ofim\u00e1tica\r\n <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <button class=\"btn btn-secondary filter-btn\" data-filter=\"Otros\">\r\n <i class=\"fas fa-ellipsis-h me-2\"><\/i>Otros\r\n <span class=\"badge\">0<\/span>\r\n <\/button>\r\n <\/div>\r\n <div id=\"cursos-container\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"seccion-diplomados\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">\r\n <i class=\"fa-solid fa-user-graduate me-2\"><\/i> Diplomados\r\n <\/h3>\r\n <div id=\"diplomados-container\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"seccion-talleres\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\"><i class=\"fas fa-tools me-2\"><\/i> Talleres<\/h3>\r\n <div id=\"talleres-container\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"seccion-conferencias\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">\r\n <i class=\"fas fa-chalkboard-teacher me-2\"><\/i> Conferencias\r\n <\/h3>\r\n \r\n <div id=\"conferencias-container\"><\/div>\r\n <\/div>\r\n\r\n\r\n <script\r\n src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"\r\n integrity=\"sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz\"\r\n crossorigin=\"anonymous\"\r\n ><\/script>\r\n\r\n <script>\r\n \/\/ Datos de los cursos\r\n const coursesData = [\r\n {\r\n title: \"Edici\u00f3n 360 VIP\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/05\/Diseno-de-identificacion-CURSO-EDICION-360-2026-PW.jpg\",\r\n shortDescription:\r\n \"Curso avintermedio para dominar la postproducci\u00f3n audiovisual, transformando ideas creativas en videos de alto impacto y calidad profesional.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/edicion-360-vip\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=99\",\r\n },{\r\n title: \"FerIA: gr\u00e1ficos que impactan\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/Diseno-de-identificacion-CURSO-FERIA-2026-F.jpg\",\r\n shortDescription:\r\n \"Dise\u00f1a presentaciones interactivas, infograf\u00edas y gu\u00edas de estudio que faciliten la comprensi\u00f3n de contenidos complejos y promuevan una comunicaci\u00f3n efectiva.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/feria-graficos-que-impactan\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=97\",\r\n },{\r\n title: \"H5P en Moodle para la creaci\u00f3n de actividades interactivas\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/Diseno-de-identificacion-CURSO-H5P-2026-01.jpg\",\r\n shortDescription:\r\n \"Cree actividades interactivas con H5P en Moodle para fortalecer la participaci\u00f3n y dinamizar el aprendizaje en sus cursos virtuales educativos.\",\r\n category: \"Moodle\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/h5p-en-moodle-para-la-creacion-de-actividades-interactivas\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=96\",\r\n }, {\r\n title: \"Dise\u00f1o Did\u00e1ctico de Actividades con IA\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/Diseno-de-identificacion-CURSO-Diseno-Didactico-2026-01.jpg\",\r\n shortDescription:\r\n \"Las competencias pedag\u00f3gicas para dise\u00f1ar actividades alineadas con resultados de aprendizaje, mediante el uso \u00e9tico de herramientas de inteligencia artificial.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Avanzado\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/diseno-didactico-de-actividades-con-ia\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=93\",\r\n }, \r\n {\r\n title: \"EduTube: de espectador a creador\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/Diseno-de-identificacion-CURSO-EDUTUBE-WEB.jpg\",\r\n shortDescription:\r\n \"EduTube ense\u00f1a a planificar, crear y gestionar el material en video para uso educativo a nivel acad\u00e9mico, profesional.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/youtube-como-aliado-pedagogico-en-la-educacion-superior\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=92\",\r\n }, {\r\n title: \"Compartir y crear:el ABC del Derecho de Autor\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/02\/Diseno-de-identificacion-CURSO-ABC-DERECHOS-2026-01.jpg\",\r\n shortDescription:\r\n \"Curso especializado que capacita en derecho de autor y licencias abiertas para la gesti\u00f3n \u00e9tica de recursos educativos digitales.\",\r\n category: \"Otros\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/educacion-etica-y-derecho-de-autor-en-la-era-digital-una-responsabilidad-universitaria\/\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=95\",\r\n }, {\r\n title: \"Simuladores STEM\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/01\/Diseno-de-identificacion-CURSO-STEM-2026-01.jpg.jpeg\",\r\n shortDescription:\r\n \"Los simuladores virtuales permiten experimentar de manera aut\u00f3noma, para promover la exploraci\u00f3n, curiosidad cient\u00edfica y aplicaci\u00f3n de los conceptos te\u00f3ricos.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/simuladores-tecnologicos-experimentales-mate-fisica-stem\",\r\n courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=90\",\r\n },{\r\n title: \"EduCast: Tu gu\u00eda para podcasting\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-EDUCAST.jpg\",\r\n shortDescription:\r\n \"Este curso virtual autogestionable capacita a toda la comunidad universitaria de la USAC para crear, producir y publicar podcasts educativos en Spotify, fomentando experiencias de aprendizaje din\u00e1micas y conectadas con la comunidad universitaria.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/el-podcast-como-recurso-educativo-en-la-universidad\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n \/\/courseLink: \"https:\/\/radd2.virtual.usac.edu.gt\/dedev\/course\/view.php?id=84\",\r\n },\r\n {\r\n title: \"APPS para ciencias naturales\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-APPS-PARA-CC.NN_.jpg\",\r\n shortDescription:\r\n \"Este curso busca democratizar el acceso a la ciencia digital, ofreciendo a los participantes una caja de herramientas tecnol\u00f3gicas que enriquezcan la ense\u00f1anza, el aprendizaje y la comunicaci\u00f3n de las ciencias naturales en entornos virtuales.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"60 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/apps-y-recursos-para-ciencias-naturales-nivel-i\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Gesti\u00f3n del tiempo sin estr\u00e9s\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GESTION-DEL-TIEMPO.jpg\",\r\n shortDescription:\r\n \"Cuando gestionamos el tiempo con intenci\u00f3n, no solo somos m\u00e1s eficientes: tambi\u00e9n reducimos el estr\u00e9s, ganamos claridad mental y cultivamos espacios para el descanso, la creatividad y las relaciones. Es decir, mejoramos nuestra calidad de vida. \",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestion-del-tiempo-sin-estres\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"AULABOT: asistentes para el aprendizaje\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-AULABOT.jpg\",\r\n shortDescription:\r\n \"Un espacio formativo donde cada participante podr\u00e1 dise\u00f1ar y utilizar inteligencia artificial \u201cbots educativos\u201d que potencien sus actividades.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/aulabot-asistentes-para-el-aprendizaje\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },{\r\n title: \"Moodle avanzado\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-MOODLE-AVANZADO.jpg\",\r\n shortDescription:\r\n \"Integre herramientas de inteligencia artificial para personalizar el aprendizaje y ampliar las posibilidades de interacci\u00f3n en Moodle.\",\r\n category: \"MoodleR\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName: \"Ruta de Microcredencial: Moodle Avanzado\",\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Avanzado\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/moodle-avanzado-para-profesores\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Dise\u00f1o educativo innovador\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-DISENO-CURSO-EDUCATIVO-INNOVADOR.jpg\",\r\n shortDescription:\r\n \"Este curso est\u00e1 dise\u00f1ado para capacitar a los educadores en la creatividad y el pensamiento cr\u00edtico en sus pr\u00e1cticas pedag\u00f3gicas.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/revolucionando-la-educacion-herramientas-innovadoras-para-el-aprendizaje-del-siglo-xxi\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },{\r\n title: \"SmartEdu: Dise\u00f1o de E-actividades con IA\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-SMARTEDU.jpg\",\r\n shortDescription:\r\n \"Este curso autogestionable combina teor\u00eda y pr\u00e1ctica para proporcionar una experiencia de aprendizaje integral y transformadora.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"50 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/smartedu-formacion-universitaria-con-ia\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Dise\u00f1o de reactivos de opci\u00f3n m\u00faltiple\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DISENO-DE-REACTIVOS.jpg\",\r\n shortDescription:\r\n \"En la pr\u00e1ctica educativa contempor\u00e1nea, evaluar de forma justa, v\u00e1lida y eficaz sigue siendo uno de los grandes desaf\u00edos.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/curso-diseno-de-reactivos-de-opcion-multiple\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Moodle intermedio para profesores\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-MOODLE-INTERMEDIO.jpg\",\r\n shortDescription:\r\n \"Perfeccione sus cursos en Moodle con procesos optimizados y entornos din\u00e1micos que impulsen la interacci\u00f3n y el aprendizaje.\",\r\n category: \"MoodleR\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName: \"Ruta de Microcredencial: Moodle Avanzado\",\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/refuerce-su-practica-docente-digital-curso-moodle-intermedio-para-profesores\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Dise\u00f1a cursos: Moodle en acci\u00f3n\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DISENA-CURSOS-MOODLE-EN-ACCION.jpg\",\r\n shortDescription:\r\n \"Curso autogestionable en el que aprender\u00e1 c\u00f3mo dise\u00f1ar cursos en Moodle m\u00e1s din\u00e1micos y potencializados con distintos recursos educativos.\",\r\n category: \"MoodleR\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName: \"Ruta de Microcredencial: Moodle Avanzado\",\r\n type: \"solicitud\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/moodle-la-plataforma-que-transforma-la-educacion-con-tecnologia-y-metodologias-activas\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n \r\n },\r\n \r\n {\r\n title: \"Administracion de Moodle\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/01\/Diseno-de-identificacion-Administracion-de-Moodle-2025-768x576.jpg\",\r\n shortDescription:\r\n \"Aprende a estructurar, dise\u00f1ar y subir contenido de cursos de manera efectiva en la plataforma Moodle.\",\r\n category: \"Moodle\",\r\n isMicrocredentialRoute: false,\r\n type: \"disponible\",\r\n duration: \"60 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"#\",\r\n courseLink: \"#\",\r\n },\r\n {\r\n title: \"Foros Moodle: Interacci\u00f3n efectiva\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-FOROS-DE-APRENDIZAJE-ACTIVO-EN-MOODLE.jpg\",\r\n shortDescription:\r\n \"Este curso te ofrece las claves para utilizar los foros como una estrategia pedag\u00f3gica innovadora y efectiva.\",\r\n category: \"Moodle\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"20 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/potenciando-el-aprendizaje-activo\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Curso de Tecnoaccesibilidad\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-TECNOACCESIBLIDAD.jpg\",\r\n shortDescription:\r\n \"Este curso capacita a docentes, personal y estudiantes en el uso de herramientas tecnol\u00f3gicas que mejoran la accesibilidad educativa.\",\r\n category: \"Accesibilidad\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName:\r\n \"Ruta de Microcredencial: Educaci\u00f3n Inclusiva Digital\",\r\n type: \"solicitud\",\r\n duration: \"30 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/descubre-el-poder-de-la-tecnoaccesibilidad-en-la-educacion\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Google Sheet para Docentes\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GOLGLE-SHEETS.jpg\",\r\n shortDescription:\r\n \"Domina las herramientas esenciales para organizar, analizar y visualizar informaci\u00f3n de manera \u00e1gil y efectiva.\",\r\n category: \"Ofim\u00e1tica\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/la-transformacion-digital-en-la-educacion-potenciando-el-uso-de-google-sheets-en-entornos-academicos\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n title: \"Introduccion a Moodle para profesores\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-INTRODUCCION-A-MOODLE.jpg\",\r\n shortDescription:\r\n \"Innove la forma de ense\u00f1ar con Moodle, creando experiencias de aprendizaje digitales atractivas y accesibles.\",\r\n category: \"MoodleR\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName: \"Ruta de Microcredencial: Moodle Avanzado\",\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/como-puede-moodle-mejorar-su-ensenanza\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Accesibilidad Dise\u00f1o de documentos en Word\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-ACCESIBILIDAD-2025-1.jpg\",\r\n shortDescription:\r\n \"Curso autogestionable en el que aprender\u00e1 c\u00f3mo hacer ajustes a sus documentos de Word y volverlos accesibles para personas con discapacidad.\",\r\n category: \"Accesibilidad\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName:\r\n \"Ruta de Microcredencial: Educaci\u00f3n Inclusiva Digital\",\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/accesibilidad-en-documentos-en-word\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Discapacidad y acci\u00f3n en la Universidad de San Carlos de Guatemala\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DE-DISCAPACIDAD.jpg\",\r\n shortDescription:\r\n \"Este curso, con la participaci\u00f3n de expertos, tiene como objetivo sensibilizar sobre los desaf\u00edos y oportunidades de las personas con discapacidad, promoviendo inclusi\u00f3n y respeto.\",\r\n category: \"Accesibilidad\",\r\n isMicrocredentialRoute: true,\r\n microcredentialRouteName:\r\n \"Ruta de Microcredencial: Educaci\u00f3n Inclusiva Digital\",\r\n type: \"solicitud\",\r\n duration: \"40 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/desafios-y-oportunidades-para-las-personas-con-discapacidad-en-la-educacion-superior-del-siglo-xxi\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n title: \"Compartir y crear: el ABC del Derecho de Autor\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DERECHOS-DE-AUTOR.jpg\",\r\n shortDescription:\r\n \"Este curso en l\u00ednea est\u00e1 dise\u00f1ado para comprender mejor c\u00f3mo proteger tus creaciones originales y compartir contenido digital de manera legal y responsable.\",\r\n category: \"Otros\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"30 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/la-importancia-de-la-ensenanza-del-derecho-de-auto\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Aprende ChatGPT y mas herramientas IA\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-APRENDE-CHATGPT.jpg\",\r\n shortDescription:\r\n \"Descubra c\u00f3mo utilizar herramientas de IA para crear contenido educativo atractivo. Aprenda a dise\u00f1ar materiales que capten la atenci\u00f3n y potencien el aprendizaje.\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"30 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/como-chatgpt-y-mas-herramientas-pueden-transformar-sus-contenidos-educativos\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"HTML pr\u00e1ctico para docentes en Moodle\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-HTML-PRACTICO-PARA-DOCENTES.jpg\",\r\n shortDescription:\r\n \"Descubra c\u00f3mo usar HTML para personalizar sus cursos en Moodle. Aprenda a integrar recursos multimedia y transformar su espacio educativo en un entorno m\u00e1s atractivo y funcional.\",\r\n category: \"Moodle\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"10 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/transforme-sus-cursos-en-moodle-con-html\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Ofim\u00e1tica al alcance de tu mano: Docs de Google\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DOCS-DE-GOOGLE.jpg\",\r\n shortDescription:\r\n \"\u00a1Profundiza tu conocimiento en Google Docs! \u00danete a nuestro curso auto gestionable y maximiza tu eficacia acad\u00e9mica con estrategias y herramientas de vanguardia.\",\r\n category: \"Ofim\u00e1tica\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"10 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n title: \"Google Lens en el aula\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GOOGLE-LENS.jpg\",\r\n shortDescription:\r\n \"Google Lens es una aplicaci\u00f3n de Google que utiliza inteligencia artificial y procesamiento de im\u00e1genes para identificar objetos, extraer textos, traducir texto en tiempo real y escanear QR.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"2 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/descubre-el-poder-de-google-lens-en-el-aula\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"PowerPoint evolucionado con inteligencia artificial\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/05\/PORTADAS-NUEVAS-POWER-PONIT.jpg\",\r\n shortDescription:\r\n \"Fusiona creatividad y tecnolog\u00eda con PowerPoint e IA, creando experiencias visuales impactantes que transformar\u00e1n tu manera de comunicar\",\r\n category: \"IA\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"15 horas\",\r\n level: \"Avanzado\",\r\n learnMoreLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/transformacion-digital-en-la-comunicacion-visual\/\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Domina Google Calendar\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GOOGLE-CALENDAR.jpg\",\r\n shortDescription:\r\n \"\u00a1Organiza tu tiempo y alcanza la productividad m\u00e1xima! \u00danete a nuestro curso en l\u00ednea sobre Google Calendar y descubre c\u00f3mo organizar tu vida de manera eficiente.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"6 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Diseno y apliacion de rubricas en Moodle\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-DISENO-Y-APLICACION-DE-RUBRICAS.jpg\",\r\n shortDescription:\r\n \"Evaluar desde una perspectiva multidimensional y din\u00e1mica, demanda la aplicaci\u00f3n de instrumentos espec\u00edficos para medir el desempe\u00f1o del estudiante.\",\r\n category: \"Moodle\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"15 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n title: \"Word basico: Fundamentos de Microsoft Word\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-FUNDAMENTOS-DE-MICROSOFT-WORD.jpg\",\r\n shortDescription:\r\n \"Aprende a utilizar las funciones b\u00e1sicas de Microsoft Word para la creaci\u00f3n de documentos de texto.\",\r\n category: \"Ofim\u00e1tica\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"6 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Word intermedio: Mejore el dominio de Word\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-WORD-INTERMEDIO.jpg\",\r\n shortDescription:\r\n \"Desarrolle sus habilidades en Microsoft Word y perfeccione sus capacidades en la edici\u00f3n de documentos.\",\r\n category: \"Ofim\u00e1tica\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"10 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Word profesional: herramientas avanzadas para documentaci\u00f3n eficiente\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-WORD-PROFESIONAL.jpg\",\r\n shortDescription:\r\n \"Eleve su dominio en Microsoft Word con el curso avanzado y perfeccione la edici\u00f3n y creaci\u00f3n de documentos.\",\r\n category: \"Ofim\u00e1tica\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"10 horas\",\r\n level: \"Avanzado\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n \r\n {\r\n title: \"Gmail-Workspace\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GMAIL-WORKSPACE.jpg\",\r\n shortDescription:\r\n \"Este curso, est\u00e1 dise\u00f1ado para ense\u00f1arte todo lo que necesitas saber para utilizar eficazmente el correo electr\u00f3nico de Google. Aprender\u00e1s a enviar y recibir correos electr\u00f3nicos, organizar tu bandeja de entrada, utilizar funciones avanzadas como etiquetas y filtros y maximizar tu productividad y Google Workspace integrado.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"20 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n title: \"Evaluaci\u00f3n educativa: Fundamentos y prop\u00f3sito\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-EVALUACION-EDUCATIVA.jpg\",\r\n shortDescription:\r\n \"Evaluando tambi\u00e9n se ense\u00f1a, conoce los fundamentos y prop\u00f3sitos b\u00e1sicos del proceso evaluativo desde una perspectiva pr\u00e1ctica.\",\r\n category: \"Otros\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"10 horas\",\r\n level: \"Intermedio\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n title: \"Empodera tu productividad digital con Google Drive\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/04\/PORTADA-CURSO-GOOGLE-DRIVE.jpg\",\r\n shortDescription:\r\n \"\u00a1Organiza tu espacio de almacenamiento y alcanza la productividad m\u00e1xima! \u00danete a nuestro curso autogestionable sobre Google Drive y descubre c\u00f3mo organizar tu informaci\u00f3n de manera eficiente.\",\r\n category: \"Productividad\",\r\n isMicrocredentialRoute: false,\r\n type: \"solicitud\",\r\n duration: \"6 horas\",\r\n level: \"B\u00e1sico\",\r\n learnMoreLink: \"#\",\r\n requestLink: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n \r\n \r\n ];\r\n \/\/ Datos de los diplomados\r\n const diplomadosData = [\r\n {\r\n id: 20,\r\n title: \"APPLABIA Laboratorio de Aplicaciones Inteligentes para E-actividades\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/05\/PORTADAS-CURSOS-DIPLOMADOS-2026-02.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"diplomado\",\r\n duration: \"\",\r\n level: \"Avanzado\",\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/diplomado-applabia-2024\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n id: 21,\r\n title: \"Dise\u00f1o de cursos para entornos digitales\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/05\/PORTADAS-CURSOS-DIPLOMADOS-2026-03.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"diplomado\",\r\n duration: \"100\",\r\n level: \"Intermedio\",\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/diseno-de-cursos-para-entornos-digitales\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n id: 22,\r\n title: \"Diplomado en tutor\u00eda virtual\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/05\/PORTADAS-CURSOS-DIPLOMADOS-2026-01.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"diplomado\",\r\n duration: \"100\",\r\n level: \"Intermedio\",\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/diplomado-en-tutoria-virtual\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n ];\r\n\r\n \/\/ Datos de los talleres\r\n const talleresData = [\r\n {\r\n id: 40,\r\n title: \"Diseno de unidad didactica en modalidad mixta\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/04\/Taller-Diseno-de-Unidad-Didactica-en-modalidad-mixta-2024-copia.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"taller\",\r\n \/*date: \"2024-11-15\", \/\/ Formato YYYY-MM-DD para f\u00e1cil ordenamiento si fuera necesario*\/\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/diseno-de-unidad-didactica-en-modalidad-mixta\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n id: 41,\r\n title: \"Fundamento tecnopedag\u00f3gico y marco acad\u00e9mico para cursos mediados por la tecnolog\u00eda\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/10\/TALLERES-2023-01-1-1536x1153.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"taller\",\r\n \/* date: \"2024-11-22\",*\/\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/taller-fundamento-tecnopedagogico-y-marco-academico-para-cursos-mediados-por-la-tecnologia\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n \r\n {\r\n id: 43,\r\n title: \"Gesti\u00f3n y administraci\u00f3n en MOODLE para cursos en modalidad mixta o virtual\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/10\/TALLERES-2023-03-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"taller\",\r\n \/* date: \"2024-12-05\",*\/\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestion-y-administracion-moodle-para-cursos-en-modalidad-mixta-o-virtual\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n id: 42,\r\n title: \"Visualizacion de datos con Looker Studio\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/07\/PORTADA-TALLERES-LOKER-STUDIO-2024.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"taller\",\r\n \/* date: \"2024-12-05\",*\/\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/visualizacion-de-datos-con-looker-studio\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n {\r\n id: 43,\r\n title: \"Google en el aula\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/TALLERES-GOOGLE-EN-EL-AULA-2024-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n type: \"taller\",\r\n \/* date: \"2024-12-05\",*\/\r\n infoUrl: \"https:\/\/virtual.usac.edu.gt\/dedev\/google-en-el-aula-para-mejorar-colaboracion-organizacion-y-creatividad-educativa\/\",\r\n requestLinkTaller: \"https:\/\/virtual.usac.edu.gt\/dedev\/gestiones\/\",\r\n },\r\n ];\r\n\r\n \/\/ Datos de las conferencias (\u00a1URLs de imagen y watchUrl cambiadas a locales\/vac\u00edas!)\r\n const conferenciasData = [\r\n {\r\n title: \"Acompa\u00f1amiento y mentor\u00eda en la transici\u00f3n de la presencialidad a la ense\u00f1anza mediada por la tecnolog\u00eda\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/ACOMPANAMIENTO-Y-MENTORIA.jpg\",\r\n shortDescription:\r\n \"Desde la tecnolopedagog\u00eda, la comunicaci\u00f3n asertiva en entornos mediados por la tecnolog\u00eda es un elemento clave. Aprende sobre algunas estrategias y din\u00e1micas en torno al \u201cAcompa\u00f1amiento y mentor\u00eda en la transici\u00f3n de la presencialidad a la ense\u00f1anza mediada por la tecnolog\u00eda\u201d.\",\r\n year: 2025,\r\n\t\t date: '25\/11\/2025',\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=P_EeLq9SwnE\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Integraci\u00f3n de la IA en la formaci\u00f3n nacional chilena: experiencias de una relaci\u00f3n educaci\u00f3n-sociedad-universidad\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/INTEGRACION-DE-LA-IA-EN-LA-FORMACION-NACIONAL-CHILENA.jpg\",\r\n shortDescription:\r\n \"El intercambio de conocimientos, sobre educaci\u00f3n, sociedad y el rol de la universidad en este nuevo contexto permite identificar mejores pr\u00e1cticas y desaf\u00edos comunes al impulsar una transformaci\u00f3n educativa m\u00e1s efectiva y equitativa.\",\r\n year: 2025,\r\n\t\t date: '17\/10\/2025',\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=WHXtqdyRkMY\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Retos de la regulaci\u00f3n de la IA generativa y su relaci\u00f3n con los derechos de autor\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/RETOS-DE-LA-REGULACION-DE-LA-IA.jpg\",\r\n shortDescription:\r\n \"La IA generativa est\u00e1 revolucionando la creatividad, pero plantea serias preguntas sobre los derechos de autor. El auge de herramientas permite crear contenido asombroso, pero \u00bfqui\u00e9n es el due\u00f1o de esos derechos? Es un debate complejo que demanda regulaci\u00f3n para proteger a artistas y creadores.\",\r\n year: 2025,\r\n\t\t date: '16\/10\/2025',\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=8hv8N2g7IE4\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"IA generativa responsable en educaci\u00f3n superior: del hype a la gobernanza pr\u00e1ctica\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/IA-GENERATIVA-RESPONSABLE.jpg\",\r\n shortDescription:\r\n \"La IA generativa responsable en educaci\u00f3n superior: del hype a la gobernanza pr\u00e1ctica, descubre c\u00f3mo implementar esta tecnolog\u00eda de forma \u00e9tica y efectiva.\",\r\n year: 2025,\r\n\t\t date: '15\/10\/2025',\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=U1lXnjxByhs\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"El EPS de la USAC y su incidencia en la sociedad guatemalteca\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/EL-EPS-DE-LA-USAC.jpg\",\r\n shortDescription:\r\n \"El EPS le permite a la USAC dejar huella en la sociedad guatemalteca. A trav\u00e9s de los servicios que brinda, los estudiantes generan incidencia en campos de acci\u00f3n importantes. \",\r\n year: 2025,\r\n\t\t date: '23\/09\/2025',\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=ucOgKVF9WWE\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"C\u00e1tedra de Tecnolog\u00edas Disruptivas en Educaci\u00f3n Superior. El impacto de las tecnolog\u00edas disruptivas en la formaci\u00f3n del profesor\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/CATEDRA-DE-TECNOLOGIAS-DISRUPTIVAS.jpg\",\r\n shortDescription:\r\n \"Analiza el impacto directo en la formaci\u00f3n de los profesores al utilizar tecnolog\u00edas disruptivas en entornos acad\u00e9micos. Examina los desaf\u00edos y oportunidades que surgen, al abordar la necesidad de que los catedr\u00e1ticos desarrollen nuevas competencias digitales para integrar estas herramientas de manera efectiva y transformar as\u00ed, las pr\u00e1cticas de ense\u00f1anza y aprendizaje en el siglo XXI.\",\r\n year: 2025,\r\n\t\t date: '26\/08\/2025',\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=cxG6E6kBRBQ\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Metodolog\u00edas y enfoques educativos innovadores para la ense\u00f1anza multimodal\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/METODOLOGIAS-Y-ENFOQUES-EDUCATIVOS.jpg\",\r\n shortDescription:\r\n \"Aprende c\u00f3mo la fusi\u00f3n de metodolog\u00edas permite crear cursos que transmiten conocimiento e inspiren a los estudiantes a ser protagonistas de su propio aprendizaje. \u00a1Transforma la forma de dise\u00f1ar y ense\u00f1ar!.\",\r\n year: 2025,\r\n\t\t date: '19\/08\/2025',\r\n category: \"Microcredenciales\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=yZ1fZPpx5So\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Hitos de innovaci\u00f3n de la DEDEV\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/HITOS-DE-LA-INNOVACION-DE-LA-DEDEV.jpg\",\r\n shortDescription:\r\n \"Los avances, logros y cambios significativos en los procesos acad\u00e9micos, inform\u00e1ticos, administrativos y de comunicaci\u00f3n son importantes en la gesti\u00f3n de la DEDEV.\",\r\n year: 2025,\r\n\t\t date: '6\/08\/2025',\r\n category: \"Microcredenciales\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=29k0NXIARKA\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Programa de microcredenciales universitarias en la formaci\u00f3n permanente tecnopedag\u00f3fica de la DEDEV\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/PROGRAMA-DE-MICROCREDECIALES.jpg\",\r\n shortDescription:\r\n \"Conoce los beneficios que ofrece a docentes, personal administrativo y estudiantes la formaci\u00f3n tecnopedag\u00f3gica permanente con el programa de microcredenciales.\",\r\n year: 2025,\r\n\t\t date: '29\/07\/2025',\r\n category: \"Microcredenciales\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=vF1dScjQbiU\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"C\u00e1tedra de Tecnolog\u00edas Disruptivas en Educaci\u00f3n Superior. \u201cRapid learning: maximiza tu adquisici\u00f3n de conocimiento\u201d\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/CATEDRA-DE-TECNOLOGIAS.jpg\",\r\n shortDescription:\r\n \"\u00bfTe interesa aprender una metodolog\u00eda de aprendizaje que se enfoca en la creaci\u00f3n y entrega r\u00e1pida de contenido educativo, especialmente en forma digital (e-learning)? Adquiere conocimientos y habilidades esenciales, para abordar necesidades inmediatas, sobre todo en el \u00e1mbito laboral.\",\r\n year: 2025,\r\n\t\t date: '5\/06\/2025',\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Z1-39V0NAUo\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Buenas pr\u00e1cticas de ciberseguridad para docentes USAC\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/Buenas-practicas-de-ciberseguridad-.jpg\",\r\n shortDescription:\r\n \"\u00bfSabes c\u00f3mo proteger un entorno digital? En la educaci\u00f3n superior, la ciberseguridad es clave. Aprendamos a proteger las cuentas de correo electr\u00f3nico a usar contrase\u00f1as seguras y a estar atento con mensajes sospechosos. Refuerza la protecci\u00f3n de la informaci\u00f3n acad\u00e9mica.\",\r\n year: 2025,\r\n\t\t date: '13\/05\/2025',\r\n category: \"Ciberseguridad\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=oYBm3p0EyzY\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Di\u00e1logos de tecnopedagog\u00eda en la formaci\u00f3n DEDEV\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2026\/03\/Dialogos-de-tecnopedagogia.jpg\",\r\n shortDescription:\r\n \"La formaci\u00f3n tecnopedag\u00f3gica de la DEDEV dota de herramientas a profesores, estudiantes y personal administrativo para propiciar experiencia de aprendizaje innovadoras. Conoce las alternativas de formaci\u00f3n y la actualizaci\u00f3n de competencias para dar respuesta a las exigencias de los entornos educativos digitales.\",\r\n year: 2025,\r\n\t\t date: '25\/03\/2025',\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=EFs7t0WI-YU\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Microcredenciales \u00bfLa respuesta a las necesidades de la formacion continua?\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/11\/PORTADAS-CONFERENCIAS-NOVIEMBRE-2024-N-1536x1152.jpg\",\r\n shortDescription:\r\n \"\",\r\n year: 2024,\r\n category: \"Microcredenciales\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n speaker: \"\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=TpOotOfO1g0\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title: \"Desafios tecnopedagogicos para ense\u00f1ar en la era de la IA\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-3-ago-1536x1152.jpg\",\r\n shortDescription:\r\n \"\",\r\n year: 2024,\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"1.5 horas\",\r\n level: \"Avanzado\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=q5DIPYEC_XQ\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n title:\r\n \"Lecciones interactivas con IA para Moodle\",\r\n image:\r\n \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-2-ago-1024x768.jpg\",\r\n shortDescription:\r\n \"\",\r\n year: 2024,\r\n category: \"IA\",\r\n type: \"conferencia\",\r\n duration: \"2.5 horas\",\r\n level: \"Intermedio\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=i6jfJkviazw\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 31,\r\n title: \"Dise\u00f1o instruccional e innovaci\u00f3n pedag\u00f3gica en entornos virtuales en la era de la IA\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-1-ago-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=TOWYyf727XU\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 32,\r\n title:\r\n \"Maximizar el aprendizaje semipresencial, estrategias efectivas y herramientas innovadoras\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-12-de-junio-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=z4Y1cM2LENs\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 33,\r\n title:\r\n \"Google Workspace PLUS para docentes USAC\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-4-de-junio-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=whLhFEXFMsQ\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 34,\r\n title:\r\n \"Moodle para administradores\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-2-jul-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=fzhWeqaGakI\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 35,\r\n title:\r\n \"\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/10\/PORTADAS-CONFERENCIAS-2024-22-feb-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.facebook.com\/watch\/live\/?ref=watch_permalink&v=1070064041096861\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 36,\r\n title:\r\n \"Software libre aplicado a la Eduaci\u00f3n Superior\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-SOFTWARE-LIBRE-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Y3Goz99xxsc\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 37,\r\n title:\r\n \"La tecnolog\u00eda como apoyo al desarrollo del docente en el aula. Caso inteligencia artificial en clases\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/01\/CONFERENCIA-LA-TECNOLOGIA-COMO-APOYO-EN-EL-DESARROLLO-2023-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=ti7PKjijxLs\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 38,\r\n title:\r\n \"Generaci\u00f3n de articulaciones curriculares utilizando la tecnolog\u00eda de la informaci\u00f3n y la inteligencia artificial\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/01\/CONFERENCIA-GENERACION-DE-ACTUALIZACIONES-CURRICULARES-2023-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=qRrqoPPPrSA\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 39,\r\n title:\r\n \"Implementaci\u00f3n de la inteligencia artificial en la articulaci\u00f3n de clases presenciales\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/01\/CONFERENCIA-IMPLEMENTACION-DE-LA-INTELIGENCIA-ARTIFICIAL-2023-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=ca8Rm3WlRnI\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 40,\r\n title:\r\n \"Repositorio de recursos RADD y libro de calificacniones MOODLE 4.0\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIAS-Repositorio-de-recursos-RADD-y-Libro-de-Calificacniones-MOODLE-4-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 41,\r\n title:\r\n \"Funciones principales de la administraci\u00f3n de MOODLE 4.0: parte II\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/09\/CONFERENCIA-MOODLE-PARTE-2-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Y6gD0t4iOoc\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 42,\r\n title:\r\n \"Funciones principales de la administraci\u00f3n de MOODLE 4.0\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/09\/CONFERENCIA-MOODLE-PARTE-1-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=CiPHy2kyXSY\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 43,\r\n title:\r\n \"Gamificaci\u00f3n en el aula virtual: Insignias en Moodle\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-GAMIFICACION-EN-EL-AULA-VIRTUAL-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2024,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=9Uf_WfarULs\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 44,\r\n title:\r\n \"Canva para la educaci\u00f3n. Taller II\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIAS-CANVA-para-educacion-2-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Lx9FdFH_QK4\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 45,\r\n title:\r\n \"Canva para la educaci\u00f3n. Taller I\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-CANVA-para-educacion-1-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Qk731GOw_0Q\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 46,\r\n title:\r\n \"Elaboraci\u00f3n de recursos audiovisuales\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-CANVA-Elaboracion-de-recursos-audiovisuales-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=RDE3Zc1aGnE\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 47,\r\n title:\r\n \"Creacion de presentaciones\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-CANVA-Creacion-de-presentaciones-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=5rgJ6Dv67hA\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 48,\r\n title:\r\n \"Produccion de recursos gr\u00e1ficos\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-CANVA-produccion-de-recursos-graficos-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=J294tA1aKqQ\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 49,\r\n title:\r\n \"Educaci\u00f3n en la era digital: el papel de los profesores\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIAS-Educacion-en-la-era-digital-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=A5QvOw_C4D8\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 50,\r\n title:\r\n \"Estrategias y t\u00e9cnicas para la evaluaci\u00f3n y retroalimentaci\u00f3n grupos estudiantes numerosos\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-Estrategias-y-tecnicas-para-la-evaluacion-y-retroalimentacion9-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=wQeJiDiUfjI\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 51,\r\n title:\r\n \"La importancia de la evaluaci\u00f3n en modalidad h\u00edbrida, haciendo \u00e9nfasis en la retroalimentaci\u00f3n\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-La-importancia-de-la-evaluacion-en-modalidad-hibrida-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=IIryfeJZay4\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 52,\r\n title:\r\n \"\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-Una-mirada-a-la-formacion-docente-en-el-CEA-USAC-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n year: 2023,\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 53,\r\n title:\r\n \"\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/09\/CONFERENCIA-OPTIMIZANDO-EL-APRENDIZAJE-1-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 54,\r\n title:\r\n \"\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/05\/CONFERENCIA-Metodologias-activas-para-el-B-learning-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 55,\r\n title:\r\n \"Tour DEDEV\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-TOUR-DEDEV-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=1-t1orMdM8k\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 56,\r\n title:\r\n \"Cursos Autogestionables DEDEV\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-CURSOS-AUTOGESTIONABLES-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=NhAdaYKjMZU\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 57,\r\n title:\r\n \"Introducci\u00f3n a Looker Studio\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-LOOKER-STUDIO-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=Z5eWHbVUZ1E\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 58,\r\n title:\r\n \"Curaci\u00f3n de contenido educativo digital Parte II\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-CURACION-DE-CONTENIDO-II-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=95gxpluvMpc\", \/\/ Enlace vac\u00edo\r\n },\r\n {\r\n id: 59,\r\n title:\r\n \"Curaci\u00f3n de contenido educativo digital Parte I\",\r\n image: \"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/06\/PORTADAS-CONFERENCIAS-DEDEV-ICAF-CURACION-DE-CONTENIDO-I-768x576.jpg\", \/\/ URL local\r\n description:\r\n \"\",\r\n category: \"conferencia\",\r\n type: \"conferencia\",\r\n duration: \"2 horas\",\r\n level: \"General\",\r\n watchUrl: \"https:\/\/www.youtube.com\/watch?v=74zhDVxnvZU\", \/\/ Enlace vac\u00edo\r\n },\r\n \r\n \r\n ];\r\n\r\n \/\/ Referencias a elementos del DOM\r\n const mainNavButtons = document.querySelectorAll(\r\n \".main-nav-buttons .btn\"\r\n );\r\n const sections = document.querySelectorAll(\".container.py-4\");\r\n const cursosContainer = document.getElementById(\"cursos-container\");\r\n const diplomadosContainer = document.getElementById(\r\n \"diplomados-container\"\r\n );\r\n const talleresContainer = document.getElementById(\"talleres-container\");\r\n const conferenciasContainer = document.getElementById(\r\n \"conferencias-container\"\r\n );\r\n const courseFilters = document.getElementById(\"course-filters\");\r\n\r\n \/\/ Funci\u00f3n para renderizar una tarjeta de curso\r\n const renderCourseCard = (item) => {\r\n\t \r\n let cardHtml = `\r\n <div class=\"col-md-4 mb-4\">\r\n <div class=\"card h-100\">\r\n <img decoding=\"async\" src=\"${\r\n item.image || \"placeholder.jpg\"\r\n }\" class=\"card-img-top\" alt=\"${item.title}\">\r\n <div class=\"card-body\">\r\n <h5 class=\"card-title\" style=\"display: block;\">${item.title}<\/h5>\r\n <p class=\"card-text\">${\r\n item.description || item.shortDescription || \"\"\r\n }<\/p>\r\n `;\r\n\r\n \/\/ L\u00f3gica condicional basada en el tipo de elemento\r\n switch (item.type) {\r\n case \"diplomado\":\r\n \/* cardHtml += `<p class=\"card-text\"><i class=\"fas fa-clock\"><\/i> Duraci\u00f3n: ${item.duration} horas<\/p>`;*\/\r\n \r\n \r\n \/\/ --- Un \u00daNICO div.card-buttons para ambos botones ---\r\n cardHtml += `<div class=\"card-buttons\">`; \/\/ Abre el div contenedor para los botones\r\n\r\n \/\/ Bot\u00f3n \"M\u00e1s Informaci\u00f3n\"\r\n \/\/ Aseg\u00farate que 'btn-saber-mas' est\u00e1 definido en tu CSS con los estilos deseados (violeta)\r\n cardHtml += `<a href=\"${item.infoUrl}\" target=\"_blank\" class=\"btn btn-saber-mas mt-2 me-2\"><i class=\"fas fa-info-circle\"><\/i> Saber m\u00e1s<\/a>`;\r\n\r\n \/\/ Bot\u00f3n \"Solicitar Taller\" (solo si existe requestLinkTaller)\r\n if (item.requestLinkTaller) {\r\n \/\/ Aseg\u00farate que 'btn-solicitar' est\u00e1 definido en tu CSS con los estilos deseados (gris)\r\n cardHtml += `<a href=\"${item.requestLinkTaller}\" target=\"_blank\" class=\"btn btn-solicitar mt-2 me-2\"><i class=\"fas fa-download\"><\/i> Solicitar Diplomado<\/a>`;\r\n }\r\n\r\n cardHtml += `<\/div>`; \/\/ Cierra el \u00daNICO div contenedor para los botones\r\n break;\r\n case \"taller\":\r\n \/*cardHtml += `<p class=\"card-text\"><i class=\"fas fa-calendar-alt\"><\/i> Fecha: ${item.date}<\/p>`;*\/\r\n\r\n \/\/ --- Un \u00daNICO div.card-buttons para ambos botones ---\r\n cardHtml += `<div class=\"card-buttons\">`; \/\/ Abre el div contenedor para los botones\r\n\r\n \/\/ Bot\u00f3n \"M\u00e1s Informaci\u00f3n\"\r\n \/\/ Aseg\u00farate que 'btn-saber-mas' est\u00e1 definido en tu CSS con los estilos deseados (violeta)\r\n cardHtml += `<a href=\"${item.infoUrl}\" target=\"_blank\" class=\"btn btn-saber-mas mt-2 me-2\"><i class=\"fas fa-info-circle\"><\/i> Saber m\u00e1s<\/a>`;\r\n\r\n \/\/ Bot\u00f3n \"Solicitar Taller\" (solo si existe requestLinkTaller)\r\n if (item.requestLinkTaller) {\r\n \/\/ Aseg\u00farate que 'btn-solicitar' est\u00e1 definido en tu CSS con los estilos deseados (gris)\r\n cardHtml += `<a href=\"${item.requestLinkTaller}\" target=\"_blank\" class=\"btn btn-solicitar mt-2 me-2\"><i class=\"fas fa-download\"><\/i> Solicitar Taller<\/a>`;\r\n }\r\n\r\n cardHtml += `<\/div>`; \/\/ Cierra el \u00daNICO div contenedor para los botones\r\n\r\n break;\r\n case \"conferencia\":\r\n \/*cardHtml += `<p class=\"card-text\"><i class=\"fas fa-microphone-alt\"><\/i> Ponente: ${\r\n item.speaker || \"No especificado\"\r\n }<\/p>`;*\/\r\n \/\/ Envuelve el bot\u00f3n en el div .card-buttons para aplicar los estilos consistentes\r\n cardHtml += `<div class=\"card-buttons\" style=\"height:45px;\"> <\/div>`;\r\n cardHtml += `<div class=\"card-buttons\" style=\"position: absolute; bottom: 16px;\">`;\r\n cardHtml += `<a href=\"${item.watchUrl}\" target=\"_blank\" class=\"btn btn-ver-conferencia\"><i class=\"fas fa-video\"><\/i> Ver Conferencia<\/a>`; \/\/ Eliminado mt-2, ya que .card-buttons maneja el espaciado\r\n cardHtml += `<\/div>`;\r\n break;\r\n default: \/\/ Para otros tipos como 'disponible' o 'solicitud' (usados en 'cursos')\r\n const isSolicitud = item.type === \"solicitud\";\r\n const buttonClass = isSolicitud ? \"btn-solicitar\" : \"btn-ir-curso\";\r\n const buttonText = isSolicitud ? \"Solicitar\" : \"Ir al Curso\";\r\n const buttonIcon = isSolicitud\r\n ? \"fas fa-envelope\"\r\n : \"fas fa-arrow-right\";\r\n const buttonLink = isSolicitud ? item.requestLink : item.courseLink;\r\n\r\n let microcredentialBadge = \"\";\r\n if (item.isMicrocredentialRoute) {\r\n microcredentialBadge = `<span class=\"badge bg-info text-white ms-2\" style=\"font-size: 0.7em; padding: 0.3em 0.6em; border-radius: 0.3em; background-color: var(--dedev-info-purple) !important;\">Ruta Microcredencial<\/span>`;\r\n \/\/ Insertar el badge en el t\u00edtulo, asegurando que no se duplique\r\n if (!cardHtml.includes(microcredentialBadge)) {\r\n cardHtml = cardHtml.replace(\r\n `<h5 class=\"card-title\">${item.title}<\/h5>`,\r\n `<h5 class=\"card-title\"> ${microcredentialBadge}<\/h5>`\r\n );\r\n }\r\n }\r\n\r\n cardHtml += `<p class=\"card-meta\">\r\n <i class=\"fas fa-hourglass-half\"><\/i><strong> ${\r\n item.duration || \"\"\r\n }<\/strong> \r\n <i class=\"fas fa-signal\"><\/i> <strong> ${\r\n item.level || \"\"\r\n }<\/strong> \r\n <strong> ${\r\n \/\/ TODO ESTE BLOQUE SOLO SE RENDERIZAR\u00c1 SI item.isMicrocredentialRoute es true\r\n item.isMicrocredentialRoute\r\n ? `<i class=\"fas fa-award\" style=\"color: purple;\"><\/i> <span style=\"font-weight: bold; color: var(--dedev-info-purple);\">Microcredencial<\/span>`\r\n : \"\"\r\n } <\/strong>\r\n <\/p>`;\r\n cardHtml += `<div class=\"card-buttons\">\r\n <a href=\"${\r\n item.learnMoreLink || \"#\"\r\n }\" target=\"_blank\" class=\"btn btn-saber-mas\"><i class=\"fas fa-info-circle me-2\"><\/i>Saber M\u00e1s<\/a>\r\n <a href=\"${\r\n buttonLink || \"#\"\r\n }\" target=\"_blank\" class=\"btn ${buttonClass}\"><i class=\"${buttonIcon} me-2\"><\/i>${buttonText}<\/a>\r\n <\/div>`;\r\n break;\r\n }\r\n\r\n cardHtml += `\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n return cardHtml;\r\n };\r\n\r\n \/\/ Funci\u00f3n para actualizar los contadores de filtros (solo para cursos)\r\n const updateFilterCounts = () => {\r\n const allCourses = coursesData;\r\n \/\/ CORRECCI\u00d3N AQU\u00cd: Contar cursos con isMicrocredentialRoute: true\r\n const microcredentialCourses = coursesData.filter(\r\n (course) => course.isMicrocredentialRoute\r\n );\r\n const moodleCourses = coursesData.filter(\r\n (course) => course.category === \"Moodle\"\r\n );\r\n const iaCourses = coursesData.filter(\r\n (course) => course.category === \"IA\"\r\n );\r\n const productividadCourses = coursesData.filter(\r\n (course) => course.category === \"Productividad\"\r\n );\r\n const ofimaticaCourses = coursesData.filter(\r\n (course) => course.category === \"Ofim\u00e1tica\"\r\n );\r\n const otrosCourses = coursesData.filter(\r\n (course) => course.category === \"Otros\"\r\n );\r\n\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Todo\"] .badge'\r\n ).textContent = allCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Microcredencial\"] .badge'\r\n ).textContent = microcredentialCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Moodle\"] .badge'\r\n ).textContent = moodleCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"IA\"] .badge'\r\n ).textContent = iaCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Productividad\"] .badge'\r\n ).textContent = productividadCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Ofim\u00e1tica\"] .badge'\r\n ).textContent = ofimaticaCourses.length;\r\n document.querySelector(\r\n '.filter-btn[data-filter=\"Otros\"] .badge'\r\n ).textContent = otrosCourses.length;\r\n };\r\n\r\n \/\/ Funci\u00f3n para filtrar y mostrar cursos (solo para la secci\u00f3n de cursos)\r\n const filterCourses = (filter, clickedButton = null) => {\r\n let filteredCourses = [];\r\n\r\n if (filter === \"Todo\") {\r\n filteredCourses = coursesData;\r\n } else if (filter === \"Microcredencial\") {\r\n \/\/ Filtrar por la propiedad isMicrocredentialRoute\r\n filteredCourses = coursesData.filter(\r\n (course) => course.isMicrocredentialRoute\r\n );\r\n } else {\r\n filteredCourses = coursesData.filter(\r\n (course) => course.category === filter\r\n );\r\n }\r\n\r\n renderCourses(filteredCourses, cursosContainer, true, filter); \/\/ Pasar el filtro actual\r\n\r\n \/\/ Actualizar botones activos\r\n const filterButtons = document.querySelectorAll(\".filter-btn\");\r\n filterButtons.forEach((btn) => btn.classList.remove(\"active\"));\r\n if (clickedButton) {\r\n clickedButton.classList.add(\"active\");\r\n } else {\r\n \/\/ Activar el bot\u00f3n 'Todo' por defecto si no se hizo clic en ninguno\r\n document\r\n .querySelector('.filter-btn[data-filter=\"Todo\"]')\r\n .classList.add(\"active\");\r\n }\r\n };\r\n\r\n \/\/ Funci\u00f3n gen\u00e9rica para renderizar tarjetas en un contenedor dado\r\n \/\/ A\u00f1adimos un par\u00e1metro `isCourseSection` para diferenciar la l\u00f3gica\r\n \/\/ y `currentFilter` para la l\u00f3gica de Microcredenciales\r\n const renderCourses = (\r\n data,\r\n containerElement,\r\n isCourseSection = false,\r\n currentFilter = \"Todo\"\r\n ) => {\r\n let contentHtml = \"\";\r\n\r\n if (data.length === 0) {\r\n contentHtml = `\r\n <div class=\"empty-message\">\r\n <i class=\"fas fa-search-minus\"><\/i>\r\n <p>No hay contenido disponible en esta categor\u00eda por el momento.<\/p>\r\n <\/div>\r\n `;\r\n } else {\r\n if (isCourseSection && currentFilter === \"Microcredencial\") {\r\n \/\/ L\u00f3gica para la secci\u00f3n de Cursos cuando el filtro es \"Microcredencial\"\r\n const microcredentialRoutes = [\r\n ...new Set(data.map((course) => course.microcredentialRouteName)),\r\n ].filter(Boolean); \/\/ Obtener rutas \u00fanicas y filtrar null\/undefined\r\n\r\n if (microcredentialRoutes.length > 0) {\r\n microcredentialRoutes.forEach((routeName) => {\r\n const coursesInRoute = data.filter(\r\n (course) => course.microcredentialRouteName === routeName\r\n );\r\n if (coursesInRoute.length > 0) {\r\n contentHtml += `\r\n <div class=\"microcredential-route-block\">\r\n <h4 class=\"subsection-title\"><i class=\"fas fa-route\"><\/i> ${routeName}<\/h4>\r\n <p class=\"section-description-text\"> Estos cursos forman parte de la ruta de microcredencial de ${routeName.replace(\r\n \"Ruta de Microcredencial: \",\r\n \"\"\r\n )}.<\/p>\r\n <div class=\"row\">\r\n `;\r\n coursesInRoute.forEach((course) => {\r\n contentHtml += renderCourseCard(course);\r\n });\r\n contentHtml += `\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n });\r\n } else {\r\n contentHtml = `\r\n <div class=\"empty-message\">\r\n <i class=\"fas fa-search-minus\"><\/i>\r\n <p>No hay cursos que formen parte de una ruta de microcredencial en este momento.<\/p>\r\n <\/div>\r\n `;\r\n }\r\n } else if (isCourseSection) {\r\n \/\/ L\u00f3gica para la secci\u00f3n de Cursos (con \"Disponibles\" y \"A solicitud\") cuando no es Microcredencial\r\n const disponiblesCourses = data.filter(\r\n (course) => course.type === \"disponible\"\r\n );\r\n const solicitudCourses = data.filter(\r\n (course) => course.type === \"solicitud\"\r\n );\r\n\r\n if (disponiblesCourses.length > 0) {\r\n contentHtml += `\r\n <div class=\"course-type-block\">\r\n <h4 class=\"subsection-title\"><i class=\"fas fa-calendar-check\"><\/i> Cursos Disponibles<\/h4>\r\n <p class=\"section-description-text\"> Inscr\u00edbete ahora y comienza tu formaci\u00f3n.<\/p>\r\n <div class=\"row\">\r\n `;\r\n disponiblesCourses.forEach((course) => {\r\n contentHtml += renderCourseCard(course);\r\n });\r\n contentHtml += `\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n if (solicitudCourses.length > 0) {\r\n contentHtml += `\r\n <div class=\"course-type-block\">\r\n <h4 class=\"subsection-title\"><i class=\"fas fa-hourglass-half\"><\/i> Cursos a solicitud<\/h4>\r\n <p class=\"section-description-text\"> Estos cursos se abren cuando se alcanza un n\u00famero m\u00ednimo de inscritos, o est\u00e1n programados para fechas futuras que se anunciar\u00e1n.<\/p>\r\n <div class=\"row\">\r\n `;\r\n solicitudCourses.forEach((course) => {\r\n contentHtml += renderCourseCard(course);\r\n });\r\n contentHtml += `\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n if (\r\n disponiblesCourses.length === 0 &&\r\n solicitudCourses.length === 0\r\n ) {\r\n contentHtml = `\r\n <div class=\"empty-message\">\r\n <i class=\"fas fa-search-minus\"><\/i>\r\n <p>No hay cursos disponibles para esta categor\u00eda en este momento.<\/p>\r\n <\/div>\r\n `;\r\n }\r\n } else {\r\n \/\/ L\u00f3gica para Diplomados, Talleres, Conferencias (todo en un solo bloque)\r\n contentHtml += `\r\n <div class=\"course-type-block\">\r\n <h4 class=\"subsection-title\"><i class=\"fas fa-list-alt\"><\/i> Contenido Disponible<\/h4>\r\n <p class=\"section-description-text\"> <\/p>\r\n <div class=\"row\">\r\n `;\r\n data.forEach((item) => {\r\n contentHtml += renderCourseCard(item);\r\n });\r\n contentHtml += `\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n }\r\n\r\n containerElement.innerHTML = contentHtml;\r\n };\r\n\r\n \/\/ Funci\u00f3n para mostrar la secci\u00f3n activa\r\n const showSection = (sectionId) => {\r\n \/\/ Ocultar todas las secciones\r\n sections.forEach((section) => section.classList.add(\"hidden\"));\r\n\r\n \/\/ Remover la clase 'active-section' de todos los botones de navegaci\u00f3n principal\r\n mainNavButtons.forEach((button) =>\r\n button.classList.remove(\"active-section\")\r\n );\r\n\r\n \/\/ Mostrar la secci\u00f3n correspondiente\r\n document\r\n .getElementById(`seccion-${sectionId}`)\r\n .classList.remove(\"hidden\");\r\n\r\n \/\/ A\u00f1adir la clase 'active-section' al bot\u00f3n clicado\r\n document\r\n .querySelector(`.main-nav-buttons .btn[data-section=\"${sectionId}\"]`)\r\n .classList.add(\"active-section\");\r\n\r\n \/\/ L\u00f3gica espec\u00edfica para cada secci\u00f3n\r\n switch (sectionId) {\r\n case \"micro\":\r\n courseFilters.classList.add(\"hidden\"); \/\/ Ocultar filtros si no se aplican\r\n break;\r\n case \"cursos\":\r\n filterCourses(\"Todo\"); \/\/ Esto tambi\u00e9n actualiza los contadores\r\n courseFilters.classList.remove(\"hidden\"); \/\/ Asegurarse de que los filtros sean visibles\r\n break;\r\n case \"diplomados\":\r\n renderCourses(diplomadosData, diplomadosContainer, false);\r\n courseFilters.classList.add(\"hidden\");\r\n break;\r\n case \"talleres\":\r\n renderCourses(talleresData, talleresContainer, false);\r\n courseFilters.classList.add(\"hidden\");\r\n break;\r\n case \"conferencias\":\r\n renderCourses(conferenciasData, conferenciasContainer, false);\r\n courseFilters.classList.add(\"hidden\");\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n\r\n \/\/ Asigna los eventos a los botones de navegaci\u00f3n principal\r\n mainNavButtons.forEach((button) => {\r\n button.addEventListener(\"click\", (event) => {\r\n showSection(event.currentTarget.dataset.section);\r\n });\r\n });\r\n\r\n \/\/ Asigna los eventos a los botones de filtro de cursos\r\n courseFilters.addEventListener(\"click\", (event) => {\r\n const clickedButton = event.target.closest(\".filter-btn\");\r\n if (clickedButton) {\r\n filterCourses(clickedButton.dataset.filter, clickedButton);\r\n }\r\n });\r\n\r\n \/\/ Mostrar la secci\u00f3n de microcredenciales por defecto al cargar la p\u00e1gina\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n showSection(\"micro\");\r\n updateFilterCounts(); \/\/ Asegurar que los contadores se actualicen al cargar la p\u00e1gina\r\n });\r\n <\/script>\r\n <\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Formaci\u00f3n Tecnopedag\u00f3gica – DEDEV Formaci\u00f3n Tecnopedag\u00f3gica Explora nuestras microcredenciales, cursos, diplomados, talleres y conferencias dise\u00f1ados para potenciar tus habilidades docentes en la era digital. Microcredenciales Cursos Diplomados Talleres Conferencias Formaci\u00f3n con Microcredenciales \u00bfBuscas destacarte en el mundo acad\u00e9mico y profesional? impulsa tu desarrollo con el programa de formaci\u00f3n y capacitaci\u00f3n en modalidad de Microcredenciales Digitales …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\"> <span class=\"screen-reader-text\">DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica<\/span> Read More »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-20466","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica\" \/>\n<meta property=\"og:url\" content=\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dedevusac\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-13T16:24:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/usac-dedev.png\" \/>\n\t<meta property=\"og:image:width\" content=\"355\" \/>\n\t<meta property=\"og:image:height\" content=\"97\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@usacdedev\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\",\"url\":\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\",\"name\":\"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica\",\"isPartOf\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#website\"},\"datePublished\":\"2025-06-13T16:09:52+00:00\",\"dateModified\":\"2026-05-13T16:24:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/virtual.usac.edu.gt\/dedev\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#website\",\"url\":\"https:\/\/virtual.usac.edu.gt\/dedev\/\",\"name\":\"https:\/\/virtual.usac.edu.gt\/dedev\",\"description\":\"Divisi\u00f3n de Educaci\u00f3n a Distancia en Entornos Virtuales\",\"publisher\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/virtual.usac.edu.gt\/dedev\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#organization\",\"name\":\"DEDEV USAC\",\"alternateName\":\"DEDEV\",\"url\":\"https:\/\/virtual.usac.edu.gt\/dedev\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/cropped-ICONO_Mesa-de-trabajo-1-copia.png\",\"contentUrl\":\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/cropped-ICONO_Mesa-de-trabajo-1-copia.png\",\"width\":512,\"height\":512,\"caption\":\"DEDEV USAC\"},\"image\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/dedevusac\",\"https:\/\/twitter.com\/usacdedev\",\"https:\/\/www.youtube.com\/channel\/UC0weNIBRspBx-ntSC31LgVA\"]}]}<\/script>\n","yoast_head_json":{"title":"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/","og_locale":"es_ES","og_type":"article","og_title":"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica","og_url":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/","article_publisher":"https:\/\/www.facebook.com\/dedevusac","article_modified_time":"2026-05-13T16:24:14+00:00","og_image":[{"width":355,"height":97,"url":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/usac-dedev.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@usacdedev","twitter_misc":{"Est. reading time":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/","url":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/","name":"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica","isPartOf":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#website"},"datePublished":"2025-06-13T16:09:52+00:00","dateModified":"2026-05-13T16:24:14+00:00","breadcrumb":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/cursos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/virtual.usac.edu.gt\/dedev\/"},{"@type":"ListItem","position":2,"name":"DEDEV | Formaci\u00f3n Tecnopedag\u00f3gica"}]},{"@type":"WebSite","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#website","url":"https:\/\/virtual.usac.edu.gt\/dedev\/","name":"https:\/\/virtual.usac.edu.gt\/dedev","description":"Divisi\u00f3n de Educaci\u00f3n a Distancia en Entornos Virtuales","publisher":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/virtual.usac.edu.gt\/dedev\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#organization","name":"DEDEV USAC","alternateName":"DEDEV","url":"https:\/\/virtual.usac.edu.gt\/dedev\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#\/schema\/logo\/image\/","url":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/cropped-ICONO_Mesa-de-trabajo-1-copia.png","contentUrl":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2021\/11\/cropped-ICONO_Mesa-de-trabajo-1-copia.png","width":512,"height":512,"caption":"DEDEV USAC"},"image":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/dedevusac","https:\/\/twitter.com\/usacdedev","https:\/\/www.youtube.com\/channel\/UC0weNIBRspBx-ntSC31LgVA"]}]}},"_links":{"self":[{"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages\/20466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/comments?post=20466"}],"version-history":[{"count":1424,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages\/20466\/revisions"}],"predecessor-version":[{"id":25208,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages\/20466\/revisions\/25208"}],"wp:attachment":[{"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/media?parent=20466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}