cc

Papilocare/contenido/01.html

@@ -74,7 +74,7 @@
               <p class="my-0">Hoy conocerás de forma clara y práctica por qué <b class="">Papilocare<sup>®</sup></b> es
                 una opción
                 clave para <b>apoyar la
-                  reparación de la zona cervicovaginal en pacientes con VPH</b>, y cómo esta información fortalecerá tu
+                  reparación de la zona de transformación cervical en pacientes con VPH</b>, y cómo esta información fortalecerá tu
                 comunicación con los profesionales de la salud.</p>
             </div>
           </div>

Papilocare/contenido/02.html

@@ -52,10 +52,9 @@
               <div class="d-inline-block position-relative">
                 <hr class="m-0 mb-2 opacity-100 border-top-2 text-gray-2">
                 <div class="text-card p-2 p-md-0">
-                  <h2 class="text-secondary fw-bold">¿Qué es Papilocare®?</h2>
-                  <p class="mb-0"><b>Papilocare<sup>®</sup></b> es una <b>solución diseñada para apoyar la reparación de
-                      la zona
-                      cervicovaginal</b> en mujeres con diagnóstico de VPH. Más adelante conocerás qué lo hace diferente
+                  <h2 class="text-secondary fw-bold">¿Qué es Papilocare<sup>®</sup>?</h2>
+                  <p class="mb-0"><b>Papilocare<sup>®</sup></b> es una <b>dispositivo diseñado para apoyar la reparación de la
+                      zona de transformación cervical</b> en mujeres con diagnóstico de VPH. Más adelante conocerás qué lo hace diferente
                     y
                     cómo actúa.</p>
                 </div>
@@ -83,7 +82,13 @@
             <h2 class="text-pink-1 text-center fw-bold">Presentación Comercial</h2>
             <div class="card border-0 bg-purple-3">
               <div class="card-body">
-                <p class="my-0">Caja con <b>7</b> tubos monodosis de 5 ml cada uno, con aplicador.</p>
+                <p class="my-0">Caja con <b>7</b> cánulas monodosis de 5 ml cada uno, con aplicador.</p>
+                <p class="my-0">Caja con <b>21</b> cánulas monodosis de 5 ml cada uno, con aplicador.</p>
+                <!-- <p class="my-0"><b>Recomendaciones de uso:</b></p>
+                <ul class="text-start">
+                  <li>Dosis estándar 1 mes + 55 meses</li>
+                  <li>Dosis intensiva: 3 meses + 3 meses</li>
+                </ul> -->
               </div>
             </div>
           </div>

Papilocare/contenido/03.html

@@ -154,9 +154,9 @@
                                                         útil para:</p>
                                                     <ul class="text-start">
                                                         <li>Reducir las molestias y favorecer el proceso natural de
-                                                            <b>cicatrización de la zona cervicovaginal</b>.
+                                                            <b>cicatrización de la zona de transformación cervical</b>.
                                                         </li>
-                                                        <li><b>Tratar</b> la sequedad de la mucosa cervicovaginal.</li>
+                                                        <li><b>Tratar</b> la sequedad de la mucosa de la zona de transformación cervical.</li>
                                                     </ul>
                                                 </div>
                                             </div>
@@ -190,14 +190,14 @@
                 <div class="col-12">
                     <div class="row justify-content-center align-items-center">
                         <div class="col-12 col-md-12 col-xl-8 text-start mb-md-4 mb-2">
-                            <h3 class="fw-semibold text-pink-1 text-center">¿Para quién?</h3>
+                            <h3 class="fw-semibold text-pink-1 text-center">¿Para quién está diseñado?</h3>
                             <div class="card border-0 rounded-15 bg-purple-3">
                                 <div class="card-body py-3 px-3">
                                     <p class="my-0"><b>Papilocare<sup>®</sup></b> está diseñado para acompañar a mujeres
                                         con
                                         diagnóstico de
                                         <b>VPH+</b>, brindando
-                                        apoyo en la recuperación de la zona cervicovaginal.
+                                        apoyo en la recuperación de la zona de transformación cervical.
                                     </p>
                                 </div>
                             </div>

Papilocare/contenido/04.html

@@ -356,6 +356,9 @@
         $('[id*="xbtn"]').each(function () {
           $(this).addClass('btn-pop animate__animated animate__pulse animate__infinite disable');
           $(this).attr('data-popid', '#pop' + index);
+          const h2Text = $('#pop' + index).find('h2').text();
+          $(this).attr({'data-bs-toggle': 'tooltip', 'data-bs-placement': 'top', 'title': h2Text});
+          new bootstrap.Tooltip(this, { trigger: 'hover' });
           index++;
         });
         pops();

Papilocare/contenido/08.html

@@ -110,9 +110,9 @@
 
   .bubble {
     position: relative;
-    background: var(--bs-coral);
+    background: var(--bs-purple-3);
     color: #FFFFFF;
-    box-shadow: 5px 7px 7px -1px rgb(239 186 146 / 44%);
+    box-shadow: 5px 7px 7px -1px rgba(189, 146, 239, 0.44);
     text-align: center;
     border-radius: 15px;
     padding: 1em;
@@ -125,7 +125,7 @@
     width: 0;
     z-index: 1;
     border-style: solid;
-    border-color: var(--bs-coral) transparent;
+    border-color: var(--bs-purple-3) transparent;
     border-width: 0 20px 20px;
     top: -20px;
     left: 50%;
@@ -142,7 +142,7 @@
   @media (min-width: 768px) {
     .bubble:after {
       /* Hacer el triángulo hacia la izquierda: color en el borde derecho */
-      border-color: transparent var(--bs-coral) transparent transparent;
+      border-color: transparent var(--bs-purple-3) transparent transparent;
       /* top right bottom left */
       border-width: 20px 20px 20px 0;
       /* Colocar el triángulo centrado verticalmente y fuera a la izquierda */
@@ -273,7 +273,7 @@
           <div class="col-12 col-sm-12 col-md-6 col-xl-6">
             <div class="card custom-card animate__animated animate__fadeInRightBig p-md-4 p-2">
               <div class="card-body text-center text-white">
-                <h1 class="text-coral fw-bold">
+                <h1 class="text-purple-4 fw-bold">
                   ¿Quién está diciendo la verdad?
                 </h1>
                 En esta actividad podrás practicar cómo responder <span class="fw-bold text-gray-1">objeciones</span> y
@@ -305,8 +305,8 @@
             <h2 class="fw-medium text-secondary">¿Quién está diciendo la verdad?</h2>
           </div>
           <div class="col-12 col-md-8 ins_act">
-            <div class="text-center w-100 d-inline-block p-md-3 p-1 bg-coral rounded-3 shadow" style="color: #0e1c62;">
-              <strong style="color: #0e1c62;">Instrucciones: </strong>Lee la respuesta de los dos representantes sobre
+            <div class="text-center w-100 d-inline-block p-md-3 p-1 bg-purple-4 rounded-3 shadow">
+              <strong>Instrucciones: </strong>Lee la respuesta de los dos representantes sobre
               una objeción. Analiza
               cuidadosamente sus argumentos y elige quién tiene la razón.
             </div>

Papilocare/contenido/mo.html

@@ -113,7 +113,7 @@
         <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>
+            <h2 class='mb-4 fw-semibold text-center text-primary'>Manejo de Objeciones</h2>
           </div>
           
           <!-- Avatar Médico -->

Papilocare/css/theme.scss

@@ -18,7 +18,7 @@ $custom-colors: (
   'pink-2': #FFD0EE,
   'pink-3': #FF3983,
   'blue-1': #8A7CD1,
-  'verde-1': #72a581,
+  'verde-1': #7B3686,
   'blue-2': #010068
 );
 

Papilocare/index.html

@@ -153,7 +153,7 @@
     <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>
+    <script src="js/config.js" defer></script>
     <!-- librería principal -->
     <script src="js/coursenav.min.js" defer></script>
   </body>

Papilocare/js/config.js

@@ -190,7 +190,7 @@ document.addEventListener('DOMContentLoaded', () => {
    * @property {Array} detail.contentArray - Array completo de contenido.
    */
   document.body.addEventListener('beforeSlideChange', (e) => {
-    // console.log("Antes de cambiar de slide:", e.detail);
+    console.log("Antes de cambiar de slide:", e.detail);
   });
 
   /**