diff --git a/.DS_Store b/.DS_Store
index 2807789..46562c8 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ

diff --git a/.DS_Store b/.DS_Store
index 2807789..46562c8 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/api/ranking_trip.php b/api/ranking_trip.php
index 97e4478..d62771b 100644
--- a/api/ranking_trip.php
+++ b/api/ranking_trip.php
@@ -4,7 +4,7 @@
 
 <div class="col-md-12">
 
-    <div class="container">
+
 
         <?php echo $rersp; ?>
 
@@ -19,7 +19,7 @@
 
                 <h3>Drive Trip</h3>
                 <hr>
-                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; max-width: 800px; padding: 5px 30px;">
+                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
 
 
                     <table class="table">
@@ -29,27 +29,96 @@
                                 <th scope="col">Equipo</th>
                                 <th scope="col">Puntaje</th>
                                 <th scope="col">Tiempo</th>
+                                <th scope="col" style="width:150px">Progreso</th>
+                                <th scope="col">P1</th>
+                                <th scope="col">P2</th>
+                                <th scope="col">P3</th>
+                                <th scope="col">P4</th>
+                                <th scope="col">P5</th>
+                                <th scope="col">P6</th>
+                                <th scope="col">P7</th>
+                                <th scope="col">P8</th>
+                                <th scope="col">P9</th>
+                                <th scope="col">P10</th>
+                                <th scope="col">P11</th>
+                                <th scope="col">P12</th>
+                                <th scope="col">P13</th>
+                                <th scope="col">P14</th>
+                                <th scope="col">P15</th>
                             </tr>
                         </thead>
                         <tbody>
                             <?php
 
                             $count = 1;
-                            $q = "select distinct(rm.equipo), 
-                                        subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
-                                        (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
-                                        (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje
-                                from respuesta_map as rm
-                                order by 3 DESC,2";
+                            $q = "select distinct(rm.equipo),
+                                    subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
+                                    (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
+                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
+                                    obtain_questions(rm.equipo, 1) 'pregunta1',
+                                    obtain_questions(rm.equipo, 2) 'pregunta2',
+                                    obtain_questions(rm.equipo, 3) 'pregunta3',
+                                    obtain_questions(rm.equipo, 4) 'pregunta4',
+                                    obtain_questions(rm.equipo, 5) 'pregunta5',
+                                    obtain_questions(rm.equipo, 6) 'pregunta6',
+                                    obtain_questions(rm.equipo, 7) 'pregunta7',
+                                    obtain_questions(rm.equipo, 8) 'pregunta8',
+                                    obtain_questions(rm.equipo, 9) 'pregunta9',
+                                    obtain_questions(rm.equipo, 10) 'pregunta10',
+                                    obtain_questions(rm.equipo, 11) 'pregunta11',
+                                    obtain_questions(rm.equipo, 12) 'pregunta12',
+                                    obtain_questions(rm.equipo, 13) 'pregunta13',
+                                    obtain_questions(rm.equipo, 14) 'pregunta14',
+                                    obtain_questions(rm.equipo, 15) 'pregunta15'
+                            from respuesta_map as rm
+                            where rm.equipo <> ''
+                            order by 3 DESC,2";
                             $queryR1 = mysqli_query($connect, $q);
                             while ($dataR1 = mysqli_fetch_array($queryR1)) {
-
+                                $suma = $dataR1["pregunta1"]+$dataR1["pregunta2"]+$dataR1["pregunta3"]+$dataR1["pregunta4"]+$dataR1["pregunta5"]+$dataR1["pregunta6"]+$dataR1["pregunta7"]+$dataR1["pregunta8"]+$dataR1["pregunta9"]+$dataR1["pregunta10"]+$dataR1["pregunta11"]+$dataR1["pregunta12"]+$dataR1["pregunta13"]+$dataR1["pregunta14"]+$dataR1["pregunta15"];
+                                $val = 100*$suma/15;
+                                $bg_color = "";
+                                $color = "";
+                                if ($val < 30 ) {
+                                    $bg_color = "#d91e49";
+                                    $color = "#000";
+                                }
+                                if ($val >= 30 && $val < 70 ) {
+                                    $bg_color = "#ff8000";
+                                    $color = "#000";
+                                }
+                                if ($val >= 70 ) {
+                                    $bg_color = "#008f39";
+                                    $color = "#fff";
+                                }
+                                $val = number_format ( $val , 2 );
                                 echo '
                                     <tr>
                                         <td>' . $count . '</td>
                                         <td>' . $dataR1["equipo"] . '</td>
                                         <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                         <td>' . $dataR1["tiempo"] . '</td>
+                                        <td>
+                                            <div class="progress" style="background-color: #a7a9ac;">
+                                                <div class="progress-bar" style="background-color: '.$bg_color.'; color: '.$color.'; width: '.$val.'%;" role="progressbar" aria-valuemin="0" aria-valuemax="15">'.$val.'%</div>
+                                            </div>
+                                        </td>
+                                        <td>' . ($dataR1["pregunta1"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta2"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta3"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta4"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta5"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta6"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta7"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta8"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta9"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta10"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta11"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta12"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta13"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta14"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta15"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        
                                     <tr>
                                     ';
                                 $count++;
@@ -71,7 +140,7 @@
             <a href="/eventos" class="btn btn_juegos">Volver</a>
         </div>
 
-    </div>
+   
 
 </div>
 

diff --git a/.DS_Store b/.DS_Store
index 2807789..46562c8 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/api/ranking_trip.php b/api/ranking_trip.php
index 97e4478..d62771b 100644
--- a/api/ranking_trip.php
+++ b/api/ranking_trip.php
@@ -4,7 +4,7 @@
 
 <div class="col-md-12">
 
-    <div class="container">
+
 
         <?php echo $rersp; ?>
 
@@ -19,7 +19,7 @@
 
                 <h3>Drive Trip</h3>
                 <hr>
-                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; max-width: 800px; padding: 5px 30px;">
+                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
 
 
                     <table class="table">
@@ -29,27 +29,96 @@
                                 <th scope="col">Equipo</th>
                                 <th scope="col">Puntaje</th>
                                 <th scope="col">Tiempo</th>
+                                <th scope="col" style="width:150px">Progreso</th>
+                                <th scope="col">P1</th>
+                                <th scope="col">P2</th>
+                                <th scope="col">P3</th>
+                                <th scope="col">P4</th>
+                                <th scope="col">P5</th>
+                                <th scope="col">P6</th>
+                                <th scope="col">P7</th>
+                                <th scope="col">P8</th>
+                                <th scope="col">P9</th>
+                                <th scope="col">P10</th>
+                                <th scope="col">P11</th>
+                                <th scope="col">P12</th>
+                                <th scope="col">P13</th>
+                                <th scope="col">P14</th>
+                                <th scope="col">P15</th>
                             </tr>
                         </thead>
                         <tbody>
                             <?php
 
                             $count = 1;
-                            $q = "select distinct(rm.equipo), 
-                                        subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
-                                        (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
-                                        (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje
-                                from respuesta_map as rm
-                                order by 3 DESC,2";
+                            $q = "select distinct(rm.equipo),
+                                    subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
+                                    (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
+                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
+                                    obtain_questions(rm.equipo, 1) 'pregunta1',
+                                    obtain_questions(rm.equipo, 2) 'pregunta2',
+                                    obtain_questions(rm.equipo, 3) 'pregunta3',
+                                    obtain_questions(rm.equipo, 4) 'pregunta4',
+                                    obtain_questions(rm.equipo, 5) 'pregunta5',
+                                    obtain_questions(rm.equipo, 6) 'pregunta6',
+                                    obtain_questions(rm.equipo, 7) 'pregunta7',
+                                    obtain_questions(rm.equipo, 8) 'pregunta8',
+                                    obtain_questions(rm.equipo, 9) 'pregunta9',
+                                    obtain_questions(rm.equipo, 10) 'pregunta10',
+                                    obtain_questions(rm.equipo, 11) 'pregunta11',
+                                    obtain_questions(rm.equipo, 12) 'pregunta12',
+                                    obtain_questions(rm.equipo, 13) 'pregunta13',
+                                    obtain_questions(rm.equipo, 14) 'pregunta14',
+                                    obtain_questions(rm.equipo, 15) 'pregunta15'
+                            from respuesta_map as rm
+                            where rm.equipo <> ''
+                            order by 3 DESC,2";
                             $queryR1 = mysqli_query($connect, $q);
                             while ($dataR1 = mysqli_fetch_array($queryR1)) {
-
+                                $suma = $dataR1["pregunta1"]+$dataR1["pregunta2"]+$dataR1["pregunta3"]+$dataR1["pregunta4"]+$dataR1["pregunta5"]+$dataR1["pregunta6"]+$dataR1["pregunta7"]+$dataR1["pregunta8"]+$dataR1["pregunta9"]+$dataR1["pregunta10"]+$dataR1["pregunta11"]+$dataR1["pregunta12"]+$dataR1["pregunta13"]+$dataR1["pregunta14"]+$dataR1["pregunta15"];
+                                $val = 100*$suma/15;
+                                $bg_color = "";
+                                $color = "";
+                                if ($val < 30 ) {
+                                    $bg_color = "#d91e49";
+                                    $color = "#000";
+                                }
+                                if ($val >= 30 && $val < 70 ) {
+                                    $bg_color = "#ff8000";
+                                    $color = "#000";
+                                }
+                                if ($val >= 70 ) {
+                                    $bg_color = "#008f39";
+                                    $color = "#fff";
+                                }
+                                $val = number_format ( $val , 2 );
                                 echo '
                                     <tr>
                                         <td>' . $count . '</td>
                                         <td>' . $dataR1["equipo"] . '</td>
                                         <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                         <td>' . $dataR1["tiempo"] . '</td>
+                                        <td>
+                                            <div class="progress" style="background-color: #a7a9ac;">
+                                                <div class="progress-bar" style="background-color: '.$bg_color.'; color: '.$color.'; width: '.$val.'%;" role="progressbar" aria-valuemin="0" aria-valuemax="15">'.$val.'%</div>
+                                            </div>
+                                        </td>
+                                        <td>' . ($dataR1["pregunta1"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta2"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta3"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta4"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta5"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta6"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta7"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta8"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta9"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta10"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta11"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta12"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta13"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta14"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta15"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        
                                     <tr>
                                     ';
                                 $count++;
@@ -71,7 +140,7 @@
             <a href="/eventos" class="btn btn_juegos">Volver</a>
         </div>
 
-    </div>
+   
 
 </div>
 
diff --git a/js/.DS_Store b/js/.DS_Store
index acaa0ec..f22c63d 100644
--- a/js/.DS_Store
+++ b/js/.DS_Store
Binary files differ

diff --git a/.DS_Store b/.DS_Store
index 2807789..46562c8 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/api/ranking_trip.php b/api/ranking_trip.php
index 97e4478..d62771b 100644
--- a/api/ranking_trip.php
+++ b/api/ranking_trip.php
@@ -4,7 +4,7 @@
 
 <div class="col-md-12">
 
-    <div class="container">
+
 
         <?php echo $rersp; ?>
 
@@ -19,7 +19,7 @@
 
                 <h3>Drive Trip</h3>
                 <hr>
-                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; max-width: 800px; padding: 5px 30px;">
+                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
 
 
                     <table class="table">
@@ -29,27 +29,96 @@
                                 <th scope="col">Equipo</th>
                                 <th scope="col">Puntaje</th>
                                 <th scope="col">Tiempo</th>
+                                <th scope="col" style="width:150px">Progreso</th>
+                                <th scope="col">P1</th>
+                                <th scope="col">P2</th>
+                                <th scope="col">P3</th>
+                                <th scope="col">P4</th>
+                                <th scope="col">P5</th>
+                                <th scope="col">P6</th>
+                                <th scope="col">P7</th>
+                                <th scope="col">P8</th>
+                                <th scope="col">P9</th>
+                                <th scope="col">P10</th>
+                                <th scope="col">P11</th>
+                                <th scope="col">P12</th>
+                                <th scope="col">P13</th>
+                                <th scope="col">P14</th>
+                                <th scope="col">P15</th>
                             </tr>
                         </thead>
                         <tbody>
                             <?php
 
                             $count = 1;
-                            $q = "select distinct(rm.equipo), 
-                                        subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
-                                        (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
-                                        (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje
-                                from respuesta_map as rm
-                                order by 3 DESC,2";
+                            $q = "select distinct(rm.equipo),
+                                    subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
+                                    (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
+                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
+                                    obtain_questions(rm.equipo, 1) 'pregunta1',
+                                    obtain_questions(rm.equipo, 2) 'pregunta2',
+                                    obtain_questions(rm.equipo, 3) 'pregunta3',
+                                    obtain_questions(rm.equipo, 4) 'pregunta4',
+                                    obtain_questions(rm.equipo, 5) 'pregunta5',
+                                    obtain_questions(rm.equipo, 6) 'pregunta6',
+                                    obtain_questions(rm.equipo, 7) 'pregunta7',
+                                    obtain_questions(rm.equipo, 8) 'pregunta8',
+                                    obtain_questions(rm.equipo, 9) 'pregunta9',
+                                    obtain_questions(rm.equipo, 10) 'pregunta10',
+                                    obtain_questions(rm.equipo, 11) 'pregunta11',
+                                    obtain_questions(rm.equipo, 12) 'pregunta12',
+                                    obtain_questions(rm.equipo, 13) 'pregunta13',
+                                    obtain_questions(rm.equipo, 14) 'pregunta14',
+                                    obtain_questions(rm.equipo, 15) 'pregunta15'
+                            from respuesta_map as rm
+                            where rm.equipo <> ''
+                            order by 3 DESC,2";
                             $queryR1 = mysqli_query($connect, $q);
                             while ($dataR1 = mysqli_fetch_array($queryR1)) {
-
+                                $suma = $dataR1["pregunta1"]+$dataR1["pregunta2"]+$dataR1["pregunta3"]+$dataR1["pregunta4"]+$dataR1["pregunta5"]+$dataR1["pregunta6"]+$dataR1["pregunta7"]+$dataR1["pregunta8"]+$dataR1["pregunta9"]+$dataR1["pregunta10"]+$dataR1["pregunta11"]+$dataR1["pregunta12"]+$dataR1["pregunta13"]+$dataR1["pregunta14"]+$dataR1["pregunta15"];
+                                $val = 100*$suma/15;
+                                $bg_color = "";
+                                $color = "";
+                                if ($val < 30 ) {
+                                    $bg_color = "#d91e49";
+                                    $color = "#000";
+                                }
+                                if ($val >= 30 && $val < 70 ) {
+                                    $bg_color = "#ff8000";
+                                    $color = "#000";
+                                }
+                                if ($val >= 70 ) {
+                                    $bg_color = "#008f39";
+                                    $color = "#fff";
+                                }
+                                $val = number_format ( $val , 2 );
                                 echo '
                                     <tr>
                                         <td>' . $count . '</td>
                                         <td>' . $dataR1["equipo"] . '</td>
                                         <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                         <td>' . $dataR1["tiempo"] . '</td>
+                                        <td>
+                                            <div class="progress" style="background-color: #a7a9ac;">
+                                                <div class="progress-bar" style="background-color: '.$bg_color.'; color: '.$color.'; width: '.$val.'%;" role="progressbar" aria-valuemin="0" aria-valuemax="15">'.$val.'%</div>
+                                            </div>
+                                        </td>
+                                        <td>' . ($dataR1["pregunta1"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta2"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta3"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta4"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta5"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta6"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta7"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta8"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta9"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta10"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta11"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta12"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta13"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta14"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta15"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        
                                     <tr>
                                     ';
                                 $count++;
@@ -71,7 +140,7 @@
             <a href="/eventos" class="btn btn_juegos">Volver</a>
         </div>
 
-    </div>
+   
 
 </div>
 
diff --git a/js/.DS_Store b/js/.DS_Store
index acaa0ec..f22c63d 100644
--- a/js/.DS_Store
+++ b/js/.DS_Store
Binary files differ
diff --git a/js/emoji/.DS_Store b/js/emoji/.DS_Store
index fc3fe6c..540926f 100644
--- a/js/emoji/.DS_Store
+++ b/js/emoji/.DS_Store
Binary files differ

diff --git a/.DS_Store b/.DS_Store
index 2807789..46562c8 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/api/ranking_trip.php b/api/ranking_trip.php
index 97e4478..d62771b 100644
--- a/api/ranking_trip.php
+++ b/api/ranking_trip.php
@@ -4,7 +4,7 @@
 
 <div class="col-md-12">
 
-    <div class="container">
+
 
         <?php echo $rersp; ?>
 
@@ -19,7 +19,7 @@
 
                 <h3>Drive Trip</h3>
                 <hr>
-                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; max-width: 800px; padding: 5px 30px;">
+                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
 
 
                     <table class="table">
@@ -29,27 +29,96 @@
                                 <th scope="col">Equipo</th>
                                 <th scope="col">Puntaje</th>
                                 <th scope="col">Tiempo</th>
+                                <th scope="col" style="width:150px">Progreso</th>
+                                <th scope="col">P1</th>
+                                <th scope="col">P2</th>
+                                <th scope="col">P3</th>
+                                <th scope="col">P4</th>
+                                <th scope="col">P5</th>
+                                <th scope="col">P6</th>
+                                <th scope="col">P7</th>
+                                <th scope="col">P8</th>
+                                <th scope="col">P9</th>
+                                <th scope="col">P10</th>
+                                <th scope="col">P11</th>
+                                <th scope="col">P12</th>
+                                <th scope="col">P13</th>
+                                <th scope="col">P14</th>
+                                <th scope="col">P15</th>
                             </tr>
                         </thead>
                         <tbody>
                             <?php
 
                             $count = 1;
-                            $q = "select distinct(rm.equipo), 
-                                        subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
-                                        (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
-                                        (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje
-                                from respuesta_map as rm
-                                order by 3 DESC,2";
+                            $q = "select distinct(rm.equipo),
+                                    subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
+                                    (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
+                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
+                                    obtain_questions(rm.equipo, 1) 'pregunta1',
+                                    obtain_questions(rm.equipo, 2) 'pregunta2',
+                                    obtain_questions(rm.equipo, 3) 'pregunta3',
+                                    obtain_questions(rm.equipo, 4) 'pregunta4',
+                                    obtain_questions(rm.equipo, 5) 'pregunta5',
+                                    obtain_questions(rm.equipo, 6) 'pregunta6',
+                                    obtain_questions(rm.equipo, 7) 'pregunta7',
+                                    obtain_questions(rm.equipo, 8) 'pregunta8',
+                                    obtain_questions(rm.equipo, 9) 'pregunta9',
+                                    obtain_questions(rm.equipo, 10) 'pregunta10',
+                                    obtain_questions(rm.equipo, 11) 'pregunta11',
+                                    obtain_questions(rm.equipo, 12) 'pregunta12',
+                                    obtain_questions(rm.equipo, 13) 'pregunta13',
+                                    obtain_questions(rm.equipo, 14) 'pregunta14',
+                                    obtain_questions(rm.equipo, 15) 'pregunta15'
+                            from respuesta_map as rm
+                            where rm.equipo <> ''
+                            order by 3 DESC,2";
                             $queryR1 = mysqli_query($connect, $q);
                             while ($dataR1 = mysqli_fetch_array($queryR1)) {
-
+                                $suma = $dataR1["pregunta1"]+$dataR1["pregunta2"]+$dataR1["pregunta3"]+$dataR1["pregunta4"]+$dataR1["pregunta5"]+$dataR1["pregunta6"]+$dataR1["pregunta7"]+$dataR1["pregunta8"]+$dataR1["pregunta9"]+$dataR1["pregunta10"]+$dataR1["pregunta11"]+$dataR1["pregunta12"]+$dataR1["pregunta13"]+$dataR1["pregunta14"]+$dataR1["pregunta15"];
+                                $val = 100*$suma/15;
+                                $bg_color = "";
+                                $color = "";
+                                if ($val < 30 ) {
+                                    $bg_color = "#d91e49";
+                                    $color = "#000";
+                                }
+                                if ($val >= 30 && $val < 70 ) {
+                                    $bg_color = "#ff8000";
+                                    $color = "#000";
+                                }
+                                if ($val >= 70 ) {
+                                    $bg_color = "#008f39";
+                                    $color = "#fff";
+                                }
+                                $val = number_format ( $val , 2 );
                                 echo '
                                     <tr>
                                         <td>' . $count . '</td>
                                         <td>' . $dataR1["equipo"] . '</td>
                                         <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                         <td>' . $dataR1["tiempo"] . '</td>
+                                        <td>
+                                            <div class="progress" style="background-color: #a7a9ac;">
+                                                <div class="progress-bar" style="background-color: '.$bg_color.'; color: '.$color.'; width: '.$val.'%;" role="progressbar" aria-valuemin="0" aria-valuemax="15">'.$val.'%</div>
+                                            </div>
+                                        </td>
+                                        <td>' . ($dataR1["pregunta1"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta2"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta3"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta4"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta5"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta6"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta7"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta8"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta9"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta10"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta11"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta12"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta13"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta14"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta15"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        
                                     <tr>
                                     ';
                                 $count++;
@@ -71,7 +140,7 @@
             <a href="/eventos" class="btn btn_juegos">Volver</a>
         </div>
 
-    </div>
+   
 
 </div>
 
diff --git a/js/.DS_Store b/js/.DS_Store
index acaa0ec..f22c63d 100644
--- a/js/.DS_Store
+++ b/js/.DS_Store
Binary files differ
diff --git a/js/emoji/.DS_Store b/js/emoji/.DS_Store
index fc3fe6c..540926f 100644
--- a/js/emoji/.DS_Store
+++ b/js/emoji/.DS_Store
Binary files differ
diff --git a/js/emoji/lib/css/emoji.css b/js/emoji/lib/css/emoji.css
index 7d28e91..1813737 100644
--- a/js/emoji/lib/css/emoji.css
+++ b/js/emoji/lib/css/emoji.css
@@ -55,7 +55,7 @@
 .emoji-picker-icon {
     cursor: pointer;
     position: absolute;
-    right: 10px;
+    right: 18px;
     top: 5px;
     font-size: 20px;
     opacity: 0.7;
@@ -68,6 +68,23 @@
     -o-user-select: none;
     user-select: none;
 }
+/*
+.emoji-picker-icon {
+    cursor: pointer;
+    position: absolute;
+    right: 10px;
+    top: 5px;
+    font-size: 20px;
+    opacity: 0.7;
+    z-index: 100;
+    transition: none;
+    color: black;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}*/
 
 .emoji-picker-icon.parent-has-scroll {
     right: 28px;

diff --git a/.DS_Store b/.DS_Store
index 2807789..46562c8 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/api/ranking_trip.php b/api/ranking_trip.php
index 97e4478..d62771b 100644
--- a/api/ranking_trip.php
+++ b/api/ranking_trip.php
@@ -4,7 +4,7 @@
 
 <div class="col-md-12">
 
-    <div class="container">
+
 
         <?php echo $rersp; ?>
 
@@ -19,7 +19,7 @@
 
                 <h3>Drive Trip</h3>
                 <hr>
-                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; max-width: 800px; padding: 5px 30px;">
+                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
 
 
                     <table class="table">
@@ -29,27 +29,96 @@
                                 <th scope="col">Equipo</th>
                                 <th scope="col">Puntaje</th>
                                 <th scope="col">Tiempo</th>
+                                <th scope="col" style="width:150px">Progreso</th>
+                                <th scope="col">P1</th>
+                                <th scope="col">P2</th>
+                                <th scope="col">P3</th>
+                                <th scope="col">P4</th>
+                                <th scope="col">P5</th>
+                                <th scope="col">P6</th>
+                                <th scope="col">P7</th>
+                                <th scope="col">P8</th>
+                                <th scope="col">P9</th>
+                                <th scope="col">P10</th>
+                                <th scope="col">P11</th>
+                                <th scope="col">P12</th>
+                                <th scope="col">P13</th>
+                                <th scope="col">P14</th>
+                                <th scope="col">P15</th>
                             </tr>
                         </thead>
                         <tbody>
                             <?php
 
                             $count = 1;
-                            $q = "select distinct(rm.equipo), 
-                                        subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
-                                        (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
-                                        (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje
-                                from respuesta_map as rm
-                                order by 3 DESC,2";
+                            $q = "select distinct(rm.equipo),
+                                    subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
+                                    (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
+                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
+                                    obtain_questions(rm.equipo, 1) 'pregunta1',
+                                    obtain_questions(rm.equipo, 2) 'pregunta2',
+                                    obtain_questions(rm.equipo, 3) 'pregunta3',
+                                    obtain_questions(rm.equipo, 4) 'pregunta4',
+                                    obtain_questions(rm.equipo, 5) 'pregunta5',
+                                    obtain_questions(rm.equipo, 6) 'pregunta6',
+                                    obtain_questions(rm.equipo, 7) 'pregunta7',
+                                    obtain_questions(rm.equipo, 8) 'pregunta8',
+                                    obtain_questions(rm.equipo, 9) 'pregunta9',
+                                    obtain_questions(rm.equipo, 10) 'pregunta10',
+                                    obtain_questions(rm.equipo, 11) 'pregunta11',
+                                    obtain_questions(rm.equipo, 12) 'pregunta12',
+                                    obtain_questions(rm.equipo, 13) 'pregunta13',
+                                    obtain_questions(rm.equipo, 14) 'pregunta14',
+                                    obtain_questions(rm.equipo, 15) 'pregunta15'
+                            from respuesta_map as rm
+                            where rm.equipo <> ''
+                            order by 3 DESC,2";
                             $queryR1 = mysqli_query($connect, $q);
                             while ($dataR1 = mysqli_fetch_array($queryR1)) {
-
+                                $suma = $dataR1["pregunta1"]+$dataR1["pregunta2"]+$dataR1["pregunta3"]+$dataR1["pregunta4"]+$dataR1["pregunta5"]+$dataR1["pregunta6"]+$dataR1["pregunta7"]+$dataR1["pregunta8"]+$dataR1["pregunta9"]+$dataR1["pregunta10"]+$dataR1["pregunta11"]+$dataR1["pregunta12"]+$dataR1["pregunta13"]+$dataR1["pregunta14"]+$dataR1["pregunta15"];
+                                $val = 100*$suma/15;
+                                $bg_color = "";
+                                $color = "";
+                                if ($val < 30 ) {
+                                    $bg_color = "#d91e49";
+                                    $color = "#000";
+                                }
+                                if ($val >= 30 && $val < 70 ) {
+                                    $bg_color = "#ff8000";
+                                    $color = "#000";
+                                }
+                                if ($val >= 70 ) {
+                                    $bg_color = "#008f39";
+                                    $color = "#fff";
+                                }
+                                $val = number_format ( $val , 2 );
                                 echo '
                                     <tr>
                                         <td>' . $count . '</td>
                                         <td>' . $dataR1["equipo"] . '</td>
                                         <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                         <td>' . $dataR1["tiempo"] . '</td>
+                                        <td>
+                                            <div class="progress" style="background-color: #a7a9ac;">
+                                                <div class="progress-bar" style="background-color: '.$bg_color.'; color: '.$color.'; width: '.$val.'%;" role="progressbar" aria-valuemin="0" aria-valuemax="15">'.$val.'%</div>
+                                            </div>
+                                        </td>
+                                        <td>' . ($dataR1["pregunta1"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta2"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta3"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta4"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta5"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta6"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta7"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta8"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta9"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta10"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta11"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta12"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta13"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta14"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta15"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        
                                     <tr>
                                     ';
                                 $count++;
@@ -71,7 +140,7 @@
             <a href="/eventos" class="btn btn_juegos">Volver</a>
         </div>
 
-    </div>
+   
 
 </div>
 
diff --git a/js/.DS_Store b/js/.DS_Store
index acaa0ec..f22c63d 100644
--- a/js/.DS_Store
+++ b/js/.DS_Store
Binary files differ
diff --git a/js/emoji/.DS_Store b/js/emoji/.DS_Store
index fc3fe6c..540926f 100644
--- a/js/emoji/.DS_Store
+++ b/js/emoji/.DS_Store
Binary files differ
diff --git a/js/emoji/lib/css/emoji.css b/js/emoji/lib/css/emoji.css
index 7d28e91..1813737 100644
--- a/js/emoji/lib/css/emoji.css
+++ b/js/emoji/lib/css/emoji.css
@@ -55,7 +55,7 @@
 .emoji-picker-icon {
     cursor: pointer;
     position: absolute;
-    right: 10px;
+    right: 18px;
     top: 5px;
     font-size: 20px;
     opacity: 0.7;
@@ -68,6 +68,23 @@
     -o-user-select: none;
     user-select: none;
 }
+/*
+.emoji-picker-icon {
+    cursor: pointer;
+    position: absolute;
+    right: 10px;
+    top: 5px;
+    font-size: 20px;
+    opacity: 0.7;
+    z-index: 100;
+    transition: none;
+    color: black;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}*/
 
 .emoji-picker-icon.parent-has-scroll {
     right: 28px;
diff --git a/js/emoji/lib/js/jquery.emojiarea.js b/js/emoji/lib/js/jquery.emojiarea.js
index 0187010..8202803 100644
--- a/js/emoji/lib/js/jquery.emojiarea.js
+++ b/js/emoji/lib/js/jquery.emojiarea.js
@@ -414,7 +414,7 @@
       editorDiv.scrollTop(editorDiv[0].scrollHeight);
     });
 
-    $textarea.after("<i class='emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
+    $textarea.after("<i class=' input-group-prepend emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
 
     $textarea.hide().after(this.$editor);
     this.setup();

diff --git a/.DS_Store b/.DS_Store
index 2807789..46562c8 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/api/ranking_trip.php b/api/ranking_trip.php
index 97e4478..d62771b 100644
--- a/api/ranking_trip.php
+++ b/api/ranking_trip.php
@@ -4,7 +4,7 @@
 
 <div class="col-md-12">
 
-    <div class="container">
+
 
         <?php echo $rersp; ?>
 
@@ -19,7 +19,7 @@
 
                 <h3>Drive Trip</h3>
                 <hr>
-                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; max-width: 800px; padding: 5px 30px;">
+                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
 
 
                     <table class="table">
@@ -29,27 +29,96 @@
                                 <th scope="col">Equipo</th>
                                 <th scope="col">Puntaje</th>
                                 <th scope="col">Tiempo</th>
+                                <th scope="col" style="width:150px">Progreso</th>
+                                <th scope="col">P1</th>
+                                <th scope="col">P2</th>
+                                <th scope="col">P3</th>
+                                <th scope="col">P4</th>
+                                <th scope="col">P5</th>
+                                <th scope="col">P6</th>
+                                <th scope="col">P7</th>
+                                <th scope="col">P8</th>
+                                <th scope="col">P9</th>
+                                <th scope="col">P10</th>
+                                <th scope="col">P11</th>
+                                <th scope="col">P12</th>
+                                <th scope="col">P13</th>
+                                <th scope="col">P14</th>
+                                <th scope="col">P15</th>
                             </tr>
                         </thead>
                         <tbody>
                             <?php
 
                             $count = 1;
-                            $q = "select distinct(rm.equipo), 
-                                        subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
-                                        (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
-                                        (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje
-                                from respuesta_map as rm
-                                order by 3 DESC,2";
+                            $q = "select distinct(rm.equipo),
+                                    subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
+                                    (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
+                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
+                                    obtain_questions(rm.equipo, 1) 'pregunta1',
+                                    obtain_questions(rm.equipo, 2) 'pregunta2',
+                                    obtain_questions(rm.equipo, 3) 'pregunta3',
+                                    obtain_questions(rm.equipo, 4) 'pregunta4',
+                                    obtain_questions(rm.equipo, 5) 'pregunta5',
+                                    obtain_questions(rm.equipo, 6) 'pregunta6',
+                                    obtain_questions(rm.equipo, 7) 'pregunta7',
+                                    obtain_questions(rm.equipo, 8) 'pregunta8',
+                                    obtain_questions(rm.equipo, 9) 'pregunta9',
+                                    obtain_questions(rm.equipo, 10) 'pregunta10',
+                                    obtain_questions(rm.equipo, 11) 'pregunta11',
+                                    obtain_questions(rm.equipo, 12) 'pregunta12',
+                                    obtain_questions(rm.equipo, 13) 'pregunta13',
+                                    obtain_questions(rm.equipo, 14) 'pregunta14',
+                                    obtain_questions(rm.equipo, 15) 'pregunta15'
+                            from respuesta_map as rm
+                            where rm.equipo <> ''
+                            order by 3 DESC,2";
                             $queryR1 = mysqli_query($connect, $q);
                             while ($dataR1 = mysqli_fetch_array($queryR1)) {
-
+                                $suma = $dataR1["pregunta1"]+$dataR1["pregunta2"]+$dataR1["pregunta3"]+$dataR1["pregunta4"]+$dataR1["pregunta5"]+$dataR1["pregunta6"]+$dataR1["pregunta7"]+$dataR1["pregunta8"]+$dataR1["pregunta9"]+$dataR1["pregunta10"]+$dataR1["pregunta11"]+$dataR1["pregunta12"]+$dataR1["pregunta13"]+$dataR1["pregunta14"]+$dataR1["pregunta15"];
+                                $val = 100*$suma/15;
+                                $bg_color = "";
+                                $color = "";
+                                if ($val < 30 ) {
+                                    $bg_color = "#d91e49";
+                                    $color = "#000";
+                                }
+                                if ($val >= 30 && $val < 70 ) {
+                                    $bg_color = "#ff8000";
+                                    $color = "#000";
+                                }
+                                if ($val >= 70 ) {
+                                    $bg_color = "#008f39";
+                                    $color = "#fff";
+                                }
+                                $val = number_format ( $val , 2 );
                                 echo '
                                     <tr>
                                         <td>' . $count . '</td>
                                         <td>' . $dataR1["equipo"] . '</td>
                                         <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                         <td>' . $dataR1["tiempo"] . '</td>
+                                        <td>
+                                            <div class="progress" style="background-color: #a7a9ac;">
+                                                <div class="progress-bar" style="background-color: '.$bg_color.'; color: '.$color.'; width: '.$val.'%;" role="progressbar" aria-valuemin="0" aria-valuemax="15">'.$val.'%</div>
+                                            </div>
+                                        </td>
+                                        <td>' . ($dataR1["pregunta1"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta2"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta3"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta4"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta5"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta6"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta7"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta8"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta9"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta10"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta11"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta12"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta13"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta14"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta15"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        
                                     <tr>
                                     ';
                                 $count++;
@@ -71,7 +140,7 @@
             <a href="/eventos" class="btn btn_juegos">Volver</a>
         </div>
 
-    </div>
+   
 
 </div>
 
diff --git a/js/.DS_Store b/js/.DS_Store
index acaa0ec..f22c63d 100644
--- a/js/.DS_Store
+++ b/js/.DS_Store
Binary files differ
diff --git a/js/emoji/.DS_Store b/js/emoji/.DS_Store
index fc3fe6c..540926f 100644
--- a/js/emoji/.DS_Store
+++ b/js/emoji/.DS_Store
Binary files differ
diff --git a/js/emoji/lib/css/emoji.css b/js/emoji/lib/css/emoji.css
index 7d28e91..1813737 100644
--- a/js/emoji/lib/css/emoji.css
+++ b/js/emoji/lib/css/emoji.css
@@ -55,7 +55,7 @@
 .emoji-picker-icon {
     cursor: pointer;
     position: absolute;
-    right: 10px;
+    right: 18px;
     top: 5px;
     font-size: 20px;
     opacity: 0.7;
@@ -68,6 +68,23 @@
     -o-user-select: none;
     user-select: none;
 }
+/*
+.emoji-picker-icon {
+    cursor: pointer;
+    position: absolute;
+    right: 10px;
+    top: 5px;
+    font-size: 20px;
+    opacity: 0.7;
+    z-index: 100;
+    transition: none;
+    color: black;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}*/
 
 .emoji-picker-icon.parent-has-scroll {
     right: 28px;
diff --git a/js/emoji/lib/js/jquery.emojiarea.js b/js/emoji/lib/js/jquery.emojiarea.js
index 0187010..8202803 100644
--- a/js/emoji/lib/js/jquery.emojiarea.js
+++ b/js/emoji/lib/js/jquery.emojiarea.js
@@ -414,7 +414,7 @@
       editorDiv.scrollTop(editorDiv[0].scrollHeight);
     });
 
-    $textarea.after("<i class='emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
+    $textarea.after("<i class=' input-group-prepend emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
 
     $textarea.hide().after(this.$editor);
     this.setup();
diff --git a/recursos/image20.png b/recursos/image20.png
new file mode 100644
index 0000000..69c2b8d
--- /dev/null
+++ b/recursos/image20.png
Binary files differ

diff --git a/.DS_Store b/.DS_Store
index 2807789..46562c8 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/api/ranking_trip.php b/api/ranking_trip.php
index 97e4478..d62771b 100644
--- a/api/ranking_trip.php
+++ b/api/ranking_trip.php
@@ -4,7 +4,7 @@
 
 <div class="col-md-12">
 
-    <div class="container">
+
 
         <?php echo $rersp; ?>
 
@@ -19,7 +19,7 @@
 
                 <h3>Drive Trip</h3>
                 <hr>
-                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; max-width: 800px; padding: 5px 30px;">
+                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
 
 
                     <table class="table">
@@ -29,27 +29,96 @@
                                 <th scope="col">Equipo</th>
                                 <th scope="col">Puntaje</th>
                                 <th scope="col">Tiempo</th>
+                                <th scope="col" style="width:150px">Progreso</th>
+                                <th scope="col">P1</th>
+                                <th scope="col">P2</th>
+                                <th scope="col">P3</th>
+                                <th scope="col">P4</th>
+                                <th scope="col">P5</th>
+                                <th scope="col">P6</th>
+                                <th scope="col">P7</th>
+                                <th scope="col">P8</th>
+                                <th scope="col">P9</th>
+                                <th scope="col">P10</th>
+                                <th scope="col">P11</th>
+                                <th scope="col">P12</th>
+                                <th scope="col">P13</th>
+                                <th scope="col">P14</th>
+                                <th scope="col">P15</th>
                             </tr>
                         </thead>
                         <tbody>
                             <?php
 
                             $count = 1;
-                            $q = "select distinct(rm.equipo), 
-                                        subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
-                                        (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
-                                        (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje
-                                from respuesta_map as rm
-                                order by 3 DESC,2";
+                            $q = "select distinct(rm.equipo),
+                                    subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
+                                    (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
+                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
+                                    obtain_questions(rm.equipo, 1) 'pregunta1',
+                                    obtain_questions(rm.equipo, 2) 'pregunta2',
+                                    obtain_questions(rm.equipo, 3) 'pregunta3',
+                                    obtain_questions(rm.equipo, 4) 'pregunta4',
+                                    obtain_questions(rm.equipo, 5) 'pregunta5',
+                                    obtain_questions(rm.equipo, 6) 'pregunta6',
+                                    obtain_questions(rm.equipo, 7) 'pregunta7',
+                                    obtain_questions(rm.equipo, 8) 'pregunta8',
+                                    obtain_questions(rm.equipo, 9) 'pregunta9',
+                                    obtain_questions(rm.equipo, 10) 'pregunta10',
+                                    obtain_questions(rm.equipo, 11) 'pregunta11',
+                                    obtain_questions(rm.equipo, 12) 'pregunta12',
+                                    obtain_questions(rm.equipo, 13) 'pregunta13',
+                                    obtain_questions(rm.equipo, 14) 'pregunta14',
+                                    obtain_questions(rm.equipo, 15) 'pregunta15'
+                            from respuesta_map as rm
+                            where rm.equipo <> ''
+                            order by 3 DESC,2";
                             $queryR1 = mysqli_query($connect, $q);
                             while ($dataR1 = mysqli_fetch_array($queryR1)) {
-
+                                $suma = $dataR1["pregunta1"]+$dataR1["pregunta2"]+$dataR1["pregunta3"]+$dataR1["pregunta4"]+$dataR1["pregunta5"]+$dataR1["pregunta6"]+$dataR1["pregunta7"]+$dataR1["pregunta8"]+$dataR1["pregunta9"]+$dataR1["pregunta10"]+$dataR1["pregunta11"]+$dataR1["pregunta12"]+$dataR1["pregunta13"]+$dataR1["pregunta14"]+$dataR1["pregunta15"];
+                                $val = 100*$suma/15;
+                                $bg_color = "";
+                                $color = "";
+                                if ($val < 30 ) {
+                                    $bg_color = "#d91e49";
+                                    $color = "#000";
+                                }
+                                if ($val >= 30 && $val < 70 ) {
+                                    $bg_color = "#ff8000";
+                                    $color = "#000";
+                                }
+                                if ($val >= 70 ) {
+                                    $bg_color = "#008f39";
+                                    $color = "#fff";
+                                }
+                                $val = number_format ( $val , 2 );
                                 echo '
                                     <tr>
                                         <td>' . $count . '</td>
                                         <td>' . $dataR1["equipo"] . '</td>
                                         <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                         <td>' . $dataR1["tiempo"] . '</td>
+                                        <td>
+                                            <div class="progress" style="background-color: #a7a9ac;">
+                                                <div class="progress-bar" style="background-color: '.$bg_color.'; color: '.$color.'; width: '.$val.'%;" role="progressbar" aria-valuemin="0" aria-valuemax="15">'.$val.'%</div>
+                                            </div>
+                                        </td>
+                                        <td>' . ($dataR1["pregunta1"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta2"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta3"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta4"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta5"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta6"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta7"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta8"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta9"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta10"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta11"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta12"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta13"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta14"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta15"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        
                                     <tr>
                                     ';
                                 $count++;
@@ -71,7 +140,7 @@
             <a href="/eventos" class="btn btn_juegos">Volver</a>
         </div>
 
-    </div>
+   
 
 </div>
 
diff --git a/js/.DS_Store b/js/.DS_Store
index acaa0ec..f22c63d 100644
--- a/js/.DS_Store
+++ b/js/.DS_Store
Binary files differ
diff --git a/js/emoji/.DS_Store b/js/emoji/.DS_Store
index fc3fe6c..540926f 100644
--- a/js/emoji/.DS_Store
+++ b/js/emoji/.DS_Store
Binary files differ
diff --git a/js/emoji/lib/css/emoji.css b/js/emoji/lib/css/emoji.css
index 7d28e91..1813737 100644
--- a/js/emoji/lib/css/emoji.css
+++ b/js/emoji/lib/css/emoji.css
@@ -55,7 +55,7 @@
 .emoji-picker-icon {
     cursor: pointer;
     position: absolute;
-    right: 10px;
+    right: 18px;
     top: 5px;
     font-size: 20px;
     opacity: 0.7;
@@ -68,6 +68,23 @@
     -o-user-select: none;
     user-select: none;
 }
+/*
+.emoji-picker-icon {
+    cursor: pointer;
+    position: absolute;
+    right: 10px;
+    top: 5px;
+    font-size: 20px;
+    opacity: 0.7;
+    z-index: 100;
+    transition: none;
+    color: black;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}*/
 
 .emoji-picker-icon.parent-has-scroll {
     right: 28px;
diff --git a/js/emoji/lib/js/jquery.emojiarea.js b/js/emoji/lib/js/jquery.emojiarea.js
index 0187010..8202803 100644
--- a/js/emoji/lib/js/jquery.emojiarea.js
+++ b/js/emoji/lib/js/jquery.emojiarea.js
@@ -414,7 +414,7 @@
       editorDiv.scrollTop(editorDiv[0].scrollHeight);
     });
 
-    $textarea.after("<i class='emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
+    $textarea.after("<i class=' input-group-prepend emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
 
     $textarea.hide().after(this.$editor);
     this.setup();
diff --git a/recursos/image20.png b/recursos/image20.png
new file mode 100644
index 0000000..69c2b8d
--- /dev/null
+++ b/recursos/image20.png
Binary files differ
diff --git a/views/auditorio.php b/views/auditorio.php
index 95df4ea..7e5441e 100644
--- a/views/auditorio.php
+++ b/views/auditorio.php
@@ -72,7 +72,7 @@
                 </button>
             </div>
             <div class="modal-body" align="center">
-                <iframe src="https://vimeo.com/event/915802/chat/" width="360px" height="380px" frameborder="0"></iframe>
+                <iframe src="https://vimeo.com/event/919789/chat/" width="360px" height="380px" frameborder="0"></iframe>
 
             </div>
         </div>
@@ -81,7 +81,7 @@
 
 <img id="myVideo" src="/img/img_wd/rojo.png" alt="">
 <div>
-    <iframe class="streaming_auditorio" src="https://vimeo.com/event/915802/embed" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+    <iframe class="streaming_auditorio" src="https://vimeo.com/event/919789/embed" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
 </div>
 
 <!-- <div >

diff --git a/.DS_Store b/.DS_Store
index 2807789..46562c8 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/api/ranking_trip.php b/api/ranking_trip.php
index 97e4478..d62771b 100644
--- a/api/ranking_trip.php
+++ b/api/ranking_trip.php
@@ -4,7 +4,7 @@
 
 <div class="col-md-12">
 
-    <div class="container">
+
 
         <?php echo $rersp; ?>
 
@@ -19,7 +19,7 @@
 
                 <h3>Drive Trip</h3>
                 <hr>
-                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; max-width: 800px; padding: 5px 30px;">
+                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
 
 
                     <table class="table">
@@ -29,27 +29,96 @@
                                 <th scope="col">Equipo</th>
                                 <th scope="col">Puntaje</th>
                                 <th scope="col">Tiempo</th>
+                                <th scope="col" style="width:150px">Progreso</th>
+                                <th scope="col">P1</th>
+                                <th scope="col">P2</th>
+                                <th scope="col">P3</th>
+                                <th scope="col">P4</th>
+                                <th scope="col">P5</th>
+                                <th scope="col">P6</th>
+                                <th scope="col">P7</th>
+                                <th scope="col">P8</th>
+                                <th scope="col">P9</th>
+                                <th scope="col">P10</th>
+                                <th scope="col">P11</th>
+                                <th scope="col">P12</th>
+                                <th scope="col">P13</th>
+                                <th scope="col">P14</th>
+                                <th scope="col">P15</th>
                             </tr>
                         </thead>
                         <tbody>
                             <?php
 
                             $count = 1;
-                            $q = "select distinct(rm.equipo), 
-                                        subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
-                                        (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
-                                        (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje
-                                from respuesta_map as rm
-                                order by 3 DESC,2";
+                            $q = "select distinct(rm.equipo),
+                                    subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
+                                    (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
+                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
+                                    obtain_questions(rm.equipo, 1) 'pregunta1',
+                                    obtain_questions(rm.equipo, 2) 'pregunta2',
+                                    obtain_questions(rm.equipo, 3) 'pregunta3',
+                                    obtain_questions(rm.equipo, 4) 'pregunta4',
+                                    obtain_questions(rm.equipo, 5) 'pregunta5',
+                                    obtain_questions(rm.equipo, 6) 'pregunta6',
+                                    obtain_questions(rm.equipo, 7) 'pregunta7',
+                                    obtain_questions(rm.equipo, 8) 'pregunta8',
+                                    obtain_questions(rm.equipo, 9) 'pregunta9',
+                                    obtain_questions(rm.equipo, 10) 'pregunta10',
+                                    obtain_questions(rm.equipo, 11) 'pregunta11',
+                                    obtain_questions(rm.equipo, 12) 'pregunta12',
+                                    obtain_questions(rm.equipo, 13) 'pregunta13',
+                                    obtain_questions(rm.equipo, 14) 'pregunta14',
+                                    obtain_questions(rm.equipo, 15) 'pregunta15'
+                            from respuesta_map as rm
+                            where rm.equipo <> ''
+                            order by 3 DESC,2";
                             $queryR1 = mysqli_query($connect, $q);
                             while ($dataR1 = mysqli_fetch_array($queryR1)) {
-
+                                $suma = $dataR1["pregunta1"]+$dataR1["pregunta2"]+$dataR1["pregunta3"]+$dataR1["pregunta4"]+$dataR1["pregunta5"]+$dataR1["pregunta6"]+$dataR1["pregunta7"]+$dataR1["pregunta8"]+$dataR1["pregunta9"]+$dataR1["pregunta10"]+$dataR1["pregunta11"]+$dataR1["pregunta12"]+$dataR1["pregunta13"]+$dataR1["pregunta14"]+$dataR1["pregunta15"];
+                                $val = 100*$suma/15;
+                                $bg_color = "";
+                                $color = "";
+                                if ($val < 30 ) {
+                                    $bg_color = "#d91e49";
+                                    $color = "#000";
+                                }
+                                if ($val >= 30 && $val < 70 ) {
+                                    $bg_color = "#ff8000";
+                                    $color = "#000";
+                                }
+                                if ($val >= 70 ) {
+                                    $bg_color = "#008f39";
+                                    $color = "#fff";
+                                }
+                                $val = number_format ( $val , 2 );
                                 echo '
                                     <tr>
                                         <td>' . $count . '</td>
                                         <td>' . $dataR1["equipo"] . '</td>
                                         <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                         <td>' . $dataR1["tiempo"] . '</td>
+                                        <td>
+                                            <div class="progress" style="background-color: #a7a9ac;">
+                                                <div class="progress-bar" style="background-color: '.$bg_color.'; color: '.$color.'; width: '.$val.'%;" role="progressbar" aria-valuemin="0" aria-valuemax="15">'.$val.'%</div>
+                                            </div>
+                                        </td>
+                                        <td>' . ($dataR1["pregunta1"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta2"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta3"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta4"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta5"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta6"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta7"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta8"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta9"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta10"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta11"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta12"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta13"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta14"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta15"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        
                                     <tr>
                                     ';
                                 $count++;
@@ -71,7 +140,7 @@
             <a href="/eventos" class="btn btn_juegos">Volver</a>
         </div>
 
-    </div>
+   
 
 </div>
 
diff --git a/js/.DS_Store b/js/.DS_Store
index acaa0ec..f22c63d 100644
--- a/js/.DS_Store
+++ b/js/.DS_Store
Binary files differ
diff --git a/js/emoji/.DS_Store b/js/emoji/.DS_Store
index fc3fe6c..540926f 100644
--- a/js/emoji/.DS_Store
+++ b/js/emoji/.DS_Store
Binary files differ
diff --git a/js/emoji/lib/css/emoji.css b/js/emoji/lib/css/emoji.css
index 7d28e91..1813737 100644
--- a/js/emoji/lib/css/emoji.css
+++ b/js/emoji/lib/css/emoji.css
@@ -55,7 +55,7 @@
 .emoji-picker-icon {
     cursor: pointer;
     position: absolute;
-    right: 10px;
+    right: 18px;
     top: 5px;
     font-size: 20px;
     opacity: 0.7;
@@ -68,6 +68,23 @@
     -o-user-select: none;
     user-select: none;
 }
+/*
+.emoji-picker-icon {
+    cursor: pointer;
+    position: absolute;
+    right: 10px;
+    top: 5px;
+    font-size: 20px;
+    opacity: 0.7;
+    z-index: 100;
+    transition: none;
+    color: black;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}*/
 
 .emoji-picker-icon.parent-has-scroll {
     right: 28px;
diff --git a/js/emoji/lib/js/jquery.emojiarea.js b/js/emoji/lib/js/jquery.emojiarea.js
index 0187010..8202803 100644
--- a/js/emoji/lib/js/jquery.emojiarea.js
+++ b/js/emoji/lib/js/jquery.emojiarea.js
@@ -414,7 +414,7 @@
       editorDiv.scrollTop(editorDiv[0].scrollHeight);
     });
 
-    $textarea.after("<i class='emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
+    $textarea.after("<i class=' input-group-prepend emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
 
     $textarea.hide().after(this.$editor);
     this.setup();
diff --git a/recursos/image20.png b/recursos/image20.png
new file mode 100644
index 0000000..69c2b8d
--- /dev/null
+++ b/recursos/image20.png
Binary files differ
diff --git a/views/auditorio.php b/views/auditorio.php
index 95df4ea..7e5441e 100644
--- a/views/auditorio.php
+++ b/views/auditorio.php
@@ -72,7 +72,7 @@
                 </button>
             </div>
             <div class="modal-body" align="center">
-                <iframe src="https://vimeo.com/event/915802/chat/" width="360px" height="380px" frameborder="0"></iframe>
+                <iframe src="https://vimeo.com/event/919789/chat/" width="360px" height="380px" frameborder="0"></iframe>
 
             </div>
         </div>
@@ -81,7 +81,7 @@
 
 <img id="myVideo" src="/img/img_wd/rojo.png" alt="">
 <div>
-    <iframe class="streaming_auditorio" src="https://vimeo.com/event/915802/embed" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+    <iframe class="streaming_auditorio" src="https://vimeo.com/event/919789/embed" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
 </div>
 
 <!-- <div >
diff --git a/views/chat.php b/views/chat.php
index 8d8048d..c58ea4e 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -252,8 +252,11 @@
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" data-emojiable="true" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <div class="input-group-append">
             <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
+            </div>
+       
         </div>
 
     </div>

diff --git a/.DS_Store b/.DS_Store
index 2807789..46562c8 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/api/ranking_trip.php b/api/ranking_trip.php
index 97e4478..d62771b 100644
--- a/api/ranking_trip.php
+++ b/api/ranking_trip.php
@@ -4,7 +4,7 @@
 
 <div class="col-md-12">
 
-    <div class="container">
+
 
         <?php echo $rersp; ?>
 
@@ -19,7 +19,7 @@
 
                 <h3>Drive Trip</h3>
                 <hr>
-                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; max-width: 800px; padding: 5px 30px;">
+                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
 
 
                     <table class="table">
@@ -29,27 +29,96 @@
                                 <th scope="col">Equipo</th>
                                 <th scope="col">Puntaje</th>
                                 <th scope="col">Tiempo</th>
+                                <th scope="col" style="width:150px">Progreso</th>
+                                <th scope="col">P1</th>
+                                <th scope="col">P2</th>
+                                <th scope="col">P3</th>
+                                <th scope="col">P4</th>
+                                <th scope="col">P5</th>
+                                <th scope="col">P6</th>
+                                <th scope="col">P7</th>
+                                <th scope="col">P8</th>
+                                <th scope="col">P9</th>
+                                <th scope="col">P10</th>
+                                <th scope="col">P11</th>
+                                <th scope="col">P12</th>
+                                <th scope="col">P13</th>
+                                <th scope="col">P14</th>
+                                <th scope="col">P15</th>
                             </tr>
                         </thead>
                         <tbody>
                             <?php
 
                             $count = 1;
-                            $q = "select distinct(rm.equipo), 
-                                        subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
-                                        (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
-                                        (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje
-                                from respuesta_map as rm
-                                order by 3 DESC,2";
+                            $q = "select distinct(rm.equipo),
+                                    subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
+                                    (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
+                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
+                                    obtain_questions(rm.equipo, 1) 'pregunta1',
+                                    obtain_questions(rm.equipo, 2) 'pregunta2',
+                                    obtain_questions(rm.equipo, 3) 'pregunta3',
+                                    obtain_questions(rm.equipo, 4) 'pregunta4',
+                                    obtain_questions(rm.equipo, 5) 'pregunta5',
+                                    obtain_questions(rm.equipo, 6) 'pregunta6',
+                                    obtain_questions(rm.equipo, 7) 'pregunta7',
+                                    obtain_questions(rm.equipo, 8) 'pregunta8',
+                                    obtain_questions(rm.equipo, 9) 'pregunta9',
+                                    obtain_questions(rm.equipo, 10) 'pregunta10',
+                                    obtain_questions(rm.equipo, 11) 'pregunta11',
+                                    obtain_questions(rm.equipo, 12) 'pregunta12',
+                                    obtain_questions(rm.equipo, 13) 'pregunta13',
+                                    obtain_questions(rm.equipo, 14) 'pregunta14',
+                                    obtain_questions(rm.equipo, 15) 'pregunta15'
+                            from respuesta_map as rm
+                            where rm.equipo <> ''
+                            order by 3 DESC,2";
                             $queryR1 = mysqli_query($connect, $q);
                             while ($dataR1 = mysqli_fetch_array($queryR1)) {
-
+                                $suma = $dataR1["pregunta1"]+$dataR1["pregunta2"]+$dataR1["pregunta3"]+$dataR1["pregunta4"]+$dataR1["pregunta5"]+$dataR1["pregunta6"]+$dataR1["pregunta7"]+$dataR1["pregunta8"]+$dataR1["pregunta9"]+$dataR1["pregunta10"]+$dataR1["pregunta11"]+$dataR1["pregunta12"]+$dataR1["pregunta13"]+$dataR1["pregunta14"]+$dataR1["pregunta15"];
+                                $val = 100*$suma/15;
+                                $bg_color = "";
+                                $color = "";
+                                if ($val < 30 ) {
+                                    $bg_color = "#d91e49";
+                                    $color = "#000";
+                                }
+                                if ($val >= 30 && $val < 70 ) {
+                                    $bg_color = "#ff8000";
+                                    $color = "#000";
+                                }
+                                if ($val >= 70 ) {
+                                    $bg_color = "#008f39";
+                                    $color = "#fff";
+                                }
+                                $val = number_format ( $val , 2 );
                                 echo '
                                     <tr>
                                         <td>' . $count . '</td>
                                         <td>' . $dataR1["equipo"] . '</td>
                                         <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                         <td>' . $dataR1["tiempo"] . '</td>
+                                        <td>
+                                            <div class="progress" style="background-color: #a7a9ac;">
+                                                <div class="progress-bar" style="background-color: '.$bg_color.'; color: '.$color.'; width: '.$val.'%;" role="progressbar" aria-valuemin="0" aria-valuemax="15">'.$val.'%</div>
+                                            </div>
+                                        </td>
+                                        <td>' . ($dataR1["pregunta1"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta2"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta3"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta4"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta5"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta6"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta7"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta8"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta9"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta10"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta11"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta12"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta13"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta14"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta15"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        
                                     <tr>
                                     ';
                                 $count++;
@@ -71,7 +140,7 @@
             <a href="/eventos" class="btn btn_juegos">Volver</a>
         </div>
 
-    </div>
+   
 
 </div>
 
diff --git a/js/.DS_Store b/js/.DS_Store
index acaa0ec..f22c63d 100644
--- a/js/.DS_Store
+++ b/js/.DS_Store
Binary files differ
diff --git a/js/emoji/.DS_Store b/js/emoji/.DS_Store
index fc3fe6c..540926f 100644
--- a/js/emoji/.DS_Store
+++ b/js/emoji/.DS_Store
Binary files differ
diff --git a/js/emoji/lib/css/emoji.css b/js/emoji/lib/css/emoji.css
index 7d28e91..1813737 100644
--- a/js/emoji/lib/css/emoji.css
+++ b/js/emoji/lib/css/emoji.css
@@ -55,7 +55,7 @@
 .emoji-picker-icon {
     cursor: pointer;
     position: absolute;
-    right: 10px;
+    right: 18px;
     top: 5px;
     font-size: 20px;
     opacity: 0.7;
@@ -68,6 +68,23 @@
     -o-user-select: none;
     user-select: none;
 }
+/*
+.emoji-picker-icon {
+    cursor: pointer;
+    position: absolute;
+    right: 10px;
+    top: 5px;
+    font-size: 20px;
+    opacity: 0.7;
+    z-index: 100;
+    transition: none;
+    color: black;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}*/
 
 .emoji-picker-icon.parent-has-scroll {
     right: 28px;
diff --git a/js/emoji/lib/js/jquery.emojiarea.js b/js/emoji/lib/js/jquery.emojiarea.js
index 0187010..8202803 100644
--- a/js/emoji/lib/js/jquery.emojiarea.js
+++ b/js/emoji/lib/js/jquery.emojiarea.js
@@ -414,7 +414,7 @@
       editorDiv.scrollTop(editorDiv[0].scrollHeight);
     });
 
-    $textarea.after("<i class='emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
+    $textarea.after("<i class=' input-group-prepend emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
 
     $textarea.hide().after(this.$editor);
     this.setup();
diff --git a/recursos/image20.png b/recursos/image20.png
new file mode 100644
index 0000000..69c2b8d
--- /dev/null
+++ b/recursos/image20.png
Binary files differ
diff --git a/views/auditorio.php b/views/auditorio.php
index 95df4ea..7e5441e 100644
--- a/views/auditorio.php
+++ b/views/auditorio.php
@@ -72,7 +72,7 @@
                 </button>
             </div>
             <div class="modal-body" align="center">
-                <iframe src="https://vimeo.com/event/915802/chat/" width="360px" height="380px" frameborder="0"></iframe>
+                <iframe src="https://vimeo.com/event/919789/chat/" width="360px" height="380px" frameborder="0"></iframe>
 
             </div>
         </div>
@@ -81,7 +81,7 @@
 
 <img id="myVideo" src="/img/img_wd/rojo.png" alt="">
 <div>
-    <iframe class="streaming_auditorio" src="https://vimeo.com/event/915802/embed" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+    <iframe class="streaming_auditorio" src="https://vimeo.com/event/919789/embed" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
 </div>
 
 <!-- <div >
diff --git a/views/chat.php b/views/chat.php
index 8d8048d..c58ea4e 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -252,8 +252,11 @@
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" data-emojiable="true" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <div class="input-group-append">
             <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
+            </div>
+       
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index ac367a3..c7f4e60 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -243,11 +243,64 @@
 
 
 ?>
+<div class="modal fade" id="modal_instrucciones" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Instrucciones de la dinámica:</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body" align="left">
+                <ol>
+                    <li> Perteneces a un equipo cuyo objetivo es completar la visita de 15 destinos por tres países diferentes. </li>
+                    <li> En el viaje que vas a realizar con tu equipo, visitarán una serie de lugares y responderán a preguntas relacionadas con los mismos. </li>
+                    <li> En el equipo existen dos tipos de roles: Los jugadores y el moderador. </li>
+                    <li> Van a trabajar como individuos que hacen parte de un equipo, recuerden que deben aportar de manera individual para lograr los objetivos del</li>
+                    <li> Cuando des clic en el botón ir al viaje, después de conocer el equipo con el cuál vivirás la experiencia, llegaras a un módulo en donde encontraras lo siguiente. </li>
+                    <li> Si se te ha asignado el rol de jugador encontraras en tu pantalla:
+                        <ul>
+                            <li> Una serie de pistas relacionadas con los 15 sitios que deberán encontrar y tres preguntas de cultura general relacionadas con cada uno de los sitios.</li>
+                            <li> Un chat que les permitirá comunicarse como equipo, no se podrán comunicar por ningún otro medio de comunicación diferente.</li>
+                            <li> Un contador de tiempo que les ira mostrando el tiempo que llevan realizando el juego.</li>
+                            <li> Una pantalla de streaming en donde la presentadora les ira contando los sucesos que van pasando en el juego, así como el avance de los demás equipos.</li>
+                            <li> Un mapa de google maps en donde podrán buscar unas coordenadas que se les han colocado a las pistas de cada sitio.</li>
+                            <li> Un botón de continuar viaje que solo les permitirá continuar, cuando el moderador complete las respuestas y cargue una imagen relacionada con el sitio que visitaron.</li>
+
+                        </ul>
+                    </li>
+                    <li> Si se te ha asignado el rol de moderador encontraras en tu pantalla:
+                        <ul>
+                            <li> Las opciones de respuesta que van a responder frente a las pistas y las preguntas de cultura general de los sitios que van a visitar; para responder solo debes dar clic en la casilla que consideren, es la respuesta correcta.</li>
+                            <li> Un chat que les permitirá comunicarse como equipo, no se podrán comunicar por ningún otro medio de comunicación diferente.</li>
+                            <li> Un contador de tiempo que les ira mostrando el tiempo que llevan realizando el juego.</li>
+                            <li> Una pantalla de streaming en donde la presentadora les ira contando los sucesos que van pasando en el juego, así como el avance de los demás equipos.</li>
+                            <li> Un botón de cargar archivo en donde deberán cargar una imagen relacionada con el sitio que visitaron y la cuál debe ser concertada con los miembros del equipo a través del chat.</li>
+                            <li> Cuando el moderador haya seleccionado el sitio que visitaron, contestado las tres preguntas y cargado la imagen del sitio; deberá dar clic en el botón enviar y esto le permitirá al equipo continuar el viaje y visitar el siguiente sitio.</li>
+                        </ul>
+                    </li>
+                    <li> Para visitar estos quince (15) destinos; tienen un tiempo máximo de 45 minutos. Si logran visitar todos los destinos antes del tiempo establecido, el sistema ya no le mostrará más destinos y habrá terminado la dinámica. </li>
+                    <li> El puntaje de resultados, se dará a la totalidad del equipo; cada sitio que encuentren y visiten de manera correcta les dará 10 puntos y cada pista que respondan correctamente les dará 5 puntos, además se tendrá en cuenta el tiempo total que el equipo se demore en visitar los sitios y responder las preguntas. </li>
+
+                </ol>
+
+
+            </div>
+        </div>
+    </div>
+</div>
 <div class="container-fluid">
+
+    <div class="row">
+        <div class="col-12" align="right">
+            <button type="button" class="btn btn_juegos" style="margin-top: 30px;" data-toggle="modal" data-target="#modal_instrucciones">
+                Ver Instrucccines
+            </button>
+        </div>
+    </div>
     <div class="row">
         <div class="col-12" align="center">
-            <br>
-            <br>
             <h3>
                 VIRTUAL TRIP - PLATAFORMA <?php echo $data['rol']; ?> <br> <span id="tiempo"></span>
             </h3>
@@ -256,7 +309,7 @@
 
     <div class="row" style="padding-top: 10px;">
         <?php
-        $stream = "https://vimeo.com/event/915791/embed";
+        $stream = "https://vimeo.com/event/919789/embed";
         if (!$moderador) {
         ?>
             <div class="col-8">
@@ -288,8 +341,8 @@
                     while ($pregunta = mysqli_fetch_array($query)) {
                         $aux += 1;
                         echo '<div class="col-6 ">';
-                        
-                        echo '<b class="text-center size-20">' . ($aux == 1? '': ($aux-1)) . ' - ' . $pregunta['pregunta'] . "</b><br><br>";
+
+                        echo '<b class="text-center size-20">' . ($aux == 1 ? '' : ($aux - 1)) . ' - ' . $pregunta['pregunta'] . "</b><br><br>";
 
                         echo "</div>";
                     }
@@ -341,7 +394,7 @@
                             if ($aux == 1) {
                                 $item = "Sitio visitado";
                             } else {
-                                $item = "Pregunta ". ($aux-1);
+                                $item = "Pregunta " . ($aux - 1);
                             }
                             echo '<b class="text-center size-22"> ' . $item . "</b><br><br>";
 
@@ -385,7 +438,7 @@
                         <input id="image" type="file" name="image" accept="image/*" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button id="btn_form" name="btn_form" type="submit" class="btn btn-send" style="margin-bottom: 70px; width: 300px; ">
+                    <button id="btn_form" name="btn_form" type="submit" class="btn btn-send btn-block" style="margin-bottom: 70px; ">
                         Enviar Respuestas <i class="fa fa-arrow-right" aria-hidden="true" style="margin-left: 8px;"></i>
                     </button>
 
@@ -395,6 +448,61 @@
 
         <?php } ?>
 
+        <div class="col-12">
+            <h2 align="center">Tu Equipo</h2>
+            <?php
+            $query1 = mysqli_query($connect, "select * from Asistentes where equipo = '" . $data['equipo'] . "';");
+            $aux = "";
+            $col1 = "<ul>";
+            $col2 = "<ul>";
+            $col3 = "<ul>";
+            $col4 = "<ul>";
+            $cont = 0;
+            while ($data1 = mysqli_fetch_array($query1)) {
+                $cont += 1;
+                if ($data1['rol'] == 'JUGADOR') {
+                    $aux = "<li>".$data1['nombre'] . " " . $data1["apellidos"] . "</li>";
+                } else {
+                    $aux .= "<li>".$data1['nombre'] . " " . $data1["apellidos"] . " - Moderador </li>";
+                }
+                if ($cont == 1) {
+                    $col1 .= $aux;
+                }
+                if ($cont == 2) {
+                    $col2 .= $aux;
+                }
+                if ($cont == 3) {
+                    $col3 .= $aux;
+                }
+                if ($cont == 4) {
+                    $col4 .= $aux;
+                    $cont = 0;
+                }
+            }
+            $col1 .= "</ul>";
+            $col2 .= "</ul>";
+            $col3 .= "</ul>";
+            $col4 .= "</ul>";
+
+            ?>
+
+            <div class="row" style="margin-bottom: 25px;">
+                <div class="col-3">
+                    <?php echo $col1; ?>
+                </div>
+                <div class="col-3">
+                    <?php echo $col2; ?>
+                </div>
+                <div class="col-3">
+                    <?php echo $col3; ?>
+                </div>
+                <div class="col-3">
+                    <?php echo $col4; ?>
+                </div>
+
+            </div>
+        </div>
+
 
 
 
@@ -404,7 +512,7 @@
     <?php if (!$moderador) { ?>
         <div style="text-align: right; margin-top: 5px;">
             <!-- <a href="<?php echo $url . '/juego/' . ($id + 1); ?>"> -->
-            <button type="button" onclick="avanzar(<?php echo $id; ?>)" class="btn-send">
+            <button type="button" onclick="avanzar(<?php echo $id; ?>)" class="btn-send btn-block" style="margin-top: 20px;">
                 Continuar con el viaje
             </button>
             <!-- </a> -->

diff --git a/.DS_Store b/.DS_Store
index 2807789..46562c8 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/api/ranking_trip.php b/api/ranking_trip.php
index 97e4478..d62771b 100644
--- a/api/ranking_trip.php
+++ b/api/ranking_trip.php
@@ -4,7 +4,7 @@
 
 <div class="col-md-12">
 
-    <div class="container">
+
 
         <?php echo $rersp; ?>
 
@@ -19,7 +19,7 @@
 
                 <h3>Drive Trip</h3>
                 <hr>
-                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; max-width: 800px; padding: 5px 30px;">
+                <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
 
 
                     <table class="table">
@@ -29,27 +29,96 @@
                                 <th scope="col">Equipo</th>
                                 <th scope="col">Puntaje</th>
                                 <th scope="col">Tiempo</th>
+                                <th scope="col" style="width:150px">Progreso</th>
+                                <th scope="col">P1</th>
+                                <th scope="col">P2</th>
+                                <th scope="col">P3</th>
+                                <th scope="col">P4</th>
+                                <th scope="col">P5</th>
+                                <th scope="col">P6</th>
+                                <th scope="col">P7</th>
+                                <th scope="col">P8</th>
+                                <th scope="col">P9</th>
+                                <th scope="col">P10</th>
+                                <th scope="col">P11</th>
+                                <th scope="col">P12</th>
+                                <th scope="col">P13</th>
+                                <th scope="col">P14</th>
+                                <th scope="col">P15</th>
                             </tr>
                         </thead>
                         <tbody>
                             <?php
 
                             $count = 1;
-                            $q = "select distinct(rm.equipo), 
-                                        subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
-                                        (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
-                                        (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje
-                                from respuesta_map as rm
-                                order by 3 DESC,2";
+                            $q = "select distinct(rm.equipo),
+                                    subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
+                                    (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
+                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
+                                    obtain_questions(rm.equipo, 1) 'pregunta1',
+                                    obtain_questions(rm.equipo, 2) 'pregunta2',
+                                    obtain_questions(rm.equipo, 3) 'pregunta3',
+                                    obtain_questions(rm.equipo, 4) 'pregunta4',
+                                    obtain_questions(rm.equipo, 5) 'pregunta5',
+                                    obtain_questions(rm.equipo, 6) 'pregunta6',
+                                    obtain_questions(rm.equipo, 7) 'pregunta7',
+                                    obtain_questions(rm.equipo, 8) 'pregunta8',
+                                    obtain_questions(rm.equipo, 9) 'pregunta9',
+                                    obtain_questions(rm.equipo, 10) 'pregunta10',
+                                    obtain_questions(rm.equipo, 11) 'pregunta11',
+                                    obtain_questions(rm.equipo, 12) 'pregunta12',
+                                    obtain_questions(rm.equipo, 13) 'pregunta13',
+                                    obtain_questions(rm.equipo, 14) 'pregunta14',
+                                    obtain_questions(rm.equipo, 15) 'pregunta15'
+                            from respuesta_map as rm
+                            where rm.equipo <> ''
+                            order by 3 DESC,2";
                             $queryR1 = mysqli_query($connect, $q);
                             while ($dataR1 = mysqli_fetch_array($queryR1)) {
-
+                                $suma = $dataR1["pregunta1"]+$dataR1["pregunta2"]+$dataR1["pregunta3"]+$dataR1["pregunta4"]+$dataR1["pregunta5"]+$dataR1["pregunta6"]+$dataR1["pregunta7"]+$dataR1["pregunta8"]+$dataR1["pregunta9"]+$dataR1["pregunta10"]+$dataR1["pregunta11"]+$dataR1["pregunta12"]+$dataR1["pregunta13"]+$dataR1["pregunta14"]+$dataR1["pregunta15"];
+                                $val = 100*$suma/15;
+                                $bg_color = "";
+                                $color = "";
+                                if ($val < 30 ) {
+                                    $bg_color = "#d91e49";
+                                    $color = "#000";
+                                }
+                                if ($val >= 30 && $val < 70 ) {
+                                    $bg_color = "#ff8000";
+                                    $color = "#000";
+                                }
+                                if ($val >= 70 ) {
+                                    $bg_color = "#008f39";
+                                    $color = "#fff";
+                                }
+                                $val = number_format ( $val , 2 );
                                 echo '
                                     <tr>
                                         <td>' . $count . '</td>
                                         <td>' . $dataR1["equipo"] . '</td>
                                         <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                         <td>' . $dataR1["tiempo"] . '</td>
+                                        <td>
+                                            <div class="progress" style="background-color: #a7a9ac;">
+                                                <div class="progress-bar" style="background-color: '.$bg_color.'; color: '.$color.'; width: '.$val.'%;" role="progressbar" aria-valuemin="0" aria-valuemax="15">'.$val.'%</div>
+                                            </div>
+                                        </td>
+                                        <td>' . ($dataR1["pregunta1"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta2"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta3"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta4"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta5"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta6"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta7"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta8"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta9"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta10"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta11"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta12"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta13"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta14"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        <td>' . ($dataR1["pregunta15"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>': '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
+                                        
                                     <tr>
                                     ';
                                 $count++;
@@ -71,7 +140,7 @@
             <a href="/eventos" class="btn btn_juegos">Volver</a>
         </div>
 
-    </div>
+   
 
 </div>
 
diff --git a/js/.DS_Store b/js/.DS_Store
index acaa0ec..f22c63d 100644
--- a/js/.DS_Store
+++ b/js/.DS_Store
Binary files differ
diff --git a/js/emoji/.DS_Store b/js/emoji/.DS_Store
index fc3fe6c..540926f 100644
--- a/js/emoji/.DS_Store
+++ b/js/emoji/.DS_Store
Binary files differ
diff --git a/js/emoji/lib/css/emoji.css b/js/emoji/lib/css/emoji.css
index 7d28e91..1813737 100644
--- a/js/emoji/lib/css/emoji.css
+++ b/js/emoji/lib/css/emoji.css
@@ -55,7 +55,7 @@
 .emoji-picker-icon {
     cursor: pointer;
     position: absolute;
-    right: 10px;
+    right: 18px;
     top: 5px;
     font-size: 20px;
     opacity: 0.7;
@@ -68,6 +68,23 @@
     -o-user-select: none;
     user-select: none;
 }
+/*
+.emoji-picker-icon {
+    cursor: pointer;
+    position: absolute;
+    right: 10px;
+    top: 5px;
+    font-size: 20px;
+    opacity: 0.7;
+    z-index: 100;
+    transition: none;
+    color: black;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}*/
 
 .emoji-picker-icon.parent-has-scroll {
     right: 28px;
diff --git a/js/emoji/lib/js/jquery.emojiarea.js b/js/emoji/lib/js/jquery.emojiarea.js
index 0187010..8202803 100644
--- a/js/emoji/lib/js/jquery.emojiarea.js
+++ b/js/emoji/lib/js/jquery.emojiarea.js
@@ -414,7 +414,7 @@
       editorDiv.scrollTop(editorDiv[0].scrollHeight);
     });
 
-    $textarea.after("<i class='emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
+    $textarea.after("<i class=' input-group-prepend emoji-picker-icon emoji-picker " + this.options.popupButtonClasses + "' data-id='" + id + "' data-type='picker'></i>");
 
     $textarea.hide().after(this.$editor);
     this.setup();
diff --git a/recursos/image20.png b/recursos/image20.png
new file mode 100644
index 0000000..69c2b8d
--- /dev/null
+++ b/recursos/image20.png
Binary files differ
diff --git a/views/auditorio.php b/views/auditorio.php
index 95df4ea..7e5441e 100644
--- a/views/auditorio.php
+++ b/views/auditorio.php
@@ -72,7 +72,7 @@
                 </button>
             </div>
             <div class="modal-body" align="center">
-                <iframe src="https://vimeo.com/event/915802/chat/" width="360px" height="380px" frameborder="0"></iframe>
+                <iframe src="https://vimeo.com/event/919789/chat/" width="360px" height="380px" frameborder="0"></iframe>
 
             </div>
         </div>
@@ -81,7 +81,7 @@
 
 <img id="myVideo" src="/img/img_wd/rojo.png" alt="">
 <div>
-    <iframe class="streaming_auditorio" src="https://vimeo.com/event/915802/embed" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+    <iframe class="streaming_auditorio" src="https://vimeo.com/event/919789/embed" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
 </div>
 
 <!-- <div >
diff --git a/views/chat.php b/views/chat.php
index 8d8048d..c58ea4e 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -252,8 +252,11 @@
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" data-emojiable="true" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <div class="input-group-append">
             <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
+            </div>
+       
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index ac367a3..c7f4e60 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -243,11 +243,64 @@
 
 
 ?>
+<div class="modal fade" id="modal_instrucciones" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Instrucciones de la dinámica:</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body" align="left">
+                <ol>
+                    <li> Perteneces a un equipo cuyo objetivo es completar la visita de 15 destinos por tres países diferentes. </li>
+                    <li> En el viaje que vas a realizar con tu equipo, visitarán una serie de lugares y responderán a preguntas relacionadas con los mismos. </li>
+                    <li> En el equipo existen dos tipos de roles: Los jugadores y el moderador. </li>
+                    <li> Van a trabajar como individuos que hacen parte de un equipo, recuerden que deben aportar de manera individual para lograr los objetivos del</li>
+                    <li> Cuando des clic en el botón ir al viaje, después de conocer el equipo con el cuál vivirás la experiencia, llegaras a un módulo en donde encontraras lo siguiente. </li>
+                    <li> Si se te ha asignado el rol de jugador encontraras en tu pantalla:
+                        <ul>
+                            <li> Una serie de pistas relacionadas con los 15 sitios que deberán encontrar y tres preguntas de cultura general relacionadas con cada uno de los sitios.</li>
+                            <li> Un chat que les permitirá comunicarse como equipo, no se podrán comunicar por ningún otro medio de comunicación diferente.</li>
+                            <li> Un contador de tiempo que les ira mostrando el tiempo que llevan realizando el juego.</li>
+                            <li> Una pantalla de streaming en donde la presentadora les ira contando los sucesos que van pasando en el juego, así como el avance de los demás equipos.</li>
+                            <li> Un mapa de google maps en donde podrán buscar unas coordenadas que se les han colocado a las pistas de cada sitio.</li>
+                            <li> Un botón de continuar viaje que solo les permitirá continuar, cuando el moderador complete las respuestas y cargue una imagen relacionada con el sitio que visitaron.</li>
+
+                        </ul>
+                    </li>
+                    <li> Si se te ha asignado el rol de moderador encontraras en tu pantalla:
+                        <ul>
+                            <li> Las opciones de respuesta que van a responder frente a las pistas y las preguntas de cultura general de los sitios que van a visitar; para responder solo debes dar clic en la casilla que consideren, es la respuesta correcta.</li>
+                            <li> Un chat que les permitirá comunicarse como equipo, no se podrán comunicar por ningún otro medio de comunicación diferente.</li>
+                            <li> Un contador de tiempo que les ira mostrando el tiempo que llevan realizando el juego.</li>
+                            <li> Una pantalla de streaming en donde la presentadora les ira contando los sucesos que van pasando en el juego, así como el avance de los demás equipos.</li>
+                            <li> Un botón de cargar archivo en donde deberán cargar una imagen relacionada con el sitio que visitaron y la cuál debe ser concertada con los miembros del equipo a través del chat.</li>
+                            <li> Cuando el moderador haya seleccionado el sitio que visitaron, contestado las tres preguntas y cargado la imagen del sitio; deberá dar clic en el botón enviar y esto le permitirá al equipo continuar el viaje y visitar el siguiente sitio.</li>
+                        </ul>
+                    </li>
+                    <li> Para visitar estos quince (15) destinos; tienen un tiempo máximo de 45 minutos. Si logran visitar todos los destinos antes del tiempo establecido, el sistema ya no le mostrará más destinos y habrá terminado la dinámica. </li>
+                    <li> El puntaje de resultados, se dará a la totalidad del equipo; cada sitio que encuentren y visiten de manera correcta les dará 10 puntos y cada pista que respondan correctamente les dará 5 puntos, además se tendrá en cuenta el tiempo total que el equipo se demore en visitar los sitios y responder las preguntas. </li>
+
+                </ol>
+
+
+            </div>
+        </div>
+    </div>
+</div>
 <div class="container-fluid">
+
+    <div class="row">
+        <div class="col-12" align="right">
+            <button type="button" class="btn btn_juegos" style="margin-top: 30px;" data-toggle="modal" data-target="#modal_instrucciones">
+                Ver Instrucccines
+            </button>
+        </div>
+    </div>
     <div class="row">
         <div class="col-12" align="center">
-            <br>
-            <br>
             <h3>
                 VIRTUAL TRIP - PLATAFORMA <?php echo $data['rol']; ?> <br> <span id="tiempo"></span>
             </h3>
@@ -256,7 +309,7 @@
 
     <div class="row" style="padding-top: 10px;">
         <?php
-        $stream = "https://vimeo.com/event/915791/embed";
+        $stream = "https://vimeo.com/event/919789/embed";
         if (!$moderador) {
         ?>
             <div class="col-8">
@@ -288,8 +341,8 @@
                     while ($pregunta = mysqli_fetch_array($query)) {
                         $aux += 1;
                         echo '<div class="col-6 ">';
-                        
-                        echo '<b class="text-center size-20">' . ($aux == 1? '': ($aux-1)) . ' - ' . $pregunta['pregunta'] . "</b><br><br>";
+
+                        echo '<b class="text-center size-20">' . ($aux == 1 ? '' : ($aux - 1)) . ' - ' . $pregunta['pregunta'] . "</b><br><br>";
 
                         echo "</div>";
                     }
@@ -341,7 +394,7 @@
                             if ($aux == 1) {
                                 $item = "Sitio visitado";
                             } else {
-                                $item = "Pregunta ". ($aux-1);
+                                $item = "Pregunta " . ($aux - 1);
                             }
                             echo '<b class="text-center size-22"> ' . $item . "</b><br><br>";
 
@@ -385,7 +438,7 @@
                         <input id="image" type="file" name="image" accept="image/*" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button id="btn_form" name="btn_form" type="submit" class="btn btn-send" style="margin-bottom: 70px; width: 300px; ">
+                    <button id="btn_form" name="btn_form" type="submit" class="btn btn-send btn-block" style="margin-bottom: 70px; ">
                         Enviar Respuestas <i class="fa fa-arrow-right" aria-hidden="true" style="margin-left: 8px;"></i>
                     </button>
 
@@ -395,6 +448,61 @@
 
         <?php } ?>
 
+        <div class="col-12">
+            <h2 align="center">Tu Equipo</h2>
+            <?php
+            $query1 = mysqli_query($connect, "select * from Asistentes where equipo = '" . $data['equipo'] . "';");
+            $aux = "";
+            $col1 = "<ul>";
+            $col2 = "<ul>";
+            $col3 = "<ul>";
+            $col4 = "<ul>";
+            $cont = 0;
+            while ($data1 = mysqli_fetch_array($query1)) {
+                $cont += 1;
+                if ($data1['rol'] == 'JUGADOR') {
+                    $aux = "<li>".$data1['nombre'] . " " . $data1["apellidos"] . "</li>";
+                } else {
+                    $aux .= "<li>".$data1['nombre'] . " " . $data1["apellidos"] . " - Moderador </li>";
+                }
+                if ($cont == 1) {
+                    $col1 .= $aux;
+                }
+                if ($cont == 2) {
+                    $col2 .= $aux;
+                }
+                if ($cont == 3) {
+                    $col3 .= $aux;
+                }
+                if ($cont == 4) {
+                    $col4 .= $aux;
+                    $cont = 0;
+                }
+            }
+            $col1 .= "</ul>";
+            $col2 .= "</ul>";
+            $col3 .= "</ul>";
+            $col4 .= "</ul>";
+
+            ?>
+
+            <div class="row" style="margin-bottom: 25px;">
+                <div class="col-3">
+                    <?php echo $col1; ?>
+                </div>
+                <div class="col-3">
+                    <?php echo $col2; ?>
+                </div>
+                <div class="col-3">
+                    <?php echo $col3; ?>
+                </div>
+                <div class="col-3">
+                    <?php echo $col4; ?>
+                </div>
+
+            </div>
+        </div>
+
 
 
 
@@ -404,7 +512,7 @@
     <?php if (!$moderador) { ?>
         <div style="text-align: right; margin-top: 5px;">
             <!-- <a href="<?php echo $url . '/juego/' . ($id + 1); ?>"> -->
-            <button type="button" onclick="avanzar(<?php echo $id; ?>)" class="btn-send">
+            <button type="button" onclick="avanzar(<?php echo $id; ?>)" class="btn-send btn-block" style="margin-top: 20px;">
                 Continuar con el viaje
             </button>
             <!-- </a> -->
diff --git a/views/ranking_trip_reload.php b/views/ranking_trip_reload.php
index 305ad01..78e304f 100644
--- a/views/ranking_trip_reload.php
+++ b/views/ranking_trip_reload.php
@@ -9,7 +9,7 @@
 </style>
 
 <span id="num"></span>
-<div id="vista">
+<div class="container-fluid" id="vista">
 
 </div>
 <script>
@@ -34,8 +34,8 @@
             })
             .always(function(resp) {});
     }
-    //RankingGeneral();
-    setInterval(RankingGeneral, 10000);
+    RankingGeneral();
+    //setInterval(RankingGeneral, 30000);
     
 </script>