Formaci\u00f3n Tecnopedag\u00f3gica - USAC<\/title>\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH\" crossorigin=\"anonymous\">\r\n <style>\r\n \/* Estilos CSS personalizados *\/\r\n .hidden {\r\n display: none !important; \/* Usar !important para asegurar que se aplique *\/\r\n }\r\n .section-title {\r\n margin-top: 2rem;\r\n margin-bottom: 1rem;\r\n color: #1a237e; \/* Color similar al del t\u00edtulo principal *\/\r\n font-weight: bold;\r\n }\r\n .subsection-title {\r\n font-weight: bold;\r\n margin-top: 2rem; \/* M\u00e1s espacio para los subt\u00edtulos de secci\u00f3n *\/\r\n margin-bottom: 1rem;\r\n color: #3f51b5; \/* Un tono de azul diferente para subt\u00edtulos *\/\r\n }\r\n \/* Estilo para el encabezado principal *\/\r\n .header-title {\r\n color: #1a237e; \/* Azul oscuro para el t\u00edtulo principal *\/\r\n font-weight: 700; \/* Negrita m\u00e1s marcada *\/\r\n }\r\n\r\n \/* --- ESTILOS PARA BOTONES DE NAVEGACI\u00d3N PRINCIPAL --- *\/\r\n .main-nav-buttons .btn {\r\n font-size: 1.2rem; \/* Hazlos ligeramente m\u00e1s grandes *\/\r\n padding: 1rem 2rem; \/* M\u00e1s padding *\/\r\n border-radius: 0.75rem; \/* Bordes m\u00e1s redondeados *\/\r\n font-weight: bold; \/* Haz el texto m\u00e1s negrita *\/\r\n background-color: #007bff; \/* Color primario de la marca *\/\r\n color: white;\r\n border: 2px solid #007bff;\r\n transition: all 0.3s ease; \/* Transiciones suaves al pasar el rat\u00f3n *\/\r\n }\r\n\r\n .main-nav-buttons .btn:hover {\r\n background-color: #0056b3; \/* M\u00e1s oscuro al pasar el rat\u00f3n *\/\r\n border-color: #0056b3;\r\n transform: translateY(-2px); \/* Ligero efecto de elevaci\u00f3n *\/\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\r\n }\r\n\r\n \/* ESTILO PARA EL BOT\u00d3N DE SECCI\u00d3N ACTIVO (M\u00c1S MARCADO) *\/\r\n .main-nav-buttons .btn.active-section {\r\n background-color: #004085; \/* Un azul a\u00fan m\u00e1s oscuro para \"presionado\" *\/\r\n border-color: #004085;\r\n box-shadow: inset 0 3px 5px rgba(0,0,0,0.3); \/* Sombra interna para efecto 3D *\/\r\n transform: translateY(0); \/* Anula el efecto de elevaci\u00f3n para el activo *\/\r\n cursor: default; \/* Cambia el cursor para indicar que no es clickeable de nuevo *\/\r\n }\r\n\r\n\r\n \/* --- ESTILOS PARA BOTONES DE FILTRO DE CATEGOR\u00cdA --- *\/\r\n .filters .btn {\r\n margin: 0.25rem;\r\n min-width: 100px; \/* Min-width ligeramente menor *\/\r\n font-size: 0.95rem; \/* Tama\u00f1o de fuente menor *\/\r\n padding: 0.5rem 1rem; \/* Menos padding *\/\r\n border-radius: 0.3rem; \/* Menos redondeado *\/\r\n background-color: #e9ecef; \/* Fondo m\u00e1s claro, menos prominente *\/\r\n color: #495057; \/* Texto m\u00e1s oscuro *\/\r\n border: 1px solid #ced4da; \/* Borde sutil *\/\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .filters .btn:hover:not(.active) { \/* Solo al pasar el rat\u00f3n si no est\u00e1 activo *\/\r\n background-color: #d6d8db;\r\n border-color: #c0c4c8;\r\n }\r\n\r\n \/* Estilos para el bot\u00f3n de filtro activo *\/\r\n .filter-btn.active {\r\n background-color: #007bff; \/* Mantiene el azul para el filtro activo *\/\r\n color: white;\r\n border-color: #007bff;\r\n cursor: default;\r\n box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); \/* Sombra interna para efecto de \"presionado\" *\/\r\n }\r\n\r\n .filter-btn:disabled {\r\n opacity: 0.7;\r\n cursor: default;\r\n }\r\n\r\n \/* --- ESTILOS PARA TARJETAS Y BOTONES --- *\/\r\n .curso-card .card {\r\n border: none; \/* Eliminar borde predeterminado de la tarjeta *\/\r\n border-radius: 0.75rem; \/* Bordes m\u00e1s redondeados *\/\r\n overflow: hidden; \/* Asegura que el contenido no se salga de los bordes redondeados *\/\r\n box-shadow: 0 8px 16px rgba(0,0,0,0.15); \/* Sombra m\u00e1s pronunciada para efecto de elevaci\u00f3n *\/\r\n transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; \/* Animaci\u00f3n suave *\/\r\n height: 100%; \/* Asegura que todas las tarjetas tengan la misma altura si est\u00e1n en una fila *\/\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .curso-card .card:hover {\r\n transform: translateY(-8px); \/* Efecto de elevaci\u00f3n m\u00e1s notable al pasar el rat\u00f3n *\/\r\n box-shadow: 0 12px 24px rgba(0,0,0,0.2); \/* Sombra m\u00e1s fuerte al pasar el rat\u00f3n *\/\r\n }\r\n\r\n \/* Contenedor para mantener la relaci\u00f3n de aspecto 4:3 de la imagen *\/\r\n .curso-card .card-img-container {\r\n position: relative; \/* Necesario para posicionar la imagen dentro *\/\r\n width: 100%;\r\n padding-bottom: 75%; \/* Esto crea una altura que es el 75% del ancho (3\/4 = 0.75), logrando un aspecto 4:3 *\/\r\n overflow: hidden; \/* Asegura que cualquier parte de la imagen fuera de esta caja no se vea *\/\r\n }\r\n .curso-card .card-img-top {\r\n position: absolute; \/* Para que la imagen ocupe todo el espacio del contenedor *\/\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%; \/* La imagen llenar\u00e1 el 100% del contenedor con aspecto 4:3 *\/\r\n object-fit: cover; \/* La imagen cubrir\u00e1 todo el espacio, sin espacios en blanco a los lados, y sin distorsi\u00f3n *\/\r\n }\r\n\r\n .curso-card .card-body {\r\n padding: 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between; \/* Empuja los botones al final *\/\r\n flex-grow: 1; \/* Permite que el cuerpo de la tarjeta ocupe el espacio disponible *\/\r\n }\r\n .curso-card .card-buttons {\r\n margin-top: 0.5rem; \/* Ajuste el margen superior ahora que el t\u00edtulo se elimin\u00f3 *\/\r\n display: flex;\r\n flex-direction: row; \/* Botones en una fila *\/\r\n justify-content: center; \/* Centrar los botones *\/\r\n gap: 0.5rem; \/* Espacio entre los botones en la fila *\/\r\n }\r\n .curso-card .card-buttons .btn {\r\n font-size: 0.95rem; \/* Tama\u00f1o de fuente ligeramente m\u00e1s grande para los botones de la tarjeta *\/\r\n padding: 0.6rem 1rem;\r\n border-radius: 0.4rem; \/* Bordes redondeados para los botones *\/\r\n width: auto; \/* Permite que el ancho se ajuste al contenido *\/\r\n text-align: center; \/* Asegurar que el texto est\u00e9 centrado dentro del bot\u00f3n *\/\r\n min-width: 100px; \/* Asegura un tama\u00f1o m\u00ednimo para los botones *\/\r\n }\r\n \/* Colores personalizados para los botones *\/\r\n .btn-saber-mas {\r\n background-color: #2196f3; \/* Azul m\u00e1s claro *\/\r\n color: white;\r\n border-color: #2196f3;\r\n }\r\n .btn-saber-mas:hover {\r\n background-color: #1976d2; \/* Azul m\u00e1s oscuro al pasar el rat\u00f3n *\/\r\n border-color: #1976d2;\r\n }\r\n .btn-ir-curso {\r\n background-color: #4caf50; \/* Verde *\/\r\n color: white;\r\n border-color: #4caf50;\r\n }\r\n .btn-ir-curso:hover {\r\n background-color: #388e3c; \/* Verde m\u00e1s oscuro al pasar el rat\u00f3n *\/\r\n border-color: #388e3c;\r\n }\r\n .btn-solicitar {\r\n background-color: #ff9800; \/* Naranja *\/\r\n color: white;\r\n border-color: #ff9800;\r\n }\r\n .btn-solicitar:hover {\r\n background-color: #f57c00; \/* Naranja m\u00e1s oscuro al pasar el rat\u00f3n *\/\r\n border-color: #f57c00;\r\n }\r\n\r\n \/* ESTILOS PARA SECCI\u00d3N DE MICROCREDENCIALES *\/\r\n .microcredencial-content-box {\r\n border: 1px solid #ddd; \/* Borde gris claro *\/\r\n border-radius: 0.75rem; \/* Bordes redondeados *\/\r\n padding: 1.5rem; \/* Espacio interno *\/\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.1); \/* Sombra suave *\/\r\n background-color: #fff; \/* Fondo blanco *\/\r\n margin-top: 1rem; \/* Espacio superior *\/\r\n margin-bottom: 2rem; \/* Espacio inferior *\/\r\n }\r\n .microcredencial-content-box h4 {\r\n color: #1a237e; \/* Color del t\u00edtulo principal *\/\r\n font-weight: bold;\r\n margin-bottom: 1rem;\r\n }\r\n .microcredencial-content-box ul {\r\n list-style-type: disc; \/* Vi\u00f1etas *\/\r\n margin-left: 1.25rem; \/* Indentaci\u00f3n *\/\r\n margin-bottom: 1rem;\r\n }\r\n .microcredencial-content-box ul li {\r\n margin-bottom: 0.5rem;\r\n }\r\n .microcredencial-icon {\r\n display: block; \/* Para centrar la imagen *\/\r\n margin: 1.5rem auto 0.5rem auto; \/* Centrar y a\u00f1adir espacio *\/\r\n max-width: 120px; \/* Tama\u00f1o m\u00e1ximo para el icono *\/\r\n height: auto;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container text-center py-4\">\r\n <h1 class=\"header-title\">Formaci\u00f3n Tecnopedag\u00f3gica<\/h1>\r\n <p class=\"lead\">Desarrolla habilidades digitales en educaci\u00f3n virtual con cursos, diplomados, talleres y conferencias dise\u00f1ados para ti.<\/p>\r\n<\/div>\r\n\r\n<div class=\"container text-center my-4\">\r\n <h2 class=\"section-title\">\u00bfQu\u00e9 deseas explorar?<\/h2>\r\n <p>Haz clic en una de las opciones para conocer nuestras ofertas acad\u00e9micas disponibles:<\/p>\r\n <div class=\"d-flex justify-content-center flex-wrap gap-2 main-nav-buttons\">\r\n <button class=\"btn btn-outline-primary\" onclick=\"mostrarSeccion('micro')\">Formaci\u00f3n Microcredencial<\/button>\r\n <button class=\"btn btn-outline-primary\" onclick=\"mostrarSeccion('cursos')\">Cursos<\/button>\r\n <button class=\"btn btn-outline-primary\" onclick=\"mostrarSeccion('diplomados')\">Diplomados<\/button>\r\n <button class=\"btn btn-outline-primary\" onclick=\"mostrarSeccion('talleres')\">Talleres<\/button>\r\n <button class=\"btn btn-outline-primary\" onclick=\"mostrarSeccion('conferencias')\">Conferencias<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"seccion-micro\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">Formaci\u00f3n con micro credenciales<\/h3>\r\n <div class=\"microcredencial-content-box text-start\">\r\n <p>\r\n Descubre el futuro de la educaci\u00f3n con nuestras Microcredenciales Digitales Universitarias, un programa innovador creado bajo el Acuerdo de Rector\u00eda N.\u00b0 0045-2025. Estas certificaciones reconocen el dominio de habilidades espec\u00edficas, impulsando tu desarrollo profesional y la calidad educativa en la USAC.\r\n <\/p>\r\n <h4>\u00bfQu\u00e9 son las Microcredenciales?<\/h4>\r\n <p>\r\n Una microcredencial es una certificaci\u00f3n que reconoce el dominio de una habilidad o conjunto de habilidades adquiridas a trav\u00e9s de programas cortos de formaci\u00f3n o actualizaci\u00f3n, dise\u00f1ados para promover aprendizajes formales que fortalezcan la Pol\u00edtica de Calidad Educativa y la Pol\u00edtica de Educaci\u00f3n a Distancia en Entornos Virtuales de la USAC.\r\n <\/p>\r\n\r\n <h4>C\u00f3mo Obtenerlas:<\/h4>\r\n <p>\r\n Las microcredenciales podr\u00e1n obtenerse mediante formaciones presenciales, virtuales o mixtas, asegurando el acceso para toda la comunidad universitaria. Todas nuestras ofertas acad\u00e9micas que otorgan una microcredencial o forman parte de una ruta de aprendizaje para obtenerla estar\u00e1n identificadas con la siguiente imagen.\r\n <\/p>\r\n\r\n <h4>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 DIGED, 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 <div class=\"text-center\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100?text=Microcredential+Icon\" alt=\"\u00cdcono de Microcredencial\" class=\"microcredencial-icon\" \/>\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\">Nuestros Cursos<\/h3>\r\n <div class=\"filters text-center mb-4\">\r\n <button class=\"btn btn-secondary filter-btn active\" onclick=\"filtrarCursos('Todo', this)\">Todo<\/button>\r\n <button class=\"btn btn-secondary filter-btn\" onclick=\"filtrarCursos('Microcredencial', this)\">Microcredencial<\/button>\r\n <button class=\"btn btn-secondary filter-btn\" onclick=\"filtrarCursos('IA', this)\">IA<\/button>\r\n <button class=\"btn btn-secondary filter-btn\" onclick=\"filtrarCursos('Productividad', this)\">Productividad<\/button>\r\n <button class=\"btn btn-secondary filter-btn\" onclick=\"filtrarCursos('Ofim\u00e1tica', this)\">Ofim\u00e1tica<\/button>\r\n <\/div>\r\n\r\n <div id=\"disponible-cursos\">\r\n <h4 class=\"subsection-title\">Disponible<\/h4>\r\n <div class=\"row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3 g-4\">\r\n <div class=\"col curso-card\" data-categoria=\"Moodle\" data-es-ruta=\"true\" data-ruta-nombre=\"Moodle\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/05\/Diseno-de-identificacion-CURSO-MOODLE-INTERMEDIO-2025-N-1-1024x769.jpg\" class=\"card-img-top\" alt=\"Moodle Intermedio para profesores\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-ir-curso\">Ir al curso<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Moodle\" data-es-ruta=\"true\" data-ruta-nombre=\"Moodle\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/04\/Diseno-de-identificacion-CURSO-DISENA-CURSOS-EN-MOODLE-2025-N-1024x769.jpg\" class=\"card-img-top\" alt=\"Dise\u00f1a cursos: Moodle en acci\u00f3n\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-ir-curso\">Ir al curso<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Accesibilidad\" data-es-ruta=\"true\" data-ruta-nombre=\"Accesibilidad\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/03\/Diseno-de-identificacion-CURSO-DE-ACCESIBILIDAD-2025-N-1024x769.jpg\" class=\"card-img-top\" alt=\"Curso de Tecnoaccesibilidad\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-ir-curso\">Ir al curso<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Ofim\u00e1tica\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/02\/Diseno-de-identificacion-GOOGLE-SHEET-2025-N1r-768x576.jpg\" class=\"card-img-top\" alt=\"Google Sheet\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-ir-curso\">Ir al curso<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"solicitud-cursos\" class=\"mt-5\">\r\n <h4 class=\"subsection-title\">A solicitud<\/h4>\r\n <div class=\"row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3 g-4\">\r\n <div class=\"col curso-card\" data-categoria=\"Moodle\" data-es-ruta=\"true\" data-ruta-nombre=\"Moodle\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/03\/Diseno-de-identificacion-Foros-Moodle-2025-N-768x577.jpg\" class=\"card-img-top\" alt=\"Foros Moodle\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Accesibilidad\" data-es-ruta=\"true\" data-ruta-nombre=\"Accesibilidad\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/01\/Diseno-de-identificacion-Discapacidad-2025-N-768x576.jpg\" class=\"card-img-top\" alt=\"Discapacidad y educaci\u00f3n inclusiva\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Accesibilidad\" data-es-ruta=\"true\" data-ruta-nombre=\"Accesibilidad\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/01\/Diseno-de-identificacion-Accesibilidad-2025-N-768x576.jpg\" class=\"card-img-top\" alt=\"Accesibilidad para entornos virtuales\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Productividad\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/10\/Diseno-de-identificacion-GOOGLE-DRIVE-para-Moodle-y-pagina-web-768x576.jpg\" class=\"card-img-top\" alt=\"Google Drive para Moodle y web\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Productividad\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/08\/Diseno-de-identificacion-CALENDAR-WORKSPACE-para-Moodle-y-pagina-web-768x576.jpg\" class=\"card-img-top\" alt=\"Calendar Workspace para Moodle y web\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Ofim\u00e1tica\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/08\/Diseno-de-identificacion-FUNDAMENTOS-DE-WORD-para-Moodle-y-pagina-web-768x576.jpg\" class=\"card-img-top\" alt=\"Fundamentos de Word\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Ofim\u00e1tica\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/04\/Diseno-de-identificacion-MEJORE-DOMINIO-DE-WORD-2024.jpg\" class=\"card-img-top\" alt=\"Mejore Dominio de Word\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Ofim\u00e1tica\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/02\/DISENO-DE-IDENTIFICACION-WORD-PROFESIONAL-WEB_Mesa-de-trabajo-1-768x576.jpg\" class=\"card-img-top\" alt=\"Word Profesional\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Ofim\u00e1tica\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/07\/Diseno-de-identificacion-DOCS-DE-GOOGLE-2024-768x577.jpg\" class=\"card-img-top\" alt=\"Docs de Google\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"IA\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/09\/Diseno-de-identificacion-CHAT-GPT-2024-N-768x576.jpg\" class=\"card-img-top\" alt=\"ChatGPT y otras IA\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"IA\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/08\/Diseno-de-identificacion-POWER-POINT-EVOLUCIONADO-2024-N-1-768x576.jpg\" class=\"card-img-top\" alt=\"PowerPoint Evolucionado\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"rutas-dinamicas\" class=\"py-4 hidden\">\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"seccion-diplomados\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">Diplomados<\/h3>\r\n <div class=\"filters text-center mb-4\">\r\n <button class=\"btn btn-secondary\">Gesti\u00f3n<\/button>\r\n <button class=\"btn btn-secondary\">Educaci\u00f3n<\/button>\r\n <button class=\"btn btn-secondary\">Todo<\/button>\r\n <\/div>\r\n <p class=\"text-muted text-center\">Aqu\u00ed se mostrar\u00e1n los diplomados disponibles y a solicitud.<\/p>\r\n <\/div>\r\n\r\n<div id=\"seccion-talleres\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">Talleres<\/h3>\r\n <div class=\"filters text-center mb-4\">\r\n <button class=\"btn btn-secondary\">Pr\u00e1ctico<\/button>\r\n <button class=\"btn btn-secondary\">Herramientas<\/button>\r\n <button class=\"btn btn-secondary\">Todo<\/button>\r\n <\/div>\r\n <p class=\"text-muted text-center\">Aqu\u00ed se mostrar\u00e1n los talleres disponibles y a solicitud.<\/p>\r\n <\/div>\r\n\r\n<div id=\"seccion-conferencias\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">Conferencias<\/h3>\r\n <div class=\"filters text-center mb-4\">\r\n <button class=\"btn btn-secondary\">TIC<\/button>\r\n <button class=\"btn btn-secondary\">Transformaci\u00f3n Digital<\/button>\r\n <button class=\"btn btn-secondary\">Todo<\/button>\r\n <\/div>\r\n <p class=\"text-muted text-center\">Aqu\u00ed se mostrar\u00e1n las conferencias disponibles y a solicitud.<\/p>\r\n <\/div>\r\n\r\n<footer class=\"bg-dark text-white text-center py-3 mt-5\">\r\n <p class=\"mb-0\">© 2025 USAC - Educaci\u00f3n Virtual<\/p>\r\n<\/footer>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\" integrity=\"sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz\" crossorigin=\"anonymous\"><\/script>\r\n\r\n<script>\r\n\/\/ Funci\u00f3n para ocultar todas las secciones de contenido principal\r\nfunction ocultarTodo() {\r\n document.querySelectorAll('[id^=\"seccion-\"]').forEach(sec => sec.classList.add('hidden'));\r\n}\r\n\r\n\/\/ Funci\u00f3n para mostrar una secci\u00f3n espec\u00edfica\r\nfunction mostrarSeccion(nombre) {\r\n ocultarTodo(); \/\/ Oculta todas las secciones de contenido\r\n\r\n \/\/ Elimina la clase active-section de todos los botones de navegaci\u00f3n principal\r\n document.querySelectorAll('.main-nav-buttons .btn').forEach(button => {\r\n button.classList.remove('active-section');\r\n });\r\n\r\n const seccion = document.getElementById(`seccion-${nombre}`);\r\n if (seccion) {\r\n seccion.classList.remove('hidden'); \/\/ Muestra la secci\u00f3n deseada\r\n\r\n \/\/ Encuentra el bot\u00f3n que activ\u00f3 esta secci\u00f3n y a\u00f1ade active-section\r\n const clickedButton = document.querySelector(`.main-nav-buttons .btn[onclick*=\"'${nombre}'\"]`);\r\n if (clickedButton) {\r\n clickedButton.classList.add('active-section');\r\n }\r\n\r\n \/\/ Si la secci\u00f3n mostrada es 'cursos', activa el filtro 'Todo' por defecto\r\n if (nombre === 'cursos') {\r\n const todoButton = document.querySelector('.filters .filter-btn[onclick*=\"\\'Todo\\'\"]');\r\n if (todoButton) {\r\n filtrarCursos('Todo', todoButton);\r\n }\r\n }\r\n }\r\n}\r\n\r\n\/\/ Funci\u00f3n para filtrar los cursos\r\n\/\/ Acepta un segundo argumento: el bot\u00f3n que fue clickeado\r\nfunction filtrarCursos(categoria, clickedButton) {\r\n const tarjetas = document.querySelectorAll('.curso-card');\r\n const disponible = document.getElementById('disponible-cursos');\r\n const solicitud = document.getElementById('solicitud-cursos');\r\n const rutasDinamicasContainer = document.getElementById('rutas-dinamicas');\r\n const filterButtons = document.querySelectorAll('.filter-btn'); \/\/ Obtener todos los botones de filtro\r\n\r\n \/\/ --- Manejo del estado de los botones de filtro ---\r\n \/\/ Desactivar todos los botones de filtro y remover la clase 'active'\r\n filterButtons.forEach(button => {\r\n button.classList.remove('active');\r\n button.disabled = false; \/\/ Habilitar todos los botones primero\r\n });\r\n\r\n \/\/ Activar el bot\u00f3n clickeado (o el que se pasa como activo inicialmente)\r\n if (clickedButton) {\r\n clickedButton.classList.add('active');\r\n clickedButton.disabled = true; \/\/ Deshabilitar el bot\u00f3n activo\r\n }\r\n\r\n \/\/ --- PASO 1: Limpiar y Ocultar TODO al inicio para un estado consistente ---\r\n rutasDinamicasContainer.innerHTML = ''; \/\/ Limpiar cualquier ruta din\u00e1mica previa\r\n rutasDinamicasContainer.classList.add('hidden'); \/\/ Ocultar el contenedor de rutas\r\n\r\n disponible.classList.add('hidden'); \/\/ Ocultar la secci\u00f3n \"Disponible\"\r\n solicitud.classList.add('hidden'); \/\/ Ocultar la secci\u00f3n \"A solicitud\"\r\n\r\n tarjetas.forEach(card => card.classList.add('hidden')); \/\/ Ocultar todas las tarjetas de cursos individuales\r\n\r\n\r\n \/\/ --- PASO 2: Mostrar solo lo que corresponde a la categor\u00eda seleccionada ---\r\n if (categoria === 'Microcredencial') {\r\n \/\/ Cuando el filtro es \"Microcredencial\":\r\n \/\/ Las secciones \"Disponible\" y \"A solicitud\" se mantienen ocultas.\r\n\r\n \/\/ Mostrar el contenedor de rutas din\u00e1micas\r\n rutasDinamicasContainer.classList.remove('hidden');\r\n\r\n \/\/ Agrupar cursos que son parte de una ruta\r\n const rutasAgrupadas = {};\r\n tarjetas.forEach(card => {\r\n if (card.getAttribute('data-es-ruta') === 'true') {\r\n const rutaNombre = card.getAttribute('data-ruta-nombre');\r\n if (rutaNombre) {\r\n if (!rutasAgrupadas[rutaNombre]) {\r\n rutasAgrupadas[rutaNombre] = [];\r\n }\r\n rutasAgrupadas[rutaNombre].push(card);\r\n }\r\n }\r\n });\r\n\r\n \/\/ Construir el HTML de las rutas din\u00e1micamente\r\n for (const rutaNombre in rutasAgrupadas) {\r\n const rutaTitle = document.createElement('h4');\r\n rutaTitle.classList.add('subsection-title');\r\n rutaTitle.textContent = `Ruta de ${rutaNombre}`;\r\n rutasDinamicasContainer.appendChild(rutaTitle);\r\n\r\n const rowDiv = document.createElement('div');\r\n rowDiv.classList.add('row', 'row-cols-1', 'row-cols-sm-2', 'row-cols-md-3', 'row-cols-lg-3', 'g-4'); \/\/ Asegurar columnas y espaciado para rutas\r\n\r\n rutasAgrupadas[rutaNombre].forEach(card => {\r\n const clonedCol = card.cloneNode(true); \/\/ Clonar la columna completa\r\n clonedCol.classList.remove('hidden'); \/\/ Asegurarse de que el clon sea visible\r\n\r\n \/\/ IMPORTANTE: Ajustar los botones dentro del clon si es necesario para la vista de ruta\r\n \/\/ Por ejemplo, si solo quieres \"Saber m\u00e1s\" para la vista de ruta, puedes hacer:\r\n \/\/ const buttonsContainer = clonedCol.querySelector('.card-buttons');\r\n \/\/ if (buttonsContainer) {\r\n \/\/ buttonsContainer.innerHTML = '<a href=\"#\" class=\"btn btn-saber-mas w-100\">Saber m\u00e1s de la Ruta<\/a>';\r\n \/\/ }\r\n\r\n rowDiv.appendChild(clonedCol);\r\n });\r\n rutasDinamicasContainer.appendChild(rowDiv);\r\n }\r\n\r\n } else {\r\n \/\/ Para categor\u00edas 'Todo' o espec\u00edficas (IA, Productividad, Ofim\u00e1tica, Moodle, Accesibilidad)\r\n disponible.classList.remove('hidden'); \/\/ Mostrar la secci\u00f3n \"Disponible\"\r\n solicitud.classList.remove('hidden'); \/\/ Mostrar la secci\u00f3n \"A solicitud\"\r\n\r\n tarjetas.forEach(card => {\r\n const cat = card.getAttribute('data-categoria');\r\n \/\/ No necesitamos 'esRuta' aqu\u00ed, ya que el filtro de Microcredenciales maneja eso\r\n \/\/ y esta secci\u00f3n es para mostrar cursos individuales.\r\n\r\n if (categoria === 'Todo' || cat === categoria) {\r\n card.classList.remove('hidden');\r\n }\r\n });\r\n }\r\n}\r\n\r\n\/\/ Inicializa mostrando la secci\u00f3n de \"Formaci\u00f3n con Microcredenciales\" por defecto al cargar la p\u00e1gina\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n mostrarSeccion('micro'); \/\/ Cambiado de 'cursos' a 'micro'\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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 – USAC Formaci\u00f3n Tecnopedag\u00f3gica Desarrolla habilidades digitales en educaci\u00f3n virtual con cursos, diplomados, talleres y conferencias dise\u00f1ados para ti. \u00bfQu\u00e9 deseas explorar? Haz clic en una de las opciones para conocer nuestras ofertas acad\u00e9micas disponibles: Formaci\u00f3n Microcredencial Cursos Diplomados Talleres Conferencias Formaci\u00f3n con micro credenciales Descubre el futuro de la educaci\u00f3n con nuestras …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/\"> <span class=\"screen-reader-text\">Elementor #18545<\/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-18545","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Elementor #18545<\/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\/elementor-18545\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor #18545\" \/>\n<meta property=\"og:url\" content=\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dedevusac\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-28T18:09:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/via.placeholder.com\/100x100?text=Microcredential+Icon\" \/>\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\/elementor-18545\/\",\"url\":\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/\",\"name\":\"Elementor #18545\",\"isPartOf\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#website\"},\"datePublished\":\"2025-05-28T15:00:59+00:00\",\"dateModified\":\"2025-05-28T18:09:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/virtual.usac.edu.gt\/dedev\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor #18545\"}]},{\"@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":"Elementor #18545","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\/elementor-18545\/","og_locale":"es_ES","og_type":"article","og_title":"Elementor #18545","og_url":"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/","article_publisher":"https:\/\/www.facebook.com\/dedevusac","article_modified_time":"2025-05-28T18:09:32+00:00","og_image":[{"url":"https:\/\/via.placeholder.com\/100x100?text=Microcredential+Icon"}],"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\/elementor-18545\/","url":"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/","name":"Elementor #18545","isPartOf":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#website"},"datePublished":"2025-05-28T15:00:59+00:00","dateModified":"2025-05-28T18:09:32+00:00","breadcrumb":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/virtual.usac.edu.gt\/dedev\/"},{"@type":"ListItem","position":2,"name":"Elementor #18545"}]},{"@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\/18545","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=18545"}],"version-history":[{"count":160,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages\/18545\/revisions"}],"predecessor-version":[{"id":18706,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages\/18545\/revisions\/18706"}],"wp:attachment":[{"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/media?parent=18545"}],"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 - USAC<\/title>\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH\" crossorigin=\"anonymous\">\r\n <style>\r\n \/* Estilos CSS personalizados *\/\r\n .hidden {\r\n display: none !important; \/* Usar !important para asegurar que se aplique *\/\r\n }\r\n .section-title {\r\n margin-top: 2rem;\r\n margin-bottom: 1rem;\r\n color: #1a237e; \/* Color similar al del t\u00edtulo principal *\/\r\n font-weight: bold;\r\n }\r\n .subsection-title {\r\n font-weight: bold;\r\n margin-top: 2rem; \/* M\u00e1s espacio para los subt\u00edtulos de secci\u00f3n *\/\r\n margin-bottom: 1rem;\r\n color: #3f51b5; \/* Un tono de azul diferente para subt\u00edtulos *\/\r\n }\r\n \/* Estilo para el encabezado principal *\/\r\n .header-title {\r\n color: #1a237e; \/* Azul oscuro para el t\u00edtulo principal *\/\r\n font-weight: 700; \/* Negrita m\u00e1s marcada *\/\r\n }\r\n\r\n \/* --- ESTILOS PARA BOTONES DE NAVEGACI\u00d3N PRINCIPAL --- *\/\r\n .main-nav-buttons .btn {\r\n font-size: 1.2rem; \/* Hazlos ligeramente m\u00e1s grandes *\/\r\n padding: 1rem 2rem; \/* M\u00e1s padding *\/\r\n border-radius: 0.75rem; \/* Bordes m\u00e1s redondeados *\/\r\n font-weight: bold; \/* Haz el texto m\u00e1s negrita *\/\r\n background-color: #007bff; \/* Color primario de la marca *\/\r\n color: white;\r\n border: 2px solid #007bff;\r\n transition: all 0.3s ease; \/* Transiciones suaves al pasar el rat\u00f3n *\/\r\n }\r\n\r\n .main-nav-buttons .btn:hover {\r\n background-color: #0056b3; \/* M\u00e1s oscuro al pasar el rat\u00f3n *\/\r\n border-color: #0056b3;\r\n transform: translateY(-2px); \/* Ligero efecto de elevaci\u00f3n *\/\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\r\n }\r\n\r\n \/* ESTILO PARA EL BOT\u00d3N DE SECCI\u00d3N ACTIVO (M\u00c1S MARCADO) *\/\r\n .main-nav-buttons .btn.active-section {\r\n background-color: #004085; \/* Un azul a\u00fan m\u00e1s oscuro para \"presionado\" *\/\r\n border-color: #004085;\r\n box-shadow: inset 0 3px 5px rgba(0,0,0,0.3); \/* Sombra interna para efecto 3D *\/\r\n transform: translateY(0); \/* Anula el efecto de elevaci\u00f3n para el activo *\/\r\n cursor: default; \/* Cambia el cursor para indicar que no es clickeable de nuevo *\/\r\n }\r\n\r\n\r\n \/* --- ESTILOS PARA BOTONES DE FILTRO DE CATEGOR\u00cdA --- *\/\r\n .filters .btn {\r\n margin: 0.25rem;\r\n min-width: 100px; \/* Min-width ligeramente menor *\/\r\n font-size: 0.95rem; \/* Tama\u00f1o de fuente menor *\/\r\n padding: 0.5rem 1rem; \/* Menos padding *\/\r\n border-radius: 0.3rem; \/* Menos redondeado *\/\r\n background-color: #e9ecef; \/* Fondo m\u00e1s claro, menos prominente *\/\r\n color: #495057; \/* Texto m\u00e1s oscuro *\/\r\n border: 1px solid #ced4da; \/* Borde sutil *\/\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .filters .btn:hover:not(.active) { \/* Solo al pasar el rat\u00f3n si no est\u00e1 activo *\/\r\n background-color: #d6d8db;\r\n border-color: #c0c4c8;\r\n }\r\n\r\n \/* Estilos para el bot\u00f3n de filtro activo *\/\r\n .filter-btn.active {\r\n background-color: #007bff; \/* Mantiene el azul para el filtro activo *\/\r\n color: white;\r\n border-color: #007bff;\r\n cursor: default;\r\n box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); \/* Sombra interna para efecto de \"presionado\" *\/\r\n }\r\n\r\n .filter-btn:disabled {\r\n opacity: 0.7;\r\n cursor: default;\r\n }\r\n\r\n \/* --- ESTILOS PARA TARJETAS Y BOTONES --- *\/\r\n .curso-card .card {\r\n border: none; \/* Eliminar borde predeterminado de la tarjeta *\/\r\n border-radius: 0.75rem; \/* Bordes m\u00e1s redondeados *\/\r\n overflow: hidden; \/* Asegura que el contenido no se salga de los bordes redondeados *\/\r\n box-shadow: 0 8px 16px rgba(0,0,0,0.15); \/* Sombra m\u00e1s pronunciada para efecto de elevaci\u00f3n *\/\r\n transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; \/* Animaci\u00f3n suave *\/\r\n height: 100%; \/* Asegura que todas las tarjetas tengan la misma altura si est\u00e1n en una fila *\/\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .curso-card .card:hover {\r\n transform: translateY(-8px); \/* Efecto de elevaci\u00f3n m\u00e1s notable al pasar el rat\u00f3n *\/\r\n box-shadow: 0 12px 24px rgba(0,0,0,0.2); \/* Sombra m\u00e1s fuerte al pasar el rat\u00f3n *\/\r\n }\r\n\r\n \/* Contenedor para mantener la relaci\u00f3n de aspecto 4:3 de la imagen *\/\r\n .curso-card .card-img-container {\r\n position: relative; \/* Necesario para posicionar la imagen dentro *\/\r\n width: 100%;\r\n padding-bottom: 75%; \/* Esto crea una altura que es el 75% del ancho (3\/4 = 0.75), logrando un aspecto 4:3 *\/\r\n overflow: hidden; \/* Asegura que cualquier parte de la imagen fuera de esta caja no se vea *\/\r\n }\r\n .curso-card .card-img-top {\r\n position: absolute; \/* Para que la imagen ocupe todo el espacio del contenedor *\/\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%; \/* La imagen llenar\u00e1 el 100% del contenedor con aspecto 4:3 *\/\r\n object-fit: cover; \/* La imagen cubrir\u00e1 todo el espacio, sin espacios en blanco a los lados, y sin distorsi\u00f3n *\/\r\n }\r\n\r\n .curso-card .card-body {\r\n padding: 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between; \/* Empuja los botones al final *\/\r\n flex-grow: 1; \/* Permite que el cuerpo de la tarjeta ocupe el espacio disponible *\/\r\n }\r\n .curso-card .card-buttons {\r\n margin-top: 0.5rem; \/* Ajuste el margen superior ahora que el t\u00edtulo se elimin\u00f3 *\/\r\n display: flex;\r\n flex-direction: row; \/* Botones en una fila *\/\r\n justify-content: center; \/* Centrar los botones *\/\r\n gap: 0.5rem; \/* Espacio entre los botones en la fila *\/\r\n }\r\n .curso-card .card-buttons .btn {\r\n font-size: 0.95rem; \/* Tama\u00f1o de fuente ligeramente m\u00e1s grande para los botones de la tarjeta *\/\r\n padding: 0.6rem 1rem;\r\n border-radius: 0.4rem; \/* Bordes redondeados para los botones *\/\r\n width: auto; \/* Permite que el ancho se ajuste al contenido *\/\r\n text-align: center; \/* Asegurar que el texto est\u00e9 centrado dentro del bot\u00f3n *\/\r\n min-width: 100px; \/* Asegura un tama\u00f1o m\u00ednimo para los botones *\/\r\n }\r\n \/* Colores personalizados para los botones *\/\r\n .btn-saber-mas {\r\n background-color: #2196f3; \/* Azul m\u00e1s claro *\/\r\n color: white;\r\n border-color: #2196f3;\r\n }\r\n .btn-saber-mas:hover {\r\n background-color: #1976d2; \/* Azul m\u00e1s oscuro al pasar el rat\u00f3n *\/\r\n border-color: #1976d2;\r\n }\r\n .btn-ir-curso {\r\n background-color: #4caf50; \/* Verde *\/\r\n color: white;\r\n border-color: #4caf50;\r\n }\r\n .btn-ir-curso:hover {\r\n background-color: #388e3c; \/* Verde m\u00e1s oscuro al pasar el rat\u00f3n *\/\r\n border-color: #388e3c;\r\n }\r\n .btn-solicitar {\r\n background-color: #ff9800; \/* Naranja *\/\r\n color: white;\r\n border-color: #ff9800;\r\n }\r\n .btn-solicitar:hover {\r\n background-color: #f57c00; \/* Naranja m\u00e1s oscuro al pasar el rat\u00f3n *\/\r\n border-color: #f57c00;\r\n }\r\n\r\n \/* ESTILOS PARA SECCI\u00d3N DE MICROCREDENCIALES *\/\r\n .microcredencial-content-box {\r\n border: 1px solid #ddd; \/* Borde gris claro *\/\r\n border-radius: 0.75rem; \/* Bordes redondeados *\/\r\n padding: 1.5rem; \/* Espacio interno *\/\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.1); \/* Sombra suave *\/\r\n background-color: #fff; \/* Fondo blanco *\/\r\n margin-top: 1rem; \/* Espacio superior *\/\r\n margin-bottom: 2rem; \/* Espacio inferior *\/\r\n }\r\n .microcredencial-content-box h4 {\r\n color: #1a237e; \/* Color del t\u00edtulo principal *\/\r\n font-weight: bold;\r\n margin-bottom: 1rem;\r\n }\r\n .microcredencial-content-box ul {\r\n list-style-type: disc; \/* Vi\u00f1etas *\/\r\n margin-left: 1.25rem; \/* Indentaci\u00f3n *\/\r\n margin-bottom: 1rem;\r\n }\r\n .microcredencial-content-box ul li {\r\n margin-bottom: 0.5rem;\r\n }\r\n .microcredencial-icon {\r\n display: block; \/* Para centrar la imagen *\/\r\n margin: 1.5rem auto 0.5rem auto; \/* Centrar y a\u00f1adir espacio *\/\r\n max-width: 120px; \/* Tama\u00f1o m\u00e1ximo para el icono *\/\r\n height: auto;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container text-center py-4\">\r\n <h1 class=\"header-title\">Formaci\u00f3n Tecnopedag\u00f3gica<\/h1>\r\n <p class=\"lead\">Desarrolla habilidades digitales en educaci\u00f3n virtual con cursos, diplomados, talleres y conferencias dise\u00f1ados para ti.<\/p>\r\n<\/div>\r\n\r\n<div class=\"container text-center my-4\">\r\n <h2 class=\"section-title\">\u00bfQu\u00e9 deseas explorar?<\/h2>\r\n <p>Haz clic en una de las opciones para conocer nuestras ofertas acad\u00e9micas disponibles:<\/p>\r\n <div class=\"d-flex justify-content-center flex-wrap gap-2 main-nav-buttons\">\r\n <button class=\"btn btn-outline-primary\" onclick=\"mostrarSeccion('micro')\">Formaci\u00f3n Microcredencial<\/button>\r\n <button class=\"btn btn-outline-primary\" onclick=\"mostrarSeccion('cursos')\">Cursos<\/button>\r\n <button class=\"btn btn-outline-primary\" onclick=\"mostrarSeccion('diplomados')\">Diplomados<\/button>\r\n <button class=\"btn btn-outline-primary\" onclick=\"mostrarSeccion('talleres')\">Talleres<\/button>\r\n <button class=\"btn btn-outline-primary\" onclick=\"mostrarSeccion('conferencias')\">Conferencias<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"seccion-micro\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">Formaci\u00f3n con micro credenciales<\/h3>\r\n <div class=\"microcredencial-content-box text-start\">\r\n <p>\r\n Descubre el futuro de la educaci\u00f3n con nuestras Microcredenciales Digitales Universitarias, un programa innovador creado bajo el Acuerdo de Rector\u00eda N.\u00b0 0045-2025. Estas certificaciones reconocen el dominio de habilidades espec\u00edficas, impulsando tu desarrollo profesional y la calidad educativa en la USAC.\r\n <\/p>\r\n <h4>\u00bfQu\u00e9 son las Microcredenciales?<\/h4>\r\n <p>\r\n Una microcredencial es una certificaci\u00f3n que reconoce el dominio de una habilidad o conjunto de habilidades adquiridas a trav\u00e9s de programas cortos de formaci\u00f3n o actualizaci\u00f3n, dise\u00f1ados para promover aprendizajes formales que fortalezcan la Pol\u00edtica de Calidad Educativa y la Pol\u00edtica de Educaci\u00f3n a Distancia en Entornos Virtuales de la USAC.\r\n <\/p>\r\n\r\n <h4>C\u00f3mo Obtenerlas:<\/h4>\r\n <p>\r\n Las microcredenciales podr\u00e1n obtenerse mediante formaciones presenciales, virtuales o mixtas, asegurando el acceso para toda la comunidad universitaria. Todas nuestras ofertas acad\u00e9micas que otorgan una microcredencial o forman parte de una ruta de aprendizaje para obtenerla estar\u00e1n identificadas con la siguiente imagen.\r\n <\/p>\r\n\r\n <h4>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 DIGED, 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 <div class=\"text-center\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100?text=Microcredential+Icon\" alt=\"\u00cdcono de Microcredencial\" class=\"microcredencial-icon\" \/>\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\">Nuestros Cursos<\/h3>\r\n <div class=\"filters text-center mb-4\">\r\n <button class=\"btn btn-secondary filter-btn active\" onclick=\"filtrarCursos('Todo', this)\">Todo<\/button>\r\n <button class=\"btn btn-secondary filter-btn\" onclick=\"filtrarCursos('Microcredencial', this)\">Microcredencial<\/button>\r\n <button class=\"btn btn-secondary filter-btn\" onclick=\"filtrarCursos('IA', this)\">IA<\/button>\r\n <button class=\"btn btn-secondary filter-btn\" onclick=\"filtrarCursos('Productividad', this)\">Productividad<\/button>\r\n <button class=\"btn btn-secondary filter-btn\" onclick=\"filtrarCursos('Ofim\u00e1tica', this)\">Ofim\u00e1tica<\/button>\r\n <\/div>\r\n\r\n <div id=\"disponible-cursos\">\r\n <h4 class=\"subsection-title\">Disponible<\/h4>\r\n <div class=\"row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3 g-4\">\r\n <div class=\"col curso-card\" data-categoria=\"Moodle\" data-es-ruta=\"true\" data-ruta-nombre=\"Moodle\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/05\/Diseno-de-identificacion-CURSO-MOODLE-INTERMEDIO-2025-N-1-1024x769.jpg\" class=\"card-img-top\" alt=\"Moodle Intermedio para profesores\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-ir-curso\">Ir al curso<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Moodle\" data-es-ruta=\"true\" data-ruta-nombre=\"Moodle\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/04\/Diseno-de-identificacion-CURSO-DISENA-CURSOS-EN-MOODLE-2025-N-1024x769.jpg\" class=\"card-img-top\" alt=\"Dise\u00f1a cursos: Moodle en acci\u00f3n\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-ir-curso\">Ir al curso<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Accesibilidad\" data-es-ruta=\"true\" data-ruta-nombre=\"Accesibilidad\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/03\/Diseno-de-identificacion-CURSO-DE-ACCESIBILIDAD-2025-N-1024x769.jpg\" class=\"card-img-top\" alt=\"Curso de Tecnoaccesibilidad\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-ir-curso\">Ir al curso<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Ofim\u00e1tica\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/02\/Diseno-de-identificacion-GOOGLE-SHEET-2025-N1r-768x576.jpg\" class=\"card-img-top\" alt=\"Google Sheet\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-ir-curso\">Ir al curso<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"solicitud-cursos\" class=\"mt-5\">\r\n <h4 class=\"subsection-title\">A solicitud<\/h4>\r\n <div class=\"row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3 g-4\">\r\n <div class=\"col curso-card\" data-categoria=\"Moodle\" data-es-ruta=\"true\" data-ruta-nombre=\"Moodle\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/03\/Diseno-de-identificacion-Foros-Moodle-2025-N-768x577.jpg\" class=\"card-img-top\" alt=\"Foros Moodle\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Accesibilidad\" data-es-ruta=\"true\" data-ruta-nombre=\"Accesibilidad\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/01\/Diseno-de-identificacion-Discapacidad-2025-N-768x576.jpg\" class=\"card-img-top\" alt=\"Discapacidad y educaci\u00f3n inclusiva\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Accesibilidad\" data-es-ruta=\"true\" data-ruta-nombre=\"Accesibilidad\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2025\/01\/Diseno-de-identificacion-Accesibilidad-2025-N-768x576.jpg\" class=\"card-img-top\" alt=\"Accesibilidad para entornos virtuales\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Productividad\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/10\/Diseno-de-identificacion-GOOGLE-DRIVE-para-Moodle-y-pagina-web-768x576.jpg\" class=\"card-img-top\" alt=\"Google Drive para Moodle y web\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Productividad\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/08\/Diseno-de-identificacion-CALENDAR-WORKSPACE-para-Moodle-y-pagina-web-768x576.jpg\" class=\"card-img-top\" alt=\"Calendar Workspace para Moodle y web\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Ofim\u00e1tica\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2023\/08\/Diseno-de-identificacion-FUNDAMENTOS-DE-WORD-para-Moodle-y-pagina-web-768x576.jpg\" class=\"card-img-top\" alt=\"Fundamentos de Word\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Ofim\u00e1tica\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/04\/Diseno-de-identificacion-MEJORE-DOMINIO-DE-WORD-2024.jpg\" class=\"card-img-top\" alt=\"Mejore Dominio de Word\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Ofim\u00e1tica\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/02\/DISENO-DE-IDENTIFICACION-WORD-PROFESIONAL-WEB_Mesa-de-trabajo-1-768x576.jpg\" class=\"card-img-top\" alt=\"Word Profesional\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"Ofim\u00e1tica\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/07\/Diseno-de-identificacion-DOCS-DE-GOOGLE-2024-768x577.jpg\" class=\"card-img-top\" alt=\"Docs de Google\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"IA\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/09\/Diseno-de-identificacion-CHAT-GPT-2024-N-768x576.jpg\" class=\"card-img-top\" alt=\"ChatGPT y otras IA\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col curso-card\" data-categoria=\"IA\">\r\n <div class=\"card h-100\">\r\n <div class=\"card-img-container\">\r\n <img decoding=\"async\" src=\"https:\/\/virtual.usac.edu.gt\/dedev\/wp-content\/uploads\/2024\/08\/Diseno-de-identificacion-POWER-POINT-EVOLUCIONADO-2024-N-1-768x576.jpg\" class=\"card-img-top\" alt=\"PowerPoint Evolucionado\" \/>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-buttons\">\r\n <a href=\"#\" class=\"btn btn-saber-mas\">Saber m\u00e1s<\/a>\r\n <a href=\"#\" class=\"btn btn-solicitar\">Solicitar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"rutas-dinamicas\" class=\"py-4 hidden\">\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"seccion-diplomados\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">Diplomados<\/h3>\r\n <div class=\"filters text-center mb-4\">\r\n <button class=\"btn btn-secondary\">Gesti\u00f3n<\/button>\r\n <button class=\"btn btn-secondary\">Educaci\u00f3n<\/button>\r\n <button class=\"btn btn-secondary\">Todo<\/button>\r\n <\/div>\r\n <p class=\"text-muted text-center\">Aqu\u00ed se mostrar\u00e1n los diplomados disponibles y a solicitud.<\/p>\r\n <\/div>\r\n\r\n<div id=\"seccion-talleres\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">Talleres<\/h3>\r\n <div class=\"filters text-center mb-4\">\r\n <button class=\"btn btn-secondary\">Pr\u00e1ctico<\/button>\r\n <button class=\"btn btn-secondary\">Herramientas<\/button>\r\n <button class=\"btn btn-secondary\">Todo<\/button>\r\n <\/div>\r\n <p class=\"text-muted text-center\">Aqu\u00ed se mostrar\u00e1n los talleres disponibles y a solicitud.<\/p>\r\n <\/div>\r\n\r\n<div id=\"seccion-conferencias\" class=\"container py-4 hidden\">\r\n <h3 class=\"section-title\">Conferencias<\/h3>\r\n <div class=\"filters text-center mb-4\">\r\n <button class=\"btn btn-secondary\">TIC<\/button>\r\n <button class=\"btn btn-secondary\">Transformaci\u00f3n Digital<\/button>\r\n <button class=\"btn btn-secondary\">Todo<\/button>\r\n <\/div>\r\n <p class=\"text-muted text-center\">Aqu\u00ed se mostrar\u00e1n las conferencias disponibles y a solicitud.<\/p>\r\n <\/div>\r\n\r\n<footer class=\"bg-dark text-white text-center py-3 mt-5\">\r\n <p class=\"mb-0\">© 2025 USAC - Educaci\u00f3n Virtual<\/p>\r\n<\/footer>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\" integrity=\"sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz\" crossorigin=\"anonymous\"><\/script>\r\n\r\n<script>\r\n\/\/ Funci\u00f3n para ocultar todas las secciones de contenido principal\r\nfunction ocultarTodo() {\r\n document.querySelectorAll('[id^=\"seccion-\"]').forEach(sec => sec.classList.add('hidden'));\r\n}\r\n\r\n\/\/ Funci\u00f3n para mostrar una secci\u00f3n espec\u00edfica\r\nfunction mostrarSeccion(nombre) {\r\n ocultarTodo(); \/\/ Oculta todas las secciones de contenido\r\n\r\n \/\/ Elimina la clase active-section de todos los botones de navegaci\u00f3n principal\r\n document.querySelectorAll('.main-nav-buttons .btn').forEach(button => {\r\n button.classList.remove('active-section');\r\n });\r\n\r\n const seccion = document.getElementById(`seccion-${nombre}`);\r\n if (seccion) {\r\n seccion.classList.remove('hidden'); \/\/ Muestra la secci\u00f3n deseada\r\n\r\n \/\/ Encuentra el bot\u00f3n que activ\u00f3 esta secci\u00f3n y a\u00f1ade active-section\r\n const clickedButton = document.querySelector(`.main-nav-buttons .btn[onclick*=\"'${nombre}'\"]`);\r\n if (clickedButton) {\r\n clickedButton.classList.add('active-section');\r\n }\r\n\r\n \/\/ Si la secci\u00f3n mostrada es 'cursos', activa el filtro 'Todo' por defecto\r\n if (nombre === 'cursos') {\r\n const todoButton = document.querySelector('.filters .filter-btn[onclick*=\"\\'Todo\\'\"]');\r\n if (todoButton) {\r\n filtrarCursos('Todo', todoButton);\r\n }\r\n }\r\n }\r\n}\r\n\r\n\/\/ Funci\u00f3n para filtrar los cursos\r\n\/\/ Acepta un segundo argumento: el bot\u00f3n que fue clickeado\r\nfunction filtrarCursos(categoria, clickedButton) {\r\n const tarjetas = document.querySelectorAll('.curso-card');\r\n const disponible = document.getElementById('disponible-cursos');\r\n const solicitud = document.getElementById('solicitud-cursos');\r\n const rutasDinamicasContainer = document.getElementById('rutas-dinamicas');\r\n const filterButtons = document.querySelectorAll('.filter-btn'); \/\/ Obtener todos los botones de filtro\r\n\r\n \/\/ --- Manejo del estado de los botones de filtro ---\r\n \/\/ Desactivar todos los botones de filtro y remover la clase 'active'\r\n filterButtons.forEach(button => {\r\n button.classList.remove('active');\r\n button.disabled = false; \/\/ Habilitar todos los botones primero\r\n });\r\n\r\n \/\/ Activar el bot\u00f3n clickeado (o el que se pasa como activo inicialmente)\r\n if (clickedButton) {\r\n clickedButton.classList.add('active');\r\n clickedButton.disabled = true; \/\/ Deshabilitar el bot\u00f3n activo\r\n }\r\n\r\n \/\/ --- PASO 1: Limpiar y Ocultar TODO al inicio para un estado consistente ---\r\n rutasDinamicasContainer.innerHTML = ''; \/\/ Limpiar cualquier ruta din\u00e1mica previa\r\n rutasDinamicasContainer.classList.add('hidden'); \/\/ Ocultar el contenedor de rutas\r\n\r\n disponible.classList.add('hidden'); \/\/ Ocultar la secci\u00f3n \"Disponible\"\r\n solicitud.classList.add('hidden'); \/\/ Ocultar la secci\u00f3n \"A solicitud\"\r\n\r\n tarjetas.forEach(card => card.classList.add('hidden')); \/\/ Ocultar todas las tarjetas de cursos individuales\r\n\r\n\r\n \/\/ --- PASO 2: Mostrar solo lo que corresponde a la categor\u00eda seleccionada ---\r\n if (categoria === 'Microcredencial') {\r\n \/\/ Cuando el filtro es \"Microcredencial\":\r\n \/\/ Las secciones \"Disponible\" y \"A solicitud\" se mantienen ocultas.\r\n\r\n \/\/ Mostrar el contenedor de rutas din\u00e1micas\r\n rutasDinamicasContainer.classList.remove('hidden');\r\n\r\n \/\/ Agrupar cursos que son parte de una ruta\r\n const rutasAgrupadas = {};\r\n tarjetas.forEach(card => {\r\n if (card.getAttribute('data-es-ruta') === 'true') {\r\n const rutaNombre = card.getAttribute('data-ruta-nombre');\r\n if (rutaNombre) {\r\n if (!rutasAgrupadas[rutaNombre]) {\r\n rutasAgrupadas[rutaNombre] = [];\r\n }\r\n rutasAgrupadas[rutaNombre].push(card);\r\n }\r\n }\r\n });\r\n\r\n \/\/ Construir el HTML de las rutas din\u00e1micamente\r\n for (const rutaNombre in rutasAgrupadas) {\r\n const rutaTitle = document.createElement('h4');\r\n rutaTitle.classList.add('subsection-title');\r\n rutaTitle.textContent = `Ruta de ${rutaNombre}`;\r\n rutasDinamicasContainer.appendChild(rutaTitle);\r\n\r\n const rowDiv = document.createElement('div');\r\n rowDiv.classList.add('row', 'row-cols-1', 'row-cols-sm-2', 'row-cols-md-3', 'row-cols-lg-3', 'g-4'); \/\/ Asegurar columnas y espaciado para rutas\r\n\r\n rutasAgrupadas[rutaNombre].forEach(card => {\r\n const clonedCol = card.cloneNode(true); \/\/ Clonar la columna completa\r\n clonedCol.classList.remove('hidden'); \/\/ Asegurarse de que el clon sea visible\r\n\r\n \/\/ IMPORTANTE: Ajustar los botones dentro del clon si es necesario para la vista de ruta\r\n \/\/ Por ejemplo, si solo quieres \"Saber m\u00e1s\" para la vista de ruta, puedes hacer:\r\n \/\/ const buttonsContainer = clonedCol.querySelector('.card-buttons');\r\n \/\/ if (buttonsContainer) {\r\n \/\/ buttonsContainer.innerHTML = '<a href=\"#\" class=\"btn btn-saber-mas w-100\">Saber m\u00e1s de la Ruta<\/a>';\r\n \/\/ }\r\n\r\n rowDiv.appendChild(clonedCol);\r\n });\r\n rutasDinamicasContainer.appendChild(rowDiv);\r\n }\r\n\r\n } else {\r\n \/\/ Para categor\u00edas 'Todo' o espec\u00edficas (IA, Productividad, Ofim\u00e1tica, Moodle, Accesibilidad)\r\n disponible.classList.remove('hidden'); \/\/ Mostrar la secci\u00f3n \"Disponible\"\r\n solicitud.classList.remove('hidden'); \/\/ Mostrar la secci\u00f3n \"A solicitud\"\r\n\r\n tarjetas.forEach(card => {\r\n const cat = card.getAttribute('data-categoria');\r\n \/\/ No necesitamos 'esRuta' aqu\u00ed, ya que el filtro de Microcredenciales maneja eso\r\n \/\/ y esta secci\u00f3n es para mostrar cursos individuales.\r\n\r\n if (categoria === 'Todo' || cat === categoria) {\r\n card.classList.remove('hidden');\r\n }\r\n });\r\n }\r\n}\r\n\r\n\/\/ Inicializa mostrando la secci\u00f3n de \"Formaci\u00f3n con Microcredenciales\" por defecto al cargar la p\u00e1gina\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n mostrarSeccion('micro'); \/\/ Cambiado de 'cursos' a 'micro'\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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 – USAC Formaci\u00f3n Tecnopedag\u00f3gica Desarrolla habilidades digitales en educaci\u00f3n virtual con cursos, diplomados, talleres y conferencias dise\u00f1ados para ti. \u00bfQu\u00e9 deseas explorar? Haz clic en una de las opciones para conocer nuestras ofertas acad\u00e9micas disponibles: Formaci\u00f3n Microcredencial Cursos Diplomados Talleres Conferencias Formaci\u00f3n con micro credenciales Descubre el futuro de la educaci\u00f3n con nuestras …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/\"> <span class=\"screen-reader-text\">Elementor #18545<\/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-18545","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Elementor #18545<\/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\/elementor-18545\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor #18545\" \/>\n<meta property=\"og:url\" content=\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dedevusac\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-28T18:09:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/via.placeholder.com\/100x100?text=Microcredential+Icon\" \/>\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\/elementor-18545\/\",\"url\":\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/\",\"name\":\"Elementor #18545\",\"isPartOf\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/#website\"},\"datePublished\":\"2025-05-28T15:00:59+00:00\",\"dateModified\":\"2025-05-28T18:09:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/virtual.usac.edu.gt\/dedev\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor #18545\"}]},{\"@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":"Elementor #18545","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\/elementor-18545\/","og_locale":"es_ES","og_type":"article","og_title":"Elementor #18545","og_url":"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/","article_publisher":"https:\/\/www.facebook.com\/dedevusac","article_modified_time":"2025-05-28T18:09:32+00:00","og_image":[{"url":"https:\/\/via.placeholder.com\/100x100?text=Microcredential+Icon"}],"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\/elementor-18545\/","url":"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/","name":"Elementor #18545","isPartOf":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/#website"},"datePublished":"2025-05-28T15:00:59+00:00","dateModified":"2025-05-28T18:09:32+00:00","breadcrumb":{"@id":"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/virtual.usac.edu.gt\/dedev\/elementor-18545\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/virtual.usac.edu.gt\/dedev\/"},{"@type":"ListItem","position":2,"name":"Elementor #18545"}]},{"@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\/18545","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=18545"}],"version-history":[{"count":160,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages\/18545\/revisions"}],"predecessor-version":[{"id":18706,"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/pages\/18545\/revisions\/18706"}],"wp:attachment":[{"href":"https:\/\/virtual.usac.edu.gt\/dedev\/wp-json\/wp\/v2\/media?parent=18545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}