diff --git a/Drossagyn/audio/audioh07.mp3 b/Drossagyn/audio/audioh07.mp3
index a167608..14b9d0e 100644
Binary files a/Drossagyn/audio/audioh07.mp3 and b/Drossagyn/audio/audioh07.mp3 differ
diff --git a/Drossagyn/contenido/01.html b/Drossagyn/contenido/01.html
index 94dec05..9004b1c 100644
--- a/Drossagyn/contenido/01.html
+++ b/Drossagyn/contenido/01.html
@@ -1,8 +1,8 @@
 <style>
   .back0 {
-    background-image: url(img/bg00.jpg);
+    background-image: url(img/bg00s.jpg);
     background-size: cover;
-    background-position: 20% 100%;
+    background-position: center;
     background-repeat: no-repeat;
   }
 
@@ -34,11 +34,11 @@
               <div class="col-12 mb-3 text-center" data-sal="zoom-in">
                 <div class="d-inline-block position-relative">
                   <hr class="m-0 mb-2 opacity-100 border-top-2 text-white">
-                  <h1 class="text-white fw-bolder">¡Bienvenido a <br> Drossagyn<sup>®</sup>!</h1>
+                  <h1 class="text-primary fw-bolder">¡Bienvenido a <br> Drossagyn<sup>®</sup>!</h1>
                   <hr class="m-0 mt-2 opacity-100 border-top-2 text-white">
                 </div>
               </div>
-              <div class="col-12 text-center" data-sal="flip-up">
+              <div class="col-12 text-center mb-3 mb-md-0" data-sal="flip-up">
                 <div class="w-100 position-relative">
                   <div id="wrap-comenzar"
                     data-sec="sec1"
@@ -47,6 +47,9 @@
                   </div>
                 </div>
               </div>
+              <div class="col-7 text-center d-block d-md-none">
+                <img src="img/01.1.png" class="img-fluid">
+              </div>
             </div>
           </div>
         </div>
diff --git a/Drossagyn/contenido/02.html b/Drossagyn/contenido/02.html
index 3999c15..a164caf 100644
--- a/Drossagyn/contenido/02.html
+++ b/Drossagyn/contenido/02.html
@@ -75,6 +75,14 @@
     min-width: 100%;
   }
 
+  ul.li-sp li {
+    list-style-type: none;
+  }
+
+  ul.li-sp li>ul>li {
+    list-style-type: disc;
+  }
+
   @media(min-width: 991px) {
     .shadow-externo {
       grid-template-columns: auto 50px;
@@ -139,17 +147,20 @@
                     <div class="swiper-slide">
                       <div class="row justify-content-center align-items-center h-100">
                         <div class="col-7 col-md-5 text-center mb-3 mb-md-0">
-                          <img src="img/02.1.png" class="img-fluid">
+                          <img src="img/02.3.png" class="img-fluid">
                         </div>
                         <div class="col-12 col-md-7">
                           <h4 class="fw-bold text-green-1">Forma Farmacéutica y formulación</h4>
                           <p>Principio activo: <strong>Estriol</strong></p>
-                          <p>Forma farmacéutica : <strong>Crema</strong></p>
+                          <p>Forma farmacéutica: <strong>Crema</strong></p>
                           <p>Formulación:</p>
-                          <p>Cada 100 gramos contienen:</p>
-                          <ul class="mb-0">
-                            <li><strong>Estriol</strong> 50mg</li>
-                            <li>Excipiente cbp 100g</li>
+                          <ul class="li-sp mb-0">
+                            <li>Cada 100 gramos contienen:
+                              <ul class="mb-0 mt-3">
+                                <li><strong>Estriol</strong> 50mg</li>
+                                <li>Excipiente cbp 100g</li>
+                              </ul>
+                            </li>
                           </ul>
                         </div>
                       </div>
diff --git a/Drossagyn/contenido/04.html b/Drossagyn/contenido/04.html
index 381851d..1d946d0 100644
--- a/Drossagyn/contenido/04.html
+++ b/Drossagyn/contenido/04.html
@@ -44,7 +44,7 @@
           <div class="col-12 mb-3 text-center animate__animated animate__zoomIn">
             <h2 class="fw-bold text-secondary mb-0">Dosis y vía de administración</h2>
           </div>
-          <div class="col-12 col-md-6 col-lg-5 animate__animated animate__zoomIn">
+          <div class="col-12 col-md-4 col-lg-5 animate__animated animate__zoomIn">
             <div class="row justify-content-center align-items-center">
               <div class="col-3 col-md-5 text-center">
                 <img src="img/04.0.png" class="img-fluid">
@@ -54,7 +54,7 @@
               </div>
             </div>
           </div>
-          <div id="col-hide" class="col-12 col-md-6 col-lg-7 d-none d-md-block animate__animated animate__zoomIn">
+          <div id="col-hide" class="col-12 col-md-8 col-lg-7 d-none d-md-block animate__animated animate__zoomIn">
             <div id="txt1" class="texts position-relative w-100">
               <div class="row justify-content-center">
                 <div class="col-7 col-md-9 text-center mb-3">
diff --git a/Drossagyn/contenido/06.html b/Drossagyn/contenido/06.html
index bb3c9b0..1f2d9e6 100644
--- a/Drossagyn/contenido/06.html
+++ b/Drossagyn/contenido/06.html
@@ -155,7 +155,7 @@
     <div class="container-fluid">
       <div class="row justify-content-center">
         <div class="col-12">
-          <div class="card bg-transparent border-0 rounded-0 shadow-none p-4 position-relative">
+          <div class="card bg-transparent border-0 rounded-0 shadow-none py-5 p-4 py-md-4 position-relative">
             <div class="position-relative w-100 z-1">
               <h3 class="fw-medium text-md-start text-green-1">Contraindicaciones</h3>
               <ul class="text-start">
@@ -170,7 +170,7 @@
               </ul>
               <p class="mb-0"><em>En cualquiera de estos escenarios, el producto debe evitarse por completo.</em></p>
             </div>
-            <div class="position-absolute img-back h-100 top-0 d-flex justify-content-center align-items-center">
+            <div class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center">
               <div class="position-relative w-100 text-center">
                 <img src="img/06.6.png" class="img-fluid">
               </div>
@@ -184,7 +184,7 @@
     <div class="container-fluid">
       <div class="row justify-content-center">
         <div class="col-12">
-          <div class="card bg-transparent border-0 rounded-0 shadow-none p-4 position-relative">
+          <div class="card bg-transparent border-0 rounded-0 shadow-none py-5 p-4 py-md-4 position-relative">
             <div class="position-relative w-100 z-1">
               <div class="row justify-content-center">
                 <div class="col-12 mb-3 text-md-start">
@@ -220,7 +220,7 @@
                 </div>
               </div>
             </div>
-            <div class="position-absolute img-back h-100 top-0 d-flex justify-content-center align-items-center">
+            <div class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center">
               <div class="position-relative w-100 text-center">
                 <img src="img/06.7.png" class="img-fluid">
               </div>
@@ -240,7 +240,7 @@
               <p class="text-md-start">No debe administrarse en el <strong>embarazo</strong>, ni durante el período de <strong>lactancia.</strong></p>
               <p class="mb-0"><em>Estas restricciones están claramente establecidas para evitar riesgos innecesarios.</em></p>
             </div>
-            <div class="position-absolute img-back h-100 top-0 d-flex justify-content-center align-items-center">
+            <div class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center">
               <div class="position-relative w-100 text-center">
                 <img src="img/06.8.png" class="img-fluid">
               </div>
@@ -254,7 +254,7 @@
     <div class="container-fluid">
       <div class="row justify-content-center">
         <div class="col-12">
-          <div class="card bg-transparent border-0 rounded-0 shadow-none p-4 position-relative">
+          <div class="card bg-transparent border-0 rounded-0 shadow-none py-5 p-4 py-md-4 position-relative">
             <div class="position-relative w-100 z-1">
               <h3 class="fw-medium text-md-start text-green-1">Reacciones secundarias y adversas</h3>
               <ul class="text-start">
@@ -266,7 +266,7 @@
                   tienden a desaparecer a los pocos días.</em></p>
               <p class="mb-0"><em>Frecuencia: (ocasional -&lt;1/100, ≥1/1000 )</em></p>
             </div>
-            <div class="position-absolute img-back h-100 top-0 d-flex justify-content-center align-items-center">
+            <div class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center">
               <div class="position-relative w-100 text-center">
                 <img src="img/06.9.png" class="img-fluid">
               </div>
@@ -280,7 +280,7 @@
     <div class="container-fluid">
       <div class="row justify-content-center">
         <div class="col-12">
-          <div class="card bg-transparent border-0 rounded-0 shadow-none p-4 position-relative">
+          <div class="card bg-transparent border-0 rounded-0 shadow-none py-5 p-4 py-md-4 position-relative">
             <div class="position-relative w-100 z-1">
               <h3 class="fw-medium text-md-start text-green-1">Interacciones medicamentosas</h3>
               <p class="text-md-start">Algunos medicamentos pueden aumentar la acción de los estrógenos, como:</p>
@@ -290,10 +290,9 @@
                 <li>Carbamazepinas</li>
                 <li>Rifampicina</li>
               </ul>
-              <p><em>La existencia de interacción por vía cutánea es muy poco probable, debido a su acción </em></p>
-              <p class="mb-0"><em>local = SEGURIDAD</em></p>
+              <p><em>La existencia de interacción por vía cutánea es muy poco probable, debido a su acción local = SEGURIDAD</em></p>
             </div>
-            <div class="position-absolute img-back h-100 top-0 d-flex justify-content-center align-items-center">
+            <div class="position-absolute img-back h-100 top-0 d-none d-md-flex justify-content-center align-items-center">
               <div class="position-relative w-100 text-center">
                 <img src="img/06.10.png" class="img-fluid">
               </div>
diff --git a/Drossagyn/contenido/08.html b/Drossagyn/contenido/08.html
index 2d07bf6..4b1f4f1 100644
--- a/Drossagyn/contenido/08.html
+++ b/Drossagyn/contenido/08.html
@@ -106,7 +106,7 @@
 
   .bubble {
     position: relative;
-    background: #DD3352;
+    background: #ff3983;
     color: #FFFFFF;
     box-shadow: 5px 7px 7px -1px rgba(221 51 82 / 30%);
     text-align: center;
@@ -121,7 +121,7 @@
     width: 0;
     z-index: 1;
     border-style: solid;
-    border-color: #DD3352 transparent;
+    border-color: #ff3983 transparent;
     border-width: 0 20px 20px;
     top: -20px;
     left: 50%;
@@ -132,7 +132,7 @@
   @media (min-width: 768px) {
     .bubble:after {
       /* Hacer el triángulo hacia la izquierda: color en el borde derecho */
-      border-color: transparent #DD3352 transparent transparent;
+      border-color: transparent #ff3983 transparent transparent;
       /* top right bottom left */
       border-width: 20px 20px 20px 0;
       /* Colocar el triángulo centrado verticalmente y fuera a la izquierda */
@@ -167,7 +167,7 @@
   .option-btn:hover {
     transform: scale(.9);
     box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset !important;
-    border: 5px solid #DD3352 !important;
+    border: 5px solid #ff3983 !important;
   }
 .bannerend{
     width: 100%;
diff --git a/Drossagyn/img/01.1.png b/Drossagyn/img/01.1.png
new file mode 100644
index 0000000..f2e907e
Binary files /dev/null and b/Drossagyn/img/01.1.png differ
diff --git a/Drossagyn/img/02.3.png b/Drossagyn/img/02.3.png
new file mode 100644
index 0000000..080b433
Binary files /dev/null and b/Drossagyn/img/02.3.png differ
diff --git a/Drossagyn/img/actividad/atenciona.png b/Drossagyn/img/actividad/atenciona.png
index aef520a..3eb106c 100644
Binary files a/Drossagyn/img/actividad/atenciona.png and b/Drossagyn/img/actividad/atenciona.png differ
diff --git a/Drossagyn/img/actividad/fondo-desarrollo.jpg b/Drossagyn/img/actividad/fondo-desarrollo.jpg
index b95553e..1bddbbd 100644
Binary files a/Drossagyn/img/actividad/fondo-desarrollo.jpg and b/Drossagyn/img/actividad/fondo-desarrollo.jpg differ
diff --git a/Drossagyn/img/bg00s.jpg b/Drossagyn/img/bg00s.jpg
new file mode 100644
index 0000000..3972a7a
Binary files /dev/null and b/Drossagyn/img/bg00s.jpg differ
diff --git a/Drossagyn/img/bg05.jpg b/Drossagyn/img/bg05.jpg
index b99cbd9..1bddbbd 100644
Binary files a/Drossagyn/img/bg05.jpg and b/Drossagyn/img/bg05.jpg differ