Update: CC interno M2

Ogestan_andractiv/contenido/07.html

@@ -110,9 +110,9 @@
 
     .bubble {
         position: relative;
-        background: #DD3352;
+        background: #00275bd5;
         color: #FFFFFF;
-        box-shadow: 5px 7px 7px -1px rgba(221 51 82 / 30%);
+        box-shadow: 5px 7px 7px -1px rgb(0 40 91 / 33%);
         text-align: center;
         border-radius: 15px;
         padding: 1em;
@@ -125,7 +125,7 @@
         width: 0;
         z-index: 1;
         border-style: solid;
-        border-color: #DD3352 transparent;
+        border-color: #00275bd5 transparent;
         border-width: 0 20px 20px;
         top: -20px;
         left: 50%;
@@ -136,12 +136,12 @@
     @media (min-width: 768px) {
         .bubble:after {
             /* Hacer el triángulo hacia la izquierda: color en el borde derecho */
-            border-color: transparent #DD3352 transparent transparent;
+            border-color: transparent #00275bd5 transparent transparent;
             /* top right bottom left */
             border-width: 20px 20px 20px 0;
             /* Colocar el triángulo centrado verticalmente y fuera a la izquierda */
             top: 50%;
-            left: -18px;
+            left: -19px;
             margin-left: 0;
             margin-top: -20px;
         }
@@ -186,7 +186,7 @@
         flex: 1;
         display: grid;
         grid-template-columns: 1fr;
-        grid-template-rows: 56% auto;
+        grid-template-rows: 70% auto;
         justify-content: center;
         align-items: center;
     }
@@ -272,7 +272,6 @@
     </div>
 </div>
 <div class="page-sco page-activity full-height py-2 pt-md-3" id="desarrollo" style="display: none;">
-
     <div class="container-xl">
         <div class="row align-items-center">
             <div class="col-12">
@@ -299,12 +298,9 @@
                     </div>
                     <div class="col-12 col-md-9 col-lg-8 col-xl-10 actividad_show" style="display: none;">
                         <div id="quiz-container" class="mt-3 w-100">
-
                         </div>
-
                     </div>
                 </div>
-
             </div>
         </div>
     </div>
@@ -316,7 +312,7 @@
             <div class="flex-fill w-100 h-100 bg-pass passed" style="display: none;"></div>
             <div class="flex-fill w-100 h-100 bg-fail failed" style="display: none;"></div>
         </div>
-        <div class="part2-cierre h-100 d-flex flex-column justify-content-center align-items-center">
+        <div class="part2-cierre py-3 h-100 d-flex flex-column justify-content-center align-items-center">
             <div class="container">
                 <div class="row align-items-center justify-content-center pt-2">
                     <div class="col-12 col-md-8">
@@ -331,7 +327,7 @@
                             </div>
                             <div class="col-12 text-center animate__animated animate__fadeInLeft failed"
                                 style="display: none;">
-                                <h1 class="fw-bold text-orange-2">¡Vas muy bien!</h1>
+                                <h1 class="fw-bold text-orange-2">Puedes mejorar.</h1>
                                 <p>Varias afirmaciones no fueron correctas.</p>
                                 <p>Te recomendamos revisar nuevamente la información de <b
                                         class="text-blue-3">OGestan<sup>®</sup>
@@ -379,8 +375,6 @@
         });
 
 
-
-
         // Crear instancia de QuizManager
         const quizManager = new QuizManager({
             excelFileUrl: "manejoDeObjeciones.xlsx",