From 047b1c58d1d11a3bdeb74f510fdcd867dc2f48f4 Mon Sep 17 00:00:00 2001
From: "david.martinez" <david.martinez@espacio360.com.mx>
Date: Fri, 25 Sep 2026 10:49:44 -0600
Subject: [PATCH 1/4] error

---
 OgestanPlus/contenido/06.html | 53 ++++++++++++++++++++++-------------
 1 file changed, 33 insertions(+), 20 deletions(-)

diff --git a/OgestanPlus/contenido/06.html b/OgestanPlus/contenido/06.html
index a3f30ac..ff32c02 100644
--- a/OgestanPlus/contenido/06.html
+++ b/OgestanPlus/contenido/06.html
@@ -20,7 +20,6 @@
   }
 
   .shadow-vx {
-    
     max-width: 100%;
   }
 
@@ -48,18 +47,17 @@
     }
   }
 
-  .versus{
+  .versus {
     background-color: #FFF;
     border-radius: 15px;
     border-left: solid 3px var(--bs-secondary);
     text-align: center;
   }
 
-  .card-competencia{
+  .card-competencia {
     padding-top: 70px !important;
     margin-top: -50px !important;
   }
-
 </style>
 <div
   id="sec0"
@@ -190,23 +188,33 @@
                 >
               </div>
               <div class="position-relative shadow-vx flex-fill order-1 order-md-2 rounded-3">
-                <div class="card bg-green-2 border-0 rounded-3 shadow-none p-3 position-relative z-3" style="border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;">
+                <div
+                  class="card bg-green-2 border-0 rounded-3 shadow-none p-3 position-relative z-3"
+                  style="border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;"
+                >
                   <div class="row justify-content-center align-items-center">
                     <div class="col-12 col-md-7 col-xl-7 mb-3 mb-md-0">
                       <h1 class="fw-bold text-primary">OGestan<sup>®</sup> Plus</h1>
                       <ol>
-                        <li><strong>Número</strong> de componentes <span class="fw-bold text-primary h3">19</span>.</li>
+                        <li><strong>Número</strong> de componentes <span
+                            class="fw-bold text-primary h3">19</span>.</li>
                         <li>Cantidad de <strong>Omega 3</strong> (DHA 250 mg, EPA 50 mg).</li>
                         <li>Contenido de <strong>Vitamina D</strong> (10 mcg)</li>
                         <li>Diferenciación del hierro (hierro <strong>bisglicinato</strong>).</li>
                       </ol>
                     </div>
                     <div class="col-7 col-md-4 text-center">
-                      <img src="img/06.8.png" class="img-fluid">
+                      <img
+                        src="img/06.8.png"
+                        class="img-fluid"
+                      >
                     </div>
                   </div>
                 </div>
-                <div class="swiper cid1 position-relative z-1" style="display:none;">
+                <div
+                  class="swiper cid1 position-relative z-1"
+                  style="display:none;"
+                >
                   <div class="swiper-wrapper">
                     <div class="swiper-slide">
                       <div class="card bg-var-2 card-competencia border-0 rounded-3 shadow-none p-3">
@@ -216,9 +224,10 @@
                             <p class="mb-0">Destacar que <strong>Regenesis</strong><strong> Max (RM) no
                                 contiene hierro </strong><strong>bisglicinato</strong>
                               (solo sulfato ferroso), y un <strong>mínimo de Vitamina D.</strong></p>
-                              <div class="versus p-2 my-3">
-                                OGestan Plus <b>10 mg de vitamina D</b> <br> <em>vs</em> <br> Regenesis Max <span class="text-muted">INFORMACIÓN PENDIENTE</span> 
-                              </div>
+                            <div class="versus p-2 my-3">
+                              OGestan Plus <b>10 mg de vitamina D</b> <br> <em>vs</em> <br> Regenesis Max
+                              <span class="text-muted">INFORMACIÓN PENDIENTE</span>
+                            </div>
                           </div>
                           <div class="col-7 col-md-4 text-center">
                             <img
@@ -236,9 +245,10 @@
                             <h4 class="fw-bold text-primary">Previta mom</h4>
                             <p class="mb-0">Destacar la <strong>menor cantidad de Omega 3 en
                               </strong><strong>Previta</strong> <strong>Mom</strong><strong>.</strong></p>
-                              <div class="versus p-2 my-3">
-                                OGestan Plus <b>DHA 250 mg, EPA 50 mg</b> <br> <em>vs</em> <br> Previta mom <span class="text-muted">DHA 146 mg, EPA 50 mg</span> 
-                              </div>
+                            <div class="versus p-2 my-3">
+                              OGestan Plus <b>DHA 250 mg, EPA 50 mg</b> <br> <em>vs</em> <br> Previta mom
+                              <span class="text-muted">DHA 146 mg, EPA 50 mg</span>
+                            </div>
                           </div>
                           <div class="col-7 col-md-4 text-center">
                             <img
@@ -256,9 +266,10 @@
                             <h4 class="fw-bold text-primary">Elevit 2 Omegas</h4>
                             <p class="mb-0">Elevit 2 Omegas <strong>no cumple con las cantidades requeridas de
                                 ácido fólico</strong>.</p>
-                                 <div class="versus p-2 my-3">
-                                OGestan Plus <b>ácido fólico 400 mcg</b> <br> <em>vs</em> <br> Elevit 2 Omegas <span class="text-muted">ácido fólico 360 mcg</span> 
-                              </div>
+                            <div class="versus p-2 my-3">
+                              OGestan Plus <b>ácido fólico 400 mcg</b> <br> <em>vs</em> <br> Elevit 2 Omegas
+                              <span class="text-muted">ácido fólico 360 mcg</span>
+                            </div>
                           </div>
                           <div class="col-7 col-md-4 text-center">
                             <img
@@ -277,8 +288,10 @@
                             <p class="mb-0">Materplus tiene <strong>una fórmula con menos
                                 elementos.</strong></p>
                             <div class="versus p-2 my-3">
-                                OGestan Plus <b>19 componentes</b> <br> <em>vs</em> <br> Materplus <span class="text-muted">16 componentes</span> 
-                              </div>
+                              OGestan Plus <b>19 componentes</b> <br> <em>vs</em> <br> Materplus <span
+                                class="text-muted"
+                              >16 componentes</span>
+                            </div>
                           </div>
                           <div class="col-7 col-md-4 text-center">
                             <img
@@ -411,7 +424,7 @@
             $('.btn-next').css('opacity', '1').removeClass('disabled');
           }
 
-          slides[activeIndex].classList.add("visited", "completed");
+          if (slides[activeIndex]) slides[activeIndex].classList.add("visited", "completed");
 
           const completedSlides = $(".cid1 .swiper-slide.completed").length;
 

From 8e576aaa3efc2ddd820ba8527bbcf7ef6edf7f48 Mon Sep 17 00:00:00 2001
From: "david.martinez" <david.martinez@espacio360.com.mx>
Date: Fri, 25 Sep 2026 11:07:27 -0600
Subject: [PATCH 2/4] update

---
 OgestanPlus/contenido/06.html | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/OgestanPlus/contenido/06.html b/OgestanPlus/contenido/06.html
index ff32c02..3344b96 100644
--- a/OgestanPlus/contenido/06.html
+++ b/OgestanPlus/contenido/06.html
@@ -29,6 +29,11 @@
 
   .btn-arrow {
     max-width: 85px;
+    display: none !important;
+  }
+
+  .btn-arrow.visible {
+    display: inline-block !important;
   }
 
   @media(min-width: 991px) {
@@ -403,8 +408,6 @@
       },
       on: {
         init: function () {
-          // Ocultar prev en el primer slide
-          $('.btn-prev').css('opacity', '.5').addClass('disabled');
         },
         slideChange: function () {
           const activeIndex = this.activeIndex;
@@ -415,16 +418,16 @@
           if (activeIndex === 0) {
             $('.btn-prev').css('opacity', '.5').addClass('disabled');
           } else {
-            $('.btn-prev').css('opacity', '1').removeClass('disabled');
+            $('.btn-prev').addClass('visible').css('opacity', '1').removeClass('disabled');
           }
 
           if (activeIndex === totalSlides - 1) {
             $('.btn-next').css('opacity', '.5').addClass('disabled');
           } else {
-            $('.btn-next').css('opacity', '1').removeClass('disabled');
+            $('.btn-next').addClass('visible').css('opacity', '1').removeClass('disabled');
           }
 
-          if (slides[activeIndex]) slides[activeIndex].classList.add("visited", "completed");
+          slides[activeIndex].classList.add("visited", "completed");
 
           const completedSlides = $(".cid1 .swiper-slide.completed").length;
 
@@ -441,6 +444,7 @@
     audiom14.on('end', function () {
       $('.cid1').show();
       mySwiper.update();
+      $('.btn-next').addClass('visible');
       CourseNav.audioController.stopAllSoundsAndPlay(audios[0]);
     });
   });

From bee87fb8f7059f99d8298036f4e194255aa3a7e4 Mon Sep 17 00:00:00 2001
From: "david.martinez" <david.martinez@espacio360.com.mx>
Date: Fri, 25 Sep 2026 11:10:44 -0600
Subject: [PATCH 3/4] update

---
 OgestanPlus/contenido/06.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/OgestanPlus/contenido/06.html b/OgestanPlus/contenido/06.html
index 3344b96..81bf26e 100644
--- a/OgestanPlus/contenido/06.html
+++ b/OgestanPlus/contenido/06.html
@@ -408,6 +408,7 @@
       },
       on: {
         init: function () {
+          if (this.slides[0]) this.slides[0].classList.add('visited', 'completed');
         },
         slideChange: function () {
           const activeIndex = this.activeIndex;

From d344e246d4a799fca4d28f97bfba25573e9bd8a6 Mon Sep 17 00:00:00 2001
From: "david.martinez" <david.martinez@espacio360.com.mx>
Date: Fri, 25 Sep 2026 11:23:34 -0600
Subject: [PATCH 4/4] update

---
 OgestanPlus/contenido/06.html | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/OgestanPlus/contenido/06.html b/OgestanPlus/contenido/06.html
index 81bf26e..5cbfbf9 100644
--- a/OgestanPlus/contenido/06.html
+++ b/OgestanPlus/contenido/06.html
@@ -397,6 +397,9 @@
       }
     });
 
+    const totalCompetidores = 4;
+    const visitedSlides = new Set([0]);
+
     const mySwiper = new Swiper(".cid1", {
       effect: "slide",
       autoHeight: true,
@@ -407,13 +410,11 @@
         prevEl: '.btn-prev',
       },
       on: {
-        init: function () {
-          if (this.slides[0]) this.slides[0].classList.add('visited', 'completed');
-        },
+        init: function () { },
         slideChange: function () {
           const activeIndex = this.activeIndex;
           const slides = this.slides;
-          const totalSlides = this.slides.length;
+          const realTotal = $('.cid1 .swiper-slide').length;
 
           // Controlar opacidad y clase disabled de botones
           if (activeIndex === 0) {
@@ -422,17 +423,15 @@
             $('.btn-prev').addClass('visible').css('opacity', '1').removeClass('disabled');
           }
 
-          if (activeIndex === totalSlides - 1) {
+          if (activeIndex === realTotal - 1) {
             $('.btn-next').css('opacity', '.5').addClass('disabled');
           } else {
             $('.btn-next').addClass('visible').css('opacity', '1').removeClass('disabled');
           }
 
-          slides[activeIndex].classList.add("visited", "completed");
+          visitedSlides.add(activeIndex);
 
-          const completedSlides = $(".cid1 .swiper-slide.completed").length;
-
-          if (completedSlides == totalSlides) {
+          if (visitedSlides.size >= totalCompetidores) {
             $('.btn-next').removeClass('animate__animated animate__pulse animate__infinite');
             CourseNav.setSlideVisited();
           }
@@ -446,6 +445,9 @@
       $('.cid1').show();
       mySwiper.update();
       $('.btn-next').addClass('visible');
+      if (visitedSlides.size >= totalCompetidores) {
+        CourseNav.setSlideVisited();
+      }
       CourseNav.audioController.stopAllSoundsAndPlay(audios[0]);
     });
   });