update

OgestanPlus/js/config.js

@@ -6,7 +6,7 @@
  */
 window.COURSE_CONFIG = {
   COURSE_CONFIG_URL: 'config.json',
-  DEBUG: true,
+  DEBUG: false,
   SHOW_PAGINATION: false, // Bandera para mostrar/ocultar paginación
   SHOW_TITLE: false, // Bandera para mostrar/ocultar título
   SHOW_GLOSSARY: false, // Bandera para mostrar/ocultar glosario
@@ -166,6 +166,22 @@ function animateOnScroll(selector, animationClass, options = {}) {
 document.addEventListener('DOMContentLoaded', () => {
   setupGlossaryListeners();
 
+  // Inicializar sal.js
+  if (typeof sal !== 'undefined' && document.querySelectorAll('[data-sal]').length > 0) {
+    setTimeout(() => {
+      document.querySelectorAll('[data-sal]').forEach((el) => (el.style.visibility = 'visible'));
+      sal({
+        once: false,
+        threshold: 0.3,
+        duration: 10000,
+        easing: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
+        distance: '100px',
+        opacity: 0.2,
+        scale: 0.85,
+      });
+    }, 200);
+  }
+
   /**
    * Evento antes de cambiar de slide.
    * @event beforeSlideChange
@@ -188,6 +204,22 @@ document.addEventListener('DOMContentLoaded', () => {
     if (e.detail && typeof e.detail.slideIndex === 'number' && Array.isArray(e.detail.contentArray)) {
       console.log(e.detail.contentArray[e.detail.slideIndex].content);
 
+      // Inicializar sal.js si hay elementos con data-sal
+      if (typeof sal !== 'undefined' && document.querySelectorAll('[data-sal]').length > 0) {
+        setTimeout(() => {
+          document.querySelectorAll('[data-sal]').forEach((el) => (el.style.visibility = 'visible'));
+          sal({
+            once: false,
+            threshold: 0.3,
+            duration: 10000,
+            easing: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
+            distance: '100px',
+            opacity: 0.2,
+            scale: 0.85,
+          });
+        }, 200);
+      }
+
       // Paginación
       const paginationEl = document.getElementById('pagination');
       const paginacionScoEl = document.querySelector('.paginacion_sco');