cc

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>