Cursos de Inteligencia Artificial – eLibro<\/title>\n \n \n <link rel=\"shortcut icon\" href=\"https:\/\/elibro.com\/img\/favs\/favicon.ico\" type=\"image\/x-icon\" \/>\n <link rel=\"apple-touch-icon\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"57x57\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-57x57.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-72x72.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-76x76.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"114x114\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-114x114.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-120x120.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-144x144.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-152x152.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-180x180.png\" \/>\n \n \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n --primary-color: #1e3a8a;\n --secondary-color: #3b82f6;\n --accent-color: #60a5fa;\n --light-bg: #f8fafc;\n --dark-text: #1e293b;\n --library-gold: #d4af37;\n --library-brown: #8b4513;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: var(--dark-text);\n background-color: #fefefe;\n }\n\n .hero-section {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n padding: 1rem 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('\/placeholder.svg?height=600&width=1200') center\/cover;\n opacity: 0.1;\n z-index: 1;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n }\n\n .hero-title {\n font-size: 3.5rem;\n font-weight: bold;\n margin-bottom: 0.5rem;\n text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.3);\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n opacity: 0.95;\n max-width: 900px;\n margin: 0 auto 2rem;\n }\n\n .hero-icon {\n font-size: 4rem;\n margin-bottom: 1rem;\n color: var(--library-gold);\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .courses-section {\n padding: 4rem 0;\n background-color: var(--light-bg);\n }\n\n .library-image {\n width: 100%;\n max-width: 800px;\n height: 550px;\n object-fit: cover;\n border-radius: 15px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n margin: 2rem auto;\n display: block;\n }\n\n .custom-table-ia {\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n border: none;\n }\n\n .custom-table-ia thead {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n }\n\n .custom-table-ia th {\n border: none;\n padding: 1.2rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n font-size: 0.9rem;\n }\n\n .custom-table-ia td {\n padding: 1.5rem 1rem;\n border-bottom: 1px solid #e2e8f0;\n vertical-align: middle;\n }\n\n .custom-table-ia tbody tr:hover {\n background-color: #f1f5f9;\n transition: background-color 0.3s ease;\n transform: translateY(-1px);\n }\n\n .btn-modern {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n border: none;\n color: white;\n padding: 0.6rem 1.2rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.85rem;\n transition: all 0.3s ease;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3);\n }\n\n .btn-modern:hover {\n background: linear-gradient(135deg, var(--secondary-color), var(--accent-color));\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(30, 58, 138, 0.4);\n color: white;\n }\n\n .btn-modern:disabled {\n background: linear-gradient(135deg, #94a3b8, #cbd5e1);\n cursor: not-allowed;\n transform: none;\n box-shadow: 0 2px 8px rgba(148, 163, 184, 0.3);\n }\n\n .btn-modern:disabled:hover {\n transform: none;\n background: linear-gradient(135deg, #94a3b8, #cbd5e1);\n text-decoration: none; \/* Quitar subrayado *\/\n color: inherit; \/* Heredar el color por defecto *\/\n background-color: #007bff; \/* Puedes personalizar el fondo *\/\n padding: 8px 12px;\n border-radius: 5px;\n display: inline-block;\n transition: background-color 0.3s, color 0.3s;\n }\n\n .btn-hero {\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n color: white;\n padding: 1rem 2rem;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n backdrop-filter: blur(10px);\n }\n\n .btn-hero:hover {\n background: rgba(255, 255, 255, 0.3);\n border-color: rgba(255, 255, 255, 0.5);\n transform: translateY(-2px);\n color: white;\n }\n\n .course-title {\n font-weight: 600;\n color: var(--primary-color);\n font-size: 1rem;\n }\n\n .course-description {\n color: #64748b;\n line-height: 1.6;\n font-size: 0.95rem;\n }\n\n .mode-badge {\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--primary-color);\n background: rgba(30, 58, 138, 0.1);\n padding: 0.25rem 0.75rem;\n border-radius: 15px;\n display: inline-block;\n }\n\n .stats-section {\n background: white;\n padding: 3rem 0;\n border-top: 3px solid var(--library-gold);\n }\n\n .stat-card {\n text-align: center;\n padding: 2.5rem 2rem;\n border-radius: 15px;\n background: linear-gradient(135deg, #f8fafc, #e2e8f0);\n margin-bottom: 1rem;\n border: 1px solid #e2e8f0;\n transition: transform 0.3s ease;\n }\n\n .stat-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n }\n\n .stat-icon {\n font-size: 2.5rem;\n color: var(--primary-color);\n margin-bottom: 1rem;\n }\n\n .stat-number {\n font-size: 3rem;\n font-weight: bold;\n color: var(--primary-color);\n }\n\n .stat-label {\n color: #64748b;\n font-weight: 600;\n font-size: 1rem;\n }\n\n .filter-section {\n background: white;\n padding: 2rem 0;\n border-radius: 15px;\n margin-bottom: 2rem;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n\n .filter-btn {\n background: linear-gradient(135deg, #f1f5f9, #e2e8f0);\n border: 2px solid #cbd5e1;\n color: var(--primary-color);\n padding: 0.75rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n transition: all 0.3s ease;\n margin: 0.25rem;\n }\n\n .filter-btn:hover {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n border-color: var(--primary-color);\n transform: translateY(-2px);\n }\n\n .filter-btn.active {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n border-color: var(--primary-color);\n }\n\n .footer {\n background: linear-gradient(135deg, var(--primary-color), var(--library-brown));\n color: white;\n padding: 3rem 0;\n text-align: center;\n }\n\n .footer-icon {\n font-size: 2rem;\n margin-bottom: 1rem;\n color: var(--library-gold);\n }\n\n .section-title {\n color: var(--primary-color);\n font-weight: bold;\n margin-bottom: 3rem;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 3px;\n background: var(--library-gold);\n border-radius: 2px;\n }\n\n .loading-spinner {\n display: none;\n width: 20px;\n height: 20px;\n border: 2px solid #f3f3f3;\n border-top: 2px solid var(--primary-color);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2.5rem;\n }\n \n .hero-subtitle {\n font-size: 1.1rem;\n }\n \n .custom-table-ia {\n font-size: 0.85rem;\n }\n \n .custom-table-ia th,\n .custom-table-ia td {\n padding: 0.75rem 0.5rem;\n }\n\n .btn-modern {\n font-size: 0.75rem;\n padding: 0.5rem 1rem;\n }\n }\n\n .fade-in {\n animation: fadeIn 0.8s ease-in;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .library-pattern {\n background-image: \n radial-gradient(circle at 25% 25%, rgba(30, 58, 138, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 75% 75%, rgba(212, 175, 55, 0.05) 0%, transparent 50%);\n }\n <\/style>\n<\/head>\n<body class=\"library-pattern\">\n \n <section class=\"hero-section\">\n <div class=\"container hero-content\">\n <p >\n <i class=\"fas fa-book-open me-3\"><\/i>\n Micro Cursos de E-libros\n <\/p>\n <p class=\"hero-subtitle fade-in\">\n <i class=\"fas fa-graduation-cap me-2\"><\/i>\n Potencia tu biblioteca con Conocimiento actualizado\n <\/p>\n <div class=\"mt-4\">\n <button class=\"btn btn-hero\" onclick=\"scrollToCourses()\">\n <i class=\"fas fa-arrow-down me-2\"><\/i>\n Cursos Disponibles de eLibros\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-4\" style=\"background: white;\">\n <div class=\"container\">\n <img decoding=\"async\" src=\"https:\/\/www.isecursos.com\/multimedia\/estudios\/img_38449_OPOSICIONESAAUXIIARDEBIBLIOTECASYARCHIVOS.jpg\" \n alt=\"Biblioteca universitaria moderna con tecnolog\u00eda IA\" \n class=\"library-image\">\n <\/div>\n <\/section>\n\n \n <section class=\"stats-section\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-4\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-books\"><\/i>\n <\/div>\n <div class=\"stat-number\" id=\"totalCourses\">2<\/div>\n <div class=\"stat-label\">Cursos Disponibles<\/div>\n <\/div>\n <\/div>\n <div class=\"col-md-4\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-unlock-alt\"><\/i>\n <\/div>\n <div class=\"stat-number\" id=\"openCourses\">1<\/div>\n <div class=\"stat-label\">Modo Abierto<\/div>\n <\/div>\n <\/div>\n <div class=\"col-md-4\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-user-graduate\"><\/i>\n <\/div>\n <div class=\"stat-number\" id=\"clientCourses\">1<\/div>\n <div class=\"stat-label\">Clientes eLibro<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"courses-section\" id=\"courses\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-12\">\n <h2 class=\"text-center section-title\">\n <i class=\"fas fa-university me-3\"><\/i>\n Cat\u00e1logo de Cursos de eLibros\n <\/h2>\n \n \n <div class=\"filter-section\">\n <div class=\"text-center\">\n <button class=\"btn filter-btn active\" data-filter=\"all\">\n <i class=\"fas fa-list me-2\"><\/i>\n Todos los Cursos\n <\/button>\n <button class=\"btn filter-btn\" data-filter=\"abierto\">\n <i class=\"fas fa-unlock me-2\"><\/i>\n Modo Abierto\n <\/button>\n <button class=\"btn filter-btn\" data-filter=\"clientes\">\n <i class=\"fas fa-crown me-2\"><\/i>\n Clientes eLibro\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table class=\"table align-middle custom-table-ia\">\n <thead>\n <tr>\n <th scope=\"col\">\n <i class=\"fas fa-book me-2\"><\/i>\n T\u00edtulo\n <\/th>\n <th scope=\"col\">\n <i class=\"fas fa-info-circle me-2\"><\/i>\n Descripci\u00f3n breve\n <\/th>\n <th scope=\"col\" class=\"text-center\">\n <i class=\"fas fa-calendar-check me-2\"><\/i>\n Inscripci\u00f3n\n <\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"coursesTableBody\">\n \n <tr data-mode=\"abierto\">\n <td class=\"course-title\">\n <i class=\"fas fa-shield-alt me-2\"><\/i>\n Gobernanza de datos y privacidad en entornos acad\u00e9micos\n <\/td>\n <td class=\"course-description\">Implementa pol\u00edticas y flujos \u00e9ticos para gestionar datos personales y de investigaci\u00f3n, cumpliendo normativas y protegiendo la confianza institucional.<\/td>\n <td class=\"text-center\">\n <div class=\"d-flex flex-column align-items-center gap-2\">\n <a href=\"https:\/\/www.elibro.com\/iia\" target=\"_blank\" class=\"btn-modern\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n Mie 3\/9 – AM\n <\/a>\n <a href=\"https:\/\/www.elibro.com\/iia\" target=\"_blank\" class=\"btn-modern\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n Jue 4\/9 – PM\n <\/a>\n <\/div>\n <div class=\"mode-badge mt-2\">\n <i class=\"fas fa-unlock-alt me-1\"><\/i>\n Modo Abierto\n <\/div>\n <\/td>\n <\/tr>\n <tr data-mode=\"clientes\">\n <td class=\"course-title\">\n <i class=\"fas fa-balance-scale me-2\"><\/i>\n \u00c9tica y responsabilidad social de la IA en servicios bibliotecarios\n <\/td>\n <td class=\"course-description\">Identifica sesgos algor\u00edtmicos, dise\u00f1a estrategias de mitigaci\u00f3n y comunica decisiones de IA con transparencia a la comunidad.<\/td>\n <td class=\"text-center\">\n <div class=\"d-flex flex-column align-items-center gap-2\">\n <a href=\"https:\/\/www.elibro.com\/iia\" target=\"_blank\" class=\"btn-modern\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n Mie 10\/9 – AM\n <\/a>\n <a href=\"https:\/\/www.elibro.com\/iia\" target=\"_blank\" class=\"btn-modern\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n Jue 11\/9 – PM\n <\/a>\n <\/div>\n <div class=\"mode-badge mt-2\" style=\"background: rgba(30, 58, 138, 0.15);\">\n <i class=\"fas fa-crown me-1\"><\/i>\n Clientes eL\n <\/div>\n <\/td>\n <\/tr>\n\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"footer\">\n <div class=\"container\">\n <p class=\"mb-0\">\n <i class=\"fas fa-lightbulb me-2\"><\/i>\n Potenciando el futuro de las bibliotecas acad\u00e9micas\n <\/p>\n <\/div>\n <\/footer>\n\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n \n <script>\n \/\/ Smooth scroll to courses section\n function scrollToCourses() {\n document.getElementById('courses').scrollIntoView({\n behavior: 'smooth'\n });\n }\n\n \/\/ Filter functionality\n document.addEventListener('DOMContentLoaded', function() {\n const filterButtons = document.querySelectorAll('.filter-btn');\n const tableRows = document.querySelectorAll('#coursesTableBody tr');\n\n filterButtons.forEach(button => {\n button.addEventListener('click', function() {\n \/\/ Remove active class from all buttons\n filterButtons.forEach(btn => btn.classList.remove('active'));\n \/\/ Add active class to clicked button\n this.classList.add('active');\n\n const filter = this.getAttribute('data-filter');\n\n tableRows.forEach(row => {\n if (filter === 'all') {\n row.style.display = '';\n } else {\n const mode = row.getAttribute('data-mode');\n if (mode === filter) {\n row.style.display = '';\n } else {\n row.style.display = 'none';\n }\n }\n });\n\n \/\/ Update stats\n updateStats(filter);\n });\n });\n\n \/\/ Add click tracking for registration buttons\n const registrationButtons = document.querySelectorAll('a[href*=\"bit.ly\"]');\n registrationButtons.forEach(button => {\n button.addEventListener('click', function() {\n \/\/ Track registration click\n console.log('Registration clicked:', this.href);\n \n \/\/ Optional: Add analytics tracking here\n if (typeof gtag !== 'undefined') {\n gtag('event', 'course_registration_click', {\n 'course_url': this.href,\n 'course_time': this.textContent\n });\n }\n });\n });\n\n \/\/ Add hover effects to table rows\n tableRows.forEach(row => {\n row.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-2px)';\n this.style.transition = 'transform 0.2s ease';\n this.style.boxShadow = '0 4px 15px rgba(0,0,0,0.1)';\n });\n\n row.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n this.style.boxShadow = 'none';\n });\n });\n });\n\n function updateStats(filter) {\n const totalElement = document.getElementById('totalCourses');\n const openElement = document.getElementById('openCourses');\n const clientElement = document.getElementById('clientCourses');\n\n if (filter === 'all') {\n totalElement.textContent = '21';\n openElement.textContent = '14';\n clientElement.textContent = '7';\n } else if (filter === 'abierto') {\n totalElement.textContent = '14';\n openElement.textContent = '14';\n clientElement.textContent = '0';\n } else if (filter === 'clientes') {\n totalElement.textContent = '7';\n openElement.textContent = '0';\n clientElement.textContent = '7';\n }\n }\n\n \/\/ Add loading animation to disabled buttons\n document.addEventListener('DOMContentLoaded', function() {\n const disabledButtons = document.querySelectorAll('button:disabled');\n disabledButtons.forEach(button => {\n button.addEventListener('click', function(e) {\n e.preventDefault();\n \n \/\/ Show coming soon message\n const originalHTML = this.innerHTML;\n this.innerHTML = '<i class=\"fas fa-clock me-2\"><\/i>Pr\u00f3ximamente';\n \n setTimeout(() => {\n this.innerHTML = originalHTML;\n }, 2000);\n });\n });\n });\n\n \/\/ Add scroll animations\n function isElementInViewport(el) {\n const rect = el.getBoundingClientRect();\n return (\n rect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n );\n }\n\n function handleScrollAnimations() {\n const elements = document.querySelectorAll('.stat-card, .custom-table-ia');\n elements.forEach(el => {\n if (isElementInViewport(el) && !el.classList.contains('fade-in')) {\n el.classList.add('fade-in');\n }\n });\n }\n\n window.addEventListener('scroll', handleScrollAnimations);\n window.addEventListener('load', handleScrollAnimations);\n\n \/\/ Add parallax effect to hero section\n window.addEventListener('scroll', function() {\n const scrolled = window.pageYOffset;\n const parallax = document.querySelector('.hero-section');\n const speed = scrolled * 0.5;\n \n if (parallax) {\n parallax.style.transform = `translateY(${speed}px)`;\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Info Cursos Desde la Biblioteca Cursos de Inteligencia Artificial – eLibro Micro Cursos de E-libros Potencia tu biblioteca con Conocimiento […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","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":"","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":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2655","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/pages\/2655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2655"}],"version-history":[{"count":35,"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/pages\/2655\/revisions"}],"predecessor-version":[{"id":2821,"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/pages\/2655\/revisions\/2821"}],"wp:attachment":[{"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2655,"date":"2025-07-21T15:17:06","date_gmt":"2025-07-21T20:17:06","guid":{"rendered":"https:\/\/biblioteca.utc.edu.ec\/?page_id=2655"},"modified":"2025-09-01T10:12:33","modified_gmt":"2025-09-01T15:12:33","slug":"cursos-de-e-libros","status":"publish","type":"page","link":"https:\/\/biblioteca.utc.edu.ec\/?page_id=2655","title":{"rendered":"Cursos de E-libros"},"content":{"rendered":"\n

Info Cursos Desde la Biblioteca<\/h2>\n\n\n\n\n\n\n \n \n Cursos de Inteligencia Artificial – eLibro<\/title>\n \n \n <link rel=\"shortcut icon\" href=\"https:\/\/elibro.com\/img\/favs\/favicon.ico\" type=\"image\/x-icon\" \/>\n <link rel=\"apple-touch-icon\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"57x57\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-57x57.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-72x72.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-76x76.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"114x114\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-114x114.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-120x120.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-144x144.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-152x152.png\" \/>\n <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"https:\/\/elibro.com\/img\/favs\/apple-touch-icon-180x180.png\" \/>\n \n \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n --primary-color: #1e3a8a;\n --secondary-color: #3b82f6;\n --accent-color: #60a5fa;\n --light-bg: #f8fafc;\n --dark-text: #1e293b;\n --library-gold: #d4af37;\n --library-brown: #8b4513;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: var(--dark-text);\n background-color: #fefefe;\n }\n\n .hero-section {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n padding: 1rem 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('\/placeholder.svg?height=600&width=1200') center\/cover;\n opacity: 0.1;\n z-index: 1;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n }\n\n .hero-title {\n font-size: 3.5rem;\n font-weight: bold;\n margin-bottom: 0.5rem;\n text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.3);\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n opacity: 0.95;\n max-width: 900px;\n margin: 0 auto 2rem;\n }\n\n .hero-icon {\n font-size: 4rem;\n margin-bottom: 1rem;\n color: var(--library-gold);\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .courses-section {\n padding: 4rem 0;\n background-color: var(--light-bg);\n }\n\n .library-image {\n width: 100%;\n max-width: 800px;\n height: 550px;\n object-fit: cover;\n border-radius: 15px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n margin: 2rem auto;\n display: block;\n }\n\n .custom-table-ia {\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n border: none;\n }\n\n .custom-table-ia thead {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n }\n\n .custom-table-ia th {\n border: none;\n padding: 1.2rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n font-size: 0.9rem;\n }\n\n .custom-table-ia td {\n padding: 1.5rem 1rem;\n border-bottom: 1px solid #e2e8f0;\n vertical-align: middle;\n }\n\n .custom-table-ia tbody tr:hover {\n background-color: #f1f5f9;\n transition: background-color 0.3s ease;\n transform: translateY(-1px);\n }\n\n .btn-modern {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n border: none;\n color: white;\n padding: 0.6rem 1.2rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.85rem;\n transition: all 0.3s ease;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3);\n }\n\n .btn-modern:hover {\n background: linear-gradient(135deg, var(--secondary-color), var(--accent-color));\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(30, 58, 138, 0.4);\n color: white;\n }\n\n .btn-modern:disabled {\n background: linear-gradient(135deg, #94a3b8, #cbd5e1);\n cursor: not-allowed;\n transform: none;\n box-shadow: 0 2px 8px rgba(148, 163, 184, 0.3);\n }\n\n .btn-modern:disabled:hover {\n transform: none;\n background: linear-gradient(135deg, #94a3b8, #cbd5e1);\n text-decoration: none; \/* Quitar subrayado \/\n color: inherit; \/ Heredar el color por defecto \/\n background-color: #007bff; \/ Puedes personalizar el fondo \/\n padding: 8px 12px;\n border-radius: 5px;\n display: inline-block;\n transition: background-color 0.3s, color 0.3s;\n }\n\n .btn-hero {\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n color: white;\n padding: 1rem 2rem;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n backdrop-filter: blur(10px);\n }\n\n .btn-hero:hover {\n background: rgba(255, 255, 255, 0.3);\n border-color: rgba(255, 255, 255, 0.5);\n transform: translateY(-2px);\n color: white;\n }\n\n .course-title {\n font-weight: 600;\n color: var(--primary-color);\n font-size: 1rem;\n }\n\n .course-description {\n color: #64748b;\n line-height: 1.6;\n font-size: 0.95rem;\n }\n\n .mode-badge {\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--primary-color);\n background: rgba(30, 58, 138, 0.1);\n padding: 0.25rem 0.75rem;\n border-radius: 15px;\n display: inline-block;\n }\n\n .stats-section {\n background: white;\n padding: 3rem 0;\n border-top: 3px solid var(--library-gold);\n }\n\n .stat-card {\n text-align: center;\n padding: 2.5rem 2rem;\n border-radius: 15px;\n background: linear-gradient(135deg, #f8fafc, #e2e8f0);\n margin-bottom: 1rem;\n border: 1px solid #e2e8f0;\n transition: transform 0.3s ease;\n }\n\n .stat-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n }\n\n .stat-icon {\n font-size: 2.5rem;\n color: var(--primary-color);\n margin-bottom: 1rem;\n }\n\n .stat-number {\n font-size: 3rem;\n font-weight: bold;\n color: var(--primary-color);\n }\n\n .stat-label {\n color: #64748b;\n font-weight: 600;\n font-size: 1rem;\n }\n\n .filter-section {\n background: white;\n padding: 2rem 0;\n border-radius: 15px;\n margin-bottom: 2rem;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n\n .filter-btn {\n background: linear-gradient(135deg, #f1f5f9, #e2e8f0);\n border: 2px solid #cbd5e1;\n color: var(--primary-color);\n padding: 0.75rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n transition: all 0.3s ease;\n margin: 0.25rem;\n }\n\n .filter-btn:hover {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n border-color: var(--primary-color);\n transform: translateY(-2px);\n }\n\n .filter-btn.active {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n border-color: var(--primary-color);\n }\n\n .footer {\n background: linear-gradient(135deg, var(--primary-color), var(--library-brown));\n color: white;\n padding: 3rem 0;\n text-align: center;\n }\n\n .footer-icon {\n font-size: 2rem;\n margin-bottom: 1rem;\n color: var(--library-gold);\n }\n\n .section-title {\n color: var(--primary-color);\n font-weight: bold;\n margin-bottom: 3rem;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 3px;\n background: var(--library-gold);\n border-radius: 2px;\n }\n\n .loading-spinner {\n display: none;\n width: 20px;\n height: 20px;\n border: 2px solid #f3f3f3;\n border-top: 2px solid var(--primary-color);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2.5rem;\n }\n \n .hero-subtitle {\n font-size: 1.1rem;\n }\n \n .custom-table-ia {\n font-size: 0.85rem;\n }\n \n .custom-table-ia th,\n .custom-table-ia td {\n padding: 0.75rem 0.5rem;\n }\n\n .btn-modern {\n font-size: 0.75rem;\n padding: 0.5rem 1rem;\n }\n }\n\n .fade-in {\n animation: fadeIn 0.8s ease-in;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .library-pattern {\n background-image: \n radial-gradient(circle at 25% 25%, rgba(30, 58, 138, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 75% 75%, rgba(212, 175, 55, 0.05) 0%, transparent 50%);\n }\n <\/style>\n<\/head>\n<body class=\"library-pattern\">\n \n <section class=\"hero-section\">\n <div class=\"container hero-content\">\n <p >\n <i class=\"fas fa-book-open me-3\"><\/i>\n Micro Cursos de E-libros\n <\/p>\n <p class=\"hero-subtitle fade-in\">\n <i class=\"fas fa-graduation-cap me-2\"><\/i>\n Potencia tu biblioteca con Conocimiento actualizado\n <\/p>\n <div class=\"mt-4\">\n <button class=\"btn btn-hero\" onclick=\"scrollToCourses()\">\n <i class=\"fas fa-arrow-down me-2\"><\/i>\n Cursos Disponibles de eLibros\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-4\" style=\"background: white;\">\n <div class=\"container\">\n <img decoding=\"async\" src=\"https:\/\/www.isecursos.com\/multimedia\/estudios\/img_38449_OPOSICIONESAAUXIIARDEBIBLIOTECASYARCHIVOS.jpg\" \n alt=\"Biblioteca universitaria moderna con tecnolog\u00eda IA\" \n class=\"library-image\">\n <\/div>\n <\/section>\n\n \n <section class=\"stats-section\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-4\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-books\"><\/i>\n <\/div>\n <div class=\"stat-number\" id=\"totalCourses\">2<\/div>\n <div class=\"stat-label\">Cursos Disponibles<\/div>\n <\/div>\n <\/div>\n <div class=\"col-md-4\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-unlock-alt\"><\/i>\n <\/div>\n <div class=\"stat-number\" id=\"openCourses\">1<\/div>\n <div class=\"stat-label\">Modo Abierto<\/div>\n <\/div>\n <\/div>\n <div class=\"col-md-4\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-user-graduate\"><\/i>\n <\/div>\n <div class=\"stat-number\" id=\"clientCourses\">1<\/div>\n <div class=\"stat-label\">Clientes eLibro<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"courses-section\" id=\"courses\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-12\">\n <h2 class=\"text-center section-title\">\n <i class=\"fas fa-university me-3\"><\/i>\n Cat\u00e1logo de Cursos de eLibros\n <\/h2>\n \n \n <div class=\"filter-section\">\n <div class=\"text-center\">\n <button class=\"btn filter-btn active\" data-filter=\"all\">\n <i class=\"fas fa-list me-2\"><\/i>\n Todos los Cursos\n <\/button>\n <button class=\"btn filter-btn\" data-filter=\"abierto\">\n <i class=\"fas fa-unlock me-2\"><\/i>\n Modo Abierto\n <\/button>\n <button class=\"btn filter-btn\" data-filter=\"clientes\">\n <i class=\"fas fa-crown me-2\"><\/i>\n Clientes eLibro\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table class=\"table align-middle custom-table-ia\">\n <thead>\n <tr>\n <th scope=\"col\">\n <i class=\"fas fa-book me-2\"><\/i>\n T\u00edtulo\n <\/th>\n <th scope=\"col\">\n <i class=\"fas fa-info-circle me-2\"><\/i>\n Descripci\u00f3n breve\n <\/th>\n <th scope=\"col\" class=\"text-center\">\n <i class=\"fas fa-calendar-check me-2\"><\/i>\n Inscripci\u00f3n\n <\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"coursesTableBody\">\n \n <tr data-mode=\"abierto\">\n <td class=\"course-title\">\n <i class=\"fas fa-shield-alt me-2\"><\/i>\n Gobernanza de datos y privacidad en entornos acad\u00e9micos\n <\/td>\n <td class=\"course-description\">Implementa pol\u00edticas y flujos \u00e9ticos para gestionar datos personales y de investigaci\u00f3n, cumpliendo normativas y protegiendo la confianza institucional.<\/td>\n <td class=\"text-center\">\n <div class=\"d-flex flex-column align-items-center gap-2\">\n <a href=\"https:\/\/www.elibro.com\/iia\" target=\"_blank\" class=\"btn-modern\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n Mie 3\/9 – AM\n <\/a>\n <a href=\"https:\/\/www.elibro.com\/iia\" target=\"_blank\" class=\"btn-modern\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n Jue 4\/9 – PM\n <\/a>\n <\/div>\n <div class=\"mode-badge mt-2\">\n <i class=\"fas fa-unlock-alt me-1\"><\/i>\n Modo Abierto\n <\/div>\n <\/td>\n <\/tr>\n <tr data-mode=\"clientes\">\n <td class=\"course-title\">\n <i class=\"fas fa-balance-scale me-2\"><\/i>\n \u00c9tica y responsabilidad social de la IA en servicios bibliotecarios\n <\/td>\n <td class=\"course-description\">Identifica sesgos algor\u00edtmicos, dise\u00f1a estrategias de mitigaci\u00f3n y comunica decisiones de IA con transparencia a la comunidad.<\/td>\n <td class=\"text-center\">\n <div class=\"d-flex flex-column align-items-center gap-2\">\n <a href=\"https:\/\/www.elibro.com\/iia\" target=\"_blank\" class=\"btn-modern\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n Mie 10\/9 – AM\n <\/a>\n <a href=\"https:\/\/www.elibro.com\/iia\" target=\"_blank\" class=\"btn-modern\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n Jue 11\/9 – PM\n <\/a>\n <\/div>\n <div class=\"mode-badge mt-2\" style=\"background: rgba(30, 58, 138, 0.15);\">\n <i class=\"fas fa-crown me-1\"><\/i>\n Clientes eL\n <\/div>\n <\/td>\n <\/tr>\n\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"footer\">\n <div class=\"container\">\n <p class=\"mb-0\">\n <i class=\"fas fa-lightbulb me-2\"><\/i>\n Potenciando el futuro de las bibliotecas acad\u00e9micas\n <\/p>\n <\/div>\n <\/footer>\n\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n \n <script>\n \/\/ Smooth scroll to courses section\n function scrollToCourses() {\n document.getElementById('courses').scrollIntoView({\n behavior: 'smooth'\n });\n }\n\n \/\/ Filter functionality\n document.addEventListener('DOMContentLoaded', function() {\n const filterButtons = document.querySelectorAll('.filter-btn');\n const tableRows = document.querySelectorAll('#coursesTableBody tr');\n\n filterButtons.forEach(button => {\n button.addEventListener('click', function() {\n \/\/ Remove active class from all buttons\n filterButtons.forEach(btn => btn.classList.remove('active'));\n \/\/ Add active class to clicked button\n this.classList.add('active');\n\n const filter = this.getAttribute('data-filter');\n\n tableRows.forEach(row => {\n if (filter === 'all') {\n row.style.display = '';\n } else {\n const mode = row.getAttribute('data-mode');\n if (mode === filter) {\n row.style.display = '';\n } else {\n row.style.display = 'none';\n }\n }\n });\n\n \/\/ Update stats\n updateStats(filter);\n });\n });\n\n \/\/ Add click tracking for registration buttons\n const registrationButtons = document.querySelectorAll('a[href=\"bit.ly\"]');\n registrationButtons.forEach(button => {\n button.addEventListener('click', function() {\n \/\/ Track registration click\n console.log('Registration clicked:', this.href);\n \n \/\/ Optional: Add analytics tracking here\n if (typeof gtag !== 'undefined') {\n gtag('event', 'course_registration_click', {\n 'course_url': this.href,\n 'course_time': this.textContent\n });\n }\n });\n });\n\n \/\/ Add hover effects to table rows\n tableRows.forEach(row => {\n row.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-2px)';\n this.style.transition = 'transform 0.2s ease';\n this.style.boxShadow = '0 4px 15px rgba(0,0,0,0.1)';\n });\n\n row.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n this.style.boxShadow = 'none';\n });\n });\n });\n\n function updateStats(filter) {\n const totalElement = document.getElementById('totalCourses');\n const openElement = document.getElementById('openCourses');\n const clientElement = document.getElementById('clientCourses');\n\n if (filter === 'all') {\n totalElement.textContent = '21';\n openElement.textContent = '14';\n clientElement.textContent = '7';\n } else if (filter === 'abierto') {\n totalElement.textContent = '14';\n openElement.textContent = '14';\n clientElement.textContent = '0';\n } else if (filter === 'clientes') {\n totalElement.textContent = '7';\n openElement.textContent = '0';\n clientElement.textContent = '7';\n }\n }\n\n \/\/ Add loading animation to disabled buttons\n document.addEventListener('DOMContentLoaded', function() {\n const disabledButtons = document.querySelectorAll('button:disabled');\n disabledButtons.forEach(button => {\n button.addEventListener('click', function(e) {\n e.preventDefault();\n \n \/\/ Show coming soon message\n const originalHTML = this.innerHTML;\n this.innerHTML = '<i class=\"fas fa-clock me-2\"><\/i>Pr\u00f3ximamente';\n \n setTimeout(() => {\n this.innerHTML = originalHTML;\n }, 2000);\n });\n });\n });\n\n \/\/ Add scroll animations\n function isElementInViewport(el) {\n const rect = el.getBoundingClientRect();\n return (\n rect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n );\n }\n\n function handleScrollAnimations() {\n const elements = document.querySelectorAll('.stat-card, .custom-table-ia');\n elements.forEach(el => {\n if (isElementInViewport(el) && !el.classList.contains('fade-in')) {\n el.classList.add('fade-in');\n }\n });\n }\n\n window.addEventListener('scroll', handleScrollAnimations);\n window.addEventListener('load', handleScrollAnimations);\n\n \/\/ Add parallax effect to hero section\n window.addEventListener('scroll', function() {\n const scrolled = window.pageYOffset;\n const parallax = document.querySelector('.hero-section');\n const speed = scrolled * 0.5;\n \n if (parallax) {\n parallax.style.transform = `translateY(${speed}px)`;\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Info Cursos Desde la Biblioteca Cursos de Inteligencia Artificial – eLibro Micro Cursos de E-libros Potencia tu biblioteca con Conocimiento […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","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":"","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":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2655","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/pages\/2655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2655"}],"version-history":[{"count":35,"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/pages\/2655\/revisions"}],"predecessor-version":[{"id":2821,"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=\/wp\/v2\/pages\/2655\/revisions\/2821"}],"wp:attachment":[{"href":"https:\/\/biblioteca.utc.edu.ec\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}