diff --git a/OgestanPlus/contenido/04.html b/OgestanPlus/contenido/04.html
index d538996..2b84a98 100644
--- a/OgestanPlus/contenido/04.html
+++ b/OgestanPlus/contenido/04.html
@@ -6,6 +6,13 @@
     background-repeat: no-repeat;
   }
 
+  .back1 {
+    background-image: url(img/bg01.jpg);
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+
   .btn-pop {
     cursor: pointer;
   }
@@ -15,38 +22,99 @@
     border-radius: 30px;
   }
 
-  .anim0 {
+  .anim0, .anim1 {
     display: none;
   }
+
+  .fs-4  {
+    font-size: clamp(1rem, 0.6vw + 0.8rem, 1.125rem) !important;
+  }
+
+  @media(min-width: 768px) {
+    .fs-4 {
+      font-size: calc(1.275rem + 0.3vw) !important;
+    }
+  }
 </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 class='page-sco'>
+  <div class="position-relative w-100 back0 flex-fill py-2 py-md-4 d-flex flex-column justify-content-center align-items-center">
+    <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-5 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-5 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="#pop1">
+                    <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-5 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="#pop2">
+                    <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 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>
+    </div>
+  </div>
+  <div class="w-100 py-2 position-relative text-center ins0" style="display: none;">
+    <div class="btn-next-section d-inline-block animate__animated animate__pulse animate__infinite" data-sec="sec1"
+      data-audio="audiom12">
+      <img src="img/nSec.png" class="img-fluid">
+    </div>
+  </div>
+</div>
+<div id="sec1" class="page-sco py-3 py-md-4 back1" style="display: none;">
+  <div class="container">
+    <div class="row justify-content-center align-items-center">
+      <div class="col-12 anim1">
+        <div class="row justify-content-center">
+          <div class="col-12 mb-3" data-sal="slide-right">
+            <h2 class="text-secondary fw-bold">Beneficios Generales</h2>
+            <ul class="bul0 mb-0">
+              <li class="animate__animated animate__fadeInUp">Aporta <strong>cantidades esenciales de Omega-3, </strong>fundamentales para el <strong>desarrollo cerebral y
+                  visual del bebé</strong>.</li>
+              <li class="animate__animated animate__fadeInUp animate__delay-11s"><strong>OGestan</strong><strong><sup>®</sup> Plus combina Omega 3 y Vitamina D.</strong></li>
+              <li class="animate__animated animate__fadeInUp animate__delay-20s">Incluye <strong>hierro </strong><strong>bisglicinato</strong>, más eficaz en la <strong>prevención del déficit de
+                  hierro</strong> en comparación con el <strong>sulfato ferroso</strong>.</li>
+              <li class="animate__animated animate__fadeInUp animate__delay-29s">Contiene <strong>yodo, zinc, molibdeno</strong> y otros minerales esenciales para el desarrollo materno-fetal.
+              </li>
+              <li class="animate__animated animate__fadeInUp animate__delay-34s">Aporta <strong>ácido fólico</strong>, <strong>complejo B</strong> y <strong>vitaminas E, C y A</strong>, que
+                favorecen el <strong>desarrollo físico</strong>, además de brindar <strong>beneficios antioxidantes e
+                  inmunológicos</strong>.</li>
+            </ul>
+          </div>
+          <div class="col-12 col-md-10 col-lg-8" data-sal="flip-down">
+            <div class="card bg-var-3 border-0 rounded-4 shadow-none p-2 p-md-3">
+              <div class="row justify-content-center">
+                <div class="col-12 text-center">
+                  <img src="img/04.6.png" class="img-fluid">
                 </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>
@@ -61,8 +129,8 @@
       <div class="row justify-content-center align-items-center">
         <div class="col-12">
           <div class="row justify-content-center align-items-center">
-            <div class="col-12 col-md-7 col-xl-6">
-              <h3 class="fw-medium text-blue-2">Fertilidad</h3>
+            <div class="col-12 col-md-7 col-xl-6 text-start">
+              <h3 class="fw-medium text-blue-2 text-center text-md-start">Fertilidad</h3>
               <ul class="bul1 mb-0">
                 <li>Ayuda a <strong class="text-blue-1">mantener un correcto flujo sanguíneo placentario</strong>.</li>
                 <li>Contribuye en la <strong class="text-blue-1">regulación de hormonas</strong>.</li>
@@ -77,6 +145,48 @@
       </div>
     </div>
   </div>
+  <div id="pop1">
+    <div class="container-fluid">
+      <div class="row justify-content-center align-items-center">
+        <div class="col-12">
+          <div class="row justify-content-center align-items-center">
+            <div class="col-12 col-md-7 col-xl-6 text-start">
+              <h3 class="fw-medium text-blue-2 text-center text-md-start">Gestación</h3>
+              <ul class="bul1 mb-0">
+                <li>Favorece el <strong class="text-blue-1">desarrollo</strong> cerebral y visual del bebé.</li>
+                <li><strong class="text-blue-1">Disminuye</strong> el riesgo de parto pretérmino.</li>
+                <li><strong class="text-blue-1">Reduce</strong> el riesgo de bajo peso al nacer.</li>
+              </ul>
+            </div>
+            <div class="col-8 col-md-4 text-center">
+              <img src="img/04.4.png" class="img-fluid">
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div id="pop2">
+    <div class="container-fluid">
+      <div class="row justify-content-center align-items-center">
+        <div class="col-12">
+          <div class="row justify-content-center align-items-center">
+            <div class="col-12 col-md-7 col-xl-6 text-start">
+              <h3 class="fw-medium text-blue-2 text-center text-md-start">Lactancia</h3>
+              <ul class="bul1 mb-0">
+                <li><strong class="text-blue-1">Mejora la composición</strong> de los ácidos grasos en la <strong class="text-blue-1">leche materna</strong>.</li>
+                <li><strong class="text-blue-1">Favorece el sistema inmunológico</strong> del bebé.</li>
+                <li><strong class="text-blue-1">Ayuda</strong> al continuo <strong class="text-blue-1">proceso</strong> <strong class="text-blue-1">del desarrollo cognitivo</strong>.</li>
+              </ul>
+            </div>
+            <div class="col-8 col-md-4 text-center">
+              <img src="img/04.5.png" class="img-fluid">
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 <script>
   $(function () {
@@ -84,6 +194,7 @@
     $('body').addClass('fake');
 
     const audiom08 = CourseNav.createSound('audio/audiom08.mp3');
+    const audiom12 = CourseNav.createSound('audio/audiom12.mp3');
 
     const paths = [
       "audio/audiom09.mp3",
@@ -105,9 +216,34 @@
       $('.btn-pop').removeClass('disabled');
     });
 
+    audiom12.on('play', function () {
+      $('.anim1').show();
+    });
+
+    audiom12.on('end', function () {
+      CourseNav.setSlideVisited();
+    });
+
+    $('.btn-next-section').click(function () {
+      $(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();
+      }
+    });
+
     $('.btn-pop').click(function (e) {
       e.preventDefault();
       $(this).removeClass('animate__animated animate__pulse animate__infinite').addClass('completed');
+      const index = $('.btn-pop').index(this);
+      CourseNav.audioController.stopAllSoundsAndPlay(audios[index]);
       const html = $($(this).data('popid')).html();
       Swal.fire({
         html: html,
@@ -130,6 +266,10 @@
         },
         didClose: () => {
           document.body.style.paddingRight = '';
+          CourseNav.audioController.stopAudio();
+          if($('.btn-pop').length == $('.btn-pop.completed').length) {
+            $('.ins0').show();
+          }
         },
       });
     });
diff --git a/OgestanPlus/img/04.6.png b/OgestanPlus/img/04.6.png
new file mode 100644
index 0000000..e033ca2
Binary files /dev/null and b/OgestanPlus/img/04.6.png differ