diff --git a/frontend/src/routes/ParaderoInfo.svelte b/frontend/src/routes/ParaderoInfo.svelte
index 727c59b..ec1ec3f 100644
--- a/frontend/src/routes/ParaderoInfo.svelte
+++ b/frontend/src/routes/ParaderoInfo.svelte
@@ -104,6 +104,8 @@
   let numero = "";
   let letra = "";
   let i = 0;
+  // Caso en el que la cadena tenga un numero primero
+  if(!isNaN(parseInt(cadena[i]))) {
 
   // Obtener el número
   while (i < cadena.length && !isNaN(parseInt(cadena[i]))) {
@@ -118,11 +120,32 @@
   }
 
   if (flag === 0) {
-    return numero ? parseInt(numero) : "Error: No se encontró un número";
+    return numero ? numero : "Error: No se encontró un número";
   } else if (flag === 1) {
     return letra ? letra : "Error: No se encontró una letra";
   }
 }
+else {
+  // Obtener la letra (si hay)
+  while (i < cadena.length && isNaN(parseInt(cadena[i]))) {
+    letra += cadena[i];
+    i++;
+  }
+
+  // Obtener el número
+  while (i < cadena.length ) {
+    numero += cadena[i];
+    i++;
+  }
+
+  if (flag === 1) {
+    return numero ? numero : "Error: No se encontró un número";
+  } else if (flag === 0) {
+    return letra ? letra : "Error: No se encontró una letra";
+  }
+
+}
+}
 
 
 
@@ -267,14 +290,19 @@
         <div class="circulo-letra" style="background-color: {getColorAleatorio(index)}">{llegada.Patente.charAt(0)}</div>
         <div class="hora" style="background-color: {getColorAleatorio(index)}">{obtenerTextoHora(llegada.Planificada)} </div>
       </div>
-      {/each}
+      {/each}colorFondo
     {/each}
     -->
     {#each paraderoData.DetalleLineas as linea,index}
       <div class="rectangulo-pequeno" >
         <div class="numero-micro">{LetraoNumeroMicro(linea.Descripcion,0)}</div>
-        <div class="circulo-letra" style="background-color: {getColorAleatorio(index)}">{LetraoNumeroMicro(linea.Descripcion,1)}</div>
-        <div class="hora" style="background-color: {getColorAleatorio(index)}">{obtenerTextoHora(linea.Llegadas[0].EstimadaGPS)} </div>
+        {#if linea.colorFondo}
+        <div class="circulo-letra" style="background-color: {linea.colorFondo}">{LetraoNumeroMicro(linea.Descripcion,1)}</div>
+        <div class="hora" style="background-color: {linea.colorFondo}">{obtenerTextoHora(linea.Llegadas[0].EstimadaGPS)} </div>
+        {:else}
+        <div class="circulo-letra" style="background-color: #5fbabe">{LetraoNumeroMicro(linea.Descripcion,1)}</div>
+        <div class="hora" style="background-color: #5fbabe">{obtenerTextoHora(linea.Llegadas[0].EstimadaGPS)} </div>
+        {/if}
       </div>      
     {/each}