diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 
diff --git a/views/mapa.php b/views/mapa.php
index 01fe3fa..d9f24ab 100644
--- a/views/mapa.php
+++ b/views/mapa.php
@@ -2,7 +2,7 @@
       /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
       #map {
-        height: 500px;
+        height: 250px;
       }
       /* Optional: Makes the sample page fill the window. */
       

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 
diff --git a/views/mapa.php b/views/mapa.php
index 01fe3fa..d9f24ab 100644
--- a/views/mapa.php
+++ b/views/mapa.php
@@ -2,7 +2,7 @@
       /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
       #map {
-        height: 500px;
+        height: 250px;
       }
       /* Optional: Makes the sample page fill the window. */
       
diff --git a/views/menu.php b/views/menu.php
index 720897c..f6eb0c4 100644
--- a/views/menu.php
+++ b/views/menu.php
@@ -147,7 +147,7 @@
                     </button>
                 </a> -->
 
-                <!-- <a href="<?php echo $url; ?>/eventos">
+<!--                 <a href="<?php echo $url; ?>/eventos">
                     <button type="button" class="btn btn_item_menu" id="bt_eventos">
                         Eventos especiales
                     </button>
@@ -200,8 +200,8 @@
 
 </div>
 
-<div class="col-md-12" align="left" style="height: 60px">
-</div>
+<!-- <div class="col-md-12" align="left" style="height: 60px">
+</div> -->
 
 <script>
     function Ver_Menu() {

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 
diff --git a/views/mapa.php b/views/mapa.php
index 01fe3fa..d9f24ab 100644
--- a/views/mapa.php
+++ b/views/mapa.php
@@ -2,7 +2,7 @@
       /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
       #map {
-        height: 500px;
+        height: 250px;
       }
       /* Optional: Makes the sample page fill the window. */
       
diff --git a/views/menu.php b/views/menu.php
index 720897c..f6eb0c4 100644
--- a/views/menu.php
+++ b/views/menu.php
@@ -147,7 +147,7 @@
                     </button>
                 </a> -->
 
-                <!-- <a href="<?php echo $url; ?>/eventos">
+<!--                 <a href="<?php echo $url; ?>/eventos">
                     <button type="button" class="btn btn_item_menu" id="bt_eventos">
                         Eventos especiales
                     </button>
@@ -200,8 +200,8 @@
 
 </div>
 
-<div class="col-md-12" align="left" style="height: 60px">
-</div>
+<!-- <div class="col-md-12" align="left" style="height: 60px">
+</div> -->
 
 <script>
     function Ver_Menu() {
diff --git a/views/muestra.php b/views/muestra.php
index 5dcbb14..3aadcd7 100644
--- a/views/muestra.php
+++ b/views/muestra.php
@@ -39,14 +39,14 @@
 
 
 <div id="maestro" class="e_web">
-	<div class="text-center fixed-bottom" style="padding-bottom: 20px;">
-		<!-- <a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones" style="font-size: 15px;" >ARGENTINA</button></a>
-		<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones" style="font-size: 15px;">COLOMBIA</button></a>
-		<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones" style="font-size: 15px;">MEXICO</button></a>
+	<!-- <div class="text-center fixed-bottom" style="padding-bottom: 20px;">
+		<a href="<?php /* echo $url; */ ?>/stand/1"><button type="button" class="btn btn-light botones" style="font-size: 15px;" >ARGENTINA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/2"><button type="button" class="btn btn-light botones" style="font-size: 15px;">COLOMBIA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones" style="font-size: 15px;">MEXICO</button></a>
 
-		<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones" style="font-size: 15px;">EXPERIENCIAS</button></a>
-		<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light botones" style="font-size: 15px;">JUEGOS</button></a> -->
-	</div>
+		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones" style="font-size: 15px;">EXPERIENCIAS</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones" style="font-size: 15px;">JUEGOS</button></a>
+	</div> -->
 	<a href="<?php echo $url; ?>/lobby" class="fixed-top" style="margin: 100px; margin-left: 25px;">
 		<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" style="width: 130px;">
 	</a>
@@ -55,11 +55,11 @@
 <div class="e_movil">
 	<div class="text-center fixed-bottom" style="padding-bottom: 10px;">
 		<!-- <a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones_movil">ARGENTINA</button></a>
-		<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones_movil">COLOMBIA</button></a>
-		<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones_movil">MEXICO</button></a>
-		<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones_movil">EXPERIENCIAS</button></a>
-		<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light botones_movil">JUEGOS</button></a> -->
-		<a href="<?php echo $url; ?>/lobby">
+		<a href="<?php /* echo $url;  */?>/stand/2"><button type="button" class="btn btn-light botones_movil">COLOMBIA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones_movil">MEXICO</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones_movil">EXPERIENCIAS</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones_movil">JUEGOS</button></a> -->
+		<a href="<?php /* echo $url; */ ?>/lobby">
 			<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" width="140">
 		</a>
 	</div>

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 
diff --git a/views/mapa.php b/views/mapa.php
index 01fe3fa..d9f24ab 100644
--- a/views/mapa.php
+++ b/views/mapa.php
@@ -2,7 +2,7 @@
       /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
       #map {
-        height: 500px;
+        height: 250px;
       }
       /* Optional: Makes the sample page fill the window. */
       
diff --git a/views/menu.php b/views/menu.php
index 720897c..f6eb0c4 100644
--- a/views/menu.php
+++ b/views/menu.php
@@ -147,7 +147,7 @@
                     </button>
                 </a> -->
 
-                <!-- <a href="<?php echo $url; ?>/eventos">
+<!--                 <a href="<?php echo $url; ?>/eventos">
                     <button type="button" class="btn btn_item_menu" id="bt_eventos">
                         Eventos especiales
                     </button>
@@ -200,8 +200,8 @@
 
 </div>
 
-<div class="col-md-12" align="left" style="height: 60px">
-</div>
+<!-- <div class="col-md-12" align="left" style="height: 60px">
+</div> -->
 
 <script>
     function Ver_Menu() {
diff --git a/views/muestra.php b/views/muestra.php
index 5dcbb14..3aadcd7 100644
--- a/views/muestra.php
+++ b/views/muestra.php
@@ -39,14 +39,14 @@
 
 
 <div id="maestro" class="e_web">
-	<div class="text-center fixed-bottom" style="padding-bottom: 20px;">
-		<!-- <a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones" style="font-size: 15px;" >ARGENTINA</button></a>
-		<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones" style="font-size: 15px;">COLOMBIA</button></a>
-		<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones" style="font-size: 15px;">MEXICO</button></a>
+	<!-- <div class="text-center fixed-bottom" style="padding-bottom: 20px;">
+		<a href="<?php /* echo $url; */ ?>/stand/1"><button type="button" class="btn btn-light botones" style="font-size: 15px;" >ARGENTINA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/2"><button type="button" class="btn btn-light botones" style="font-size: 15px;">COLOMBIA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones" style="font-size: 15px;">MEXICO</button></a>
 
-		<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones" style="font-size: 15px;">EXPERIENCIAS</button></a>
-		<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light botones" style="font-size: 15px;">JUEGOS</button></a> -->
-	</div>
+		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones" style="font-size: 15px;">EXPERIENCIAS</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones" style="font-size: 15px;">JUEGOS</button></a>
+	</div> -->
 	<a href="<?php echo $url; ?>/lobby" class="fixed-top" style="margin: 100px; margin-left: 25px;">
 		<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" style="width: 130px;">
 	</a>
@@ -55,11 +55,11 @@
 <div class="e_movil">
 	<div class="text-center fixed-bottom" style="padding-bottom: 10px;">
 		<!-- <a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones_movil">ARGENTINA</button></a>
-		<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones_movil">COLOMBIA</button></a>
-		<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones_movil">MEXICO</button></a>
-		<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones_movil">EXPERIENCIAS</button></a>
-		<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light botones_movil">JUEGOS</button></a> -->
-		<a href="<?php echo $url; ?>/lobby">
+		<a href="<?php /* echo $url;  */?>/stand/2"><button type="button" class="btn btn-light botones_movil">COLOMBIA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones_movil">MEXICO</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones_movil">EXPERIENCIAS</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones_movil">JUEGOS</button></a> -->
+		<a href="<?php /* echo $url; */ ?>/lobby">
 			<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" width="140">
 		</a>
 	</div>
diff --git a/views/salon.php b/views/salon.php
index 73435ca..8e0b6f2 100644
--- a/views/salon.php
+++ b/views/salon.php
@@ -1,14 +1,27 @@
-<div class="col-md-12" >
+<div class="col-md-12">
 
-	<div class="container" >
+	<div class="container">
 
 		<?php
-		$dia = date('d');
-		if ($dia == '20') {
-
+		$id = $pagina[1];
+		$dia = 0;
+		$hoy = date('d');
+		if ($hoy == '20') {
+			$dia = 1;
 		}
-		echo '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>'.$dia;
-$queryGroup = mysqli_query($connect, "select * from Agenda where dia='" . $id . "' and id_evento=" . $seccion . " and estado=1; ");
+		if ($hoy == '21') {
+			$dia = 2;
+		}
+		if ($hoy == '22') {
+			$dia = 3;
+		}
+		if ($hoy == '23') {
+			$dia = 4;
+		}
+		$dia = '1';
+
+		echo "select hora_inicia, hora_termina, actividad, conferencistas  from Agenda where dia='" . $dia . "' and id_evento=" . $id . " and estado=1; ";
+		$query = mysqli_query($connect, "select hora_inicia, hora_termina, actividad, conferencistas  from Agenda where dia='" . $dia . "' and id_evento=" . $id . " and estado=1; ");
 		?>
 
 
@@ -17,44 +30,70 @@
 				<b>Solicítenos soporte dando click en siguiente botón:</b><br><br>
 
 
-				
-				
+				<?php
+
+				while ($data = mysqli_fetch_array($query)) {
+					
+					$moderadores = explode(',', $data['conferencistas']);
+					print_r($moderadores);
+					/* $participantas = json_decode($data['participantes']); */
+
+				?>
+					<div class="card">
+						<div class="card-header"><?php echo $data['actividad']; ?> </div>
+						<div class="card-body">
+							Hora de inicio: <?php echo $data['hora_inicia'] ?> <br>
+							Hora de finalización: <?php echo $data['hora_termina'] ?> <br><br>
+
+							Moderador(es): 
+							<?php
+							for ($i = 0; $i < sizeof($moderadores); $i++) {
+								echo $moderadores[$i];
+								echo "<br>";
+							}
+							?>
+
+
+						</div>
+					</div>
+				<?php
+
+				}
+				?>
+
 			</div>
-			
-			
-			
-			
+
+
+
+
 		</div>
 
 	</div>
-	
+
 </div>
 
 <script>
-$( document ).ready(function() {
-    $("#bt_soporte").addClass("btn_item_menu_active"); 
-});
+	$(document).ready(function() {
+		$("#bt_soporte").addClass("btn_item_menu_active");
+	});
 </script>
 
 <style>
-	body{
-		
-		background-image: url('img/img_wd/bg_soporte.png');
+	body {
+
+		background-image: url('/img/img_wd/bg_soporte.png');
 		background-size: cover;
-		
+
 	}
-	.inputs{
+
+	.inputs {
 		margin-bottom: 5px;
 	}
-	label{
+
+	label {
 		color: #006cc1;
 		font-weight: bold;
 		margin-bottom: 0px;
 		margin-top: 5px;
 	}
-</style>
-
-
-
-    
-        
\ No newline at end of file
+</style>
\ No newline at end of file

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 
diff --git a/views/mapa.php b/views/mapa.php
index 01fe3fa..d9f24ab 100644
--- a/views/mapa.php
+++ b/views/mapa.php
@@ -2,7 +2,7 @@
       /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
       #map {
-        height: 500px;
+        height: 250px;
       }
       /* Optional: Makes the sample page fill the window. */
       
diff --git a/views/menu.php b/views/menu.php
index 720897c..f6eb0c4 100644
--- a/views/menu.php
+++ b/views/menu.php
@@ -147,7 +147,7 @@
                     </button>
                 </a> -->
 
-                <!-- <a href="<?php echo $url; ?>/eventos">
+<!--                 <a href="<?php echo $url; ?>/eventos">
                     <button type="button" class="btn btn_item_menu" id="bt_eventos">
                         Eventos especiales
                     </button>
@@ -200,8 +200,8 @@
 
 </div>
 
-<div class="col-md-12" align="left" style="height: 60px">
-</div>
+<!-- <div class="col-md-12" align="left" style="height: 60px">
+</div> -->
 
 <script>
     function Ver_Menu() {
diff --git a/views/muestra.php b/views/muestra.php
index 5dcbb14..3aadcd7 100644
--- a/views/muestra.php
+++ b/views/muestra.php
@@ -39,14 +39,14 @@
 
 
 <div id="maestro" class="e_web">
-	<div class="text-center fixed-bottom" style="padding-bottom: 20px;">
-		<!-- <a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones" style="font-size: 15px;" >ARGENTINA</button></a>
-		<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones" style="font-size: 15px;">COLOMBIA</button></a>
-		<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones" style="font-size: 15px;">MEXICO</button></a>
+	<!-- <div class="text-center fixed-bottom" style="padding-bottom: 20px;">
+		<a href="<?php /* echo $url; */ ?>/stand/1"><button type="button" class="btn btn-light botones" style="font-size: 15px;" >ARGENTINA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/2"><button type="button" class="btn btn-light botones" style="font-size: 15px;">COLOMBIA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones" style="font-size: 15px;">MEXICO</button></a>
 
-		<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones" style="font-size: 15px;">EXPERIENCIAS</button></a>
-		<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light botones" style="font-size: 15px;">JUEGOS</button></a> -->
-	</div>
+		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones" style="font-size: 15px;">EXPERIENCIAS</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones" style="font-size: 15px;">JUEGOS</button></a>
+	</div> -->
 	<a href="<?php echo $url; ?>/lobby" class="fixed-top" style="margin: 100px; margin-left: 25px;">
 		<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" style="width: 130px;">
 	</a>
@@ -55,11 +55,11 @@
 <div class="e_movil">
 	<div class="text-center fixed-bottom" style="padding-bottom: 10px;">
 		<!-- <a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones_movil">ARGENTINA</button></a>
-		<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones_movil">COLOMBIA</button></a>
-		<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones_movil">MEXICO</button></a>
-		<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones_movil">EXPERIENCIAS</button></a>
-		<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light botones_movil">JUEGOS</button></a> -->
-		<a href="<?php echo $url; ?>/lobby">
+		<a href="<?php /* echo $url;  */?>/stand/2"><button type="button" class="btn btn-light botones_movil">COLOMBIA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones_movil">MEXICO</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones_movil">EXPERIENCIAS</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones_movil">JUEGOS</button></a> -->
+		<a href="<?php /* echo $url; */ ?>/lobby">
 			<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" width="140">
 		</a>
 	</div>
diff --git a/views/salon.php b/views/salon.php
index 73435ca..8e0b6f2 100644
--- a/views/salon.php
+++ b/views/salon.php
@@ -1,14 +1,27 @@
-<div class="col-md-12" >
+<div class="col-md-12">
 
-	<div class="container" >
+	<div class="container">
 
 		<?php
-		$dia = date('d');
-		if ($dia == '20') {
-
+		$id = $pagina[1];
+		$dia = 0;
+		$hoy = date('d');
+		if ($hoy == '20') {
+			$dia = 1;
 		}
-		echo '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>'.$dia;
-$queryGroup = mysqli_query($connect, "select * from Agenda where dia='" . $id . "' and id_evento=" . $seccion . " and estado=1; ");
+		if ($hoy == '21') {
+			$dia = 2;
+		}
+		if ($hoy == '22') {
+			$dia = 3;
+		}
+		if ($hoy == '23') {
+			$dia = 4;
+		}
+		$dia = '1';
+
+		echo "select hora_inicia, hora_termina, actividad, conferencistas  from Agenda where dia='" . $dia . "' and id_evento=" . $id . " and estado=1; ";
+		$query = mysqli_query($connect, "select hora_inicia, hora_termina, actividad, conferencistas  from Agenda where dia='" . $dia . "' and id_evento=" . $id . " and estado=1; ");
 		?>
 
 
@@ -17,44 +30,70 @@
 				<b>Solicítenos soporte dando click en siguiente botón:</b><br><br>
 
 
-				
-				
+				<?php
+
+				while ($data = mysqli_fetch_array($query)) {
+					
+					$moderadores = explode(',', $data['conferencistas']);
+					print_r($moderadores);
+					/* $participantas = json_decode($data['participantes']); */
+
+				?>
+					<div class="card">
+						<div class="card-header"><?php echo $data['actividad']; ?> </div>
+						<div class="card-body">
+							Hora de inicio: <?php echo $data['hora_inicia'] ?> <br>
+							Hora de finalización: <?php echo $data['hora_termina'] ?> <br><br>
+
+							Moderador(es): 
+							<?php
+							for ($i = 0; $i < sizeof($moderadores); $i++) {
+								echo $moderadores[$i];
+								echo "<br>";
+							}
+							?>
+
+
+						</div>
+					</div>
+				<?php
+
+				}
+				?>
+
 			</div>
-			
-			
-			
-			
+
+
+
+
 		</div>
 
 	</div>
-	
+
 </div>
 
 <script>
-$( document ).ready(function() {
-    $("#bt_soporte").addClass("btn_item_menu_active"); 
-});
+	$(document).ready(function() {
+		$("#bt_soporte").addClass("btn_item_menu_active");
+	});
 </script>
 
 <style>
-	body{
-		
-		background-image: url('img/img_wd/bg_soporte.png');
+	body {
+
+		background-image: url('/img/img_wd/bg_soporte.png');
 		background-size: cover;
-		
+
 	}
-	.inputs{
+
+	.inputs {
 		margin-bottom: 5px;
 	}
-	label{
+
+	label {
 		color: #006cc1;
 		font-weight: bold;
 		margin-bottom: 0px;
 		margin-top: 5px;
 	}
-</style>
-
-
-
-    
-        
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/views/secciones.php b/views/secciones.php
index f9bcee9..276f271 100644
--- a/views/secciones.php
+++ b/views/secciones.php
@@ -85,9 +85,9 @@
                 
                 <div>
                     <a href="<?php $url; ?>/agenda/1"><img src="<?php echo $url; ?>/img/img_wd/bt_plenaria.png"  class="bt_agenda"></a><br>
-                    <a href="<?php $url; ?>/agenda/2"><img src="<?php echo $url; ?>/img/img_wd/bt_colombia.png"  class="bt_agenda"></a>
+                    <a href="<?php $url; ?>/agenda/2"><img src="<?php echo $url; ?>/img/img_wd/bt_mexico.png"  class="bt_agenda"></a>
             
-                    <a href="<?php $url; ?>/agenda/3"><img src="<?php echo $url; ?>/img/img_wd/bt_mexico.png"  class="bt_agenda"></a>
+                    <a href="<?php $url; ?>/agenda/3"><img src="<?php echo $url; ?>/img/img_wd/bt_colombia.png"  class="bt_agenda"></a>
                     <a href="<?php $url; ?>/agenda/4"><img src="<?php echo $url; ?>/img/img_wd/bt_argentina.png"  class="bt_agenda"></a>
                 </div>
 

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 
diff --git a/views/mapa.php b/views/mapa.php
index 01fe3fa..d9f24ab 100644
--- a/views/mapa.php
+++ b/views/mapa.php
@@ -2,7 +2,7 @@
       /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
       #map {
-        height: 500px;
+        height: 250px;
       }
       /* Optional: Makes the sample page fill the window. */
       
diff --git a/views/menu.php b/views/menu.php
index 720897c..f6eb0c4 100644
--- a/views/menu.php
+++ b/views/menu.php
@@ -147,7 +147,7 @@
                     </button>
                 </a> -->
 
-                <!-- <a href="<?php echo $url; ?>/eventos">
+<!--                 <a href="<?php echo $url; ?>/eventos">
                     <button type="button" class="btn btn_item_menu" id="bt_eventos">
                         Eventos especiales
                     </button>
@@ -200,8 +200,8 @@
 
 </div>
 
-<div class="col-md-12" align="left" style="height: 60px">
-</div>
+<!-- <div class="col-md-12" align="left" style="height: 60px">
+</div> -->
 
 <script>
     function Ver_Menu() {
diff --git a/views/muestra.php b/views/muestra.php
index 5dcbb14..3aadcd7 100644
--- a/views/muestra.php
+++ b/views/muestra.php
@@ -39,14 +39,14 @@
 
 
 <div id="maestro" class="e_web">
-	<div class="text-center fixed-bottom" style="padding-bottom: 20px;">
-		<!-- <a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones" style="font-size: 15px;" >ARGENTINA</button></a>
-		<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones" style="font-size: 15px;">COLOMBIA</button></a>
-		<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones" style="font-size: 15px;">MEXICO</button></a>
+	<!-- <div class="text-center fixed-bottom" style="padding-bottom: 20px;">
+		<a href="<?php /* echo $url; */ ?>/stand/1"><button type="button" class="btn btn-light botones" style="font-size: 15px;" >ARGENTINA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/2"><button type="button" class="btn btn-light botones" style="font-size: 15px;">COLOMBIA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones" style="font-size: 15px;">MEXICO</button></a>
 
-		<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones" style="font-size: 15px;">EXPERIENCIAS</button></a>
-		<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light botones" style="font-size: 15px;">JUEGOS</button></a> -->
-	</div>
+		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones" style="font-size: 15px;">EXPERIENCIAS</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones" style="font-size: 15px;">JUEGOS</button></a>
+	</div> -->
 	<a href="<?php echo $url; ?>/lobby" class="fixed-top" style="margin: 100px; margin-left: 25px;">
 		<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" style="width: 130px;">
 	</a>
@@ -55,11 +55,11 @@
 <div class="e_movil">
 	<div class="text-center fixed-bottom" style="padding-bottom: 10px;">
 		<!-- <a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones_movil">ARGENTINA</button></a>
-		<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones_movil">COLOMBIA</button></a>
-		<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones_movil">MEXICO</button></a>
-		<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones_movil">EXPERIENCIAS</button></a>
-		<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light botones_movil">JUEGOS</button></a> -->
-		<a href="<?php echo $url; ?>/lobby">
+		<a href="<?php /* echo $url;  */?>/stand/2"><button type="button" class="btn btn-light botones_movil">COLOMBIA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones_movil">MEXICO</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones_movil">EXPERIENCIAS</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones_movil">JUEGOS</button></a> -->
+		<a href="<?php /* echo $url; */ ?>/lobby">
 			<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" width="140">
 		</a>
 	</div>
diff --git a/views/salon.php b/views/salon.php
index 73435ca..8e0b6f2 100644
--- a/views/salon.php
+++ b/views/salon.php
@@ -1,14 +1,27 @@
-<div class="col-md-12" >
+<div class="col-md-12">
 
-	<div class="container" >
+	<div class="container">
 
 		<?php
-		$dia = date('d');
-		if ($dia == '20') {
-
+		$id = $pagina[1];
+		$dia = 0;
+		$hoy = date('d');
+		if ($hoy == '20') {
+			$dia = 1;
 		}
-		echo '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>'.$dia;
-$queryGroup = mysqli_query($connect, "select * from Agenda where dia='" . $id . "' and id_evento=" . $seccion . " and estado=1; ");
+		if ($hoy == '21') {
+			$dia = 2;
+		}
+		if ($hoy == '22') {
+			$dia = 3;
+		}
+		if ($hoy == '23') {
+			$dia = 4;
+		}
+		$dia = '1';
+
+		echo "select hora_inicia, hora_termina, actividad, conferencistas  from Agenda where dia='" . $dia . "' and id_evento=" . $id . " and estado=1; ";
+		$query = mysqli_query($connect, "select hora_inicia, hora_termina, actividad, conferencistas  from Agenda where dia='" . $dia . "' and id_evento=" . $id . " and estado=1; ");
 		?>
 
 
@@ -17,44 +30,70 @@
 				<b>Solicítenos soporte dando click en siguiente botón:</b><br><br>
 
 
-				
-				
+				<?php
+
+				while ($data = mysqli_fetch_array($query)) {
+					
+					$moderadores = explode(',', $data['conferencistas']);
+					print_r($moderadores);
+					/* $participantas = json_decode($data['participantes']); */
+
+				?>
+					<div class="card">
+						<div class="card-header"><?php echo $data['actividad']; ?> </div>
+						<div class="card-body">
+							Hora de inicio: <?php echo $data['hora_inicia'] ?> <br>
+							Hora de finalización: <?php echo $data['hora_termina'] ?> <br><br>
+
+							Moderador(es): 
+							<?php
+							for ($i = 0; $i < sizeof($moderadores); $i++) {
+								echo $moderadores[$i];
+								echo "<br>";
+							}
+							?>
+
+
+						</div>
+					</div>
+				<?php
+
+				}
+				?>
+
 			</div>
-			
-			
-			
-			
+
+
+
+
 		</div>
 
 	</div>
-	
+
 </div>
 
 <script>
-$( document ).ready(function() {
-    $("#bt_soporte").addClass("btn_item_menu_active"); 
-});
+	$(document).ready(function() {
+		$("#bt_soporte").addClass("btn_item_menu_active");
+	});
 </script>
 
 <style>
-	body{
-		
-		background-image: url('img/img_wd/bg_soporte.png');
+	body {
+
+		background-image: url('/img/img_wd/bg_soporte.png');
 		background-size: cover;
-		
+
 	}
-	.inputs{
+
+	.inputs {
 		margin-bottom: 5px;
 	}
-	label{
+
+	label {
 		color: #006cc1;
 		font-weight: bold;
 		margin-bottom: 0px;
 		margin-top: 5px;
 	}
-</style>
-
-
-
-    
-        
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/views/secciones.php b/views/secciones.php
index f9bcee9..276f271 100644
--- a/views/secciones.php
+++ b/views/secciones.php
@@ -85,9 +85,9 @@
                 
                 <div>
                     <a href="<?php $url; ?>/agenda/1"><img src="<?php echo $url; ?>/img/img_wd/bt_plenaria.png"  class="bt_agenda"></a><br>
-                    <a href="<?php $url; ?>/agenda/2"><img src="<?php echo $url; ?>/img/img_wd/bt_colombia.png"  class="bt_agenda"></a>
+                    <a href="<?php $url; ?>/agenda/2"><img src="<?php echo $url; ?>/img/img_wd/bt_mexico.png"  class="bt_agenda"></a>
             
-                    <a href="<?php $url; ?>/agenda/3"><img src="<?php echo $url; ?>/img/img_wd/bt_mexico.png"  class="bt_agenda"></a>
+                    <a href="<?php $url; ?>/agenda/3"><img src="<?php echo $url; ?>/img/img_wd/bt_colombia.png"  class="bt_agenda"></a>
                     <a href="<?php $url; ?>/agenda/4"><img src="<?php echo $url; ?>/img/img_wd/bt_argentina.png"  class="bt_agenda"></a>
                 </div>
 
diff --git a/views/soporte.php b/views/soporte.php
index 3c0f1a0..b6628fa 100644
--- a/views/soporte.php
+++ b/views/soporte.php
@@ -39,7 +39,7 @@
 <style>
 	body{
 		
-		background-image: url('img/img_wd/bg_soporte.png');
+		background-image: url('/img/img_wd/bg_soporte.png');
 		background-size: cover;
 		
 	}

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 
diff --git a/views/mapa.php b/views/mapa.php
index 01fe3fa..d9f24ab 100644
--- a/views/mapa.php
+++ b/views/mapa.php
@@ -2,7 +2,7 @@
       /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
       #map {
-        height: 500px;
+        height: 250px;
       }
       /* Optional: Makes the sample page fill the window. */
       
diff --git a/views/menu.php b/views/menu.php
index 720897c..f6eb0c4 100644
--- a/views/menu.php
+++ b/views/menu.php
@@ -147,7 +147,7 @@
                     </button>
                 </a> -->
 
-                <!-- <a href="<?php echo $url; ?>/eventos">
+<!--                 <a href="<?php echo $url; ?>/eventos">
                     <button type="button" class="btn btn_item_menu" id="bt_eventos">
                         Eventos especiales
                     </button>
@@ -200,8 +200,8 @@
 
 </div>
 
-<div class="col-md-12" align="left" style="height: 60px">
-</div>
+<!-- <div class="col-md-12" align="left" style="height: 60px">
+</div> -->
 
 <script>
     function Ver_Menu() {
diff --git a/views/muestra.php b/views/muestra.php
index 5dcbb14..3aadcd7 100644
--- a/views/muestra.php
+++ b/views/muestra.php
@@ -39,14 +39,14 @@
 
 
 <div id="maestro" class="e_web">
-	<div class="text-center fixed-bottom" style="padding-bottom: 20px;">
-		<!-- <a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones" style="font-size: 15px;" >ARGENTINA</button></a>
-		<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones" style="font-size: 15px;">COLOMBIA</button></a>
-		<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones" style="font-size: 15px;">MEXICO</button></a>
+	<!-- <div class="text-center fixed-bottom" style="padding-bottom: 20px;">
+		<a href="<?php /* echo $url; */ ?>/stand/1"><button type="button" class="btn btn-light botones" style="font-size: 15px;" >ARGENTINA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/2"><button type="button" class="btn btn-light botones" style="font-size: 15px;">COLOMBIA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones" style="font-size: 15px;">MEXICO</button></a>
 
-		<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones" style="font-size: 15px;">EXPERIENCIAS</button></a>
-		<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light botones" style="font-size: 15px;">JUEGOS</button></a> -->
-	</div>
+		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones" style="font-size: 15px;">EXPERIENCIAS</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones" style="font-size: 15px;">JUEGOS</button></a>
+	</div> -->
 	<a href="<?php echo $url; ?>/lobby" class="fixed-top" style="margin: 100px; margin-left: 25px;">
 		<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" style="width: 130px;">
 	</a>
@@ -55,11 +55,11 @@
 <div class="e_movil">
 	<div class="text-center fixed-bottom" style="padding-bottom: 10px;">
 		<!-- <a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones_movil">ARGENTINA</button></a>
-		<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones_movil">COLOMBIA</button></a>
-		<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones_movil">MEXICO</button></a>
-		<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones_movil">EXPERIENCIAS</button></a>
-		<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light botones_movil">JUEGOS</button></a> -->
-		<a href="<?php echo $url; ?>/lobby">
+		<a href="<?php /* echo $url;  */?>/stand/2"><button type="button" class="btn btn-light botones_movil">COLOMBIA</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones_movil">MEXICO</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones_movil">EXPERIENCIAS</button></a>
+		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones_movil">JUEGOS</button></a> -->
+		<a href="<?php /* echo $url; */ ?>/lobby">
 			<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" width="140">
 		</a>
 	</div>
diff --git a/views/salon.php b/views/salon.php
index 73435ca..8e0b6f2 100644
--- a/views/salon.php
+++ b/views/salon.php
@@ -1,14 +1,27 @@
-<div class="col-md-12" >
+<div class="col-md-12">
 
-	<div class="container" >
+	<div class="container">
 
 		<?php
-		$dia = date('d');
-		if ($dia == '20') {
-
+		$id = $pagina[1];
+		$dia = 0;
+		$hoy = date('d');
+		if ($hoy == '20') {
+			$dia = 1;
 		}
-		echo '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>'.$dia;
-$queryGroup = mysqli_query($connect, "select * from Agenda where dia='" . $id . "' and id_evento=" . $seccion . " and estado=1; ");
+		if ($hoy == '21') {
+			$dia = 2;
+		}
+		if ($hoy == '22') {
+			$dia = 3;
+		}
+		if ($hoy == '23') {
+			$dia = 4;
+		}
+		$dia = '1';
+
+		echo "select hora_inicia, hora_termina, actividad, conferencistas  from Agenda where dia='" . $dia . "' and id_evento=" . $id . " and estado=1; ";
+		$query = mysqli_query($connect, "select hora_inicia, hora_termina, actividad, conferencistas  from Agenda where dia='" . $dia . "' and id_evento=" . $id . " and estado=1; ");
 		?>
 
 
@@ -17,44 +30,70 @@
 				<b>Solicítenos soporte dando click en siguiente botón:</b><br><br>
 
 
-				
-				
+				<?php
+
+				while ($data = mysqli_fetch_array($query)) {
+					
+					$moderadores = explode(',', $data['conferencistas']);
+					print_r($moderadores);
+					/* $participantas = json_decode($data['participantes']); */
+
+				?>
+					<div class="card">
+						<div class="card-header"><?php echo $data['actividad']; ?> </div>
+						<div class="card-body">
+							Hora de inicio: <?php echo $data['hora_inicia'] ?> <br>
+							Hora de finalización: <?php echo $data['hora_termina'] ?> <br><br>
+
+							Moderador(es): 
+							<?php
+							for ($i = 0; $i < sizeof($moderadores); $i++) {
+								echo $moderadores[$i];
+								echo "<br>";
+							}
+							?>
+
+
+						</div>
+					</div>
+				<?php
+
+				}
+				?>
+
 			</div>
-			
-			
-			
-			
+
+
+
+
 		</div>
 
 	</div>
-	
+
 </div>
 
 <script>
-$( document ).ready(function() {
-    $("#bt_soporte").addClass("btn_item_menu_active"); 
-});
+	$(document).ready(function() {
+		$("#bt_soporte").addClass("btn_item_menu_active");
+	});
 </script>
 
 <style>
-	body{
-		
-		background-image: url('img/img_wd/bg_soporte.png');
+	body {
+
+		background-image: url('/img/img_wd/bg_soporte.png');
 		background-size: cover;
-		
+
 	}
-	.inputs{
+
+	.inputs {
 		margin-bottom: 5px;
 	}
-	label{
+
+	label {
 		color: #006cc1;
 		font-weight: bold;
 		margin-bottom: 0px;
 		margin-top: 5px;
 	}
-</style>
-
-
-
-    
-        
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/views/secciones.php b/views/secciones.php
index f9bcee9..276f271 100644
--- a/views/secciones.php
+++ b/views/secciones.php
@@ -85,9 +85,9 @@
                 
                 <div>
                     <a href="<?php $url; ?>/agenda/1"><img src="<?php echo $url; ?>/img/img_wd/bt_plenaria.png"  class="bt_agenda"></a><br>
-                    <a href="<?php $url; ?>/agenda/2"><img src="<?php echo $url; ?>/img/img_wd/bt_colombia.png"  class="bt_agenda"></a>
+                    <a href="<?php $url; ?>/agenda/2"><img src="<?php echo $url; ?>/img/img_wd/bt_mexico.png"  class="bt_agenda"></a>
             
-                    <a href="<?php $url; ?>/agenda/3"><img src="<?php echo $url; ?>/img/img_wd/bt_mexico.png"  class="bt_agenda"></a>
+                    <a href="<?php $url; ?>/agenda/3"><img src="<?php echo $url; ?>/img/img_wd/bt_colombia.png"  class="bt_agenda"></a>
                     <a href="<?php $url; ?>/agenda/4"><img src="<?php echo $url; ?>/img/img_wd/bt_argentina.png"  class="bt_agenda"></a>
                 </div>
 
diff --git a/views/soporte.php b/views/soporte.php
index 3c0f1a0..b6628fa 100644
--- a/views/soporte.php
+++ b/views/soporte.php
@@ -39,7 +39,7 @@
 <style>
 	body{
 		
-		background-image: url('img/img_wd/bg_soporte.png');
+		background-image: url('/img/img_wd/bg_soporte.png');
 		background-size: cover;
 		
 	}
diff --git a/views/stand.php b/views/stand.php
index e2ce118..8bfc3ec 100644
--- a/views/stand.php
+++ b/views/stand.php
@@ -50,7 +50,7 @@
         color: white !important;
     }
 
-   /*  @media screen and (max-height: 674px) {}
+    /*  @media screen and (max-height: 674px) {}
 
     @media screen and (min-height: 675px) and (max-height: 816px) {}
 
@@ -58,7 +58,7 @@
 
     @media screen and (min-height: 1024px) and (max-height: 1750px) {} */
 
-  /*   @media screen and (min-width: 1750px) {
+    /*   @media screen and (min-width: 1750px) {
         .btn-1-1 {
             position: absolute !important;
             top: 10% !important;
@@ -168,6 +168,7 @@
         </div>
     </div>
 </div>
+
 <div class="modal fade" id="modal_zonas" tabindex="-1" role="dialog" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
@@ -198,20 +199,40 @@
 <div class="e_web">
 
     <?php
-    if ($id == 1 || $id == 2) {
+    if ($id == 1) {
     ?>
         <div class="row text-center">
             <div class="col-12">
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 270px; left: 360px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 180px; left: 370px;">
                     <img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
                 </button>
-                <button type="button"  class="btn" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 290px; right: 400px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 240px; right: 400px;">
                     <img src="/img/img_wd/bt_video.png" width="100px" alt="">
                 </button>
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 270px; right: 600px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 220px; right: 600px;">
                     <img src="/img/img_wd/bt_chat.png" width="100px" alt="">
                 </button>
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 270px; left: 160px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 180px; left: 180px;">
+                    <img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
+                </button>
+            </div>
+        </div>
+
+    <?php
+    } else if ($id == 2) {
+    ?>
+        <div class="row text-center">
+            <div class="col-12">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 160px; left: 370px;">
+                    <img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
+                </button>
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 230px; right: 400px;">
+                    <img src="/img/img_wd/bt_video.png" width="100px" alt="">
+                </button>
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 210px; right: 600px;">
+                    <img src="/img/img_wd/bt_chat.png" width="100px" alt="">
+                </button>
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 210px; left: 160px;">
                     <img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
                 </button>
             </div>
@@ -222,16 +243,16 @@
     ?>
         <div class="row text-center">
             <div class="col-12">
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 260px; right: 400px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 150px; right: 410px;">
                     <img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
                 </button>
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 290px; left: 280px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 230px; left: 280px;">
                     <img src="/img/img_wd/bt_video.png" width="100px" alt="">
                 </button>
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 270px; right: 600px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 200px; right: 600px;">
                     <img src="/img/img_wd/bt_chat.png" width="100px" alt="">
                 </button>
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 260px; right: 150px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 180px; right: 150px;">
                     <img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
                 </button>
             </div>
@@ -243,24 +264,36 @@
         <div class="row text-center">
             <div class="col-12">
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt=""></button>
+                    <button type="button" class="btn" style="position: absolute; top: 220px; left: 350px;">
+                        <img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
+                    </button>
                 </a>
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt=""></button>
+                    <button type="button" class="btn" style="position: absolute; top: 220px; right: 350px;">
+                        <img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
+                    </button>
                 </a>
 
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="/img/img_wd/bt_descargar.png" width="100px" alt=""></button>
+                    <button type="button" class="btn" style="position: absolute; top: 180px; left: 505px;">
+                    <img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
+                    </button>
                 </a>
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="/img/img_wd/bt_descargar.png" width="100px" alt=""></button>
+                    <button type="button" class="btn" style="position: absolute; top: 180px; right: 475px;">
+                    <img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
+                    </button>
                 </a>
-                
+
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="https://www.compralohuila.com/img/whatsapp.png" width="30"></button>
+                    <button type="button" class="btn" style="position: absolute; top: 220px; left: 235px;">
+                    <img src="https://www.compralohuila.com/img/whatsapp.png" width="30">
+                    </button>
                 </a>
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="https://www.compralohuila.com/img/whatsapp.png" width="30"></button>
+                    <button type="button" class="btn" style="position: absolute; top: 210px; right: 275px;">
+                    <img src="https://www.compralohuila.com/img/whatsapp.png" width="30">
+                    </button>
                 </a>
             </div>
         </div>
@@ -293,7 +326,7 @@
     <?php /* echo $bt_dr; */ ?>
 
     <div>
-        <a class="fixed-bottom" href="<?php echo $url; ?>/muestra" >
+        <a class="fixed-bottom" href="<?php echo $url; ?>/muestra">
             <button type="button" class="btn btn-danger" style="border-radius: 30px; margin-bottom: 15px; margin-left: 10%; color: #000; font-size: 15px; background-color: #fdd300; border: 0; font-family: S-Core-CoreSansBold;">
                 <i class="fa fa-arrow-left" aria-hidden="true"></i> Stands
             </button>
@@ -301,7 +334,7 @@
         </a>
     </div>
 
-    <div  align="right">
+    <div align="right">
         <a href="<?php echo $url; ?>/lobby" class="fixed-bottom">
             <button type="button" class="btn btn-danger" style="border-radius: 30px; margin-bottom: 15px; margin-right: 10%; color: #000; font-size: 15px; background-color: #fdd300; border: 0; font-family: S-Core-CoreSansBold;">
                 <i class="fa fa-arrow-left" aria-hidden="true"></i> Lobby