diff --git a/OgestanPlus/contenido/03.html b/OgestanPlus/contenido/03.html
index 40f623d..da1d1bf 100644
--- a/OgestanPlus/contenido/03.html
+++ b/OgestanPlus/contenido/03.html
@@ -23,6 +23,40 @@
     display: none;
   }
 
+  .custom-switch {
+    width: 6em;
+    height: 3em;
+    background: #dd3352;
+    background: linear-gradient(to left, #dd3352 33%, #ff8c29 100%);
+    border-radius: 1.5em;
+    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
+    position: relative;
+    cursor: pointer;
+    transition: all 0.3s ease;
+  }
+
+  .custom-switch::before {
+    content: '';
+    position: absolute;
+    width: 2.4em;
+    height: 2.4em;
+    background: #fff;
+    border-radius: 50%;
+    top: 0.3em;
+    left: 0.3em;
+    transition: all 0.3s ease;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+  }
+
+  .custom-switch.active {
+    background: #3ac0d5;
+    background: linear-gradient(to right, #3ac0d5 20%, #c1c902 100%);
+  }
+
+  .custom-switch.active::before {
+    transform: translateX(3em);
+  }
+
   @media(min-width: 768px) {
     .back0 {
       background-position: 28% 100%;
@@ -58,14 +92,62 @@
       </div>
     </div>
   </div>
-  <div class="sec_i1 py-2 py-md-4" style="display: none;">
-    <div class="container">
-      <div class="row justify-content-center">
-        <div class="col-12">
-          <div class="row justify-content-center">
-            <div class="col-12 text-center">
-              <div class="btn-next-section d-inline-block animate__animated animate__pulse animate__infinite" data-sec="sec1">
-                <img src="img/nSec.png" class="img-fluid">
+  <div class="w-100 py-2 py-md-4 text-center sec_i1" style="display: none;">
+    <div class="btn-next-section d-inline-block animate__animated animate__pulse animate__infinite" data-sec="sec1" data-audio="audiom06">
+      <img src="img/nSec.png" class="img-fluid">
+    </div>
+  </div>
+</div>
+<div id="sec1" class='page-sco py-2 py-md-4 back1' style="display: none;">
+  <div class="container">
+    <div class="row justify-content-center align-items-center">
+      <div class="col-12">
+        <div class="row justify-content-center">
+          <div class="col-12 text-center mb-3" data-sal="zoom-in">
+            <div class="custom-switch mx-auto animate__animated animate__pulse animate__infinite" id="customSwitch"></div>
+          </div>
+          <div class="col-12" data-sal="zoom-in">
+            <div id="carouselTxt" class="carousel slide">
+              <div class="carousel-inner">
+                <div class="carousel-item active animate__animated animate__flipInX">
+                  <div class="row justify-content-center align-items-center">
+                    <div class="col-12 col-md-7 col-xl-6">
+                      <div class="d-flex flex-column justify-content-center">
+                        <h2 class="text-secondary fw-bold">Presentación Comercial</h2>
+                        <p class="animate__animated animate__lightSpeedInLeft">OGestan<sup>®</sup> Plus se presenta en una <strong>caja con 30
+                            cápsulas de 950 mg</strong>. Cada cápsula aporta
+                          nutrientes esenciales, especialmente Omega 3, vitaminas y minerales.</p>
+                      </div>
+                    </div>
+                    <div class="col-8 col-md-4 text-center">
+                      <img src="img/03.0.png" class="img-fluid">
+                    </div>
+                  </div>
+                </div>
+                <div class="carousel-item animate__animated animate__flipInX">
+                  <div class="row justify-content-center align-items-center">
+                    <div class="col-12 col-md-7 col-lg-6 col-xl-5">
+                      <div class="d-flex flex-column justify-content-center">
+                        <h2 class="text-secondary fw-bold">¿Cómo se usa?</h2>
+                        <p class="animate__animated animate__lightSpeedInLeft animate__delay-1s"><strong
+                            class="text-primary">Indicación:</strong></p>
+                        <p class="animate__animated animate__lightSpeedInLeft animate__delay-2s">Suplemento para embarazo y lactancia.</p>
+                        <p class="animate__animated animate__bounceInLeft animate__delay-7s"><strong class="text-primary">Modo de
+                            empleo:</strong></p>
+                        <ul class="bul0 mb-0">
+                          <li class="animate__animated animate__fadeInUp animate__delay-8s">Dosis: <strong>1 cápsula al día</strong> con algún
+                            alimento.</li>
+                          <li class="animate__animated animate__fadeInUp animate__delay-13s">Edad: <strong>A partir de 18
+                              años</strong><strong>.</strong></li>
+                          <li class="animate__animated animate__fadeInUp animate__delay-17s">No exceder la dosis recomendada.</li>
+                        </ul>
+                      </div>
+                    </div>
+                    <div class="col-8 col-md-4 text-center">
+                      <img src="img/03.1.png" class="img-fluid">
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
           </div>
@@ -74,20 +156,21 @@
     </div>
   </div>
 </div>
-<div id="sec1" class='page-sco py-2 py-md-4 back1'>
-  <div class="container">
-    <div class="row justify-content-center align-items-center">
-      <div class="col-12">
-        <div class="row justify-content-center"></div>
-      </div>
-    </div>
-  </div>
-</div>
 <script>
   $(function () {
     "use strict";
     $('body').addClass('fake');
     const audiom05 = CourseNav.createSound('audio/audiom05.mp3');
+    const audiom06 = CourseNav.createSound('audio/audiom06.mp3');
+
+    const paths = [
+      "audio/audiom06.mp3",
+      "audio/audiom07.mp3"
+    ];
+    let audios = [];
+    paths.forEach(function (element) {
+      audios.push(CourseNav.createSound(element));
+    });
 
     CourseNav.audioController.stopAllSoundsAndPlay(audiom05);
 
@@ -101,9 +184,41 @@
     });
 
     $('.btn-next-section').click(function(){
-      CourseNav.soundClick();
       $(this).removeClass('animate__animated animate__pulse animate__infinite');
       gotoSection($(this).data('sec'));
+      $(this).parent().hide();
+
+      const audioName = $(this).data('audio');
+      if (audioName) {
+        setTimeout(() => {
+          CourseNav.audioController.stopAllSoundsAndPlay(eval(audioName));
+        }, 500);
+      } else {
+        CourseNav.soundClick();
+      }
+    });
+
+    // Manejar click del switch personalizado
+    $('#customSwitch').click(function () {
+      CourseNav.soundClick();
+      $(this).toggleClass('active');
+
+      $(this).removeClass('animate__animated animate__pulse animate__infinite');
+
+      // Cambiar contenido y reproducir audio según el estado del switch
+      if ($(this).hasClass('active')) {
+        // Mostrar segundo item del carousel
+        $('.carousel-item').removeClass('active');
+        $('.carousel-item').eq(1).addClass('active');
+        CourseNav.audioController.stopAllSoundsAndPlay(audios[1]); // audiom07.mp3
+      } else {
+        // Mostrar primer item del carousel
+        $('.carousel-item').removeClass('active');
+        $('.carousel-item').eq(0).addClass('active');
+        CourseNav.audioController.stopAllSoundsAndPlay(audios[0]); // audiom06.mp3
+      }
+
+      CourseNav.setSlideVisited();
     });
 
   });
diff --git a/OgestanPlus/contenido/04.html b/OgestanPlus/contenido/04.html
new file mode 100644
index 0000000..41bfc0e
--- /dev/null
+++ b/OgestanPlus/contenido/04.html
@@ -0,0 +1,122 @@
+<style>
+  .back0 {
+    background-image: url(img/bg05.jpg);
+    background-size: cover;
+    background-position: 12% 100%;
+    background-repeat: no-repeat;
+  }
+
+  .btn-pop {
+    cursor: pointer;
+  }
+
+  .card-tl {
+    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
+    border-radius: 30px;
+  }
+
+  .anim0 {
+    display: none;
+  }
+</style>
+<div class='page-sco py-2 py-md-0 back0'>
+  <div class='container'>
+    <div class='row justify-content-center align-items-center'>
+      <div class='col-12 anim0'>
+        <div class='row justify-content-center'>
+          <div class="col-12 text-center mb-3" data-sal="flip-down">
+            <h2 class="text-orange-2 fw-bold">Beneficios del Omega 3</h2>
+            <p class="mb-0">Durante la maternidad, el <strong>Omega 3</strong> es un gran aliado.</p>
+          </div>
+          <div class="col-12">
+            <div class="row justify-content-center">
+              <div class="col-6 col-md-4 text-center" data-sal="zoom-in" data-sal-delay="300">
+                <div class="btn-pop disabled position-relative d-inline-block mb-2 animate__animated animate__pulse animate__infinite" data-popid="#pop0">
+                  <img src="img/04.0.png" class="img-fluid mb-2">
+                </div>
+                <div class="card card-tl d-inline-block mx-auto bg-var-3 border-0 px-3 py-1 fw-medium text-blue-2 fs-4">Fertilidad</div>
+              </div>
+              <div class="col-6 col-md-4 text-center" data-sal="zoom-in" data-sal-delay="500">
+                <div class="btn-pop disabled position-relative d-inline-block mb-2 animate__animated animate__pulse animate__infinite" data-popid="#pop0">
+                  <img src="img/04.1.png" class="img-fluid mb-2">
+                </div>
+                <div class="card card-tl d-inline-block mx-auto bg-var-3 border-0 px-3 py-1 fw-medium text-blue-2 fs-4">Gestación</div>
+              </div>
+              <div class="col-6 col-md-4 text-center" data-sal="zoom-in" data-sal-delay="700">
+                <div class="btn-pop disabled position-relative d-inline-block mb-2 animate__animated animate__pulse animate__infinite" data-popid="#pop0">
+                  <img src="img/04.2.png" class="img-fluid mb-2">
+                </div>
+                <div class="card card-tl d-inline-block mx-auto bg-var-3 border-0 px-3 py-1 fw-medium text-blue-2 fs-4">Lactancia</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="d-none">
+  <div id="pop0">
+    <div class="container-fluid">
+      <div class="row justify-content-center align-items-center row-custom-pop">
+        <div class="col-12">
+          <div class="row justify-content-center">
+            <div class="col-12">
+              <p>La Legislación aplicable a RCO es amplia y diversa. No obstante, RCO enfatiza el <strong
+                  class="text-secondary">cumplimiento estricto </strong>de aquella normativa que, por su naturaleza,
+                impacto o
+                frecuencia de aplicación, resulta especialmente relevante para nuestras operaciones y compromisos
+                éticos.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<script>
+  $(function () {
+    "use strict";
+    $('body').addClass('fake');
+
+    const audiom08 = CourseNav.createSound('audio/audiom08.mp3');
+
+    CourseNav.audioController.stopAllSoundsAndPlay(audiom08);
+
+    audiom08.on('play',function(){
+      $('.anim0').show();
+    });
+
+    audiom08.on('end',function(){
+      $('.btn-pop').removeClass('disabled');
+    });
+
+    $('.btn-pop').click(function (e) {
+      e.preventDefault();
+      const html = $($(this).data('popid')).html();
+      Swal.fire({
+        html: html,
+        target: "body",
+        customClass: {
+          popup: 'pop-type0 bg-transparent p-0',
+          htmlContainer: 'html-pop-style p-3',
+          confirmButton: 'btn btn-begin text-white fw-bold animate__animated animate__pulse animate__infinite py-1 px-4'
+        },
+        confirmButtonText: "Cerrar",
+        showConfirmButton: true,
+        allowOutsideClick: false,
+        allowEscapeKey: false,
+        focusConfirm: false,
+        backdrop: "rgba(14, 28, 98, .8)",
+        width: "70em",
+        heightAuto: false,
+        didOpen: () => {
+          document.body.style.paddingRight = '';
+        },
+        didClose: () => {
+          document.body.style.paddingRight = '';
+        },
+      });
+    });
+  });
+</script>
diff --git a/OgestanPlus/css/style.min.css b/OgestanPlus/css/style.min.css
index d0bc20e..ef7fcf8 100644
--- a/OgestanPlus/css/style.min.css
+++ b/OgestanPlus/css/style.min.css
@@ -1 +1 @@
-html{box-sizing:border-box;height:100%}*,*::before,*::after{box-sizing:inherit}body{display:grid;grid-template-areas:"header" "main" "footer";grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:100%;margin:0;padding:0;font-family:"Roboto",sans-serif;line-height:1.3;font-size:clamp(1rem,.6vw + .8rem,1.125rem);overflow:hidden}body>header,body>footer{position:relative;z-index:10}body>header .coursenav-btn-navigation,body>footer .coursenav-btn-navigation{width:38px;height:38px;padding:0;border-radius:100%;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative;cursor:pointer}body>header .coursenav-btn-navigation:disabled,body>footer .coursenav-btn-navigation:disabled{cursor:not-allowed;filter:opacity(0.5)}body>main{grid-area:main;overflow-y:auto;min-height:0;position:relative}header{grid-area:header}footer{grid-area:footer}#coursenav-offcanvas{padding:1em}#coursenav-offcanvas-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}#coursenav-navbar .navbar-brand img{-o-object-fit:contain;object-fit:contain;aspect-ratio:1/1;height:51px}.course-menu,.course-menu ul{list-style:none !important;margin:0;padding:0}.course-menu .witem{display:flex;width:100%;flex-direction:row}.course-menu .witem>span{margin-left:auto}.course-menu .menu-item+.course-menu .menu-item{margin-top:.5rem}.course-menu .coursenav-link{display:block;padding:.5rem 1rem;color:inherit;text-decoration:none;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.course-menu .sub-ul{display:none;padding-left:1rem}.course-menu .sub-ul.open{display:block}.course-menu .sub-ul .coursenav-link{cursor:pointer}.course-menu .sub-ul .coursenav-link:hover{filter:invert(100%)}.course-menu .sub-ul .coursenav-link[data-coursenavvisited=false]::before{content:"";font-family:"Font Awesome 6 Pro";font-weight:lighter;display:inline-block;margin-right:.5rem;color:inherit}.course-menu .sub-ul .coursenav-link[data-coursenavvisited=true]::before{content:"";font-family:"Font Awesome 6 Pro";font-weight:900;display:inline-block;margin-right:.5rem;color:var(--bs-success)}.course-menu .toggle-icon{cursor:pointer;margin-left:.5rem;color:inherit}.controls-btn{width:38px;height:38px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative}.controls-btn>svg{width:100%;height:100%;display:block}.controls-btn>i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.controls-btn:focus{outline:2px solid #ffa300;outline-offset:2px}.controls-btn .position-relative{position:relative;width:100%;height:100%}.controls-btn .position-relative svg{width:100%;height:100%;display:block}.controls-btn .position-relative i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1rem}.navbar-toggler{width:38px;height:38px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative}.navbar-toggler>svg{width:100%;height:100%;display:block}.navbar-toggler>i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.navbar-toggler:focus{outline:2px solid #ffa300;outline-offset:2px}.navbar-toggler .position-relative{position:relative;width:100%;height:100%}.navbar-toggler .position-relative svg{width:100%;height:100%;display:block}.navbar-toggler .position-relative i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.disabled{pointer-events:none;animation:none}h1,.h1{font-size:clamp(1.75rem,1.4076rem + 1.461vw,2.3125rem)}h2,.h2{font-size:clamp(1.5rem,1.2717rem + .974vw,1.875rem)}h3,.h3{font-size:clamp(1.25rem,1.0217rem + .974vw,1.625rem)}h4,.h4{font-size:clamp(1.1875rem,1.0353rem + .6494vw,1.4375rem)}.text-white *{color:#fff}.page-sco{min-height:100%;position:sticky;top:0;display:flex;flex-direction:column;overflow-x:hidden;width:100%;box-sizing:border-box}.page-sco .container,.page-sco .container-fluid,.page-sco .container-xxl,.page-sco .container-xl,.page-sco .container-lg,.page-sco .container-md,.page-sco .container-sm{flex:1;display:flex;flex-direction:column}.page-sco .container .row,.page-sco .container-fluid .row,.page-sco .container-xxl .row,.page-sco .container-xl .row,.page-sco .container-lg .row,.page-sco .container-md .row,.page-sco .container-sm .row{flex:1}.card.flat{margin:0;padding:0;border-radius:0;border:none;box-shadow:none;background-color:rgba(0,0,0,0)}.card.flat .card-body{margin:0;padding:0;border-radius:0;border:none;box-shadow:none;background-color:rgba(0,0,0,0)}.cursor{cursor:pointer}.white-opacity-05{background-color:rgba(232,230,228,.5)}.amor{font-family:"Bree",sans-serif;line-height:1.3}.hespecial{font-size:clamp(2.3125rem,1.7418rem + 2.4351vw,3.25rem)}.rounded-15{border-radius:15px}.rounded-100{border-radius:100%}.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.btn-begin{background:#dd3352;background:linear-gradient(to right, #dd3352 0%, #fe8a29 100%);border-radius:20px}.btn-begin:hover{background:#dd3352;background:linear-gradient(to left, #dd3352 0%, #fe8a29 100%)}.animate__animated.animate__pulse{box-shadow:0 0 0 rgba(254,80,0,.4);animation:aura 1.7s infinite ease-in-out}.animate__animated.animate__pulse.disabled{cursor:not-allowed;pointer-events:none;animation:none}@keyframes aura{0%{box-shadow:0 0 0 20px rgba(204,169,44,0);transform:scale(1)}50%{box-shadow:0 0 0 0 rgba(254,80,0,.4);transform:scale(1.05)}100%{box-shadow:0 0 0 20px rgba(204,169,44,0);transform:scale(1)}}.btn{font-size:clamp(1rem,.6vw + .8rem,1.125rem)}.course-menu .btn{border-radius:10px;padding-left:1em;padding-right:1em;font-family:"Bree";box-shadow:rgba(0,0,0,.16) 0px 1px 4px;display:inline-block}#offcanvasGlossary{min-width:50vw;font-size:16px}#offcanvasGlossary h1{font-size:2em;font-family:"Bree";font-weight:bold}#offcanvasGlossary h2{font-size:1.5em;font-family:"Bree";font-weight:bold}#offcanvasGlossary h3{font-size:1.2em;font-family:"Bree";font-weight:bold}#offcanvasGlossary h4{font-size:1em;font-family:"Bree";font-weight:bold}#offcanvasGlossary h5{font-size:.8em;font-family:"Bree";font-weight:bold}#offcanvasGlossary h6{font-size:.6em;font-family:"Bree";font-weight:bold}.swal2-confirm{font-size:clamp(1rem,.6vw + .8rem,1.125rem)}.look_at_me{animation:pulse-next-btn 1.75s infinite;position:relative;transition:background-color .5s ease}@keyframes pulse-next-btn{0%{box-shadow:0 0 0 20px rgba(204,169,44,0)}50%{box-shadow:0 0 0 0 rgba(245,128,37,.4)}100%{box-shadow:0 0 0 20px rgba(204,169,44,0)}}.custom-tooltip .tooltip-inner{max-width:300px;background-color:var(--bs-azul);color:#fff;font-size:clamp(1rem,.6vw + .8rem,1.125rem);padding:.2rem .3rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.15);border-radius:.25rem}.custom-tooltip.bs-tooltip-top .tooltip-arrow::before,.custom-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{border-top-color:var(--bs-azul)}.custom-tooltip.bs-tooltip-end .tooltip-arrow::before,.custom-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{border-right-color:var(--bs-azul)}.custom-tooltip.bs-tooltip-bottom .tooltip-arrow::before,.custom-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{border-bottom-color:var(--bs-azul)}.custom-tooltip.bs-tooltip-start .tooltip-arrow::before,.custom-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{border-left-color:var(--bs-azul)}.glossary-style{background:rgba(0,0,0,0);border:0;box-shadow:none}.glossary-style img{width:70px}.swal2-popup{color:#000}.modal-general-bs5{background-color:rgba(60,60,59,.85);z-index:9999}.modal-style-pop-bs5{background:rgba(0,0,0,0);border:0}.modal-general-bs5 .content-pop-modal{background-color:#fff}.modal-style-pop-bs5 .custom-close-btn{cursor:pointer;font-size:50px;width:35px;height:35px;margin-bottom:0;padding:0;position:absolute;top:.2em;right:.3em;color:var(--bs-primary)}#bs5Modal .modal-dialog{max-width:auto}#bs5Modal.modal.fade .modal-dialog{transform:translate(0, 0) !important}#bs5Modal .modal-dialog{transition:none !important}.title_head_sco{width:100%}@media(min-width: 768px){#bs5Modal .modal-dialog{min-width:42em}.title_head_sco{flex:auto;width:auto}}.btn-close-modal{background:rgba(0,0,0,0);border:none;font-size:2rem;font-weight:300;line-height:1;cursor:pointer}.paginacion_sco.isFalse{display:none}.animate__delay-1s{animation-delay:1s}.animate__delay-2s{animation-delay:2s}.animate__delay-3s{animation-delay:3s}.animate__delay-4s{animation-delay:4s}.animate__delay-5s{animation-delay:5s}.animate__delay-6s{animation-delay:6s}.animate__delay-7s{animation-delay:7s}.animate__delay-8s{animation-delay:8s}.animate__delay-9s{animation-delay:9s}.animate__delay-10s{animation-delay:10s}.animate__delay-11s{animation-delay:11s}.animate__delay-12s{animation-delay:12s}.animate__delay-13s{animation-delay:13s}.animate__delay-14s{animation-delay:14s}.animate__delay-15s{animation-delay:15s}.animate__delay-16s{animation-delay:16s}.animate__delay-17s{animation-delay:17s}.animate__delay-18s{animation-delay:18s}.animate__delay-19s{animation-delay:19s}.animate__delay-20s{animation-delay:20s}.animate__delay-21s{animation-delay:21s}.animate__delay-22s{animation-delay:22s}.animate__delay-23s{animation-delay:23s}.animate__delay-24s{animation-delay:24s}.animate__delay-25s{animation-delay:25s}.animate__delay-26s{animation-delay:26s}.animate__delay-27s{animation-delay:27s}.animate__delay-28s{animation-delay:28s}.animate__delay-29s{animation-delay:29s}.animate__delay-30s{animation-delay:30s}.animate__delay-31s{animation-delay:31s}.animate__delay-32s{animation-delay:32s}.animate__delay-33s{animation-delay:33s}.animate__delay-34s{animation-delay:34s}.animate__delay-35s{animation-delay:35s}.animate__delay-36s{animation-delay:36s}.animate__delay-37s{animation-delay:37s}.animate__delay-38s{animation-delay:38s}.animate__delay-39s{animation-delay:39s}.animate__delay-40s{animation-delay:40s}.bg-variacolor{background:#006eab;background:linear-gradient(to right, #006eab 12%, #d4384f 100%)}.border-top-2{border-top:3px solid}ul>li{margin-bottom:.5rem}ul>li:last-child{margin-bottom:0}ul.bul0{list-style-type:none;list-style-image:url(../img/bul0.png)}.btn-next-section{cursor:pointer}
\ No newline at end of file
+html{box-sizing:border-box;height:100%}*,*::before,*::after{box-sizing:inherit}body{display:grid;grid-template-areas:"header" "main" "footer";grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:100%;margin:0;padding:0;font-family:"Roboto",sans-serif;line-height:1.3;font-size:clamp(1rem,.6vw + .8rem,1.125rem);overflow:hidden}body>header,body>footer{position:relative;z-index:10}body>header .coursenav-btn-navigation,body>footer .coursenav-btn-navigation{width:38px;height:38px;padding:0;border-radius:100%;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative;cursor:pointer}body>header .coursenav-btn-navigation:disabled,body>footer .coursenav-btn-navigation:disabled{cursor:not-allowed;filter:opacity(0.5)}body>main{grid-area:main;overflow-y:auto;min-height:0;position:relative}header{grid-area:header}footer{grid-area:footer}#coursenav-offcanvas{padding:1em}#coursenav-offcanvas-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}#coursenav-navbar .navbar-brand img{-o-object-fit:contain;object-fit:contain;aspect-ratio:1/1;height:51px}.course-menu,.course-menu ul{list-style:none !important;margin:0;padding:0}.course-menu .witem{display:flex;width:100%;flex-direction:row}.course-menu .witem>span{margin-left:auto}.course-menu .menu-item+.course-menu .menu-item{margin-top:.5rem}.course-menu .coursenav-link{display:block;padding:.5rem 1rem;color:inherit;text-decoration:none;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.course-menu .sub-ul{display:none;padding-left:1rem}.course-menu .sub-ul.open{display:block}.course-menu .sub-ul .coursenav-link{cursor:pointer}.course-menu .sub-ul .coursenav-link:hover{filter:invert(100%)}.course-menu .sub-ul .coursenav-link[data-coursenavvisited=false]::before{content:"";font-family:"Font Awesome 6 Pro";font-weight:lighter;display:inline-block;margin-right:.5rem;color:inherit}.course-menu .sub-ul .coursenav-link[data-coursenavvisited=true]::before{content:"";font-family:"Font Awesome 6 Pro";font-weight:900;display:inline-block;margin-right:.5rem;color:var(--bs-success)}.course-menu .toggle-icon{cursor:pointer;margin-left:.5rem;color:inherit}.controls-btn{width:38px;height:38px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative}.controls-btn>svg{width:100%;height:100%;display:block}.controls-btn>i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.controls-btn:focus{outline:2px solid #ffa300;outline-offset:2px}.controls-btn .position-relative{position:relative;width:100%;height:100%}.controls-btn .position-relative svg{width:100%;height:100%;display:block}.controls-btn .position-relative i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1rem}.navbar-toggler{width:38px;height:38px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative}.navbar-toggler>svg{width:100%;height:100%;display:block}.navbar-toggler>i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.navbar-toggler:focus{outline:2px solid #ffa300;outline-offset:2px}.navbar-toggler .position-relative{position:relative;width:100%;height:100%}.navbar-toggler .position-relative svg{width:100%;height:100%;display:block}.navbar-toggler .position-relative i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.disabled{pointer-events:none;animation:none}h1,.h1{font-size:clamp(1.75rem,1.4076rem + 1.461vw,2.3125rem)}h2,.h2{font-size:clamp(1.5rem,1.2717rem + .974vw,1.875rem)}h3,.h3{font-size:clamp(1.25rem,1.0217rem + .974vw,1.625rem)}h4,.h4{font-size:clamp(1.1875rem,1.0353rem + .6494vw,1.4375rem)}.text-white *{color:#fff}.page-sco{min-height:100%;position:sticky;top:0;display:flex;flex-direction:column;overflow-x:hidden;width:100%;box-sizing:border-box}.page-sco .container,.page-sco .container-fluid,.page-sco .container-xxl,.page-sco .container-xl,.page-sco .container-lg,.page-sco .container-md,.page-sco .container-sm{flex:1;display:flex;flex-direction:column}.page-sco .container .row,.page-sco .container-fluid .row,.page-sco .container-xxl .row,.page-sco .container-xl .row,.page-sco .container-lg .row,.page-sco .container-md .row,.page-sco .container-sm .row{flex:1}.card.flat{margin:0;padding:0;border-radius:0;border:none;box-shadow:none;background-color:rgba(0,0,0,0)}.card.flat .card-body{margin:0;padding:0;border-radius:0;border:none;box-shadow:none;background-color:rgba(0,0,0,0)}.cursor{cursor:pointer}.white-opacity-05{background-color:rgba(232,230,228,.5)}.amor{font-family:"Bree",sans-serif;line-height:1.3}.hespecial{font-size:clamp(2.3125rem,1.7418rem + 2.4351vw,3.25rem)}.rounded-15{border-radius:15px}.rounded-100{border-radius:100%}.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.btn-begin{background:#dd3352;background:linear-gradient(to right, #dd3352 0%, #fe8a29 100%);border-radius:20px}.btn-begin:hover{background:#dd3352;background:linear-gradient(to left, #dd3352 0%, #fe8a29 100%)}.animate__animated.animate__pulse{box-shadow:0 0 0 rgba(254,80,0,.4);animation:aura 1.7s infinite ease-in-out}.animate__animated.animate__pulse.disabled{cursor:not-allowed;pointer-events:none;animation:none}@keyframes aura{0%{box-shadow:0 0 0 20px rgba(204,169,44,0);transform:scale(1)}50%{box-shadow:0 0 0 0 rgba(254,80,0,.4);transform:scale(1.05)}100%{box-shadow:0 0 0 20px rgba(204,169,44,0);transform:scale(1)}}.btn{font-size:clamp(1rem,.6vw + .8rem,1.125rem)}.course-menu .btn{border-radius:10px;padding-left:1em;padding-right:1em;font-family:"Bree";box-shadow:rgba(0,0,0,.16) 0px 1px 4px;display:inline-block}#offcanvasGlossary{min-width:50vw;font-size:16px}#offcanvasGlossary h1{font-size:2em;font-family:"Bree";font-weight:bold}#offcanvasGlossary h2{font-size:1.5em;font-family:"Bree";font-weight:bold}#offcanvasGlossary h3{font-size:1.2em;font-family:"Bree";font-weight:bold}#offcanvasGlossary h4{font-size:1em;font-family:"Bree";font-weight:bold}#offcanvasGlossary h5{font-size:.8em;font-family:"Bree";font-weight:bold}#offcanvasGlossary h6{font-size:.6em;font-family:"Bree";font-weight:bold}.swal2-confirm{font-size:clamp(1rem,.6vw + .8rem,1.125rem)}.look_at_me{animation:pulse-next-btn 1.75s infinite;position:relative;transition:background-color .5s ease}@keyframes pulse-next-btn{0%{box-shadow:0 0 0 20px rgba(204,169,44,0)}50%{box-shadow:0 0 0 0 rgba(245,128,37,.4)}100%{box-shadow:0 0 0 20px rgba(204,169,44,0)}}.custom-tooltip .tooltip-inner{max-width:300px;background-color:var(--bs-azul);color:#fff;font-size:clamp(1rem,.6vw + .8rem,1.125rem);padding:.2rem .3rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.15);border-radius:.25rem}.custom-tooltip.bs-tooltip-top .tooltip-arrow::before,.custom-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{border-top-color:var(--bs-azul)}.custom-tooltip.bs-tooltip-end .tooltip-arrow::before,.custom-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{border-right-color:var(--bs-azul)}.custom-tooltip.bs-tooltip-bottom .tooltip-arrow::before,.custom-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{border-bottom-color:var(--bs-azul)}.custom-tooltip.bs-tooltip-start .tooltip-arrow::before,.custom-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{border-left-color:var(--bs-azul)}.glossary-style{background:rgba(0,0,0,0);border:0;box-shadow:none}.glossary-style img{width:70px}.swal2-popup{color:#000}.modal-general-bs5{background-color:rgba(60,60,59,.85);z-index:9999}.modal-style-pop-bs5{background:rgba(0,0,0,0);border:0}.modal-general-bs5 .content-pop-modal{background-color:#fff}.modal-style-pop-bs5 .custom-close-btn{cursor:pointer;font-size:50px;width:35px;height:35px;margin-bottom:0;padding:0;position:absolute;top:.2em;right:.3em;color:var(--bs-primary)}#bs5Modal .modal-dialog{max-width:auto}#bs5Modal.modal.fade .modal-dialog{transform:translate(0, 0) !important}#bs5Modal .modal-dialog{transition:none !important}.title_head_sco{width:100%}@media(min-width: 768px){#bs5Modal .modal-dialog{min-width:42em}.title_head_sco{flex:auto;width:auto}}.btn-close-modal{background:rgba(0,0,0,0);border:none;font-size:2rem;font-weight:300;line-height:1;cursor:pointer}.paginacion_sco.isFalse{display:none}.animate__delay-1s{animation-delay:1s}.animate__delay-2s{animation-delay:2s}.animate__delay-3s{animation-delay:3s}.animate__delay-4s{animation-delay:4s}.animate__delay-5s{animation-delay:5s}.animate__delay-6s{animation-delay:6s}.animate__delay-7s{animation-delay:7s}.animate__delay-8s{animation-delay:8s}.animate__delay-9s{animation-delay:9s}.animate__delay-10s{animation-delay:10s}.animate__delay-11s{animation-delay:11s}.animate__delay-12s{animation-delay:12s}.animate__delay-13s{animation-delay:13s}.animate__delay-14s{animation-delay:14s}.animate__delay-15s{animation-delay:15s}.animate__delay-16s{animation-delay:16s}.animate__delay-17s{animation-delay:17s}.animate__delay-18s{animation-delay:18s}.animate__delay-19s{animation-delay:19s}.animate__delay-20s{animation-delay:20s}.animate__delay-21s{animation-delay:21s}.animate__delay-22s{animation-delay:22s}.animate__delay-23s{animation-delay:23s}.animate__delay-24s{animation-delay:24s}.animate__delay-25s{animation-delay:25s}.animate__delay-26s{animation-delay:26s}.animate__delay-27s{animation-delay:27s}.animate__delay-28s{animation-delay:28s}.animate__delay-29s{animation-delay:29s}.animate__delay-30s{animation-delay:30s}.animate__delay-31s{animation-delay:31s}.animate__delay-32s{animation-delay:32s}.animate__delay-33s{animation-delay:33s}.animate__delay-34s{animation-delay:34s}.animate__delay-35s{animation-delay:35s}.animate__delay-36s{animation-delay:36s}.animate__delay-37s{animation-delay:37s}.animate__delay-38s{animation-delay:38s}.animate__delay-39s{animation-delay:39s}.animate__delay-40s{animation-delay:40s}.bg-variacolor{background:#006eab;background:linear-gradient(to right, #006eab 12%, #d4384f 100%)}.border-top-2{border-top:3px solid}ul>li{margin-bottom:.5rem}ul>li:last-child{margin-bottom:0}ul.bul0{list-style-type:none;list-style-image:url(../img/bul0.png)}.btn-next-section{cursor:pointer}.html-pop-style{border:6px solid rgba(0,0,0,0);border-radius:20px;background:url(../img/fondo-pop.jpg) padding-box,linear-gradient(to right, #00928e 32%, #c1c902 96%) border-box !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important}
\ No newline at end of file
diff --git a/OgestanPlus/css/style.scss b/OgestanPlus/css/style.scss
index bdd3d5e..4ebc166 100644
--- a/OgestanPlus/css/style.scss
+++ b/OgestanPlus/css/style.scss
@@ -635,3 +635,12 @@ ul.bul0 {
 .btn-next-section {
   cursor: pointer;
 }
+
+.html-pop-style {
+  border: 6px solid transparent;
+  border-radius: 20px;
+  background: url(../img/fondo-pop.jpg) padding-box, linear-gradient(to right, #00928e 32%, #c1c902 96%) border-box !important;
+  background-size: cover !important;
+  background-position: center !important;
+  background-repeat: no-repeat !important;
+}
diff --git a/OgestanPlus/css/stylee.css b/OgestanPlus/css/stylee.css
index 39042cf..f18008d 100644
--- a/OgestanPlus/css/stylee.css
+++ b/OgestanPlus/css/stylee.css
@@ -747,4 +747,13 @@ ul.bul0 {
 
 .btn-next-section {
   cursor: pointer;
+}
+
+.html-pop-style {
+  border: 6px solid transparent;
+  border-radius: 20px;
+  background: url(../img/fondo-pop.jpg) padding-box, linear-gradient(to right, #00928e 32%, #c1c902 96%) border-box !important;
+  background-size: cover !important;
+  background-position: center !important;
+  background-repeat: no-repeat !important;
 }
\ No newline at end of file
diff --git a/OgestanPlus/img/04.0.png b/OgestanPlus/img/04.0.png
new file mode 100644
index 0000000..0ed078b
Binary files /dev/null and b/OgestanPlus/img/04.0.png differ
diff --git a/OgestanPlus/img/04.1.png b/OgestanPlus/img/04.1.png
new file mode 100644
index 0000000..951e7eb
Binary files /dev/null and b/OgestanPlus/img/04.1.png differ
diff --git a/OgestanPlus/img/04.2.png b/OgestanPlus/img/04.2.png
new file mode 100644
index 0000000..0d5a0fc
Binary files /dev/null and b/OgestanPlus/img/04.2.png differ
diff --git a/OgestanPlus/img/04.3.png b/OgestanPlus/img/04.3.png
new file mode 100644
index 0000000..7b98d21
Binary files /dev/null and b/OgestanPlus/img/04.3.png differ
diff --git a/OgestanPlus/img/04.4.png b/OgestanPlus/img/04.4.png
new file mode 100644
index 0000000..1765918
Binary files /dev/null and b/OgestanPlus/img/04.4.png differ
diff --git a/OgestanPlus/img/04.5.png b/OgestanPlus/img/04.5.png
new file mode 100644
index 0000000..87bf006
Binary files /dev/null and b/OgestanPlus/img/04.5.png differ
diff --git a/OgestanPlus/img/bg05.jpg b/OgestanPlus/img/bg05.jpg
new file mode 100644
index 0000000..a10ae89
Binary files /dev/null and b/OgestanPlus/img/bg05.jpg differ
diff --git a/OgestanPlus/img/fondo-pop.jpg b/OgestanPlus/img/fondo-pop.jpg
new file mode 100644
index 0000000..8feabe4
Binary files /dev/null and b/OgestanPlus/img/fondo-pop.jpg differ
diff --git a/OgestanPlus/js/config.js b/OgestanPlus/js/config.js
index 16e4817..e912a03 100644
--- a/OgestanPlus/js/config.js
+++ b/OgestanPlus/js/config.js
@@ -173,11 +173,11 @@ document.addEventListener('DOMContentLoaded', () => {
       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,
+        duration: 600,
+        easing: 'ease-out',
+        distance: '50px',
+        opacity: 0,
+        scale: 0.95,
       });
     }, 200);
   }
@@ -211,11 +211,11 @@ document.addEventListener('DOMContentLoaded', () => {
           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,
+            duration: 600,
+            easing: 'ease-out',
+            distance: '50px',
+            opacity: 0,
+            scale: 0.95,
           });
         }, 200);
       }
diff --git a/OgestanPlus/js/config.min.js b/OgestanPlus/js/config.min.js
index 1c9d83b..e4989dc 100644
--- a/OgestanPlus/js/config.min.js
+++ b/OgestanPlus/js/config.min.js
@@ -1 +1 @@
-async function handleGlossaryButton(e){const t=document.getElementById("offcanvasGlossary");if(!t)return;const n=new bootstrap.Offcanvas(t);try{const e=await fetch("manual_pld_ft.html");if(!e.ok)throw new Error("Error al cargar el glosario");const o=await e.text(),a=new DOMParser,s=a.parseFromString(o,"text/html").querySelector("main");t.querySelector(".offcanvas-body").innerHTML=s?s.innerHTML:'<p class="text-danger">No se encontró el contenido.</p>';const r=CourseNav.getCurrentSlide().title;t.querySelectorAll("section[data-title]").forEach((e=>{e.classList.toggle("d-none",e.dataset.title!==r)})),n.show()}catch(e){t.querySelector(".offcanvas-body").innerHTML='<p class="text-danger">Error al cargar el glosario. Recargue la página e intente nuevamente.</p>',n.show()}}function setupGlossaryListeners(){document.body.addEventListener("click",(function(e){const t=e.target.closest(".btn-glossary");t&&(e.preventDefault(),handleGlossaryButton(t))}))}function gotoSection(e,t={}){const n=Object.assign({behavior:"smooth",block:"start"},t);let o=e;"number"==typeof e?o=`sec${e}`:"string"!=typeof e||e.startsWith("#")?e.startsWith("#")&&(o=e.substring(1)):o=e.startsWith("sec")?e:`sec${e}`;const a=document.getElementById(o);return!!a&&("none"===a.style.display&&(a.style.display=""),a.scrollIntoView(n),!0)}function scrollToElementTop(e,t={}){const n=Object.assign({behavior:"smooth",block:"start",inline:"nearest"},t),o=document.querySelector(e);o&&o.scrollIntoView(n)}function animateOnScroll(e,t,n={}){const{threshold:o=.1,animateOnce:a=!0,prefix:s="animate__animated"}=n,r=new IntersectionObserver(((e,n)=>{e.forEach((e=>{e.isIntersecting?(e.target.classList.add(s,t),a&&n.unobserve(e.target)):a||e.target.classList.remove(s,t)}))}),{threshold:o});return document.querySelectorAll(e).forEach((e=>r.observe(e))),r}function initializeSwiper(e,t,n={},o=[],a=!0){const s=new Set,r="string"==typeof e?document.querySelector(e):e,i=r.parentElement;n.navigation&&n.navigation.nextEl&&n.navigation.prevEl&&(n.navigation.nextEl=r.querySelector(n.navigation.nextEl)?r.querySelector(n.navigation.nextEl):i.querySelector(n.navigation.nextEl),n.navigation.prevEl=r.querySelector(n.navigation.prevEl)?r.querySelector(n.navigation.prevEl):i.querySelector(n.navigation.prevEl));const l={effect:"slide",loop:!1,autoHeight:!0,...n,on:{init:function(){s.add(this.activeIndex),o.length>0&&o[this.activeIndex]&&a&&CourseNav.audioController.stopAllSoundsAndPlay(o[this.activeIndex])},slideChange:function(){const e=this.activeIndex;s.add(e),o.length>0&&CourseNav.audioController.stopAudio(),o.length>0&&o[e]&&CourseNav.audioController.stopAllSoundsAndPlay(o[e]),s.size===this.slides.length&&"function"==typeof t&&t()}}};return new Swiper(r,l)}window.COURSE_CONFIG={COURSE_CONFIG_URL:"config.json",DEBUG:!1,SHOW_PAGINATION:!1,SHOW_TITLE:!1,SHOW_GLOSSARY:!1},document.addEventListener("DOMContentLoaded",(()=>{setupGlossaryListeners(),"undefined"!=typeof sal&&document.querySelectorAll("[data-sal]").length>0&&setTimeout((()=>{document.querySelectorAll("[data-sal]").forEach((e=>e.style.visibility="visible")),sal({once:!1,threshold:.3,duration:1e4,easing:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",distance:"100px",opacity:.2,scale:.85})}),200),document.body.addEventListener("beforeSlideChange",(e=>{})),document.body.addEventListener("slideChange",(e=>{if(e.detail&&"number"==typeof e.detail.slideIndex&&Array.isArray(e.detail.contentArray)){"undefined"!=typeof sal&&document.querySelectorAll("[data-sal]").length>0&&setTimeout((()=>{document.querySelectorAll("[data-sal]").forEach((e=>e.style.visibility="visible")),sal({once:!1,threshold:.3,duration:1e4,easing:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",distance:"100px",opacity:.2,scale:.85})}),200);const t=document.getElementById("pagination"),n=document.querySelector(".paginacion_sco");window.COURSE_CONFIG.SHOW_PAGINATION?(t&&(t.innerHTML=e.detail.slideIndex+1+" / "+e.detail.contentArray.length),n&&n.classList.remove("isFalse")):n&&n.classList.add("isFalse");const o=document.getElementById("titleSco");o&&(window.COURSE_CONFIG.SHOW_TITLE?(o.classList.remove("d-none"),e.detail.contentArray[e.detail.slideIndex]&&(o.innerHTML=e.detail.contentArray[e.detail.slideIndex].title||"")):o.classList.add("d-none"));const a=document.getElementById("btn-glossary");if(a)if(window.COURSE_CONFIG.SHOW_GLOSSARY){const t=[0,1,e.detail.contentArray.length-1];a.style.display=t.includes(e.detail.slideIndex)?"none":"block"}else a.style.display="none"}})),document.body.addEventListener("slideCompleted",(e=>{}));const e=document.getElementById("btn-glossary");e&&e.addEventListener("click",(async()=>{const e=document.getElementById("offcanvasGlossary"),t=new bootstrap.Offcanvas(e);try{const n=await fetch("manual_pld_ft.html"),o=await n.text(),a=new DOMParser,s=a.parseFromString(o,"text/html").querySelector("main");e.querySelector(".offcanvas-body").innerHTML=s?s.innerHTML:'<p class="text-danger">No se encontró el contenido.</p>';const r=CourseNav.getCurrentSlide().title;e.querySelectorAll("section[data-title]").forEach((e=>{e.dataset.title===r?e.classList.remove("d-none"):e.classList.add("d-none")})),t.show()}catch(n){e.querySelector(".offcanvas-body").innerHTML='<p class="text-danger">Error al cargar el glosario.</p>',t.show()}}))}));
\ No newline at end of file
+async function handleGlossaryButton(e){const t=document.getElementById("offcanvasGlossary");if(!t)return;const n=new bootstrap.Offcanvas(t);try{const e=await fetch("manual_pld_ft.html");if(!e.ok)throw new Error("Error al cargar el glosario");const o=await e.text(),a=new DOMParser,s=a.parseFromString(o,"text/html").querySelector("main");t.querySelector(".offcanvas-body").innerHTML=s?s.innerHTML:'<p class="text-danger">No se encontró el contenido.</p>';const l=CourseNav.getCurrentSlide().title;t.querySelectorAll("section[data-title]").forEach((e=>{e.classList.toggle("d-none",e.dataset.title!==l)})),n.show()}catch(e){t.querySelector(".offcanvas-body").innerHTML='<p class="text-danger">Error al cargar el glosario. Recargue la página e intente nuevamente.</p>',n.show()}}function setupGlossaryListeners(){document.body.addEventListener("click",(function(e){const t=e.target.closest(".btn-glossary");t&&(e.preventDefault(),handleGlossaryButton(t))}))}function gotoSection(e,t={}){const n=Object.assign({behavior:"smooth",block:"start"},t);let o=e;"number"==typeof e?o=`sec${e}`:"string"!=typeof e||e.startsWith("#")?e.startsWith("#")&&(o=e.substring(1)):o=e.startsWith("sec")?e:`sec${e}`;const a=document.getElementById(o);return!!a&&("none"===a.style.display&&(a.style.display=""),a.scrollIntoView(n),!0)}function scrollToElementTop(e,t={}){const n=Object.assign({behavior:"smooth",block:"start",inline:"nearest"},t),o=document.querySelector(e);o&&o.scrollIntoView(n)}function animateOnScroll(e,t,n={}){const{threshold:o=.1,animateOnce:a=!0,prefix:s="animate__animated"}=n,l=new IntersectionObserver(((e,n)=>{e.forEach((e=>{e.isIntersecting?(e.target.classList.add(s,t),a&&n.unobserve(e.target)):a||e.target.classList.remove(s,t)}))}),{threshold:o});return document.querySelectorAll(e).forEach((e=>l.observe(e))),l}function initializeSwiper(e,t,n={},o=[],a=!0){const s=new Set,l="string"==typeof e?document.querySelector(e):e,r=l.parentElement;n.navigation&&n.navigation.nextEl&&n.navigation.prevEl&&(n.navigation.nextEl=l.querySelector(n.navigation.nextEl)?l.querySelector(n.navigation.nextEl):r.querySelector(n.navigation.nextEl),n.navigation.prevEl=l.querySelector(n.navigation.prevEl)?l.querySelector(n.navigation.prevEl):r.querySelector(n.navigation.prevEl));const i={effect:"slide",loop:!1,autoHeight:!0,...n,on:{init:function(){s.add(this.activeIndex),o.length>0&&o[this.activeIndex]&&a&&CourseNav.audioController.stopAllSoundsAndPlay(o[this.activeIndex])},slideChange:function(){const e=this.activeIndex;s.add(e),o.length>0&&CourseNav.audioController.stopAudio(),o.length>0&&o[e]&&CourseNav.audioController.stopAllSoundsAndPlay(o[e]),s.size===this.slides.length&&"function"==typeof t&&t()}}};return new Swiper(l,i)}window.COURSE_CONFIG={COURSE_CONFIG_URL:"config.json",DEBUG:!1,SHOW_PAGINATION:!1,SHOW_TITLE:!1,SHOW_GLOSSARY:!1},document.addEventListener("DOMContentLoaded",(()=>{setupGlossaryListeners(),"undefined"!=typeof sal&&document.querySelectorAll("[data-sal]").length>0&&setTimeout((()=>{document.querySelectorAll("[data-sal]").forEach((e=>e.style.visibility="visible")),sal({once:!1,threshold:.3,duration:600,easing:"ease-out",distance:"50px",opacity:0,scale:.95})}),200),document.body.addEventListener("beforeSlideChange",(e=>{})),document.body.addEventListener("slideChange",(e=>{if(e.detail&&"number"==typeof e.detail.slideIndex&&Array.isArray(e.detail.contentArray)){"undefined"!=typeof sal&&document.querySelectorAll("[data-sal]").length>0&&setTimeout((()=>{document.querySelectorAll("[data-sal]").forEach((e=>e.style.visibility="visible")),sal({once:!1,threshold:.3,duration:600,easing:"ease-out",distance:"50px",opacity:0,scale:.95})}),200);const t=document.getElementById("pagination"),n=document.querySelector(".paginacion_sco");window.COURSE_CONFIG.SHOW_PAGINATION?(t&&(t.innerHTML=e.detail.slideIndex+1+" / "+e.detail.contentArray.length),n&&n.classList.remove("isFalse")):n&&n.classList.add("isFalse");const o=document.getElementById("titleSco");o&&(window.COURSE_CONFIG.SHOW_TITLE?(o.classList.remove("d-none"),e.detail.contentArray[e.detail.slideIndex]&&(o.innerHTML=e.detail.contentArray[e.detail.slideIndex].title||"")):o.classList.add("d-none"));const a=document.getElementById("btn-glossary");if(a)if(window.COURSE_CONFIG.SHOW_GLOSSARY){const t=[0,1,e.detail.contentArray.length-1];a.style.display=t.includes(e.detail.slideIndex)?"none":"block"}else a.style.display="none"}})),document.body.addEventListener("slideCompleted",(e=>{}));const e=document.getElementById("btn-glossary");e&&e.addEventListener("click",(async()=>{const e=document.getElementById("offcanvasGlossary"),t=new bootstrap.Offcanvas(e);try{const n=await fetch("manual_pld_ft.html"),o=await n.text(),a=new DOMParser,s=a.parseFromString(o,"text/html").querySelector("main");e.querySelector(".offcanvas-body").innerHTML=s?s.innerHTML:'<p class="text-danger">No se encontró el contenido.</p>';const l=CourseNav.getCurrentSlide().title;e.querySelectorAll("section[data-title]").forEach((e=>{e.dataset.title===l?e.classList.remove("d-none"):e.classList.add("d-none")})),t.show()}catch(n){e.querySelector(".offcanvas-body").innerHTML='<p class="text-danger">Error al cargar el glosario.</p>',t.show()}}))}));
\ No newline at end of file