cc2 aplicado

contenido/ruleta.html

@@ -145,7 +145,7 @@
                 <img src="img/2.1.png" alt="" class="img-fluid" />
               </div>
               <div>
-                <b>Instrucciones:</b> Da clic en la ruleta y contesta correctamente la pregunta acerca de la alimentación o medicación del paciente en diálisis
+                <b>Instrucciones:</b> Gira la ruleta y contesta correctamente la pregunta acerca de la alimentación o medicación del paciente en diálisis
                 peritoneal para ganar los puntos.
               </div>
             </div>
@@ -187,7 +187,7 @@
               </div>
             </div>
           </div>
-          <div class="col-4 text-center">
+          <div class="col-4 text-center" style="margin-top: -30px;">
             <div class="card flat justify-content-center align-items-center d-inline-flex">
               <div class="indicador position-absolute start-50 translate-middle-x" style="z-index: 9999 !important; top: -1em">
                 <img src="img/ruleta/indicador.png" alt="" style="transform: rotate(90deg)" />
@@ -222,7 +222,7 @@
 <script>
   $(function () {
     "use strict";
-    $("body").addClass("fake");
+    $('.wrap-course-content').addClass("fake");
     // Puntajes de la ruleta en orden horario (empezando desde arriba)
     const puntajes = [100, 200, 300, 400, 500, 600, 700, 600, 500, 400, 300, 200];
     let isSpinning = false;

index.html

@@ -22,7 +22,7 @@
     <div class="wrap-course-adaptive overflow-hidden">
       <div class="wrap-course-content" id="wrap-course-content">
         <header>
-          <nav class="navbar navbar-light bg-white sticky-top shadow-sm py-0" id="coursenav-navbar">
+          <nav class="navbar navbar-light bg-transparent sticky-top shadow-none py-0" id="coursenav-navbar">
             <div class="container-fluid d-flex align-items-center px-3">
               <!-- Logo -->
               <a class="navbar-brand p-0 disabled ms-auto" href="#">