diff --git a/questionservice/data/tematicas.json b/questionservice/data/tematicas.json
index 6e285adf..daa5ca22 100644
--- a/questionservice/data/tematicas.json
+++ b/questionservice/data/tematicas.json
@@ -12,7 +12,6 @@
             "¿Cuál es la esperanza de vida media de ",
             "¿En qué fecha se fundó ",
             "¿Cuál es la forma de gobierno de ",
-
             "¿Cuál es el lema de "
         ]
     },
diff --git a/questionservice/question-service.js b/questionservice/question-service.js
index 4ecc5df4..93d208d3 100644
--- a/questionservice/question-service.js
+++ b/questionservice/question-service.js
@@ -7,6 +7,7 @@ const GeneratorChooser = require("./questionGen/GeneratorChooser");
 
 const app = express();
 const port = 8003;
+let generadoresCargados = false;
 
 const gen = new GeneratorChooser();
 const MAX_QUESTIONS = 10000;
@@ -16,6 +17,13 @@ app.use(bodyParser.json());
 
 app.use(cors());
 
+app.use((req, res, next) => {
+  if (!generadoresCargados) {
+    return res.status(500).json({ error: "Los generadores de preguntas aún no se han cargado. Por favor, inténtalo de nuevo más tarde." });
+  }
+  next();
+});
+
 app.set("json spaces", 40);
 
 app.get("/questions", async (req, res) => {
@@ -39,6 +47,7 @@ const server = app.listen(port, async () => {
   gen.loadGenerators()
       .then(() => {
         console.log("Generators loaded successfully!");
+        generadoresCargados = true;
       })
       .catch((error) => {
         console.error("Error al cargar los generadores de preguntas:", error);
diff --git a/questionservice/questionGen/GenericGenerator.js b/questionservice/questionGen/GenericGenerator.js
index 6886f99f..590369ab 100644
--- a/questionservice/questionGen/GenericGenerator.js
+++ b/questionservice/questionGen/GenericGenerator.js
@@ -128,7 +128,9 @@ class GenericGenerator {
       if (
         !questionObj.respuestas.includes(prop) &&
         !entidad[propiedadPregunta].includes(prop) &&
-        !/^Q\d+/.test(prop)
+        !/^Q\d+/.test(prop) &&
+        entidadLabel != prop
+
       ) {
         questionObj.respuestas.push(prop);
       }
@@ -143,8 +145,8 @@ class GenericGenerator {
         questionObj.correcta = this.#dateFormatter(questionObj.correcta);
         break;
       case "num":
-        questionObj.respuestas = questionObj.respuestas.map(x => Math.floor(x));
-        questionObj.correcta = Math.floor(questionObj.correcta);
+        questionObj.respuestas = questionObj.respuestas.map(x => parseFloat(x).toFixed(2));
+        questionObj.correcta = parseFloat(questionObj.correcta).toFixed(2);
         break;
       default:
         break;
diff --git a/webapp/src/pages/Bateria/Bateria.css b/webapp/src/pages/Bateria/Bateria.css
index 3684928a..7da203ed 100644
--- a/webapp/src/pages/Bateria/Bateria.css
+++ b/webapp/src/pages/Bateria/Bateria.css
@@ -68,3 +68,20 @@ button{
   margin: 0;
 }
 
+/* HTML: <div class="loader"></div> */
+.loader {
+  width: 50px;
+  padding: 8px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background: #25b09b;
+  --_m: 
+    conic-gradient(#0000 10%,#000),
+    linear-gradient(#000 0 0) content-box;
+  -webkit-mask: var(--_m);
+          mask: var(--_m);
+  -webkit-mask-composite: source-out;
+          mask-composite: subtract;
+  animation: l3 1s infinite linear;
+}
+@keyframes l3 {to{transform: rotate(1turn)}}
diff --git a/webapp/src/pages/Bateria/Bateria.js b/webapp/src/pages/Bateria/Bateria.js
index 56dc8c7b..eade6625 100644
--- a/webapp/src/pages/Bateria/Bateria.js
+++ b/webapp/src/pages/Bateria/Bateria.js
@@ -1,19 +1,44 @@
 import React, { useState, useEffect } from "react";
 import "./Bateria.css";
-import Nav from '../../components/Nav/Nav.js';
+import Nav from "../../components/Nav/Nav.js";
 import Footer from "../../components/Footer/Footer.js";
-import Preguntas from "./prueba";
-import { Link } from 'react-router-dom';
+import { Link, useNavigate } from "react-router-dom";
 
 const JuegoPreguntas = () => {
+  const [isLoading, setIsLoading] = useState(true);
   const [indicePregunta, setIndicePregunta] = useState(0);
   const [puntuacion, setPuntuacion] = useState(0);
-  const [tiempoRestante, setTiempoRestante] = useState(10);
+  const [tiempoRestante, setTiempoRestante] = useState(180);
   const [juegoTerminado, setJuegoTerminado] = useState(false);
-  const preguntaActual = Preguntas[indicePregunta];
+  const [preguntas, setPreguntas] = useState([]);
+  const [preguntaActual, setPreguntaActual] = useState("");
+  const navigate = useNavigate();
 
   useEffect(() => {
-    if (tiempoRestante === 0 || indicePregunta === Preguntas.length) {
+    fetch("http://localhost:8003/questions?tematica=all&n=10000")
+      .then((response) => {
+        if (!response.ok) {
+          navigate("/home?error=1");
+          return;
+        }
+        return response.json();
+      })
+      .then((data) => {
+        setPreguntas(data);
+        setPreguntaActual(data[0]);
+        setIsLoading(false);
+      })
+      .catch((error) => {
+        console.error("Error al obtener las preguntas:", error);
+        navigate("/home?error=1");
+      });
+  }, []);
+
+  useEffect(() => {
+    if (isLoading) {
+      return;
+    }
+    if (tiempoRestante === 0 || indicePregunta === preguntas.length) {
       setJuegoTerminado(true);
     }
     const timer = setInterval(() => {
@@ -26,7 +51,7 @@ const JuegoPreguntas = () => {
     if (respuesta === preguntaActual.correcta) {
       setPuntuacion(puntuacion + 1);
     }
-    if (indicePregunta + 1 < Preguntas.length) {
+    if (indicePregunta + 1 < preguntas.length) {
       setIndicePregunta(indicePregunta + 1);
     } else {
       setJuegoTerminado(true);
@@ -47,9 +72,7 @@ const JuegoPreguntas = () => {
         <Nav />
         <div className="menuContainer">
           <h2>¡Juego terminado!</h2>
-          <p>
-            Tu puntuación: {puntuacion}
-          </p>
+          <p>Tu puntuación: {puntuacion}</p>
           <button onClick={handleRepetirJuego}>Repetir Juego</button>
           <Link to="/home">Volver al Menú Principal</Link>
         </div>
@@ -61,24 +84,28 @@ const JuegoPreguntas = () => {
   return (
     <>
       <Nav />
-      <div className="questionContainer">
-            <h2>Pregunta {indicePregunta + 1}:</h2>
-            <p>{preguntaActual.pregunta}</p>
-            <div className="responsesContainer">
-              {preguntaActual.respuestas.map((respuesta, index) => (
-                <button
-                  key={index}
-                  onClick={() => {
-                    handleSiguientePregunta(respuesta);
-                  }}
-                >
-                  {respuesta}
-                </button>
-              ))}
-            </div>
-            <div className="timer">Tiempo restante: {tiempoRestante}</div>
-            <div className="points">Puntuación: {puntuacion}</div>
+      {isLoading ? (
+        <span class="loader"></span>
+      ) : (
+        <div className="questionContainer">
+          <h2>Pregunta {indicePregunta + 1}:</h2>
+          <p>{preguntaActual.pregunta}</p>
+          <div className="responsesContainer">
+            {preguntaActual.respuestas.map((respuesta, index) => (
+              <button
+                key={index}
+                onClick={() => {
+                  handleSiguientePregunta(respuesta);
+                }}
+              >
+                {respuesta}
+              </button>
+            ))}
           </div>
+          <div className="timer">Tiempo restante: {tiempoRestante}</div>
+          <div className="points">Puntuación: {puntuacion}</div>
+        </div>
+      )}
       <Footer />
     </>
   );
diff --git a/webapp/src/pages/Clasico/Clasico.js b/webapp/src/pages/Clasico/Clasico.js
index a45fdead..6086455f 100644
--- a/webapp/src/pages/Clasico/Clasico.js
+++ b/webapp/src/pages/Clasico/Clasico.js
@@ -1,14 +1,13 @@
 import React, { useState, useEffect } from "react";
 import "./Clasico.css";
-import Nav from '../../components/Nav/Nav.js';
-import { Link } from 'react-router-dom';
+import Nav from "../../components/Nav/Nav.js";
+import { Link, useNavigate } from "react-router-dom";
 import Footer from "../../components/Footer/Footer.js";
 
-
 const JuegoPreguntas = () => {
   const [isLoading, setIsLoading] = useState(true);
   const [indicePregunta, setIndicePregunta] = useState(0);
-  var [puntuacion, setPuntuacion] = useState(0);
+  const [puntuacion, setPuntuacion] = useState(0);
   const [respuestaSeleccionada, setRespuestaSeleccionada] = useState(null);
   const [tiempoRestante, setTiempoRestante] = useState(10);
   const [juegoTerminado, setJuegoTerminado] = useState(false);
@@ -16,24 +15,31 @@ const JuegoPreguntas = () => {
   const [mostrarMenu, setMostrarMenu] = useState(false); // Estado para mostrar el menú al finalizar el juego
   const [preguntas, setPreguntas] = useState([]);
   const [preguntaActual, setPreguntaActual] = useState("");
+  const navigate = useNavigate();
 
   //Used for user stats
-  var [preguntasCorrectas, setPreguntasCorrectas] = useState(0);
-  var [preguntasFalladas, setPreguntasFalladas] = useState(0);
-  var [tiempoTotal, setTiempoTotal] = useState(0);
-  var [tiempoMedio, setTiempoMedio] = useState(0);
+  const [preguntasCorrectas, setPreguntasCorrectas] = useState(0);
+  const [preguntasFalladas, setPreguntasFalladas] = useState(0);
+  const [tiempoTotal, setTiempoTotal] = useState(0);
+  const [tiempoMedio, setTiempoMedio] = useState(0);
 
   useEffect(() => {
     fetch("http://localhost:8003/questions?tematica=all&n=10")
-      .then((response) => response.json())
+      .then((response) => {
+        if (!response.ok) {
+          navigate("/home?error=1");
+          return;
+        }
+        return response.json();
+      })
       .then((data) => {
         setPreguntas(data);
         setPreguntaActual(data[0]);
         setIsLoading(false);
       })
       .catch((error) => {
-        console.error('Error al obtener las preguntas:', error);
-        setIsLoading(false);
+        console.error("Error al obtener las preguntas:", error);
+        navigate("/home?error=1");
       });
   }, []);
 
@@ -86,7 +92,7 @@ const JuegoPreguntas = () => {
       setPreguntasFalladas(preguntasFalladas + 1);
     }
 
-    setTiempoTotal(tiempoTotal+10-tiempoRestante);
+    setTiempoTotal(tiempoTotal + 10 - tiempoRestante);
 
     setRespuestaSeleccionada(null);
     setTiempoRestante(10);
@@ -94,15 +100,15 @@ const JuegoPreguntas = () => {
       setIndicePregunta(indicePregunta + 1);
       setPreguntaActual(preguntas[indicePregunta + 1]);
     } else {
-
       try {
-
         if (preguntasCorrectas + preguntasFalladas > 0) {
-          setTiempoMedio(tiempoTotal/(preguntasCorrectas+preguntasFalladas));
+          setTiempoMedio(
+            tiempoTotal / (preguntasCorrectas + preguntasFalladas)
+          );
         }
-  
+
         //Now we store the game in the user's DB
-        const username = localStorage.getItem('username');
+        const username = localStorage.getItem("username");
         const newGame = {
           username: username,
           correctAnswers: preguntasCorrectas,
@@ -111,28 +117,25 @@ const JuegoPreguntas = () => {
           avgTime: tiempoMedio,
         };
 
-      const response = await fetch('http://localhost:8001/userSaveGame', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(newGame),
-      });
+        const response = await fetch("http://localhost:8001/userSaveGame", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(newGame),
+        });
 
-      if (!response.ok) {
-        throw new Error('Error al guardar el juego');
+        if (!response.ok) {
+          throw new Error("Error al guardar el juego");
+        }
+      } catch (error) {
+        console.error("Error al guardar el juego:", error);
+        // Manejar el error, por ejemplo, mostrando un mensaje al usuario
+      } finally {
+        setJuegoTerminado(true);
       }
-
-    } catch (error) {
-      console.error('Error al guardar el juego:', error);
-      // Manejar el error, por ejemplo, mostrando un mensaje al usuario
-    } finally {
-      setJuegoTerminado(true);
     }
-
-    
-  }
-};
+  };
 
   const handleRepetirJuego = () => {
     // Reiniciar el estado para repetir el juego
@@ -148,18 +151,11 @@ const JuegoPreguntas = () => {
     setTiempoTotal(0);
   };
 
-  if (mostrarMenu) {
+  if (isLoading) {
     return (
       <>
         <Nav />
-        <div className="menuContainer">
-          <h2>¡Juego terminado!</h2>
-          <p>
-            Tu puntuación: {puntuacion}/{preguntas.length}
-          </p>
-          <button onClick={handleRepetirJuego}>Repetir Juego</button>
-          <Link to="/home">Volver al Menú Principal</Link>
-        </div>
+        <span class="loader"></span>
         <Footer />
       </>
     );
@@ -168,27 +164,35 @@ const JuegoPreguntas = () => {
   return (
     <>
       <Nav />
-      {isLoading? 
-      <span class="loader"></span>
-      : 
-      <div className="questionContainer">
-        <h2>Pregunta {indicePregunta + 1}:</h2>
-        <p>{preguntaActual.pregunta}</p>
-        <div className="responsesContainer">
-          {preguntaActual.respuestas.map((respuesta, index) => (
-            <button
-              key={index}
-              onClick={() => handleRespuestaSeleccionada(respuesta)}
-              disabled={tiempoRestante === 0 || juegoTerminado}
-              style={estiloRespuesta(respuesta)}
-            >
-              {respuesta}
-            </button>
-          ))}
+      {mostrarMenu ? (
+        <div className="menuContainer">
+          <h2>¡Juego terminado!</h2>
+          <p>
+            Tu puntuación: {puntuacion}/{preguntas.length}
+          </p>
+          <button onClick={handleRepetirJuego}>Repetir Juego</button>
+          <Link to="/home">Volver al Menú Principal</Link>
+        </div>
+      ) : (
+        <div className="questionContainer">
+          <h2>Pregunta {indicePregunta + 1}:</h2>
+          <p>{preguntaActual.pregunta}</p>
+          <div className="responsesContainer">
+            {preguntaActual.respuestas.map((respuesta, index) => (
+              <button
+                key={index}
+                onClick={() => handleRespuestaSeleccionada(respuesta)}
+                disabled={tiempoRestante === 0 || juegoTerminado}
+                style={estiloRespuesta(respuesta)}
+              >
+                {respuesta}
+              </button>
+            ))}
+          </div>
+          <div className="timer">Tiempo restante: {tiempoRestante}</div>
+          <div className="points">Puntuación: {puntuacion}</div>
         </div>
-        <div className="timer">Tiempo restante: {tiempoRestante}</div>
-        <div className="points">Puntuación: {puntuacion}</div>
-      </div> }
+      )}
       <Footer />
     </>
   );
diff --git a/webapp/src/pages/Home/Home.js b/webapp/src/pages/Home/Home.js
index ea487b43..b38f0807 100644
--- a/webapp/src/pages/Home/Home.js
+++ b/webapp/src/pages/Home/Home.js
@@ -3,8 +3,13 @@ import "./Home.css";
 import Nav from '../../components/Nav/Nav.js';
 import Footer from '../../components/Footer/Footer.js';
 import { Link } from "react-router-dom";
+import { useLocation } from "react-router-dom";
 
 const Home = () => {
+  const location = useLocation();
+  const searchParams = new URLSearchParams(location.search);
+  const error = searchParams.get("error");
+
   return (
     <>
       <Nav />
@@ -16,10 +21,11 @@ const Home = () => {
         <ul>
           <Link to="clasico">Clásico</Link>
           <Link to="bateria">Batería de sabios</Link>
-          <Link to="descartando">Descartando</Link>
+          {/* <Link to="descartando">Descartando</Link>
           <Link to="pregunta">La pregunta caliente</Link>
-          <Link to="descubriendo">Descubriendo ciudades</Link>
+          <Link to="descubriendo">Descubriendo ciudades</Link> */}
         </ul>
+        {error && <p>Hubo un error al cargar las preguntas. Inténtalo más tarde</p>}
       </div>
       <Footer />
     </>