Arreglado CSS (de nuevo...)

vistas/vistaResultados.php

@@ -4,19 +4,21 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Resultados - Trivial</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
+    <link rel="stylesheet" href="css/index.css">
     <link rel="stylesheet" href="css/resultados.css">
     <script src="js/jquery-4.0.0.min.js"></script>
 </head>
 <body data-id-partida="<?php echo $idPartida; ?>">
 
     <div id="pantalla-espera" class="contenedor">
-        <h2>⌛ Esperando a que todos los jugadores terminen...</h2>
+        <h2> <i class="bi bi-hourglass-split"></i> Esperando a que todos los jugadores terminen...</h2>
         <p>Calculando estadísticas de velocidad y actualizando perfiles históricos en el servidor.</p>
         <div class="loader"></div>
     </div>
 
     <div id="pantalla-resultados" class="contenedor" style="display:none;">
-        <h1>🏆 Resultados de la Partida 🏆</h1>
+        <h1><i class="bi bi-trophy-fill"></i> Resultados de la Partida <i class="bi bi-trophy-fill"></i></h1>
         
         <h2>Clasificación por Equipos</h2>
         <table class="tabla-ranking">
@@ -63,7 +65,7 @@
         </table>
 
         <div class="contenedor-boton">
-            <a href="/triviagmatico/" id="btnVolverInicio" data-id="<?php echo $idPartida; ?>" class="btn-inicio">Volver al Inicio 🏠</a>
+            <a href="<?php echo $_ENV['urlBase'] ?>" id="btnVolverInicio" data-id="<?php echo $idPartida; ?>" class="btn btn-play-kahoot"> <i class="bi bi-arrow-left"></i> Volver al Inicio <i class="bi bi-house-fill"></i> </a>
         </div>
     </div>