CC aplicado

contenido/ruleta.html

@@ -160,8 +160,8 @@
                     <img src="img/ruleta/per1.png" alt="" class="img-fluid" />
                   </div>
                   <div class="col-8 text-white text-center">
-                    <p class="display-6">Puntos acumulados:</p>
-                    <p class="puntos">0</p>
+                    <h4>Puntos acumulados:</h4>
+                    <h2 class="puntos">0</h2>
                     <div class="card flat">
                       <img src="img/ruleta/progress.png" alt="" class="img-fluid" />
                       <div class="wavance position-absolute d-flex flex-row align-items-center justify-content-start w-100" style="top: 22%">
@@ -181,7 +181,7 @@
               <div class="row">
                 <div class="col-12 text-center">
                   <div class="mt-3">
-                    <button id="spin-btn" class="bg-verde-oscuro text-white border border-4 border-white">¡GIRAR RULETA!</button>
+                    <button id="spin-btn" class="bg-verde-oscuro text-white border border-4 border-white animate__animated animate__pulse animate__infinite">¡GIRAR RULETA!</button>
                   </div>
                 </div>
               </div>
@@ -241,6 +241,7 @@
 
       isSpinning = true;
       spinBtn.disabled = true;
+      spinBtn.classList.remove("animate__animated", "animate__pulse", "animate__infinite");
       ruletaWheel.classList.add("spinning");
       document.getElementById("coursenav-main-content").classList.add("no-overflow");
       // Mínimo 3 vueltas + ángulo aleatorio (siempre hacia la derecha)
@@ -394,13 +395,15 @@
           icon: "success",
           target: document.getElementById('wrap-course-content'),
           confirmButtonText: "Continuar",
-        }).then(() => finalizarTurno());
+        }).then(() => {
+          finalizarTurno();
+          if (girosRealizados < maxGiros) {
+            spinBtn.classList.add("animate__animated", "animate__pulse", "animate__infinite");
+          }
+        });
       } else {
         CourseNav.audioController.stopAllSoundsAndPlay(bad);
-        // Solo sonido, sin popup - no cuenta como intento
-        setTimeout(() => {
-          finalizarTurno();
-        }, 1000);
+        // Solo sonido, el usuario puede seguir intentando
       }
     }