diff --git a/Drossagyn/audio/mo/0027-Drossagyn-ob1.mp3 b/Drossagyn/audio/mo/0027-Drossagyn-ob1.mp3
new file mode 100644
index 0000000..1437326
Binary files /dev/null and b/Drossagyn/audio/mo/0027-Drossagyn-ob1.mp3 differ
diff --git a/Drossagyn/audio/mo/0029-Drossagyn-ob2.mp3 b/Drossagyn/audio/mo/0029-Drossagyn-ob2.mp3
new file mode 100644
index 0000000..158d7a8
Binary files /dev/null and b/Drossagyn/audio/mo/0029-Drossagyn-ob2.mp3 differ
diff --git a/Drossagyn/audio/mo/0031-Drossagyn-ob3.mp3 b/Drossagyn/audio/mo/0031-Drossagyn-ob3.mp3
new file mode 100644
index 0000000..f33676e
Binary files /dev/null and b/Drossagyn/audio/mo/0031-Drossagyn-ob3.mp3 differ
diff --git a/Drossagyn/audio/mo/mo01.mp3 b/Drossagyn/audio/mo/mo01.mp3
new file mode 100644
index 0000000..1abd480
Binary files /dev/null and b/Drossagyn/audio/mo/mo01.mp3 differ
diff --git a/Drossagyn/audio/mo/mo02.mp3 b/Drossagyn/audio/mo/mo02.mp3
new file mode 100644
index 0000000..15c2480
Binary files /dev/null and b/Drossagyn/audio/mo/mo02.mp3 differ
diff --git a/Drossagyn/audio/mo/mo03.mp3 b/Drossagyn/audio/mo/mo03.mp3
new file mode 100644
index 0000000..e25a18d
Binary files /dev/null and b/Drossagyn/audio/mo/mo03.mp3 differ
diff --git a/Drossagyn/audio/mo/mo04.mp3 b/Drossagyn/audio/mo/mo04.mp3
new file mode 100644
index 0000000..8ca058c
Binary files /dev/null and b/Drossagyn/audio/mo/mo04.mp3 differ
diff --git a/Drossagyn/audio/mo/mo05.mp3 b/Drossagyn/audio/mo/mo05.mp3
new file mode 100644
index 0000000..fbe2a57
Binary files /dev/null and b/Drossagyn/audio/mo/mo05.mp3 differ
diff --git a/Drossagyn/audio/mo/mo06.mp3 b/Drossagyn/audio/mo/mo06.mp3
new file mode 100644
index 0000000..39a63cb
Binary files /dev/null and b/Drossagyn/audio/mo/mo06.mp3 differ
diff --git a/Drossagyn/audio/mo/mo07.mp3 b/Drossagyn/audio/mo/mo07.mp3
new file mode 100644
index 0000000..1c086b9
Binary files /dev/null and b/Drossagyn/audio/mo/mo07.mp3 differ
diff --git a/Drossagyn/audio/mo/mo08.mp3 b/Drossagyn/audio/mo/mo08.mp3
new file mode 100644
index 0000000..6bbe8f5
Binary files /dev/null and b/Drossagyn/audio/mo/mo08.mp3 differ
diff --git a/Drossagyn/audio/mo/mo09.mp3 b/Drossagyn/audio/mo/mo09.mp3
new file mode 100644
index 0000000..31b7ddb
Binary files /dev/null and b/Drossagyn/audio/mo/mo09.mp3 differ
diff --git a/Drossagyn/audio/mo/mo10.mp3 b/Drossagyn/audio/mo/mo10.mp3
new file mode 100644
index 0000000..cbd3cfa
Binary files /dev/null and b/Drossagyn/audio/mo/mo10.mp3 differ
diff --git a/Drossagyn/audio/mo/mo11.mp3 b/Drossagyn/audio/mo/mo11.mp3
new file mode 100644
index 0000000..0d07baa
Binary files /dev/null and b/Drossagyn/audio/mo/mo11.mp3 differ
diff --git a/Drossagyn/audio/mo/mo12.mp3 b/Drossagyn/audio/mo/mo12.mp3
new file mode 100644
index 0000000..9a86b5e
Binary files /dev/null and b/Drossagyn/audio/mo/mo12.mp3 differ
diff --git a/Drossagyn/audio/mo/mo13.mp3 b/Drossagyn/audio/mo/mo13.mp3
new file mode 100644
index 0000000..fdd4e2d
Binary files /dev/null and b/Drossagyn/audio/mo/mo13.mp3 differ
diff --git a/Drossagyn/audio/mo/mo14.mp3 b/Drossagyn/audio/mo/mo14.mp3
new file mode 100644
index 0000000..a0780c0
Binary files /dev/null and b/Drossagyn/audio/mo/mo14.mp3 differ
diff --git a/Drossagyn/audio/mo/mo15.mp3 b/Drossagyn/audio/mo/mo15.mp3
new file mode 100644
index 0000000..2003b56
Binary files /dev/null and b/Drossagyn/audio/mo/mo15.mp3 differ
diff --git a/Drossagyn/config.json b/Drossagyn/config.json
index 0468429..bcf4885 100644
--- a/Drossagyn/config.json
+++ b/Drossagyn/config.json
@@ -34,6 +34,10 @@
         },
         {
           "title": "Manejo de Objeciones",
+          "content": "contenido/mo.html"
+        },
+        {
+          "title": "Actividad",
           "content": "contenido/08.html"
         },
         {
diff --git a/Drossagyn/contenido/mo.html b/Drossagyn/contenido/mo.html
new file mode 100644
index 0000000..3d3aab0
--- /dev/null
+++ b/Drossagyn/contenido/mo.html
@@ -0,0 +1,303 @@
+<style>
+  .fake {
+    background-image: url('img/mo.png');
+    background-size: cover;
+    background-position: center;
+  }
+
+  /* --- Contenedor de la Burbuja --- */
+  .speech-bubble {
+    position: relative;
+    background: #ffffff; /* Fondo blanco */
+    color: #333333; /* Texto oscuro para legibilidad */
+    border-radius: 0.5em;
+    padding: 1.5rem;
+    font-size: 1.1rem;
+    min-height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Sombra para resaltar sobre el fondo */
+    transition: all 0.3s ease-in-out;
+  }
+
+  .bubble-text {
+    line-height: 1.5;
+  }
+
+  /* --- Animaciones de Personajes (Foco visual) --- */
+  .speaker-active {
+    transform: scale(1.05);
+    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
+    transition: all 0.3s ease;
+  }
+  
+  .speaker-inactive {
+    opacity: 0.6;
+    transform: scale(0.95);
+    transition: all 0.3s ease;
+  }
+
+  /* --- COMPORTAMIENTO MOBILE (Apilamiento vertical de Bootstrap) --- */
+  @media (max-width: 767.98px) {
+    /* Apunta hacia arriba (al Médico) */
+    .speech-bubble-left::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: -20px;
+      transform: translateX(-50%);
+      border: 20px solid transparent;
+      border-width: 0 20px 20px 20px;
+      border-bottom-color: #ffffff; /* Coincide con el fondo blanco */
+      margin: 0;
+    }
+    
+    /* Apunta hacia abajo (al Representante) */
+    .speech-bubble-right::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: auto;
+      bottom: -20px;
+      transform: translateX(-50%);
+      border: 20px solid transparent;
+      border-width: 20px 20px 0 20px;
+      border-top-color: #ffffff; /* Coincide con el fondo blanco */
+      margin: 0;
+    }
+  }
+
+  /* --- COMPORTAMIENTO DESKTOP (md y superior) --- */
+  @media (min-width: 768px) {
+    /* Apunta hacia la izquierda */
+    .speech-bubble-left::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 50%;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-right-color: #ffffff; /* Coincide con el fondo blanco */
+      border-left: 0;
+      margin-top: -20px;
+      margin-left: -20px;
+      transform: none;
+    }
+
+    /* Apunta hacia la derecha */
+    .speech-bubble-right::after {
+      content: '';
+      position: absolute;
+      right: 0;
+      left: auto;
+      top: 50%;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-left-color: #ffffff; /* Coincide con el fondo blanco */
+      border-right: 0;
+      margin-top: -20px;
+      margin-right: -20px;
+      transform: none;
+    }
+  }
+</style>
+</style>
+
+<div class='page-sco py-3 py-md-4 bg-transparent'>
+  <div class='container'>
+    <div class='row justify-content-center align-items-center'>
+      <div class='col-12 anim0'>
+        <div class='row justify-content-center align-items-center'>
+          
+          <div class='col-12 text-center'>
+            <h2 class='mb-4 fw-semibold text-center'>Manejo de Objeciones</h2>
+          </div>
+          
+          <!-- Avatar Médico -->
+          <div class='col-6 col-md-3 text-center'>
+            <img src='img/med.png' class='img-fluid speaker-inactive' alt='Médico' id="medico">
+          </div>
+          
+          <!-- Contenedor Dinámico de Diálogo -->
+          <div class='col-12 col-md-6 text-center'>
+            <div id="dialogue-bubble" class="speech-bubble">
+              <div id="dialogue-text" class="bubble-text">
+                <!-- El texto se inyecta dinámicamente mediante JS -->
+              </div>
+            </div>
+          </div>
+          
+          <!-- Avatar Representante -->
+          <div class='col-6 col-md-3 text-center'>
+            <img src='img/rep.png' class='img-fluid speaker-inactive' alt='Representante' id="rep">
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  /**
+   * Módulo de Diálogo Interactivo
+   * Orquesta la secuencia de texto y audio, manipulando el DOM según el hablante activo.
+   */
+  $(function () {
+    "use strict";
+    
+    $('body').addClass('fake');
+    
+    // Configuración de la secuencia del diálogo
+    const mo = [
+      {
+        text: "No utilizo Drossagyn porque la terapia hormonal aumenta el riesgo de cáncer (principalmente de mama) en las pacientes.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/0027-Drossagyn-ob1.mp3') : null,
+        img: '#medico'
+      },
+      {
+        text: "Doctor, entiendo perfectamente esa preocupación, porque durante muchos años el tema del riesgo oncológico asociado a la terapia hormonal generó mucha cautela en la práctica clínica.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo01.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Sin embargo, en los últimos años la evidencia ha permitido confirmar la seguridad de la terapia hormonal.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo02.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "De hecho, este cambio de perspectiva fue tan contundente que en 2025 la FDA retiró las advertencias de seguridad, precisamente porque la evidencia acumulada permitió redefinir el verdadero perfil riesgo-beneficio de estas terapias.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo03.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Además, cuando hablamos de Drossagyn, estamos hablando de estriol administrado por vía local; la absorción sistémica es mínima, con concentraciones plasmáticas muy bajas, insuficientes para generar la exposición hormonal sostenida que en el pasado se asociaba a preocupación oncológica en las terapias sistémicas.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo04.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Al mismo tiempo, la administración local de Drossagyn logra una excelente eficacia sobre los tejidos vaginales, restaurando el grosor epitelial, la elasticidad y la lubricación, con un impacto clínico muy claro sobre los síntomas y la calidad de vida de la paciente.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo05.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Mis pacientes, en general, tienen mala adherencia a tratamientos con cremas vaginales.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/0029-Drossagyn-ob2.mp3') : null,
+        img: '#medico'
+      },
+      {
+        text: "Entiendo, doctor, de acuerdo con lo que me comenta, que algunas pacientes pueden tener dudas iniciales sobre la aplicación vaginal",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo06.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Sin embargo, cuando experimentan la mejoría directa en síntomas como resequedad, ardor o dispareunia, la adherencia mejora significativamente.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo07.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Drossagyn actúa directamente en el tejido afectado, lo que permite una recuperación más fisiológica y eficaz del epitelio vaginal, favoreciendo que la paciente perciba el beneficio y continúe el tratamiento.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo08.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "¿No le parece que valdría mucho la pena transmitir a sus pacientes los beneficios que pueden obtener en relación con su calidad de vida con el uso de Drossagyn?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo09.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Reconozco la importancia de la terapia hormonal local, sin embargo, me funciona muy bien Ovestin. ¿Por qué cambiaría?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/0031-Drossagyn-ob3.mp3') : null,
+        img: '#medico'
+      },
+      {
+        text: "Doctor, gracias por su comentario.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo10.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Entiendo con esto que ya cuenta con experiencia en el uso de estriol local. Permítame mencionarle una de las ventajas de Drossagyn: ofrece estriol en una formulación farmacéutica desarrollada bajo estándares europeos y con el respaldo científico de Besins Healthcare, líder global en salud hormonal femenina.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo11.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Esto le permite contar con una opción confiable dentro de un portafolio especializado en el manejo del síndrome genitourinario de la menopausia. Aunado a lo anterior, Drossagyn es una crema muy ligera y de fácil aplicación que no dejará residuos molestos en la paciente.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo12.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Un beneficio adicional es que su presentación cubrirá los 3 meses iniciales de tratamiento indicados por las guías para tratar los síntomas genitourinarios de la menopausia.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo13.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Sin duda, es un tema que puede llamar la atención de sus pacientes.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo14.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "¿no le parece, Doctor?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo15.mp3') : null,
+        img: '#rep'
+      },
+    ];
+
+    // Caché de elementos del DOM
+    const $bubble = $('#dialogue-bubble');
+    const $text = $('#dialogue-text');
+    const $medico = $('#medico');
+    const $rep = $('#rep');
+
+    /**
+     * Ejecuta un nodo de diálogo recursivamente hasta finalizar el array.
+     * @param {number} index - Índice actual de la conversación.
+     */
+    function playDialogueStep(index) {
+      // Condición de cierre: Secuencia terminada
+      if (index >= mo.length) {
+        if (typeof CourseNav !== 'undefined' && typeof CourseNav.completeLesson === 'function') {
+          CourseNav.setSlideVisited();
+        }
+        return;
+      }
+
+      const currentStep = mo[index];
+
+      // 1. Actualizar texto con transición limpia
+      $text.hide().html(`<p class="mb-0 m-0">${currentStep.text}</p>`).fadeIn(300);
+
+      // 2. Gestionar la orientación de la burbuja y el foco en los personajes
+      if (currentStep.img === '#medico') {
+        $bubble.removeClass('speech-bubble-right').addClass('speech-bubble-left');
+        $medico.removeClass('speaker-inactive').addClass('speaker-active');
+        $rep.removeClass('speaker-active').addClass('speaker-inactive');
+      } else if (currentStep.img === '#rep') {
+        $bubble.removeClass('speech-bubble-left').addClass('speech-bubble-right');
+        $rep.removeClass('speaker-inactive').addClass('speaker-active');
+        $medico.removeClass('speaker-active').addClass('speaker-inactive');
+      }
+
+      // 3. Reproducir audio e instanciar el listener recursivo
+      if (typeof CourseNav !== 'undefined' && CourseNav.audioController && currentStep.sound) {
+        CourseNav.audioController.stopAllSoundsAndPlay(currentStep.sound);
+        
+        // Asumiendo que CourseNav utiliza Howler.js u otra API basada en eventos (on/once)
+        currentStep.sound.once("end", function () {
+          playDialogueStep(index + 1);
+        });
+      } else {
+        // Fallback para entornos de desarrollo donde el audio no esté cargado
+        console.warn(`[Modo Desarrollo]: Simulando delay para el audio de: ${currentStep.img}`);
+        setTimeout(() => {
+          playDialogueStep(index + 1);
+        }, 4000); 
+      }
+    }
+
+    // Inicializar el diálogo
+    playDialogueStep(0);
+  });
+</script>
\ No newline at end of file
diff --git a/Drossagyn/img/med.png b/Drossagyn/img/med.png
new file mode 100644
index 0000000..0128854
Binary files /dev/null and b/Drossagyn/img/med.png differ
diff --git a/Drossagyn/img/mo.png b/Drossagyn/img/mo.png
new file mode 100644
index 0000000..bedee89
Binary files /dev/null and b/Drossagyn/img/mo.png differ
diff --git a/Drossagyn/img/rep.png b/Drossagyn/img/rep.png
new file mode 100644
index 0000000..b4c6396
Binary files /dev/null and b/Drossagyn/img/rep.png differ
diff --git a/Drossagyn/index.html b/Drossagyn/index.html
index 651f28d..38c03d3 100644
--- a/Drossagyn/index.html
+++ b/Drossagyn/index.html
@@ -1,160 +1,212 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="es">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <meta name="theme-color" content="#FFA300" />
-    <meta name="mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-    <link rel="icon" href="img/favicon.ico" />
-    <title></title>
-    <link rel="stylesheet" href="css/all.css" />
-    <link rel="stylesheet" href="css/animate.css" />
-    <link rel="stylesheet" href="css/sweetalert2.min.css" />
-    <link rel="stylesheet" href="css/swiper-bundle.min.css" />
-    <link rel="stylesheet" href="css/driver.css" />
-    <link rel="stylesheet" href="font/roboto/stylesheet.css">
-    <link rel="stylesheet" href="css/theme.min.css" />
-    <link rel="stylesheet" href="css/sal.css">
-    <link rel="stylesheet" href="css/style.min.css" />
-  </head>
-  <body>
-    <!-- HEADER -->
-    <header>
-      <nav class="navbar navbar-light  sticky-top shadow-sm py-0 bg-variacolor" id="coursenav-navbar">
-        <div class="container-fluid d-flex flex-wrap flex-md-row align-items-center ps-0 pe-3 gap-2 gap-md-1">
-          <!-- Logo -->
-          <a class="navbar-brand p-0 disabled order-1" href="#">
-            <img src="img/template/logo.svg" width="180" alt="Logo" />
-          </a>
-          <div id="titleSco" class="flex-grow-1 title_head_sco text-center text-white fw-bold fs-5 order-3 order-md-2"></div>
-          <div class="d-flex align-items-center text-white order-2 order-md-3 ms-auto">
-            <!-- <button class="btn-glossary controls-btn me-2" id="btn-glossary" aria-label="Glossary">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+        <meta name="theme-color" content="#FFA300" />
+        <meta name="mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+        <link rel="icon" href="img/favicon.ico" />
+        <title></title>
+        <link rel="stylesheet" href="css/all.css" />
+        <link rel="stylesheet" href="css/animate.css" />
+        <link rel="stylesheet" href="css/sweetalert2.min.css" />
+        <link rel="stylesheet" href="css/swiper-bundle.min.css" />
+        <link rel="stylesheet" href="css/driver.css" />
+        <link rel="stylesheet" href="font/roboto/stylesheet.css" />
+        <link rel="stylesheet" href="css/theme.min.css" />
+        <link rel="stylesheet" href="css/sal.css" />
+        <link rel="stylesheet" href="css/style.min.css" />
+    </head>
+    <body>
+        <!-- HEADER -->
+        <header>
+            <nav class="navbar navbar-light sticky-top shadow-sm py-0 bg-variacolor" id="coursenav-navbar">
+                <div class="container-fluid d-flex flex-wrap flex-md-row align-items-center ps-0 pe-3 gap-2 gap-md-1">
+                    <!-- Logo -->
+                    <a class="navbar-brand p-0 disabled order-1" href="#">
+                        <img src="img/template/logo.svg" width="180" alt="Logo" />
+                    </a>
+                    <div
+                        id="titleSco"
+                        class="flex-grow-1 title_head_sco text-center text-white fw-bold fs-5 order-3 order-md-2"
+                    ></div>
+                    <div class="d-flex align-items-center text-white order-2 order-md-3 ms-auto">
+                        <!-- <button class="btn-glossary controls-btn me-2" id="btn-glossary" aria-label="Glossary">
               <i class="fa-regular fa-book-section fa-xl"></i>
             </button> -->
-            <!-- Audio Control -->
-            <button id="coursenav-audio-control" class="btn controls-btn me-2" aria-label="Toggle audio">
-              <div class="position-relative">
-                <svg viewBox="0 0 100 100" class="w-100 h-100">
-                  <circle cx="50" cy="50" r="45" stroke="#f7f7f7" stroke-width="10" fill="none" />
-                  <circle id="coursenav-progress-circle" cx="50" cy="50" r="45" stroke="#009ace" stroke-width="10" fill="none" stroke-dasharray="283" stroke-dashoffset="283" />
-                </svg>
-                <i id="coursenav-audio-icon" class="fa-duotone fa-solid fa-volume"></i>
-              </div>
-            </button>
-            <!-- Offcanvas Toggle -->
-            <button
-              class="btn controls-btn"
-              id="menu-toggle"
-              type="button"
-              data-bs-toggle="offcanvas"
-              data-bs-target="#coursenav-offcanvas"
-              aria-controls="coursenav-offcanvas"
-              aria-label="Open navigation"
-            >
-              <i class="fa-duotone fa-solid fa-bars-staggered fa-lg"></i>
-            </button>
-          </div>
-        </div>
-      </nav>
-    </header>
+                        <!-- Audio Control -->
+                        <button id="coursenav-audio-control" class="btn controls-btn me-2" aria-label="Toggle audio">
+                            <div class="position-relative">
+                                <svg viewBox="0 0 100 100" class="w-100 h-100">
+                                    <circle cx="50" cy="50" r="45" stroke="#f7f7f7" stroke-width="10" fill="none" />
+                                    <circle
+                                        id="coursenav-progress-circle"
+                                        cx="50"
+                                        cy="50"
+                                        r="45"
+                                        stroke="#009ace"
+                                        stroke-width="10"
+                                        fill="none"
+                                        stroke-dasharray="283"
+                                        stroke-dashoffset="283"
+                                    />
+                                </svg>
+                                <i id="coursenav-audio-icon" class="fa-duotone fa-solid fa-volume"></i>
+                            </div>
+                        </button>
+                        <!-- Offcanvas Toggle -->
+                        <button
+                            class="btn controls-btn"
+                            id="menu-toggle"
+                            type="button"
+                            data-bs-toggle="offcanvas"
+                            data-bs-target="#coursenav-offcanvas"
+                            aria-controls="coursenav-offcanvas"
+                            aria-label="Open navigation"
+                        >
+                            <i class="fa-duotone fa-solid fa-bars-staggered fa-lg"></i>
+                        </button>
+                    </div>
+                </div>
+            </nav>
+        </header>
 
-    <!-- OFFCANVAS DESDE DERECHA -->
-    <div class="offcanvas offcanvas-end bg-green-1 text-white" tabindex="-1" id="coursenav-offcanvas" aria-labelledby="coursenav-offcanvas-label">
-      <div class="offcanvas-header">
-        <h5 id="coursenav-offcanvas-label" class="offcanvas-title">Índice</h5>
-        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-      </div>
-      <div class="offcanvas-body d-flex flex-column p-0">
-        <!-- Menú principal -->
-        <nav id="coursenav-main-menu" class="course-menu flex-grow-1 overflow-auto px-3 text-dark">
-          <!-- buildMenu() inyecta aquí -->
-        </nav>
-        <!-- Progreso -->
-        <div class="w-100 px-3 pb-3" id="wrap-progress-course">
-          <span class="small">Progreso</span>
-          <div class="progress" style="height: 20px">
-            <div
-              id="coursenav-progress-bar"
-              class="progress-bar progress-bar-striped progress-bar-animated bg-success"
-              role="progressbar"
-              style="width: 0%"
-              aria-valuenow="0"
-              aria-valuemin="0"
-              aria-valuemax="100"
-            >
-              0%
+        <!-- OFFCANVAS DESDE DERECHA -->
+        <div
+            class="offcanvas offcanvas-end bg-green-1 text-white"
+            tabindex="-1"
+            id="coursenav-offcanvas"
+            aria-labelledby="coursenav-offcanvas-label"
+        >
+            <div class="offcanvas-header">
+                <h5 id="coursenav-offcanvas-label" class="offcanvas-title">Índice</h5>
+                <button
+                    type="button"
+                    class="btn-close text-reset"
+                    data-bs-dismiss="offcanvas"
+                    aria-label="Close"
+                ></button>
+            </div>
+            <div class="offcanvas-body d-flex flex-column p-0">
+                <!-- Menú principal -->
+                <nav id="coursenav-main-menu" class="course-menu flex-grow-1 overflow-auto px-3 text-dark">
+                    <!-- buildMenu() inyecta aquí -->
+                </nav>
+                <!-- Progreso -->
+                <div class="w-100 px-3 pb-3" id="wrap-progress-course">
+                    <span class="small">Progreso</span>
+                    <div class="progress" style="height: 20px">
+                        <div
+                            id="coursenav-progress-bar"
+                            class="progress-bar progress-bar-striped progress-bar-animated bg-success"
+                            role="progressbar"
+                            style="width: 0%"
+                            aria-valuenow="0"
+                            aria-valuemin="0"
+                            aria-valuemax="100"
+                        >
+                            0%
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
-    </div>
 
-    <!-- CONTENIDO DINÁMICO -->
-    <main id="coursenav-main-content"></main>
+        <!-- CONTENIDO DINÁMICO -->
+        <main id="coursenav-main-content"></main>
 
-    <!-- FOOTER -->
-    <footer class="mt-auto py-1 d-flex flex-wrap justify-content-center align-items-center gap-2 gap-md-3 px-2 px-md-4" style="background-color: rgba(220, 220, 220, .7);">
-      <div class="aviso-privacidad flex-fill flex-md-none order-2 order-md-1">
-        <p class="mb-0 small text-center text-md-start">Uso exclusivo de capacitación interna, prohibida su reproducción y/o distribución</p>
-      </div>
-      <div class="d-flex justify-content-center align-items-center gap-3 position-relative ms-md-auto flex-fill flex-md-none order-1 order-md-2">
-        <button id="coursenav-prev-btn" class="coursenav-btn-navigation bg-green-1 text-white" data-bs-toggle="tooltip"
-          title="Anterior">
-          <i class="fa-solid fa-arrow-down fa-rotate-90"></i>
-        </button>
-        <div id="pagination" class="paginacion_sco fw-bold"></div>
-        <button id="coursenav-next-btn" class="coursenav-btn-navigation bg-green-1 text-white" data-bs-toggle="tooltip"
-          title="Siguiente">
-          <i class="fa-solid fa-arrow-down fa-rotate-270"></i>
-        </button>
-      </div>
-    </footer>
+        <!-- FOOTER -->
+        <footer
+            class="mt-auto py-1 d-flex flex-wrap justify-content-center align-items-center gap-2 gap-md-3 px-2 px-md-4"
+            style="background-color: rgba(220, 220, 220, 0.7)"
+        >
+            <div class="aviso-privacidad flex-fill flex-md-none order-2 order-md-1">
+                <p class="mb-0 small text-center text-md-start">
+                    Uso exclusivo de capacitación interna, prohibida su reproducción y/o distribución
+                </p>
+            </div>
+            <div
+                class="d-flex justify-content-center align-items-center gap-3 position-relative ms-md-auto flex-fill flex-md-none order-1 order-md-2"
+            >
+                <button
+                    id="coursenav-prev-btn"
+                    class="coursenav-btn-navigation bg-green-1 text-white"
+                    data-bs-toggle="tooltip"
+                    title="Anterior"
+                >
+                    <i class="fa-solid fa-arrow-down fa-rotate-90"></i>
+                </button>
+                <div id="pagination" class="paginacion_sco fw-bold"></div>
+                <button
+                    id="coursenav-next-btn"
+                    class="coursenav-btn-navigation bg-green-1 text-white"
+                    data-bs-toggle="tooltip"
+                    title="Siguiente"
+                >
+                    <i class="fa-solid fa-arrow-down fa-rotate-270"></i>
+                </button>
+            </div>
+        </footer>
 
-    <!-- LOADER -->
-    <div id="coursenav-loader-course" class="position-absolute top-0 start-0 w-100 h-100">
-      <div class="d-flex justify-content-center align-items-center h-100 text-primary">
-        <i class="fa-duotone fa-solid fa-spinner-third fa-spin fa-2xl"></i>
-      </div>
-    </div>
-
-    <!-- Offcanvas: inicialmente vacío -->
-    <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasGlossary" aria-labelledby="offcanvasGlossaryLabel">
-      <div class="offcanvas-header">
-        <h1 class="offcanvas-title text-danger text-center amor fw-bold" id="offcanvasGlossaryLabel" style="width: 90%;">
-          OGestan<sup>®</sup> Plus
-        </h1>
-        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Cerrar"></button>
-      </div>
-      <div class="offcanvas-body overflow-auto">
-        <!-- Aquí irá el contenido de manual_pld_ft.html -->
-        <div class="text-center py-5">
-          <div class="spinner-border text-primary" role="status">
-            <span class="visually-hidden">Cargando...</span>
-          </div>
+        <!-- LOADER -->
+        <div id="coursenav-loader-course" class="position-absolute top-0 start-0 w-100 h-100">
+            <div class="d-flex justify-content-center align-items-center h-100 text-primary">
+                <i class="fa-duotone fa-solid fa-spinner-third fa-spin fa-2xl"></i>
+            </div>
         </div>
-      </div>
-    </div>
 
-    <!-- SCRIPTS -->
-    <script src="js/jquery-3.7.1.min.js"></script>
-    <script src="js/swiper-bundle.min.js"></script>
-    <script src="js/bootstrap.bundle.min.js"></script>
-    <script src="js/howler.min.js"></script>
-    <script src="js/sweetalert2.min.js"></script>
-    <script src="js/SCORM_API_wrapper.js"></script>
-    <script src="js/gsap.min.js"></script>
-    <script src="js/driver.js.iife.js"></script>
-    <script src="js/jquery-ui.min.js"></script>
-    <script src="js/jquery.ui.touch-punch.min.js"></script>
-    <script src="js/jquery.flip.min.js"></script>
-    <script src="js/xlsx.full.min.js"></script>
-    <script src="js/sal.js"></script>
-    <!-- Configuración del curso -->
-    <script src="js/config.min.js" defer></script>
-    <!-- librería principal -->
-    <script src="js/coursenav.min.js" defer></script>
-  </body>
+        <!-- Offcanvas: inicialmente vacío -->
+        <div
+            class="offcanvas offcanvas-end"
+            tabindex="-1"
+            id="offcanvasGlossary"
+            aria-labelledby="offcanvasGlossaryLabel"
+        >
+            <div class="offcanvas-header">
+                <h1
+                    class="offcanvas-title text-danger text-center amor fw-bold"
+                    id="offcanvasGlossaryLabel"
+                    style="width: 90%"
+                >
+                    OGestan<sup>®</sup> Plus
+                </h1>
+                <button
+                    type="button"
+                    class="btn-close text-reset"
+                    data-bs-dismiss="offcanvas"
+                    aria-label="Cerrar"
+                ></button>
+            </div>
+            <div class="offcanvas-body overflow-auto">
+                <!-- Aquí irá el contenido de manual_pld_ft.html -->
+                <div class="text-center py-5">
+                    <div class="spinner-border text-primary" role="status">
+                        <span class="visually-hidden">Cargando...</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- SCRIPTS -->
+        <script src="js/jquery-3.7.1.min.js"></script>
+        <script src="js/swiper-bundle.min.js"></script>
+        <script src="js/bootstrap.bundle.min.js"></script>
+        <script src="js/howler.min.js"></script>
+        <script src="js/sweetalert2.min.js"></script>
+        <script src="js/SCORM_API_wrapper.js"></script>
+        <script src="js/gsap.min.js"></script>
+        <script src="js/driver.js.iife.js"></script>
+        <script src="js/jquery-ui.min.js"></script>
+        <script src="js/jquery.ui.touch-punch.min.js"></script>
+        <script src="js/jquery.flip.min.js"></script>
+        <script src="js/xlsx.full.min.js"></script>
+        <script src="js/sal.js"></script>
+        <!-- Configuración del curso -->
+        <script src="js/config.min.js" defer></script>
+        <!-- librería principal -->
+        <script src="js/coursenav.min.js" defer></script>
+    </body>
 </html>
diff --git a/Drossagyn/manejoDeObjeciones.xlsx b/Drossagyn/manejoDeObjeciones.xlsx
index 70fe117..7ae9507 100644
Binary files a/Drossagyn/manejoDeObjeciones.xlsx and b/Drossagyn/manejoDeObjeciones.xlsx differ
diff --git a/OgestanPlus/OgestanPlus.code-workspace b/OgestanPlus/OgestanPlus.code-workspace
index e800e25..61bf1e7 100644
--- a/OgestanPlus/OgestanPlus.code-workspace
+++ b/OgestanPlus/OgestanPlus.code-workspace
@@ -4,5 +4,7 @@
 			"path": "."
 		}
     ],
-    "settings": {}
+		"settings": {
+			"liveServer.settings.port": 5501
+		}
 }
diff --git a/OgestanPlus/OgestanPlus.zip b/OgestanPlus/OgestanPlus.zip
deleted file mode 100644
index 11022dd..0000000
Binary files a/OgestanPlus/OgestanPlus.zip and /dev/null differ
diff --git a/OgestanPlus/audio/mo/0026-objecion_1_ogestanplus.mp3 b/OgestanPlus/audio/mo/0026-objecion_1_ogestanplus.mp3
new file mode 100644
index 0000000..be6be52
Binary files /dev/null and b/OgestanPlus/audio/mo/0026-objecion_1_ogestanplus.mp3 differ
diff --git a/OgestanPlus/audio/mo/mo01.mp3 b/OgestanPlus/audio/mo/mo01.mp3
new file mode 100644
index 0000000..9309842
Binary files /dev/null and b/OgestanPlus/audio/mo/mo01.mp3 differ
diff --git a/OgestanPlus/audio/mo/mo02.mp3 b/OgestanPlus/audio/mo/mo02.mp3
new file mode 100644
index 0000000..c75d9ad
Binary files /dev/null and b/OgestanPlus/audio/mo/mo02.mp3 differ
diff --git a/OgestanPlus/audio/mo/mo03.mp3 b/OgestanPlus/audio/mo/mo03.mp3
new file mode 100644
index 0000000..91d1bf1
Binary files /dev/null and b/OgestanPlus/audio/mo/mo03.mp3 differ
diff --git a/OgestanPlus/audio/mo/mo04.mp3 b/OgestanPlus/audio/mo/mo04.mp3
new file mode 100644
index 0000000..d27570b
Binary files /dev/null and b/OgestanPlus/audio/mo/mo04.mp3 differ
diff --git a/OgestanPlus/audio/mo/mo05.mp3 b/OgestanPlus/audio/mo/mo05.mp3
new file mode 100644
index 0000000..6b52002
Binary files /dev/null and b/OgestanPlus/audio/mo/mo05.mp3 differ
diff --git a/OgestanPlus/audio/mo/mo06.mp3 b/OgestanPlus/audio/mo/mo06.mp3
new file mode 100644
index 0000000..e640494
Binary files /dev/null and b/OgestanPlus/audio/mo/mo06.mp3 differ
diff --git a/OgestanPlus/audio/mo/mo07.mp3 b/OgestanPlus/audio/mo/mo07.mp3
new file mode 100644
index 0000000..a0a7d9f
Binary files /dev/null and b/OgestanPlus/audio/mo/mo07.mp3 differ
diff --git a/OgestanPlus/audio/mo/mo08.mp3 b/OgestanPlus/audio/mo/mo08.mp3
new file mode 100644
index 0000000..f3d6da9
Binary files /dev/null and b/OgestanPlus/audio/mo/mo08.mp3 differ
diff --git a/OgestanPlus/config.json b/OgestanPlus/config.json
index 0af656f..faf789a 100644
--- a/OgestanPlus/config.json
+++ b/OgestanPlus/config.json
@@ -1,42 +1,46 @@
 {
-  "title": "OGestan® Plus",
-  "modules": [
-    {
-      "title": "Contenido",
-      "topics": [
+    "title": "OGestan® Plus",
+    "modules": [
         {
-          "title": "Bienvenida y Objetivo General",
-          "content": "contenido/01.html"
-        },
-        {
-          "title": "La familia OGestan<sup>®</sup>",
-          "content": "contenido/02.html"
-        },
-        {
-          "title": "¿Qué es OGestan<sup>®</sup> Plus?",
-          "content": "contenido/03.html"
-        },
-        {
-          "title": "Beneficios",
-          "content": "contenido/04.html"
-        },
-        {
-          "title": "Información Nutricional",
-          "content": "contenido/05.html"
-        },
-        {
-          "title": "Competencia",
-          "content": "contenido/06.html"
-        },
-        {
-          "title": "Manejo de Objeciones",
-          "content": "contenido/07.html"
-        },
-        {
-          "title": "Cierre",
-          "content": "contenido/08.html"
+            "title": "Contenido",
+            "topics": [
+                {
+                    "title": "Bienvenida y Objetivo General",
+                    "content": "contenido/01.html"
+                },
+                {
+                    "title": "La familia OGestan<sup>®</sup>",
+                    "content": "contenido/02.html"
+                },
+                {
+                    "title": "¿Qué es OGestan<sup>®</sup> Plus?",
+                    "content": "contenido/03.html"
+                },
+                {
+                    "title": "Beneficios",
+                    "content": "contenido/04.html"
+                },
+                {
+                    "title": "Información Nutricional",
+                    "content": "contenido/05.html"
+                },
+                {
+                    "title": "Competencia",
+                    "content": "contenido/06.html"
+                },
+                {
+                    "title": "Manejo de Objeciones",
+                    "content": "contenido/mo.html"
+                },
+                {
+                    "title": "Actividad de aprendizaje",
+                    "content": "contenido/07.html"
+                },
+                {
+                    "title": "Cierre",
+                    "content": "contenido/08.html"
+                }
+            ]
         }
-      ]
-    }
-  ]
+    ]
 }
diff --git a/OgestanPlus/contenido/mo.html b/OgestanPlus/contenido/mo.html
new file mode 100644
index 0000000..1b95b76
--- /dev/null
+++ b/OgestanPlus/contenido/mo.html
@@ -0,0 +1,259 @@
+<style>
+  .fake {
+    background-image: url('img/mo.png');
+    background-size: cover;
+    background-position: center;
+  }
+
+  /* --- Contenedor de la Burbuja --- */
+  .speech-bubble {
+    position: relative;
+    background: #ffffff; /* Fondo blanco */
+    color: #333333; /* Texto oscuro para legibilidad */
+    border-radius: 0.5em;
+    padding: 1.5rem;
+    font-size: 1.1rem;
+    min-height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Sombra para resaltar sobre el fondo */
+    transition: all 0.3s ease-in-out;
+  }
+
+  .bubble-text {
+    line-height: 1.5;
+  }
+
+  /* --- Animaciones de Personajes (Foco visual) --- */
+  .speaker-active {
+    transform: scale(1.05);
+    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
+    transition: all 0.3s ease;
+  }
+
+  .speaker-inactive {
+    opacity: 0.6;
+    transform: scale(0.95);
+    transition: all 0.3s ease;
+  }
+
+  /* --- COMPORTAMIENTO MOBILE (Apilamiento vertical de Bootstrap) --- */
+  @media (max-width: 767.98px) {
+    /* Apunta hacia arriba (al Médico) */
+    .speech-bubble-left::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: -20px;
+      transform: translateX(-50%);
+      border: 20px solid transparent;
+      border-width: 0 20px 20px 20px;
+      border-bottom-color: #ffffff; /* Coincide con el fondo blanco */
+      margin: 0;
+    }
+
+    /* Apunta hacia abajo (al Representante) */
+    .speech-bubble-right::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: auto;
+      bottom: -20px;
+      transform: translateX(-50%);
+      border: 20px solid transparent;
+      border-width: 20px 20px 0 20px;
+      border-top-color: #ffffff; /* Coincide con el fondo blanco */
+      margin: 0;
+    }
+  }
+
+  /* --- COMPORTAMIENTO DESKTOP (md y superior) --- */
+  @media (min-width: 768px) {
+    /* Apunta hacia la izquierda */
+    .speech-bubble-left::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 50%;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-right-color: #ffffff; /* Coincide con el fondo blanco */
+      border-left: 0;
+      margin-top: -20px;
+      margin-left: -20px;
+      transform: none;
+    }
+
+    /* Apunta hacia la derecha */
+    .speech-bubble-right::after {
+      content: '';
+      position: absolute;
+      right: 0;
+      left: auto;
+      top: 50%;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-left-color: #ffffff; /* Coincide con el fondo blanco */
+      border-right: 0;
+      margin-top: -20px;
+      margin-right: -20px;
+      transform: none;
+    }
+  }
+</style>
+</style>
+
+<div class='page-sco py-3 py-md-4 bg-transparent'>
+  <div class='container'>
+    <div class='row justify-content-center align-items-center'>
+      <div class='col-12 anim0'>
+        <div class='row justify-content-center align-items-center'>
+
+          <div class='col-12 text-center'>
+            <h2 class='mb-4 fw-semibold text-center'>Manejo de Objeciones</h2>
+          </div>
+
+          <!-- Avatar Médico -->
+          <div class='col-6 col-md-3 text-center'>
+            <img src='img/med.png' class='img-fluid speaker-inactive' alt='Médico' id="medico">
+          </div>
+
+          <!-- Contenedor Dinámico de Diálogo -->
+          <div class='col-12 col-md-6 text-center'>
+            <div id="dialogue-bubble" class="speech-bubble">
+              <div id="dialogue-text" class="bubble-text">
+                <!-- El texto se inyecta dinámicamente mediante JS -->
+              </div>
+            </div>
+          </div>
+
+          <!-- Avatar Representante -->
+          <div class='col-6 col-md-3 text-center'>
+            <img src='img/rep.png' class='img-fluid speaker-inactive' alt='Representante' id="rep">
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  /**
+   * Módulo de Diálogo Interactivo
+   * Orquesta la secuencia de texto y audio, manipulando el DOM según el hablante activo.
+   */
+  $(function () {
+    "use strict";
+
+    $('body').addClass('fake');
+
+    // Configuración de la secuencia del diálogo
+    const mo = [
+      {
+        text: "¿Por qué Ogestan Plus tiene tan poca cantidad de hierro bisglicinato?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/0026-objecion_1_ogestanplus.mp3') : null,
+        img: '#medico'
+      },
+      {
+        text: "Doctor, comprendo que la cantidad de hierro en la formulación de Ogestan Plus llame su atención.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo01.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Permítame compartirle que esta corresponde a la cantidad óptima que debe contener un suplemento alimenticio como lo es Ogestan Plus. Este producto no fue formulado como un medicamento para corregir una anemia ferropénica establecida ni como tratamiento de una deficiencia diagnosticada; para esos casos, por supuesto, usted requerirá esquemas terapéuticos específicos con dosis más altas según el perfil clínico de la paciente.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo02.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Ogestan Plus está pensado como una suplementación complementaria y de mantenimiento para mujeres en etapa de embarazo e incluso en lactancia, buscando cubrir los requerimientos fisiológicos diarios al sumarse a la alimentación habitual, pero evitando la sobrecarga gastrointestinal que suele comprometer la adherencia, a diferencia de otros hierros como el sulfato ferroso, por ejemplo.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo03.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Sabemos que la ingesta dietética recomendada de hierro durante el embarazo es de 27 mg al día.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo04.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "En una paciente sin deficiencia previa, una dieta promedio suele aportar entre 12 y 15 mg diarios.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo05.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Por eso, al aportar 14 mg de hierro bisglicinato, Ogestan Plus permite alcanzar un total cercano a los 27-30 mg diarios, que es justamente el rango fisiológico recomendado para acompañar el embarazo de forma preventiva. Además, no se trata solo de la cantidad, sino de la forma química. ",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo06.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "El hierro bisglicinato tiene una biodisponibilidad superior y una tolerancia digestiva considerablemente mejor que otras sales tradicionales, lo que favorece el apego al tratamiento por parte de las pacientes. Con Ogestan Plus estará seguro y con la tranquilidad de que sus pacientes no cursarán con síntomas gastrointestinales molestos como náusea, diarrea o estreñimiento, por mencionar algunos.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo07.mp3') : null,
+        img: '#rep'
+      }
+      ,
+      {
+        text: "Entonces, más que pensar en 'poca cantidad', la pregunta sería: ¿es la dosis fisiológicamente suficiente, bien tolerada y sostenible durante todo el embarazo? Ogestan Plus está diseñado para ofrecer justo ese equilibrio entre eficacia preventiva, biodisponibilidad y adherencia. Interesante, ¿no le parece, doctor?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo08.mp3') : null,
+        img: '#rep'
+      }
+    ];
+
+    // Caché de elementos del DOM
+    const $bubble = $('#dialogue-bubble');
+    const $text = $('#dialogue-text');
+    const $medico = $('#medico');
+    const $rep = $('#rep');
+
+    /**
+     * Ejecuta un nodo de diálogo recursivamente hasta finalizar el array.
+     * @param {number} index - Índice actual de la conversación.
+     */
+    function playDialogueStep(index) {
+      // Condición de cierre: Secuencia terminada
+      if (index >= mo.length) {
+        if (typeof CourseNav !== 'undefined' && typeof CourseNav.completeLesson === 'function') {
+          CourseNav.setSlideVisited();
+        }
+        return;
+      }
+
+      const currentStep = mo[index];
+
+      // 1. Actualizar texto con transición limpia
+      $text.hide().html(`<p class="mb-0 m-0">${currentStep.text}</p>`).fadeIn(300);
+
+      // 2. Gestionar la orientación de la burbuja y el foco en los personajes
+      if (currentStep.img === '#medico') {
+        $bubble.removeClass('speech-bubble-right').addClass('speech-bubble-left');
+        $medico.removeClass('speaker-inactive').addClass('speaker-active');
+        $rep.removeClass('speaker-active').addClass('speaker-inactive');
+      } else if (currentStep.img === '#rep') {
+        $bubble.removeClass('speech-bubble-left').addClass('speech-bubble-right');
+        $rep.removeClass('speaker-inactive').addClass('speaker-active');
+        $medico.removeClass('speaker-active').addClass('speaker-inactive');
+      }
+
+      // 3. Reproducir audio e instanciar el listener recursivo
+      if (typeof CourseNav !== 'undefined' && CourseNav.audioController && currentStep.sound) {
+        CourseNav.audioController.stopAllSoundsAndPlay(currentStep.sound);
+
+        // Asumiendo que CourseNav utiliza Howler.js u otra API basada en eventos (on/once)
+        currentStep.sound.once("end", function () {
+          playDialogueStep(index + 1);
+        });
+      } else {
+        // Fallback para entornos de desarrollo donde el audio no esté cargado
+        console.warn(`[Modo Desarrollo]: Simulando delay para el audio de: ${currentStep.img}`);
+        setTimeout(() => {
+          playDialogueStep(index + 1);
+        }, 4000);
+      }
+    }
+
+    // Inicializar el diálogo
+    playDialogueStep(0);
+  });
+</script>
diff --git a/OgestanPlus/img/med.png b/OgestanPlus/img/med.png
new file mode 100644
index 0000000..6db634a
Binary files /dev/null and b/OgestanPlus/img/med.png differ
diff --git a/OgestanPlus/img/mo.png b/OgestanPlus/img/mo.png
new file mode 100644
index 0000000..bedee89
Binary files /dev/null and b/OgestanPlus/img/mo.png differ
diff --git a/OgestanPlus/img/rep.png b/OgestanPlus/img/rep.png
new file mode 100644
index 0000000..ab197d3
Binary files /dev/null and b/OgestanPlus/img/rep.png differ
diff --git a/OgestanPlus/index.html b/OgestanPlus/index.html
index 8dbf7d8..17d70ab 100644
--- a/OgestanPlus/index.html
+++ b/OgestanPlus/index.html
@@ -1,160 +1,212 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="es">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <meta name="theme-color" content="#FFA300" />
-    <meta name="mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-    <link rel="icon" href="img/favicon.ico" />
-    <title></title>
-    <link rel="stylesheet" href="css/all.css" />
-    <link rel="stylesheet" href="css/animate.css" />
-    <link rel="stylesheet" href="css/sweetalert2.min.css" />
-    <link rel="stylesheet" href="css/swiper-bundle.min.css" />
-    <link rel="stylesheet" href="css/driver.css" />
-    <link rel="stylesheet" href="font/roboto/stylesheet.css">
-    <link rel="stylesheet" href="css/theme.min.css" />
-    <link rel="stylesheet" href="css/sal.css">
-    <link rel="stylesheet" href="css/style.min.css" />
-  </head>
-  <body>
-    <!-- HEADER -->
-    <header>
-      <nav class="navbar navbar-light  sticky-top shadow-sm py-0 bg-variacolor" id="coursenav-navbar">
-        <div class="container-fluid d-flex flex-wrap flex-md-row align-items-center ps-0 pe-3 gap-2 gap-md-1">
-          <!-- Logo -->
-          <a class="navbar-brand p-0 disabled order-1" href="#">
-            <img src="img/template/logo.svg" width="180" alt="Logo" />
-          </a>
-          <div id="titleSco" class="flex-grow-1 title_head_sco text-center text-white fw-bold fs-5 order-3 order-md-2"></div>
-          <div class="d-flex align-items-center text-white order-2 order-md-3 ms-auto">
-            <!-- <button class="btn-glossary controls-btn me-2" id="btn-glossary" aria-label="Glossary">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+        <meta name="theme-color" content="#FFA300" />
+        <meta name="mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+        <link rel="icon" href="img/favicon.ico" />
+        <title></title>
+        <link rel="stylesheet" href="css/all.css" />
+        <link rel="stylesheet" href="css/animate.css" />
+        <link rel="stylesheet" href="css/sweetalert2.min.css" />
+        <link rel="stylesheet" href="css/swiper-bundle.min.css" />
+        <link rel="stylesheet" href="css/driver.css" />
+        <link rel="stylesheet" href="font/roboto/stylesheet.css" />
+        <link rel="stylesheet" href="css/theme.min.css" />
+        <link rel="stylesheet" href="css/sal.css" />
+        <link rel="stylesheet" href="css/style.min.css" />
+    </head>
+    <body>
+        <!-- HEADER -->
+        <header>
+            <nav class="navbar navbar-light sticky-top shadow-sm py-0 bg-variacolor" id="coursenav-navbar">
+                <div class="container-fluid d-flex flex-wrap flex-md-row align-items-center ps-0 pe-3 gap-2 gap-md-1">
+                    <!-- Logo -->
+                    <a class="navbar-brand p-0 disabled order-1" href="#">
+                        <img src="img/template/logo.svg" width="180" alt="Logo" />
+                    </a>
+                    <div
+                        id="titleSco"
+                        class="flex-grow-1 title_head_sco text-center text-white fw-bold fs-5 order-3 order-md-2"
+                    ></div>
+                    <div class="d-flex align-items-center text-white order-2 order-md-3 ms-auto">
+                        <!-- <button class="btn-glossary controls-btn me-2" id="btn-glossary" aria-label="Glossary">
               <i class="fa-regular fa-book-section fa-xl"></i>
             </button> -->
-            <!-- Audio Control -->
-            <button id="coursenav-audio-control" class="btn controls-btn me-2" aria-label="Toggle audio">
-              <div class="position-relative">
-                <svg viewBox="0 0 100 100" class="w-100 h-100">
-                  <circle cx="50" cy="50" r="45" stroke="#f7f7f7" stroke-width="10" fill="none" />
-                  <circle id="coursenav-progress-circle" cx="50" cy="50" r="45" stroke="#009ace" stroke-width="10" fill="none" stroke-dasharray="283" stroke-dashoffset="283" />
-                </svg>
-                <i id="coursenav-audio-icon" class="fa-duotone fa-solid fa-volume"></i>
-              </div>
-            </button>
-            <!-- Offcanvas Toggle -->
-            <button
-              class="btn controls-btn"
-              id="menu-toggle"
-              type="button"
-              data-bs-toggle="offcanvas"
-              data-bs-target="#coursenav-offcanvas"
-              aria-controls="coursenav-offcanvas"
-              aria-label="Open navigation"
-            >
-              <i class="fa-duotone fa-solid fa-bars-staggered fa-lg"></i>
-            </button>
-          </div>
-        </div>
-      </nav>
-    </header>
+                        <!-- Audio Control -->
+                        <button id="coursenav-audio-control" class="btn controls-btn me-2" aria-label="Toggle audio">
+                            <div class="position-relative">
+                                <svg viewBox="0 0 100 100" class="w-100 h-100">
+                                    <circle cx="50" cy="50" r="45" stroke="#f7f7f7" stroke-width="10" fill="none" />
+                                    <circle
+                                        id="coursenav-progress-circle"
+                                        cx="50"
+                                        cy="50"
+                                        r="45"
+                                        stroke="#009ace"
+                                        stroke-width="10"
+                                        fill="none"
+                                        stroke-dasharray="283"
+                                        stroke-dashoffset="283"
+                                    />
+                                </svg>
+                                <i id="coursenav-audio-icon" class="fa-duotone fa-solid fa-volume"></i>
+                            </div>
+                        </button>
+                        <!-- Offcanvas Toggle -->
+                        <button
+                            class="btn controls-btn"
+                            id="menu-toggle"
+                            type="button"
+                            data-bs-toggle="offcanvas"
+                            data-bs-target="#coursenav-offcanvas"
+                            aria-controls="coursenav-offcanvas"
+                            aria-label="Open navigation"
+                        >
+                            <i class="fa-duotone fa-solid fa-bars-staggered fa-lg"></i>
+                        </button>
+                    </div>
+                </div>
+            </nav>
+        </header>
 
-    <!-- OFFCANVAS DESDE DERECHA -->
-    <div class="offcanvas offcanvas-end bg-secondary text-white" tabindex="-1" id="coursenav-offcanvas" aria-labelledby="coursenav-offcanvas-label">
-      <div class="offcanvas-header">
-        <h5 id="coursenav-offcanvas-label" class="offcanvas-title">Índice</h5>
-        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-      </div>
-      <div class="offcanvas-body d-flex flex-column p-0">
-        <!-- Menú principal -->
-        <nav id="coursenav-main-menu" class="course-menu flex-grow-1 overflow-auto px-3 text-dark">
-          <!-- buildMenu() inyecta aquí -->
-        </nav>
-        <!-- Progreso -->
-        <div class="w-100 px-3 pb-3" id="wrap-progress-course">
-          <span class="small">Progreso</span>
-          <div class="progress" style="height: 20px">
-            <div
-              id="coursenav-progress-bar"
-              class="progress-bar progress-bar-striped progress-bar-animated bg-success"
-              role="progressbar"
-              style="width: 0%"
-              aria-valuenow="0"
-              aria-valuemin="0"
-              aria-valuemax="100"
-            >
-              0%
+        <!-- OFFCANVAS DESDE DERECHA -->
+        <div
+            class="offcanvas offcanvas-end bg-secondary text-white"
+            tabindex="-1"
+            id="coursenav-offcanvas"
+            aria-labelledby="coursenav-offcanvas-label"
+        >
+            <div class="offcanvas-header">
+                <h5 id="coursenav-offcanvas-label" class="offcanvas-title">Índice</h5>
+                <button
+                    type="button"
+                    class="btn-close text-reset"
+                    data-bs-dismiss="offcanvas"
+                    aria-label="Close"
+                ></button>
+            </div>
+            <div class="offcanvas-body d-flex flex-column p-0">
+                <!-- Menú principal -->
+                <nav id="coursenav-main-menu" class="course-menu flex-grow-1 overflow-auto px-3 text-dark">
+                    <!-- buildMenu() inyecta aquí -->
+                </nav>
+                <!-- Progreso -->
+                <div class="w-100 px-3 pb-3" id="wrap-progress-course">
+                    <span class="small">Progreso</span>
+                    <div class="progress" style="height: 20px">
+                        <div
+                            id="coursenav-progress-bar"
+                            class="progress-bar progress-bar-striped progress-bar-animated bg-success"
+                            role="progressbar"
+                            style="width: 0%"
+                            aria-valuenow="0"
+                            aria-valuemin="0"
+                            aria-valuemax="100"
+                        >
+                            0%
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
-    </div>
 
-    <!-- CONTENIDO DINÁMICO -->
-    <main id="coursenav-main-content"></main>
+        <!-- CONTENIDO DINÁMICO -->
+        <main id="coursenav-main-content"></main>
 
-    <!-- FOOTER -->
-    <footer class="mt-auto py-1 d-flex flex-wrap justify-content-center align-items-center gap-2 gap-md-3 px-2 px-md-4" style="background-color: rgba(24, 53, 104, .7);">
-      <div class="aviso-privacidad flex-fill flex-md-none order-2 order-md-1">
-        <p class="mb-0 small text-white text-center text-md-start">Uso exclusivo de capacitación interna, prohibida su reproducción y/o distribución</p>
-      </div>
-      <div class="d-flex justify-content-center align-items-center gap-3 position-relative ms-md-auto flex-fill flex-md-none order-1 order-md-2">
-        <button id="coursenav-prev-btn" class="coursenav-btn-navigation bg-orange-1 text-white" data-bs-toggle="tooltip"
-          title="Anterior">
-          <i class="fa-solid fa-arrow-down fa-rotate-90"></i>
-        </button>
-        <div id="pagination" class="paginacion_sco fw-bold"></div>
-        <button id="coursenav-next-btn" class="coursenav-btn-navigation bg-secondary text-white" data-bs-toggle="tooltip"
-          title="Siguiente">
-          <i class="fa-solid fa-arrow-down fa-rotate-270"></i>
-        </button>
-      </div>
-    </footer>
+        <!-- FOOTER -->
+        <footer
+            class="mt-auto py-1 d-flex flex-wrap justify-content-center align-items-center gap-2 gap-md-3 px-2 px-md-4"
+            style="background-color: rgba(24, 53, 104, 0.7)"
+        >
+            <div class="aviso-privacidad flex-fill flex-md-none order-2 order-md-1">
+                <p class="mb-0 small text-white text-center text-md-start">
+                    Uso exclusivo de capacitación interna, prohibida su reproducción y/o distribución
+                </p>
+            </div>
+            <div
+                class="d-flex justify-content-center align-items-center gap-3 position-relative ms-md-auto flex-fill flex-md-none order-1 order-md-2"
+            >
+                <button
+                    id="coursenav-prev-btn"
+                    class="coursenav-btn-navigation bg-orange-1 text-white"
+                    data-bs-toggle="tooltip"
+                    title="Anterior"
+                >
+                    <i class="fa-solid fa-arrow-down fa-rotate-90"></i>
+                </button>
+                <div id="pagination" class="paginacion_sco fw-bold"></div>
+                <button
+                    id="coursenav-next-btn"
+                    class="coursenav-btn-navigation bg-secondary text-white"
+                    data-bs-toggle="tooltip"
+                    title="Siguiente"
+                >
+                    <i class="fa-solid fa-arrow-down fa-rotate-270"></i>
+                </button>
+            </div>
+        </footer>
 
-    <!-- LOADER -->
-    <div id="coursenav-loader-course" class="position-absolute top-0 start-0 w-100 h-100">
-      <div class="d-flex justify-content-center align-items-center h-100 text-primary">
-        <i class="fa-duotone fa-solid fa-spinner-third fa-spin fa-2xl"></i>
-      </div>
-    </div>
-
-    <!-- Offcanvas: inicialmente vacío -->
-    <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasGlossary" aria-labelledby="offcanvasGlossaryLabel">
-      <div class="offcanvas-header">
-        <h1 class="offcanvas-title text-danger text-center amor fw-bold" id="offcanvasGlossaryLabel" style="width: 90%;">
-          OGestan<sup>®</sup> Plus
-        </h1>
-        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Cerrar"></button>
-      </div>
-      <div class="offcanvas-body overflow-auto">
-        <!-- Aquí irá el contenido de manual_pld_ft.html -->
-        <div class="text-center py-5">
-          <div class="spinner-border text-primary" role="status">
-            <span class="visually-hidden">Cargando...</span>
-          </div>
+        <!-- LOADER -->
+        <div id="coursenav-loader-course" class="position-absolute top-0 start-0 w-100 h-100">
+            <div class="d-flex justify-content-center align-items-center h-100 text-primary">
+                <i class="fa-duotone fa-solid fa-spinner-third fa-spin fa-2xl"></i>
+            </div>
         </div>
-      </div>
-    </div>
 
-    <!-- SCRIPTS -->
-    <script src="js/jquery-3.7.1.min.js"></script>
-    <script src="js/swiper-bundle.min.js"></script>
-    <script src="js/bootstrap.bundle.min.js"></script>
-    <script src="js/howler.min.js"></script>
-    <script src="js/sweetalert2.min.js"></script>
-    <script src="js/SCORM_API_wrapper.js"></script>
-    <script src="js/gsap.min.js"></script>
-    <script src="js/driver.js.iife.js"></script>
-    <script src="js/jquery-ui.min.js"></script>
-    <script src="js/jquery.ui.touch-punch.min.js"></script>
-    <script src="js/jquery.flip.min.js"></script>
-    <script src="js/xlsx.full.min.js"></script>
-    <script src="js/sal.js"></script>
-    <!-- Configuración del curso -->
-    <script src="js/config.min.js" defer></script>
-    <!-- librería principal -->
-    <script src="js/coursenav.min.js" defer></script>
-  </body>
+        <!-- Offcanvas: inicialmente vacío -->
+        <div
+            class="offcanvas offcanvas-end"
+            tabindex="-1"
+            id="offcanvasGlossary"
+            aria-labelledby="offcanvasGlossaryLabel"
+        >
+            <div class="offcanvas-header">
+                <h1
+                    class="offcanvas-title text-danger text-center amor fw-bold"
+                    id="offcanvasGlossaryLabel"
+                    style="width: 90%"
+                >
+                    OGestan<sup>®</sup> Plus
+                </h1>
+                <button
+                    type="button"
+                    class="btn-close text-reset"
+                    data-bs-dismiss="offcanvas"
+                    aria-label="Cerrar"
+                ></button>
+            </div>
+            <div class="offcanvas-body overflow-auto">
+                <!-- Aquí irá el contenido de manual_pld_ft.html -->
+                <div class="text-center py-5">
+                    <div class="spinner-border text-primary" role="status">
+                        <span class="visually-hidden">Cargando...</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- SCRIPTS -->
+        <script src="js/jquery-3.7.1.min.js"></script>
+        <script src="js/swiper-bundle.min.js"></script>
+        <script src="js/bootstrap.bundle.min.js"></script>
+        <script src="js/howler.min.js"></script>
+        <script src="js/sweetalert2.min.js"></script>
+        <script src="js/SCORM_API_wrapper.js"></script>
+        <script src="js/gsap.min.js"></script>
+        <script src="js/driver.js.iife.js"></script>
+        <script src="js/jquery-ui.min.js"></script>
+        <script src="js/jquery.ui.touch-punch.min.js"></script>
+        <script src="js/jquery.flip.min.js"></script>
+        <script src="js/xlsx.full.min.js"></script>
+        <script src="js/sal.js"></script>
+        <!-- Configuración del curso -->
+        <script src="js/config.min.js" defer></script>
+        <!-- librería principal -->
+        <script src="js/coursenav.min.js" defer></script>
+    </body>
 </html>
diff --git a/OgestanPlus/manejoDeObjeciones.xlsx b/OgestanPlus/manejoDeObjeciones.xlsx
index 70fe117..a74d949 100644
Binary files a/OgestanPlus/manejoDeObjeciones.xlsx and b/OgestanPlus/manejoDeObjeciones.xlsx differ
diff --git a/OgestanPre/OgestanPre.code-workspace b/OgestanPre/OgestanPre.code-workspace
index e800e25..61bf1e7 100644
--- a/OgestanPre/OgestanPre.code-workspace
+++ b/OgestanPre/OgestanPre.code-workspace
@@ -4,5 +4,7 @@
 			"path": "."
 		}
     ],
-    "settings": {}
+		"settings": {
+			"liveServer.settings.port": 5501
+		}
 }
diff --git a/OgestanPre/audio/mo/0031-ogestanpre.mp3 b/OgestanPre/audio/mo/0031-ogestanpre.mp3
new file mode 100644
index 0000000..4b02ff3
Binary files /dev/null and b/OgestanPre/audio/mo/0031-ogestanpre.mp3 differ
diff --git a/OgestanPre/audio/mo/mo01.mp3 b/OgestanPre/audio/mo/mo01.mp3
new file mode 100644
index 0000000..fedec5f
Binary files /dev/null and b/OgestanPre/audio/mo/mo01.mp3 differ
diff --git a/OgestanPre/audio/mo/mo02.mp3 b/OgestanPre/audio/mo/mo02.mp3
new file mode 100644
index 0000000..2453b32
Binary files /dev/null and b/OgestanPre/audio/mo/mo02.mp3 differ
diff --git a/OgestanPre/audio/mo/mo03.mp3 b/OgestanPre/audio/mo/mo03.mp3
new file mode 100644
index 0000000..59bff9d
Binary files /dev/null and b/OgestanPre/audio/mo/mo03.mp3 differ
diff --git a/OgestanPre/config.json b/OgestanPre/config.json
index 2229d99..7c804bd 100644
--- a/OgestanPre/config.json
+++ b/OgestanPre/config.json
@@ -1,38 +1,42 @@
 {
-  "title": "OGestan® Pré",
-  "modules": [
-    {
-      "title": "Contenido",
-      "topics": [
+    "title": "OGestan® Pré",
+    "modules": [
         {
-          "title": "Bienvenida y Objetivo General",
-          "content": "contenido/01.html"
-        },
-        {
-          "title": "¿Qué es OGestan<sup>®</sup> Pré?",
-          "content": "contenido/02.html"
-        },
-        {
-          "title": "Beneficios",
-          "content": "contenido/03.html"
-        },
-        {
-          "title": "Información Nutricional",
-          "content": "contenido/04.html"
-        },
-        {
-          "title": "Competencia",
-          "content": "contenido/05.html"
-        },
-        {
-          "title": "Manejo de Objeciones",
-          "content": "contenido/06.html"
-        },
-        {
-          "title": "Cierre",
-          "content": "contenido/07.html"
+            "title": "Contenido",
+            "topics": [
+                {
+                    "title": "Bienvenida y Objetivo General",
+                    "content": "contenido/01.html"
+                },
+                {
+                    "title": "¿Qué es OGestan<sup>®</sup> Pré?",
+                    "content": "contenido/02.html"
+                },
+                {
+                    "title": "Beneficios",
+                    "content": "contenido/03.html"
+                },
+                {
+                    "title": "Información Nutricional",
+                    "content": "contenido/04.html"
+                },
+                {
+                    "title": "Competencia",
+                    "content": "contenido/05.html"
+                },
+                {
+                    "title": "Manejo de Objeciones",
+                    "content": "contenido/mo.html"
+                },
+                {
+                    "title": "Actividad de aprendizaje",
+                    "content": "contenido/06.html"
+                },
+                {
+                    "title": "Cierre",
+                    "content": "contenido/07.html"
+                }
+            ]
         }
-      ]
-    }
-  ]
+    ]
 }
diff --git a/OgestanPre/contenido/mo.html b/OgestanPre/contenido/mo.html
new file mode 100644
index 0000000..2452d97
--- /dev/null
+++ b/OgestanPre/contenido/mo.html
@@ -0,0 +1,234 @@
+<style>
+  .fake {
+    background-image: url('img/mo.png');
+    background-size: cover;
+    background-position: center;
+  }
+
+  /* --- Contenedor de la Burbuja --- */
+  .speech-bubble {
+    position: relative;
+    background: #ffffff; /* Fondo blanco */
+    color: #333333; /* Texto oscuro para legibilidad */
+    border-radius: 0.5em;
+    padding: 1.5rem;
+    font-size: 1.1rem;
+    min-height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Sombra para resaltar sobre el fondo */
+    transition: all 0.3s ease-in-out;
+  }
+
+  .bubble-text {
+    line-height: 1.5;
+  }
+
+  /* --- Animaciones de Personajes (Foco visual) --- */
+  .speaker-active {
+    transform: scale(1.05);
+    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
+    transition: all 0.3s ease;
+  }
+
+  .speaker-inactive {
+    opacity: 0.6;
+    transform: scale(0.95);
+    transition: all 0.3s ease;
+  }
+
+  /* --- COMPORTAMIENTO MOBILE (Apilamiento vertical de Bootstrap) --- */
+  @media (max-width: 767.98px) {
+    /* Apunta hacia arriba (al Médico) */
+    .speech-bubble-left::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: -20px;
+      transform: translateX(-50%);
+      border: 20px solid transparent;
+      border-width: 0 20px 20px 20px;
+      border-bottom-color: #ffffff; /* Coincide con el fondo blanco */
+      margin: 0;
+    }
+
+    /* Apunta hacia abajo (al Representante) */
+    .speech-bubble-right::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: auto;
+      bottom: -20px;
+      transform: translateX(-50%);
+      border: 20px solid transparent;
+      border-width: 20px 20px 0 20px;
+      border-top-color: #ffffff; /* Coincide con el fondo blanco */
+      margin: 0;
+    }
+  }
+
+  /* --- COMPORTAMIENTO DESKTOP (md y superior) --- */
+  @media (min-width: 768px) {
+    /* Apunta hacia la izquierda */
+    .speech-bubble-left::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 50%;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-right-color: #ffffff; /* Coincide con el fondo blanco */
+      border-left: 0;
+      margin-top: -20px;
+      margin-left: -20px;
+      transform: none;
+    }
+
+    /* Apunta hacia la derecha */
+    .speech-bubble-right::after {
+      content: '';
+      position: absolute;
+      right: 0;
+      left: auto;
+      top: 50%;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-left-color: #ffffff; /* Coincide con el fondo blanco */
+      border-right: 0;
+      margin-top: -20px;
+      margin-right: -20px;
+      transform: none;
+    }
+  }
+</style>
+</style>
+
+<div class='page-sco py-3 py-md-4 bg-transparent'>
+  <div class='container'>
+    <div class='row justify-content-center align-items-center'>
+      <div class='col-12 anim0'>
+        <div class='row justify-content-center align-items-center'>
+
+          <div class='col-12 text-center'>
+            <h2 class='mb-4 fw-semibold text-center'>Manejo de Objeciones</h2>
+          </div>
+
+          <!-- Avatar Médico -->
+          <div class='col-6 col-md-3 text-center'>
+            <img src='img/med.png' class='img-fluid speaker-inactive' alt='Médico' id="medico">
+          </div>
+
+          <!-- Contenedor Dinámico de Diálogo -->
+          <div class='col-12 col-md-6 text-center'>
+            <div id="dialogue-bubble" class="speech-bubble">
+              <div id="dialogue-text" class="bubble-text">
+                <!-- El texto se inyecta dinámicamente mediante JS -->
+              </div>
+            </div>
+          </div>
+
+          <!-- Avatar Representante -->
+          <div class='col-6 col-md-3 text-center'>
+            <img src='img/rep.png' class='img-fluid speaker-inactive' alt='Representante' id="rep">
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  /**
+   * Módulo de Diálogo Interactivo
+   * Orquesta la secuencia de texto y audio, manipulando el DOM según el hablante activo.
+   */
+  $(function () {
+    "use strict";
+
+    $('body').addClass('fake');
+
+    // Configuración de la secuencia del diálogo
+    const mo = [
+      {
+        text: "¿Por qué en la formulación de OGestan<sup>®</sup> Pré no observo los omegas?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/0031-ogestanpre.mp3') : null,
+        img: '#medico'
+      },
+      {
+        text: "Doctor, es una muy buena observación. De hecho, la ausencia de omegas en OGestan<sup>®</sup> Pré responde a una decisión en la composición de la fórmula completamente intencionada.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo01.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "La clave está en el posicionamiento de OGestan<sup>®</sup> Pré, el cual fue diseñado específicamente para la etapa preconcepcional, que representa una verdadera ventana crítica de oportunidad biológica. ",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo02.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "En esa etapa, la prioridad clínica absoluta no es todavía el soporte estructural del neurodesarrollo avanzado —donde los omegas tienen un papel más protagónico—, sino asegurar las condiciones necesarias para una correcta organogénesis temprana y, sobre todo, la prevención de malformaciones congénitas. Por ello, prioriza los micronutrientes esenciales para esta etapa.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo03.mp3') : null,
+        img: '#rep'
+      },
+      
+    ];
+
+    // Caché de elementos del DOM
+    const $bubble = $('#dialogue-bubble');
+    const $text = $('#dialogue-text');
+    const $medico = $('#medico');
+    const $rep = $('#rep');
+
+    /**
+     * Ejecuta un nodo de diálogo recursivamente hasta finalizar el array.
+     * @param {number} index - Índice actual de la conversación.
+     */
+    function playDialogueStep(index) {
+      // Condición de cierre: Secuencia terminada
+      if (index >= mo.length) {
+        if (typeof CourseNav !== 'undefined' && typeof CourseNav.completeLesson === 'function') {
+          CourseNav.setSlideVisited();
+        }
+        return;
+      }
+
+      const currentStep = mo[index];
+
+      // 1. Actualizar texto con transición limpia
+      $text.hide().html(`<p class="mb-0 m-0">${currentStep.text}</p>`).fadeIn(300);
+
+      // 2. Gestionar la orientación de la burbuja y el foco en los personajes
+      if (currentStep.img === '#medico') {
+        $bubble.removeClass('speech-bubble-right').addClass('speech-bubble-left');
+        $medico.removeClass('speaker-inactive').addClass('speaker-active');
+        $rep.removeClass('speaker-active').addClass('speaker-inactive');
+      } else if (currentStep.img === '#rep') {
+        $bubble.removeClass('speech-bubble-left').addClass('speech-bubble-right');
+        $rep.removeClass('speaker-inactive').addClass('speaker-active');
+        $medico.removeClass('speaker-active').addClass('speaker-inactive');
+      }
+
+      // 3. Reproducir audio e instanciar el listener recursivo
+      if (typeof CourseNav !== 'undefined' && CourseNav.audioController && currentStep.sound) {
+        CourseNav.audioController.stopAllSoundsAndPlay(currentStep.sound);
+
+        // Asumiendo que CourseNav utiliza Howler.js u otra API basada en eventos (on/once)
+        currentStep.sound.once("end", function () {
+          playDialogueStep(index + 1);
+        });
+      } else {
+        // Fallback para entornos de desarrollo donde el audio no esté cargado
+        console.warn(`[Modo Desarrollo]: Simulando delay para el audio de: ${currentStep.img}`);
+        setTimeout(() => {
+          playDialogueStep(index + 1);
+        }, 4000);
+      }
+    }
+
+    // Inicializar el diálogo
+    playDialogueStep(0);
+  });
+</script>
diff --git a/OgestanPre/img/med.png b/OgestanPre/img/med.png
new file mode 100644
index 0000000..6db634a
Binary files /dev/null and b/OgestanPre/img/med.png differ
diff --git a/OgestanPre/img/mo.png b/OgestanPre/img/mo.png
new file mode 100644
index 0000000..bedee89
Binary files /dev/null and b/OgestanPre/img/mo.png differ
diff --git a/OgestanPre/img/rep.png b/OgestanPre/img/rep.png
new file mode 100644
index 0000000..d6cdadf
Binary files /dev/null and b/OgestanPre/img/rep.png differ
diff --git a/OgestanPre/manejoDeObjeciones.xlsx b/OgestanPre/manejoDeObjeciones.xlsx
index 70fe117..ec0671f 100644
Binary files a/OgestanPre/manejoDeObjeciones.xlsx and b/OgestanPre/manejoDeObjeciones.xlsx differ
diff --git a/Ogestan_andractiv/Ogestan_andractiv.code-workspace b/Ogestan_andractiv/Ogestan_andractiv.code-workspace
new file mode 100644
index 0000000..5709732
--- /dev/null
+++ b/Ogestan_andractiv/Ogestan_andractiv.code-workspace
@@ -0,0 +1,8 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {}
+}
diff --git a/Ogestan_andractiv/audio/mo/0029-ANDRACTIV-objecion.mp3 b/Ogestan_andractiv/audio/mo/0029-ANDRACTIV-objecion.mp3
new file mode 100644
index 0000000..8a83ad6
Binary files /dev/null and b/Ogestan_andractiv/audio/mo/0029-ANDRACTIV-objecion.mp3 differ
diff --git a/Ogestan_andractiv/audio/mo/mo01.mp3 b/Ogestan_andractiv/audio/mo/mo01.mp3
new file mode 100644
index 0000000..14ff721
Binary files /dev/null and b/Ogestan_andractiv/audio/mo/mo01.mp3 differ
diff --git a/Ogestan_andractiv/audio/mo/mo02.mp3 b/Ogestan_andractiv/audio/mo/mo02.mp3
new file mode 100644
index 0000000..53394ec
Binary files /dev/null and b/Ogestan_andractiv/audio/mo/mo02.mp3 differ
diff --git a/Ogestan_andractiv/audio/mo/mo03.mp3 b/Ogestan_andractiv/audio/mo/mo03.mp3
new file mode 100644
index 0000000..42adc01
Binary files /dev/null and b/Ogestan_andractiv/audio/mo/mo03.mp3 differ
diff --git a/Ogestan_andractiv/audio/mo/mo04.mp3 b/Ogestan_andractiv/audio/mo/mo04.mp3
new file mode 100644
index 0000000..057b459
Binary files /dev/null and b/Ogestan_andractiv/audio/mo/mo04.mp3 differ
diff --git a/Ogestan_andractiv/audio/mo/mo05.mp3 b/Ogestan_andractiv/audio/mo/mo05.mp3
new file mode 100644
index 0000000..f2e0e46
Binary files /dev/null and b/Ogestan_andractiv/audio/mo/mo05.mp3 differ
diff --git a/Ogestan_andractiv/audio/mo/mo06.mp3 b/Ogestan_andractiv/audio/mo/mo06.mp3
new file mode 100644
index 0000000..b1e266a
Binary files /dev/null and b/Ogestan_andractiv/audio/mo/mo06.mp3 differ
diff --git a/Ogestan_andractiv/config.json b/Ogestan_andractiv/config.json
index 139342c..efb6762 100644
--- a/Ogestan_andractiv/config.json
+++ b/Ogestan_andractiv/config.json
@@ -29,7 +29,11 @@
           "content": "contenido/06.html"
         },
         {
-          "title": "Manejo de Objeciones (Actividad de aprendizaje)",
+          "title": "Manejo de Objeciones",
+          "content": "contenido/mo.html"
+        },
+        {
+          "title": "Actividad de aprendizaje",
           "content": "contenido/07.html"
         },
         {
diff --git a/Ogestan_andractiv/contenido/mo.html b/Ogestan_andractiv/contenido/mo.html
new file mode 100644
index 0000000..74fbbaf
--- /dev/null
+++ b/Ogestan_andractiv/contenido/mo.html
@@ -0,0 +1,248 @@
+<style>
+  .fake {
+    background-image: url('img/mo.png');
+    background-size: cover;
+    background-position: center;
+  }
+
+  /* --- Contenedor de la Burbuja --- */
+  .speech-bubble {
+    position: relative;
+    background: #ffffff; /* Fondo blanco */
+    color: #333333; /* Texto oscuro para legibilidad */
+    border-radius: 0.5em;
+    padding: 1.5rem;
+    font-size: 1.1rem;
+    min-height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Sombra para resaltar sobre el fondo */
+    transition: all 0.3s ease-in-out;
+  }
+
+  .bubble-text {
+    line-height: 1.5;
+  }
+
+  /* --- Animaciones de Personajes (Foco visual) --- */
+  .speaker-active {
+    transform: scale(1.05);
+    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
+    transition: all 0.3s ease;
+  }
+  
+  .speaker-inactive {
+    opacity: 0.6;
+    transform: scale(0.95);
+    transition: all 0.3s ease;
+  }
+
+  /* --- COMPORTAMIENTO MOBILE (Apilamiento vertical de Bootstrap) --- */
+  @media (max-width: 767.98px) {
+    /* Apunta hacia arriba (al Médico) */
+    .speech-bubble-left::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: -20px;
+      transform: translateX(-50%);
+      border: 20px solid transparent;
+      border-width: 0 20px 20px 20px;
+      border-bottom-color: #ffffff; /* Coincide con el fondo blanco */
+      margin: 0;
+    }
+    
+    /* Apunta hacia abajo (al Representante) */
+    .speech-bubble-right::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: auto;
+      bottom: -20px;
+      transform: translateX(-50%);
+      border: 20px solid transparent;
+      border-width: 20px 20px 0 20px;
+      border-top-color: #ffffff; /* Coincide con el fondo blanco */
+      margin: 0;
+    }
+  }
+
+  /* --- COMPORTAMIENTO DESKTOP (md y superior) --- */
+  @media (min-width: 768px) {
+    /* Apunta hacia la izquierda */
+    .speech-bubble-left::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 50%;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-right-color: #ffffff; /* Coincide con el fondo blanco */
+      border-left: 0;
+      margin-top: -20px;
+      margin-left: -20px;
+      transform: none;
+    }
+
+    /* Apunta hacia la derecha */
+    .speech-bubble-right::after {
+      content: '';
+      position: absolute;
+      right: 0;
+      left: auto;
+      top: 50%;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-left-color: #ffffff; /* Coincide con el fondo blanco */
+      border-right: 0;
+      margin-top: -20px;
+      margin-right: -20px;
+      transform: none;
+    }
+  }
+</style>
+</style>
+
+<div class='page-sco py-3 py-md-4 bg-transparent'>
+  <div class='container'>
+    <div class='row justify-content-center align-items-center'>
+      <div class='col-12 anim0'>
+        <div class='row justify-content-center align-items-center'>
+          
+          <div class='col-12 text-center'>
+            <h2 class='mb-4 fw-semibold text-center'>Manejo de Objeciones</h2>
+          </div>
+          
+          <!-- Avatar Médico -->
+          <div class='col-6 col-md-3 text-center'>
+            <img src='img/med.png' class='img-fluid speaker-inactive' alt='Médico' id="medico">
+          </div>
+          
+          <!-- Contenedor Dinámico de Diálogo -->
+          <div class='col-12 col-md-6 text-center'>
+            <div id="dialogue-bubble" class="speech-bubble">
+              <div id="dialogue-text" class="bubble-text">
+                <!-- El texto se inyecta dinámicamente mediante JS -->
+              </div>
+            </div>
+          </div>
+          
+          <!-- Avatar Representante -->
+          <div class='col-6 col-md-3 text-center'>
+            <img src='img/rep.png' class='img-fluid speaker-inactive' alt='Representante' id="rep">
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  /**
+   * Módulo de Diálogo Interactivo
+   * Orquesta la secuencia de texto y audio, manipulando el DOM según el hablante activo.
+   */
+  $(function () {
+    "use strict";
+    
+    $('body').addClass('fake');
+    
+    // Configuración de la secuencia del diálogo
+    const mo = [
+      {
+        text: "¿Actúa directamente en la producción de espermatozoides? ¿Atraviesa la barrera hemato-testicular?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/0029-ANDRACTIV-objecion.mp3') : null,
+        img: '#medico'
+      },
+      {
+        text: "No, doctor, no la atraviesa. Los componentes de Ogestan Andractiv no atraviesan la barrera hemato-testicular, pero eso no representa una limitación terapéutica; de hecho, la mayoría de los suplementos nutricionales e incluso muchos fármacos no la atraviesan de forma directa.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo01.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "La acción de Andractiv está diseñada desde otro enfoque fisiológico: modular el entorno metabólico y oxidativo que condiciona la calidad funcional del espermatozoide.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo02.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Sabemos que uno de los principales factores implicados en la alteración de los parámetros seminales es el estrés oxidativo, el cual puede afectar funciones críticas como la motilidad y la capacidad de fecundación.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo03.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Por tal motivo, la formulación de Andractiv incorpora componentes con potente actividad antioxidante, orientados a neutralizar esos radicales libres y proteger al espermatozoide del daño oxidativo sistémico que termina impactando su desempeño funcional.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo04.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Además, su beneficio no se limita a la protección celular. La formulación está pensada para optimizar la producción energética, favoreciendo un mejor rendimiento funcional del espermatozoide y, con ello, una mejora en parámetros como movilidad y capacidad fecundante.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo05.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Andractiv optimizará sistémicamente las condiciones bioquímicas que permiten una espermatogénesis más eficiente y un mejor desempeño funcional del espermatozoide ya formado. ¿Cuál es su opinión, doctor, en relación con lo que acabo de comentarle?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo06.mp3') : null,
+        img: '#rep'
+      }
+    ];
+
+    // Caché de elementos del DOM
+    const $bubble = $('#dialogue-bubble');
+    const $text = $('#dialogue-text');
+    const $medico = $('#medico');
+    const $rep = $('#rep');
+
+    /**
+     * Ejecuta un nodo de diálogo recursivamente hasta finalizar el array.
+     * @param {number} index - Índice actual de la conversación.
+     */
+    function playDialogueStep(index) {
+      // Condición de cierre: Secuencia terminada
+      if (index >= mo.length) {
+        if (typeof CourseNav !== 'undefined' && typeof CourseNav.completeLesson === 'function') {
+          CourseNav.setSlideVisited();
+        }
+        return;
+      }
+
+      const currentStep = mo[index];
+
+      // 1. Actualizar texto con transición limpia
+      $text.hide().html(`<p class="mb-0 m-0">${currentStep.text}</p>`).fadeIn(300);
+
+      // 2. Gestionar la orientación de la burbuja y el foco en los personajes
+      if (currentStep.img === '#medico') {
+        $bubble.removeClass('speech-bubble-right').addClass('speech-bubble-left');
+        $medico.removeClass('speaker-inactive').addClass('speaker-active');
+        $rep.removeClass('speaker-active').addClass('speaker-inactive');
+      } else if (currentStep.img === '#rep') {
+        $bubble.removeClass('speech-bubble-left').addClass('speech-bubble-right');
+        $rep.removeClass('speaker-inactive').addClass('speaker-active');
+        $medico.removeClass('speaker-active').addClass('speaker-inactive');
+      }
+
+      // 3. Reproducir audio e instanciar el listener recursivo
+      if (typeof CourseNav !== 'undefined' && CourseNav.audioController && currentStep.sound) {
+        CourseNav.audioController.stopAllSoundsAndPlay(currentStep.sound);
+        
+        // Asumiendo que CourseNav utiliza Howler.js u otra API basada en eventos (on/once)
+        currentStep.sound.once("end", function () {
+          playDialogueStep(index + 1);
+        });
+      } else {
+        // Fallback para entornos de desarrollo donde el audio no esté cargado
+        console.warn(`[Modo Desarrollo]: Simulando delay para el audio de: ${currentStep.img}`);
+        setTimeout(() => {
+          playDialogueStep(index + 1);
+        }, 4000); 
+      }
+    }
+
+    // Inicializar el diálogo
+    playDialogueStep(0);
+  });
+</script>
\ No newline at end of file
diff --git a/Ogestan_andractiv/img/med.png b/Ogestan_andractiv/img/med.png
new file mode 100644
index 0000000..6db634a
Binary files /dev/null and b/Ogestan_andractiv/img/med.png differ
diff --git a/Ogestan_andractiv/img/mo.png b/Ogestan_andractiv/img/mo.png
new file mode 100644
index 0000000..bedee89
Binary files /dev/null and b/Ogestan_andractiv/img/mo.png differ
diff --git a/Ogestan_andractiv/img/rep.png b/Ogestan_andractiv/img/rep.png
new file mode 100644
index 0000000..d6cdadf
Binary files /dev/null and b/Ogestan_andractiv/img/rep.png differ
diff --git a/Ogestan_andractiv/js/config.js b/Ogestan_andractiv/js/config.js
index e912a03..a539ff6 100644
--- a/Ogestan_andractiv/js/config.js
+++ b/Ogestan_andractiv/js/config.js
@@ -6,7 +6,7 @@
  */
 window.COURSE_CONFIG = {
   COURSE_CONFIG_URL: 'config.json',
-  DEBUG: false,
+  DEBUG: true, // Cambia a false para producción
   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
diff --git a/Ogestan_andractiv/manejoDeObjeciones.xlsx b/Ogestan_andractiv/manejoDeObjeciones.xlsx
index 70fe117..34434d6 100644
Binary files a/Ogestan_andractiv/manejoDeObjeciones.xlsx and b/Ogestan_andractiv/manejoDeObjeciones.xlsx differ
diff --git a/Papilocare/Papilocare.code-workspace b/Papilocare/Papilocare.code-workspace
new file mode 100644
index 0000000..5709732
--- /dev/null
+++ b/Papilocare/Papilocare.code-workspace
@@ -0,0 +1,8 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {}
+}
diff --git a/Papilocare/audio/mo/0026-papilocare-ob1.mp3 b/Papilocare/audio/mo/0026-papilocare-ob1.mp3
new file mode 100644
index 0000000..7ead475
Binary files /dev/null and b/Papilocare/audio/mo/0026-papilocare-ob1.mp3 differ
diff --git a/Papilocare/audio/mo/0028-papilocare-ob2.mp3 b/Papilocare/audio/mo/0028-papilocare-ob2.mp3
new file mode 100644
index 0000000..e0dda66
Binary files /dev/null and b/Papilocare/audio/mo/0028-papilocare-ob2.mp3 differ
diff --git a/Papilocare/audio/mo/0030-papilocare-ob3.mp3 b/Papilocare/audio/mo/0030-papilocare-ob3.mp3
new file mode 100644
index 0000000..ed89f2d
Binary files /dev/null and b/Papilocare/audio/mo/0030-papilocare-ob3.mp3 differ
diff --git a/Papilocare/audio/mo/mo01.mp3 b/Papilocare/audio/mo/mo01.mp3
new file mode 100644
index 0000000..afc50de
Binary files /dev/null and b/Papilocare/audio/mo/mo01.mp3 differ
diff --git a/Papilocare/audio/mo/mo02.mp3 b/Papilocare/audio/mo/mo02.mp3
new file mode 100644
index 0000000..7908fcc
Binary files /dev/null and b/Papilocare/audio/mo/mo02.mp3 differ
diff --git a/Papilocare/audio/mo/mo03.mp3 b/Papilocare/audio/mo/mo03.mp3
new file mode 100644
index 0000000..e008ef1
Binary files /dev/null and b/Papilocare/audio/mo/mo03.mp3 differ
diff --git a/Papilocare/audio/mo/mo04.mp3 b/Papilocare/audio/mo/mo04.mp3
new file mode 100644
index 0000000..eb24b49
Binary files /dev/null and b/Papilocare/audio/mo/mo04.mp3 differ
diff --git a/Papilocare/audio/mo/mo05.mp3 b/Papilocare/audio/mo/mo05.mp3
new file mode 100644
index 0000000..80eba2f
Binary files /dev/null and b/Papilocare/audio/mo/mo05.mp3 differ
diff --git a/Papilocare/audio/mo/mo06.mp3 b/Papilocare/audio/mo/mo06.mp3
new file mode 100644
index 0000000..25005d6
Binary files /dev/null and b/Papilocare/audio/mo/mo06.mp3 differ
diff --git a/Papilocare/audio/mo/mo07.mp3 b/Papilocare/audio/mo/mo07.mp3
new file mode 100644
index 0000000..06ca6a1
Binary files /dev/null and b/Papilocare/audio/mo/mo07.mp3 differ
diff --git a/Papilocare/audio/mo/mo08.mp3 b/Papilocare/audio/mo/mo08.mp3
new file mode 100644
index 0000000..710a583
Binary files /dev/null and b/Papilocare/audio/mo/mo08.mp3 differ
diff --git a/Papilocare/audio/mo/mo09.mp3 b/Papilocare/audio/mo/mo09.mp3
new file mode 100644
index 0000000..d5f3848
Binary files /dev/null and b/Papilocare/audio/mo/mo09.mp3 differ
diff --git a/Papilocare/audio/mo/mo10.mp3 b/Papilocare/audio/mo/mo10.mp3
new file mode 100644
index 0000000..1b52030
Binary files /dev/null and b/Papilocare/audio/mo/mo10.mp3 differ
diff --git a/Papilocare/audio/mo/mo11.mp3 b/Papilocare/audio/mo/mo11.mp3
new file mode 100644
index 0000000..600ad02
Binary files /dev/null and b/Papilocare/audio/mo/mo11.mp3 differ
diff --git a/Papilocare/audio/mo/mo12.mp3 b/Papilocare/audio/mo/mo12.mp3
new file mode 100644
index 0000000..ecbb12f
Binary files /dev/null and b/Papilocare/audio/mo/mo12.mp3 differ
diff --git a/Papilocare/audio/mo/mo13.mp3 b/Papilocare/audio/mo/mo13.mp3
new file mode 100644
index 0000000..0fb5d28
Binary files /dev/null and b/Papilocare/audio/mo/mo13.mp3 differ
diff --git a/Papilocare/audio/mo/mo14.mp3 b/Papilocare/audio/mo/mo14.mp3
new file mode 100644
index 0000000..d208096
Binary files /dev/null and b/Papilocare/audio/mo/mo14.mp3 differ
diff --git a/Papilocare/audio/mo/mo15.mp3 b/Papilocare/audio/mo/mo15.mp3
new file mode 100644
index 0000000..4fed92e
Binary files /dev/null and b/Papilocare/audio/mo/mo15.mp3 differ
diff --git a/Papilocare/audio/mo/mo16.mp3 b/Papilocare/audio/mo/mo16.mp3
new file mode 100644
index 0000000..be63b97
Binary files /dev/null and b/Papilocare/audio/mo/mo16.mp3 differ
diff --git a/Papilocare/audio/mo/mo17.mp3 b/Papilocare/audio/mo/mo17.mp3
new file mode 100644
index 0000000..218548a
Binary files /dev/null and b/Papilocare/audio/mo/mo17.mp3 differ
diff --git a/Papilocare/audio/mo/mo18.mp3 b/Papilocare/audio/mo/mo18.mp3
new file mode 100644
index 0000000..fe4c1d6
Binary files /dev/null and b/Papilocare/audio/mo/mo18.mp3 differ
diff --git a/Papilocare/audio/mo/mo19.mp3 b/Papilocare/audio/mo/mo19.mp3
new file mode 100644
index 0000000..4c29eb4
Binary files /dev/null and b/Papilocare/audio/mo/mo19.mp3 differ
diff --git a/Papilocare/config.json b/Papilocare/config.json
index ea3ec54..944001a 100644
--- a/Papilocare/config.json
+++ b/Papilocare/config.json
@@ -34,6 +34,10 @@
         },
         {
           "title": "Manejo de Objeciones",
+          "content": "contenido/mo.html"
+        },
+        {
+          "title": "Actividad de aprendizaje",
           "content": "contenido/08.html"
         },
         {
diff --git a/Papilocare/contenido/mo.html b/Papilocare/contenido/mo.html
new file mode 100644
index 0000000..3ad34aa
--- /dev/null
+++ b/Papilocare/contenido/mo.html
@@ -0,0 +1,324 @@
+<style>
+  .fake {
+    background-image: url('img/mo.png');
+    background-size: cover;
+    background-position: center;
+  }
+
+  /* --- Contenedor de la Burbuja --- */
+  .speech-bubble {
+    position: relative;
+    background: #ffffff; /* Fondo blanco */
+    color: #333333; /* Texto oscuro para legibilidad */
+    border-radius: 0.5em;
+    padding: 1.5rem;
+    font-size: 1.1rem;
+    min-height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Sombra para resaltar sobre el fondo */
+    transition: all 0.3s ease-in-out;
+  }
+
+  .bubble-text {
+    line-height: 1.5;
+  }
+
+  /* --- Animaciones de Personajes (Foco visual) --- */
+  .speaker-active {
+    transform: scale(1.05);
+    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
+    transition: all 0.3s ease;
+  }
+  
+  .speaker-inactive {
+    opacity: 0.6;
+    transform: scale(0.95);
+    transition: all 0.3s ease;
+  }
+
+  /* --- COMPORTAMIENTO MOBILE (Apilamiento vertical de Bootstrap) --- */
+  @media (max-width: 767.98px) {
+    /* Apunta hacia arriba (al Médico) */
+    .speech-bubble-left::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: -20px;
+      transform: translateX(-50%);
+      border: 20px solid transparent;
+      border-width: 0 20px 20px 20px;
+      border-bottom-color: #ffffff; /* Coincide con el fondo blanco */
+      margin: 0;
+    }
+    
+    /* Apunta hacia abajo (al Representante) */
+    .speech-bubble-right::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: auto;
+      bottom: -20px;
+      transform: translateX(-50%);
+      border: 20px solid transparent;
+      border-width: 20px 20px 0 20px;
+      border-top-color: #ffffff; /* Coincide con el fondo blanco */
+      margin: 0;
+    }
+  }
+
+  /* --- COMPORTAMIENTO DESKTOP (md y superior) --- */
+  @media (min-width: 768px) {
+    /* Apunta hacia la izquierda */
+    .speech-bubble-left::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 50%;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-right-color: #ffffff; /* Coincide con el fondo blanco */
+      border-left: 0;
+      margin-top: -20px;
+      margin-left: -20px;
+      transform: none;
+    }
+
+    /* Apunta hacia la derecha */
+    .speech-bubble-right::after {
+      content: '';
+      position: absolute;
+      right: 0;
+      left: auto;
+      top: 50%;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-left-color: #ffffff; /* Coincide con el fondo blanco */
+      border-right: 0;
+      margin-top: -20px;
+      margin-right: -20px;
+      transform: none;
+    }
+  }
+</style>
+</style>
+
+<div class='page-sco py-3 py-md-4 bg-transparent'>
+  <div class='container'>
+    <div class='row justify-content-center align-items-center'>
+      <div class='col-12 anim0'>
+        <div class='row justify-content-center align-items-center'>
+          
+          <div class='col-12 text-center'>
+            <h2 class='mb-4 fw-semibold text-center'>Manejo de Objeciones</h2>
+          </div>
+          
+          <!-- Avatar Médico -->
+          <div class='col-6 col-md-3 text-center'>
+            <img src='img/med.png' class='img-fluid speaker-inactive' alt='Médico' id="medico">
+          </div>
+          
+          <!-- Contenedor Dinámico de Diálogo -->
+          <div class='col-12 col-md-6 text-center'>
+            <div id="dialogue-bubble" class="speech-bubble">
+              <div id="dialogue-text" class="bubble-text">
+                <!-- El texto se inyecta dinámicamente mediante JS -->
+              </div>
+            </div>
+          </div>
+          
+          <!-- Avatar Representante -->
+          <div class='col-6 col-md-3 text-center'>
+            <img src='img/rep.png' class='img-fluid speaker-inactive' alt='Representante' id="rep">
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  /**
+   * Módulo de Diálogo Interactivo
+   * Orquesta la secuencia de texto y audio, manipulando el DOM según el hablante activo.
+   */
+  $(function () {
+    "use strict";
+    
+    $('body').addClass('fake');
+    
+    // Configuración de la secuencia del diálogo
+    const mo = [
+      {
+        text: "¿Qué evidencia respalda el uso de Papilocare<sup>®</sup> en pacientes con VPH?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/0026-papilocare-ob1.mp3') : null,
+        img: '#medico'
+      },
+      {
+        text: "Claro, doctor, entiendo su pregunta. El sustento científico detrás de las opciones terapéuticas es sumamente importante. Y si hablamos de evidencia sólida en VPH, Papilocare<sup>®</sup> tiene datos muy consistentes, tanto en ensayos clínicos como en la vida real, y eso es lo que realmente marca la diferencia en consulta con sus pacientes.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo01.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "En el ensayo clínico PALOMA, vemos que a los 6 meses casi 9 de cada 10 pacientes (84.9%) normalizan sus lesiones con Papilocare<sup>®</sup>, frente a un 64.5% con espera vigilante.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo02.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Es decir, no solo acompañamos la evolución natural, sino que aceleramos y potenciamos la reparación del epitelio cervical de forma significativa. Un dato adicional muy interesante es que, en pacientes con VPH de alto riesgo, la eficacia se incrementa aún más: 87.8% frente a 56.0% del grupo control.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo03.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Es un dato relevante, ¿no le parece, doctor? En mujeres mayores de 40 años, donde sabemos que la regresión espontánea del virus disminuye, Papilocare<sup>®</sup> consigue más del 90% de reparación (92.3%) frente a solo un 50% del grupo control.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo04.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Hablemos ahora de la práctica en el mundo real, no nos quedemos solo en estudios clínicos controlados: en el estudio PAPILOBS, en condiciones habituales de consulta, vemos que el 67% de las pacientes ya han reparado sus lesiones a los 6 meses, y si continuamos el seguimiento hasta los 12 meses, alcanzamos un 77.1% de reparación acumulada.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo05.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "En resumen, doctor, lo que aporta Papilocare<sup>®</sup> a sus pacientes con VPH es tranquilidad y eficacia: evidencia clínica robusta y resultados reproducibles en la vida real, con un impacto sumamente favorable en pacientes de alto riesgo que tienen un pronóstico poco alentador.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo06.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Papilocare<sup>®</sup> es una opción terapéutica ideal como coadyuvante para sus pacientes con VPH, respaldada por evidencia científica sólida y con resultados de eficacia en aclaramiento sumamente alentadores.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo07.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Yo utilizo Deflagyn, ¿por qué debería utilizar Papilocare<sup>®</sup>?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/0028-papilocare-ob2.mp3') : null,
+        img: '#medico'
+      },
+      {
+        text: "Doctor, gracias por compartir conmigo el uso que hace de Deflagyn; sin duda es una alternativa interesante por su efecto barrera y su efecto antioxidante. Me gustaría mencionar la diferencia clave con Papilocare<sup>®</sup>.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo08.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Y es que este no se limita a generar una acción fisicoquímica local, sino que está diseñado para actuar de forma biológica y multi-target, abordando los factores que realmente condicionan la persistencia del VPH y la regresión de la lesión.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo09.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Por ejemplo, Papilocare<sup>®</sup> no solo protege la superficie, sino que favorece una reepitelización activa. Gracias a componentes como la Centella asiática y el ácido hialurónico, estimula la síntesis de colágeno y fibronectina, acelerando la reparación de la zona de transformación, que es justamente donde el virus tiende a integrarse y perpetuarse.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo10.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Además, tiene un componente que Deflagyn no ofrece: el Coriolus versicolor, el cual proporciona una inmunomodulación local. El Coriolus versicolor estimula la respuesta inmune en el microambiente cervical, incrementando citocinas como IL-1β, IL-6 y TNF-α, y activando células NK y macrófagos, lo que ayuda al organismo a reconocer al virus.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo11.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Un tercer punto muy relevante es la restauración de la microbiota cervical. Papilocare<sup>®</sup> incorpora Bioecolia®, un prebiótico específico que favorece selectivamente el crecimiento de Lactobacillus crispatus y limita patógenos como Gardnerella vaginalis. Esto ofrece un abordaje mucho más completo.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo12.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "¿Por qué hacer que mi paciente gaste en Papilocare<sup>®</sup> si el VPH no se cura?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/0030-papilocare-ob3.mp3') : null,
+        img: '#medico'
+      },
+      
+      {
+        text: "Es cierto que no hay un tratamiento antiviral curativo, pero el uso de Papilocare<sup>®</sup> mostró un aumento significativo en la tasa de aclaramiento viral a los 6 meses frente a la conducta habitual de 'esperar y vigilar': 70% versus 52%.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo13.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Además, doctor, hay un punto que muchas veces se subestima: el impacto emocional del diagnóstico sin intervención.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo14.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Para muchas pacientes, escuchar 'tiene VPH, pero solo espere' genera ansiedad, incertidumbre y, en muchos casos, las lleva a buscar alternativas sin sustento científico que pueden terminar siendo costosas o incluso perjudiciales.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo15.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Ofrecer una alternativa coadyuvante con respaldo clínico como Papilocare<sup>®</sup> le permite a la paciente asumir un rol activo en su proceso, mejora su adherencia al seguimiento citológico y le da la tranquilidad de estar siendo tratada.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo16.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "De hecho, en el ensayo PALOMA, las pacientes tratadas con Papilocare<sup>®</sup> reportaron una reducción significativa del estrés percibido, mientras que el grupo en vigilancia expectante mostró un incremento en sus niveles de ansiedad. ",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo17.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Más que hablar de 'hacer gastar' a la paciente, hablamos de invertir en una intervención respaldada por evidencia que acelera el aclaramiento, reduce el tiempo de persistencia viral y mejora su bienestar emocional durante el seguimiento.",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo18.mp3') : null,
+        img: '#rep'
+      },
+      {
+        text: "Coincidiremos en que, si podemos ofrecerle a una paciente una herramienta segura que disminuya esa ventana de riesgo y le dé tranquilidad mientras seguimos su evolución, vale la pena considerarla como parte de un manejo integral, ¿no le parece?",
+        sound: typeof CourseNav !== 'undefined' ? CourseNav.createSound('audio/mo/mo19.mp3') : null,
+        img: '#rep'
+      },
+    ];
+
+    // Caché de elementos del DOM
+    const $bubble = $('#dialogue-bubble');
+    const $text = $('#dialogue-text');
+    const $medico = $('#medico');
+    const $rep = $('#rep');
+
+    /**
+     * Ejecuta un nodo de diálogo recursivamente hasta finalizar el array.
+     * @param {number} index - Índice actual de la conversación.
+     */
+    function playDialogueStep(index) {
+      // Condición de cierre: Secuencia terminada
+      if (index >= mo.length) {
+        if (typeof CourseNav !== 'undefined' && typeof CourseNav.completeLesson === 'function') {
+          CourseNav.setSlideVisited();
+        }
+        return;
+      }
+
+      const currentStep = mo[index];
+
+      // 1. Actualizar texto con transición limpia
+      $text.hide().html(`<p class="mb-0 m-0">${currentStep.text}</p>`).fadeIn(300);
+
+      // 2. Gestionar la orientación de la burbuja y el foco en los personajes
+      if (currentStep.img === '#medico') {
+        $bubble.removeClass('speech-bubble-right').addClass('speech-bubble-left');
+        $medico.removeClass('speaker-inactive').addClass('speaker-active');
+        $rep.removeClass('speaker-active').addClass('speaker-inactive');
+      } else if (currentStep.img === '#rep') {
+        $bubble.removeClass('speech-bubble-left').addClass('speech-bubble-right');
+        $rep.removeClass('speaker-inactive').addClass('speaker-active');
+        $medico.removeClass('speaker-active').addClass('speaker-inactive');
+      }
+
+      // 3. Reproducir audio e instanciar el listener recursivo
+      if (typeof CourseNav !== 'undefined' && CourseNav.audioController && currentStep.sound) {
+        CourseNav.audioController.stopAllSoundsAndPlay(currentStep.sound);
+        
+        // Asumiendo que CourseNav utiliza Howler.js u otra API basada en eventos (on/once)
+        currentStep.sound.once("end", function () {
+          playDialogueStep(index + 1);
+        });
+      } else {
+        // Fallback para entornos de desarrollo donde el audio no esté cargado
+        console.warn(`[Modo Desarrollo]: Simulando delay para el audio de: ${currentStep.img}`);
+        setTimeout(() => {
+          playDialogueStep(index + 1);
+        }, 4000); 
+      }
+    }
+
+    // Inicializar el diálogo
+    playDialogueStep(0);
+  });
+</script>
\ No newline at end of file
diff --git a/Papilocare/img/med.png b/Papilocare/img/med.png
new file mode 100644
index 0000000..2fae8ca
Binary files /dev/null and b/Papilocare/img/med.png differ
diff --git a/Papilocare/img/mo.png b/Papilocare/img/mo.png
new file mode 100644
index 0000000..bedee89
Binary files /dev/null and b/Papilocare/img/mo.png differ
diff --git a/Papilocare/img/rep.png b/Papilocare/img/rep.png
new file mode 100644
index 0000000..f4baa8f
Binary files /dev/null and b/Papilocare/img/rep.png differ
diff --git a/Papilocare/manejoDeObjeciones.xlsx b/Papilocare/manejoDeObjeciones.xlsx
index 70fe117..5754038 100644
Binary files a/Papilocare/manejoDeObjeciones.xlsx and b/Papilocare/manejoDeObjeciones.xlsx differ