diff --git a/.DS_Store b/.DS_Store
index 925e448..42d35ca 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ

diff --git a/.DS_Store b/.DS_Store
index 925e448..42d35ca 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..03c88fd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.htaccess

diff --git a/.DS_Store b/.DS_Store
index 925e448..42d35ca 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..03c88fd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.htaccess
diff --git a/img/.DS_Store b/img/.DS_Store
index 8307c84..f0d6a5c 100644
--- a/img/.DS_Store
+++ b/img/.DS_Store
Binary files differ

diff --git a/.DS_Store b/.DS_Store
index 925e448..42d35ca 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..03c88fd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.htaccess
diff --git a/img/.DS_Store b/img/.DS_Store
index 8307c84..f0d6a5c 100644
--- a/img/.DS_Store
+++ b/img/.DS_Store
Binary files differ
diff --git a/img/logo_astellas.png b/img/logo_astellas.png
index fba9928..0a8d331 100644
--- a/img/logo_astellas.png
+++ b/img/logo_astellas.png
Binary files differ

diff --git a/.DS_Store b/.DS_Store
index 925e448..42d35ca 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..03c88fd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.htaccess
diff --git a/img/.DS_Store b/img/.DS_Store
index 8307c84..f0d6a5c 100644
--- a/img/.DS_Store
+++ b/img/.DS_Store
Binary files differ
diff --git a/img/logo_astellas.png b/img/logo_astellas.png
index fba9928..0a8d331 100644
--- a/img/logo_astellas.png
+++ b/img/logo_astellas.png
Binary files differ
diff --git a/img/logo_astellas2.png b/img/logo_astellas2.png
new file mode 100644
index 0000000..fba9928
--- /dev/null
+++ b/img/logo_astellas2.png
Binary files differ

diff --git a/.DS_Store b/.DS_Store
index 925e448..42d35ca 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..03c88fd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.htaccess
diff --git a/img/.DS_Store b/img/.DS_Store
index 8307c84..f0d6a5c 100644
--- a/img/.DS_Store
+++ b/img/.DS_Store
Binary files differ
diff --git a/img/logo_astellas.png b/img/logo_astellas.png
index fba9928..0a8d331 100644
--- a/img/logo_astellas.png
+++ b/img/logo_astellas.png
Binary files differ
diff --git a/img/logo_astellas2.png b/img/logo_astellas2.png
new file mode 100644
index 0000000..fba9928
--- /dev/null
+++ b/img/logo_astellas2.png
Binary files differ
diff --git a/views/home.php b/views/home.php
index bd40dc1..94c54c2 100644
--- a/views/home.php
+++ b/views/home.php
@@ -1,21 +1,21 @@
 <?php
-	$hoy = date("Y-m-d H:i:s");	
-	$query = mysqli_query($connect,"SELECT * FROM Eventos WHERE estado = 1 AND id = 1 ");
-	$data = mysqli_fetch_array($query);
-    $inicio = $data["fecha_inicio"];
+$hoy = date("Y-m-d H:i:s");
+$query = mysqli_query($connect, "SELECT * FROM Eventos WHERE estado = 1 AND id = 1 ");
+$data = mysqli_fetch_array($query);
+$inicio = $data["fecha_inicio"];
 
-	$registro_solicitud = new DateTime( $inicio );//fecha inicial
-	$fecha_actual = new DateTime($hoy);//fecha de cierre
-	$intervalo = $registro_solicitud->diff($fecha_actual);
+$registro_solicitud = new DateTime($inicio); //fecha inicial
+$fecha_actual = new DateTime($hoy); //fecha de cierre
+$intervalo = $registro_solicitud->diff($fecha_actual);
 
-	$dias = $intervalo->format('%d');
-	$horas = $intervalo->format('%H');
-	$minutos = $intervalo->format('%m');
-	$segundos = $intervalo->format('%s'); 
+$dias = $intervalo->format('%d');
+$horas = $intervalo->format('%H');
+$minutos = $intervalo->format('%m');
+$segundos = $intervalo->format('%s');
 ?>
 
-<?php 
-if($pagina[1] == 'exito'){
+<?php
+if ($pagina[1] == 'exito') {
     echo '
     <div class="alert alert-success" role="alert" style="margin-bottom: 0px;width: 100%;text-align: center; z-index: 10;">
       ¡Felicitaciones!, el registro ha sido completado. Lo invitamos a navegar por la plataforma a través de los botones superiores.
@@ -23,7 +23,7 @@
     ';
 }
 
-if($pagina[1] == 'iniciado'){
+if ($pagina[1] == 'iniciado') {
     echo '
     <div class="alert alert-success" role="alert" style="margin-bottom: 0px;width: 100%;text-align: center; z-index: 10;">
       Ha ingresado correctamente. Lo invitamos a navegar por la plataforma a través de los botones superiores.
@@ -33,83 +33,95 @@
 ?>
 
 <style>
-    body{
-		background-size: cover; 
-		background-position: center; 
-		background-attachment: fixed;
+    body {
+        background-size: cover;
+        background-position: center;
+        background-attachment: fixed;
         /*background-image: url(<?php echo $url; ?>/img/bg_home.jpg);*/
-	}
+    }
 </style>
 
 <!-- BANNER -->
 <div class="col-md-12" style="padding-left: 0px; padding-right: 0px; ">
 
-	<div style=" bottom: 120px; z-index: 3; width: 100%; margin-top: 20px;" align="center" id="cronometro">
-		
-		<?php if( $_SESSION['id_user'] == "" ){ ?>
-		<a href="<?php echo $url; ?>/login">
-            <button type="button" class="btn btn-danger btn-hover" style="border-radius: 30px; margin-bottom: 15px; padding: 10px 30px; color: #000; font-size: 20px; background-color: #fdd300; border: 0; font-family: S-Core-CoreSansBold;">
-                Registro <i class="fa fa-arrow-right" aria-hidden="true"></i>
-            </button>
-		</a>
-		<?php } ?>
-        
-        <video autoplay muted id="myVideo" >
-        
-             <!-- reducido --><source src="https://firebasestorage.googleapis.com/v0/b/beegoup-160ea.appspot.com/o/home.mp4?alt=media&token=381ce6ea-804d-48f8-9e55-cc7a64f10f54" type="video/mp4">
-            <!-- original --> <!--  <source src="https://firebasestorage.googleapis.com/v0/b/beegoup-160ea.appspot.com/o/astellas-0001-1100.mp4?alt=media&token=68c74f9d-376b-4506-b583-eced3fec7226" type="video/mp4"> -->
+    <div style=" bottom: 120px; z-index: 3; width: 100%; margin-top: 20px;" align="center" id="cronometro">
 
-             
+        <?php if ($_SESSION['id_user'] == "") { ?>
+            <div id="btn_registro" style="display: none;">
+                <a href="<?php echo $url; ?>/login">
+                    <button type="button" class="btn btn-danger btn-hover" style="border-radius: 30px; margin-bottom: 15px; padding: 10px 30px; color: #000; font-size: 20px; background-color: #fdd300; border: 0; font-family: S-Core-CoreSansBold;">
+                        Registro <i class="fa fa-arrow-right" aria-hidden="true"></i>
+                    </button>
+                </a>
+            </div>
+        <?php } ?>
+
+        <video autoplay muted id="myVideo">
+
+            <!-- reducido -->
+            <source src="https://firebasestorage.googleapis.com/v0/b/beegoup-160ea.appspot.com/o/home.mp4?alt=media&token=381ce6ea-804d-48f8-9e55-cc7a64f10f54" type="video/mp4">
+            <!-- original -->
+            <!--  <source src="https://firebasestorage.googleapis.com/v0/b/beegoup-160ea.appspot.com/o/astellas-0001-1100.mp4?alt=media&token=68c74f9d-376b-4506-b583-eced3fec7226" type="video/mp4"> -->
+
+
         </video>
-            <!-- <img id="myVideo" src="img/bg_home.jpeg" alt=""> -->
+        <!-- <img id="myVideo" src="img/bg_home.jpeg" alt=""> -->
 
         <style>
-           #myVideo {
-              position: fixed;
-              right: 0;
-              bottom: 0px;
-              min-width: 100%;
-              min-height: 100%;
+            #myVideo {
+                position: fixed;
+                right: 0;
+                bottom: 0px;
+                min-width: 100%;
+                min-height: 100%;
                 z-index: -1;
                 width: 100%;
             }
         </style>
-        
-        <a href="<?php echo $url; ?>/live" >
-                <button type="button" class="btn btn-warning " style="border-radius: 30px; margin-bottom: 15px; padding: 10px 30px; color: #006db7; font-size: 20px; background-color: #ffea00; border: 0; font-family: S-Core-CoreSansBold; display: none">
-                    Ir al evento en vivo
-                </button>
-            </a>
-		
-		<div class="base_crono" >
-			<table width="100%">
-				<tr>
-					<td width="25%" align="center">
-						<div class="items_contador" id="dias"><?php echo $dias; ?></div>
-						<div>Días</div>
-					</td>
-					<td width="25%" align="center">
-						<div class="items_contador" id="horas"><?php echo $horas; ?></div>
-						<div>Horas</div>
-					</td>
-					<td width="25%" align="center">
-						<div class="items_contador" id="minutos"><?php echo $minutos; ?></div>
-						<div>Minutos</div>
-					</td>
-					<td width="25%" align="center">
-						<div class="items_contador" id="segundos"><?php echo $segundos; ?></div>
-						<div>Segundos</div>
-					</td>
-				</tr>
-			</table>
-		</div>
-		
-	</div>
+
+        <script type='text/javascript'>
+            document.getElementById('myVideo').addEventListener('ended', myHandler, false);
+
+            function myHandler(e) {
+                document.getElementById('btn_registro').style.display = 'block'
+            }
+        </script>
+
+        <a href="<?php echo $url; ?>/live">
+            <button type="button" class="btn btn-warning " style="border-radius: 30px; margin-bottom: 15px; padding: 10px 30px; color: #006db7; font-size: 20px; background-color: #ffea00; border: 0; font-family: S-Core-CoreSansBold; display: none">
+                Ir al evento en vivo
+            </button>
+        </a>
+
+        <div class="base_crono">
+            <table width="100%">
+                <tr>
+                    <td width="25%" align="center">
+                        <div class="items_contador" id="dias"><?php echo $dias; ?></div>
+                        <div>Días</div>
+                    </td>
+                    <td width="25%" align="center">
+                        <div class="items_contador" id="horas"><?php echo $horas; ?></div>
+                        <div>Horas</div>
+                    </td>
+                    <td width="25%" align="center">
+                        <div class="items_contador" id="minutos"><?php echo $minutos; ?></div>
+                        <div>Minutos</div>
+                    </td>
+                    <td width="25%" align="center">
+                        <div class="items_contador" id="segundos"><?php echo $segundos; ?></div>
+                        <div>Segundos</div>
+                    </td>
+                </tr>
+            </table>
+        </div>
+
+    </div>
 
 </div>
 
 <style>
-    .base_crono{
+    .base_crono {
         margin-left: 10px;
         margin-right: 10px;
         max-width: 500px;
@@ -123,56 +135,55 @@
 </style>
 
 <script>
+    //===
+    // VARIABLES
+    //===
+    const DATE_TARGET = new Date('04/21/2021 07:30 AM');
+    // DOM for render
+    const SPAN_DAYS = document.getElementById("dias");
+    const SPAN_HOURS = document.getElementById("horas");
+    const SPAN_MINUTES = document.getElementById("minutos");
+    const SPAN_SECONDS = document.getElementById("segundos");
+    // Milliseconds for the calculations
+    const MILLISECONDS_OF_A_SECOND = 1000;
+    const MILLISECONDS_OF_A_MINUTE = MILLISECONDS_OF_A_SECOND * 60;
+    const MILLISECONDS_OF_A_HOUR = MILLISECONDS_OF_A_MINUTE * 60;
+    const MILLISECONDS_OF_A_DAY = MILLISECONDS_OF_A_HOUR * 24
 
-	//===
-// VARIABLES
-//===
-const DATE_TARGET = new Date('04/21/2021 07:30 AM');
-// DOM for render
-const SPAN_DAYS = document.getElementById("dias");
-const SPAN_HOURS = document.getElementById("horas");
-const SPAN_MINUTES = document.getElementById("minutos");
-const SPAN_SECONDS = document.getElementById("segundos");
-// Milliseconds for the calculations
-const MILLISECONDS_OF_A_SECOND = 1000;
-const MILLISECONDS_OF_A_MINUTE = MILLISECONDS_OF_A_SECOND * 60;
-const MILLISECONDS_OF_A_HOUR = MILLISECONDS_OF_A_MINUTE * 60;
-const MILLISECONDS_OF_A_DAY = MILLISECONDS_OF_A_HOUR * 24
+    //===
+    // FUNCTIONS
+    //===
 
-//===
-// FUNCTIONS
-//===
+    /**
+     * Method that updates the countdown and the sample
+     */
+    function updateCountdown() {
+        // Calcs
+        const NOW = new Date()
+        const DURATION = DATE_TARGET - NOW;
+        const REMAINING_DAYS = Math.floor(DURATION / MILLISECONDS_OF_A_DAY);
+        const REMAINING_HOURS = Math.floor((DURATION % MILLISECONDS_OF_A_DAY) / MILLISECONDS_OF_A_HOUR);
+        const REMAINING_MINUTES = Math.floor((DURATION % MILLISECONDS_OF_A_HOUR) / MILLISECONDS_OF_A_MINUTE);
+        const REMAINING_SECONDS = Math.floor((DURATION % MILLISECONDS_OF_A_MINUTE) / MILLISECONDS_OF_A_SECOND);
+        // Thanks Pablo Monteserín (https://pablomonteserin.com/cuenta-regresiva/)
 
-/**
- * Method that updates the countdown and the sample
- */
-function updateCountdown() {
-    // Calcs
-    const NOW = new Date()
-    const DURATION = DATE_TARGET - NOW;
-    const REMAINING_DAYS = Math.floor(DURATION / MILLISECONDS_OF_A_DAY);
-    const REMAINING_HOURS = Math.floor((DURATION % MILLISECONDS_OF_A_DAY) / MILLISECONDS_OF_A_HOUR);
-    const REMAINING_MINUTES = Math.floor((DURATION % MILLISECONDS_OF_A_HOUR) / MILLISECONDS_OF_A_MINUTE);
-    const REMAINING_SECONDS = Math.floor((DURATION % MILLISECONDS_OF_A_MINUTE) / MILLISECONDS_OF_A_SECOND);
-    // Thanks Pablo Monteserín (https://pablomonteserin.com/cuenta-regresiva/)
+        // Render
+        SPAN_DAYS.textContent = REMAINING_DAYS;
+        SPAN_HOURS.textContent = REMAINING_HOURS;
+        SPAN_MINUTES.textContent = REMAINING_MINUTES;
+        SPAN_SECONDS.textContent = REMAINING_SECONDS;
+    }
 
-    // Render
-    SPAN_DAYS.textContent = REMAINING_DAYS;
-    SPAN_HOURS.textContent = REMAINING_HOURS;
-    SPAN_MINUTES.textContent = REMAINING_MINUTES;
-    SPAN_SECONDS.textContent = REMAINING_SECONDS;
-}
+    //===
+    // INIT
+    //===
+    updateCountdown();
+    // Refresh every second
+    setInterval(updateCountdown, MILLISECONDS_OF_A_SECOND);
 
-//===
-// INIT
-//===
-updateCountdown();
-// Refresh every second
-setInterval(updateCountdown, MILLISECONDS_OF_A_SECOND);
-	
-	
-	
-	/*
+
+
+    /*
 var id;	
 var h = 0;
 var m = 0;
@@ -219,41 +230,40 @@
 	
 	
 	*/
-	
-	
-$( document ).ready(function() {
-    
-    $("#bt_inicio").addClass("btn_item_menu_active"); 
 
-	if( $(window).width() > 800  ){
-		$("#cronometro").css( "position", "fixed" );	
-	}
-	if( $( window ).width() < 800  ){
-		$("#cronometro").css( "position", "initial" );
-	}
-	//cronometrar();
-	
-});
-	
-$( window ).resize(function() {
-	if( $( window ).width() > 800  ){
-		$("#cronometro").css( "position", "fixed" );
-	}
-	if( $( window ).width() < 800  ){
-		$("#cronometro").css( "position", "initial" );
-	}
-});		
+
+    $(document).ready(function() {
+
+        $("#bt_inicio").addClass("btn_item_menu_active");
+
+        if ($(window).width() > 800) {
+            $("#cronometro").css("position", "fixed");
+        }
+        if ($(window).width() < 800) {
+            $("#cronometro").css("position", "initial");
+        }
+        //cronometrar();
+
+    });
+
+    $(window).resize(function() {
+        if ($(window).width() > 800) {
+            $("#cronometro").css("position", "fixed");
+        }
+        if ($(window).width() < 800) {
+            $("#cronometro").css("position", "initial");
+        }
+    });
 </script>
 
 <style>
-@media (max-width: 1030px) {
-  	.detalle_banner{
-		display: none;
-	}
-}
+    @media (max-width: 1030px) {
+        .detalle_banner {
+            display: none;
+        }
+    }
 
-.btn-hover:hover {
-    color: #d91e49 !important;
-}
-</style>      
-        
\ No newline at end of file
+    .btn-hover:hover {
+        color: #d91e49 !important;
+    }
+</style>
\ No newline at end of file

diff --git a/.DS_Store b/.DS_Store
index 925e448..42d35ca 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..03c88fd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.htaccess
diff --git a/img/.DS_Store b/img/.DS_Store
index 8307c84..f0d6a5c 100644
--- a/img/.DS_Store
+++ b/img/.DS_Store
Binary files differ
diff --git a/img/logo_astellas.png b/img/logo_astellas.png
index fba9928..0a8d331 100644
--- a/img/logo_astellas.png
+++ b/img/logo_astellas.png
Binary files differ
diff --git a/img/logo_astellas2.png b/img/logo_astellas2.png
new file mode 100644
index 0000000..fba9928
--- /dev/null
+++ b/img/logo_astellas2.png
Binary files differ
diff --git a/views/home.php b/views/home.php
index bd40dc1..94c54c2 100644
--- a/views/home.php
+++ b/views/home.php
@@ -1,21 +1,21 @@
 <?php
-	$hoy = date("Y-m-d H:i:s");	
-	$query = mysqli_query($connect,"SELECT * FROM Eventos WHERE estado = 1 AND id = 1 ");
-	$data = mysqli_fetch_array($query);
-    $inicio = $data["fecha_inicio"];
+$hoy = date("Y-m-d H:i:s");
+$query = mysqli_query($connect, "SELECT * FROM Eventos WHERE estado = 1 AND id = 1 ");
+$data = mysqli_fetch_array($query);
+$inicio = $data["fecha_inicio"];
 
-	$registro_solicitud = new DateTime( $inicio );//fecha inicial
-	$fecha_actual = new DateTime($hoy);//fecha de cierre
-	$intervalo = $registro_solicitud->diff($fecha_actual);
+$registro_solicitud = new DateTime($inicio); //fecha inicial
+$fecha_actual = new DateTime($hoy); //fecha de cierre
+$intervalo = $registro_solicitud->diff($fecha_actual);
 
-	$dias = $intervalo->format('%d');
-	$horas = $intervalo->format('%H');
-	$minutos = $intervalo->format('%m');
-	$segundos = $intervalo->format('%s'); 
+$dias = $intervalo->format('%d');
+$horas = $intervalo->format('%H');
+$minutos = $intervalo->format('%m');
+$segundos = $intervalo->format('%s');
 ?>
 
-<?php 
-if($pagina[1] == 'exito'){
+<?php
+if ($pagina[1] == 'exito') {
     echo '
     <div class="alert alert-success" role="alert" style="margin-bottom: 0px;width: 100%;text-align: center; z-index: 10;">
       ¡Felicitaciones!, el registro ha sido completado. Lo invitamos a navegar por la plataforma a través de los botones superiores.
@@ -23,7 +23,7 @@
     ';
 }
 
-if($pagina[1] == 'iniciado'){
+if ($pagina[1] == 'iniciado') {
     echo '
     <div class="alert alert-success" role="alert" style="margin-bottom: 0px;width: 100%;text-align: center; z-index: 10;">
       Ha ingresado correctamente. Lo invitamos a navegar por la plataforma a través de los botones superiores.
@@ -33,83 +33,95 @@
 ?>
 
 <style>
-    body{
-		background-size: cover; 
-		background-position: center; 
-		background-attachment: fixed;
+    body {
+        background-size: cover;
+        background-position: center;
+        background-attachment: fixed;
         /*background-image: url(<?php echo $url; ?>/img/bg_home.jpg);*/
-	}
+    }
 </style>
 
 <!-- BANNER -->
 <div class="col-md-12" style="padding-left: 0px; padding-right: 0px; ">
 
-	<div style=" bottom: 120px; z-index: 3; width: 100%; margin-top: 20px;" align="center" id="cronometro">
-		
-		<?php if( $_SESSION['id_user'] == "" ){ ?>
-		<a href="<?php echo $url; ?>/login">
-            <button type="button" class="btn btn-danger btn-hover" style="border-radius: 30px; margin-bottom: 15px; padding: 10px 30px; color: #000; font-size: 20px; background-color: #fdd300; border: 0; font-family: S-Core-CoreSansBold;">
-                Registro <i class="fa fa-arrow-right" aria-hidden="true"></i>
-            </button>
-		</a>
-		<?php } ?>
-        
-        <video autoplay muted id="myVideo" >
-        
-             <!-- reducido --><source src="https://firebasestorage.googleapis.com/v0/b/beegoup-160ea.appspot.com/o/home.mp4?alt=media&token=381ce6ea-804d-48f8-9e55-cc7a64f10f54" type="video/mp4">
-            <!-- original --> <!--  <source src="https://firebasestorage.googleapis.com/v0/b/beegoup-160ea.appspot.com/o/astellas-0001-1100.mp4?alt=media&token=68c74f9d-376b-4506-b583-eced3fec7226" type="video/mp4"> -->
+    <div style=" bottom: 120px; z-index: 3; width: 100%; margin-top: 20px;" align="center" id="cronometro">
 
-             
+        <?php if ($_SESSION['id_user'] == "") { ?>
+            <div id="btn_registro" style="display: none;">
+                <a href="<?php echo $url; ?>/login">
+                    <button type="button" class="btn btn-danger btn-hover" style="border-radius: 30px; margin-bottom: 15px; padding: 10px 30px; color: #000; font-size: 20px; background-color: #fdd300; border: 0; font-family: S-Core-CoreSansBold;">
+                        Registro <i class="fa fa-arrow-right" aria-hidden="true"></i>
+                    </button>
+                </a>
+            </div>
+        <?php } ?>
+
+        <video autoplay muted id="myVideo">
+
+            <!-- reducido -->
+            <source src="https://firebasestorage.googleapis.com/v0/b/beegoup-160ea.appspot.com/o/home.mp4?alt=media&token=381ce6ea-804d-48f8-9e55-cc7a64f10f54" type="video/mp4">
+            <!-- original -->
+            <!--  <source src="https://firebasestorage.googleapis.com/v0/b/beegoup-160ea.appspot.com/o/astellas-0001-1100.mp4?alt=media&token=68c74f9d-376b-4506-b583-eced3fec7226" type="video/mp4"> -->
+
+
         </video>
-            <!-- <img id="myVideo" src="img/bg_home.jpeg" alt=""> -->
+        <!-- <img id="myVideo" src="img/bg_home.jpeg" alt=""> -->
 
         <style>
-           #myVideo {
-              position: fixed;
-              right: 0;
-              bottom: 0px;
-              min-width: 100%;
-              min-height: 100%;
+            #myVideo {
+                position: fixed;
+                right: 0;
+                bottom: 0px;
+                min-width: 100%;
+                min-height: 100%;
                 z-index: -1;
                 width: 100%;
             }
         </style>
-        
-        <a href="<?php echo $url; ?>/live" >
-                <button type="button" class="btn btn-warning " style="border-radius: 30px; margin-bottom: 15px; padding: 10px 30px; color: #006db7; font-size: 20px; background-color: #ffea00; border: 0; font-family: S-Core-CoreSansBold; display: none">
-                    Ir al evento en vivo
-                </button>
-            </a>
-		
-		<div class="base_crono" >
-			<table width="100%">
-				<tr>
-					<td width="25%" align="center">
-						<div class="items_contador" id="dias"><?php echo $dias; ?></div>
-						<div>Días</div>
-					</td>
-					<td width="25%" align="center">
-						<div class="items_contador" id="horas"><?php echo $horas; ?></div>
-						<div>Horas</div>
-					</td>
-					<td width="25%" align="center">
-						<div class="items_contador" id="minutos"><?php echo $minutos; ?></div>
-						<div>Minutos</div>
-					</td>
-					<td width="25%" align="center">
-						<div class="items_contador" id="segundos"><?php echo $segundos; ?></div>
-						<div>Segundos</div>
-					</td>
-				</tr>
-			</table>
-		</div>
-		
-	</div>
+
+        <script type='text/javascript'>
+            document.getElementById('myVideo').addEventListener('ended', myHandler, false);
+
+            function myHandler(e) {
+                document.getElementById('btn_registro').style.display = 'block'
+            }
+        </script>
+
+        <a href="<?php echo $url; ?>/live">
+            <button type="button" class="btn btn-warning " style="border-radius: 30px; margin-bottom: 15px; padding: 10px 30px; color: #006db7; font-size: 20px; background-color: #ffea00; border: 0; font-family: S-Core-CoreSansBold; display: none">
+                Ir al evento en vivo
+            </button>
+        </a>
+
+        <div class="base_crono">
+            <table width="100%">
+                <tr>
+                    <td width="25%" align="center">
+                        <div class="items_contador" id="dias"><?php echo $dias; ?></div>
+                        <div>Días</div>
+                    </td>
+                    <td width="25%" align="center">
+                        <div class="items_contador" id="horas"><?php echo $horas; ?></div>
+                        <div>Horas</div>
+                    </td>
+                    <td width="25%" align="center">
+                        <div class="items_contador" id="minutos"><?php echo $minutos; ?></div>
+                        <div>Minutos</div>
+                    </td>
+                    <td width="25%" align="center">
+                        <div class="items_contador" id="segundos"><?php echo $segundos; ?></div>
+                        <div>Segundos</div>
+                    </td>
+                </tr>
+            </table>
+        </div>
+
+    </div>
 
 </div>
 
 <style>
-    .base_crono{
+    .base_crono {
         margin-left: 10px;
         margin-right: 10px;
         max-width: 500px;
@@ -123,56 +135,55 @@
 </style>
 
 <script>
+    //===
+    // VARIABLES
+    //===
+    const DATE_TARGET = new Date('04/21/2021 07:30 AM');
+    // DOM for render
+    const SPAN_DAYS = document.getElementById("dias");
+    const SPAN_HOURS = document.getElementById("horas");
+    const SPAN_MINUTES = document.getElementById("minutos");
+    const SPAN_SECONDS = document.getElementById("segundos");
+    // Milliseconds for the calculations
+    const MILLISECONDS_OF_A_SECOND = 1000;
+    const MILLISECONDS_OF_A_MINUTE = MILLISECONDS_OF_A_SECOND * 60;
+    const MILLISECONDS_OF_A_HOUR = MILLISECONDS_OF_A_MINUTE * 60;
+    const MILLISECONDS_OF_A_DAY = MILLISECONDS_OF_A_HOUR * 24
 
-	//===
-// VARIABLES
-//===
-const DATE_TARGET = new Date('04/21/2021 07:30 AM');
-// DOM for render
-const SPAN_DAYS = document.getElementById("dias");
-const SPAN_HOURS = document.getElementById("horas");
-const SPAN_MINUTES = document.getElementById("minutos");
-const SPAN_SECONDS = document.getElementById("segundos");
-// Milliseconds for the calculations
-const MILLISECONDS_OF_A_SECOND = 1000;
-const MILLISECONDS_OF_A_MINUTE = MILLISECONDS_OF_A_SECOND * 60;
-const MILLISECONDS_OF_A_HOUR = MILLISECONDS_OF_A_MINUTE * 60;
-const MILLISECONDS_OF_A_DAY = MILLISECONDS_OF_A_HOUR * 24
+    //===
+    // FUNCTIONS
+    //===
 
-//===
-// FUNCTIONS
-//===
+    /**
+     * Method that updates the countdown and the sample
+     */
+    function updateCountdown() {
+        // Calcs
+        const NOW = new Date()
+        const DURATION = DATE_TARGET - NOW;
+        const REMAINING_DAYS = Math.floor(DURATION / MILLISECONDS_OF_A_DAY);
+        const REMAINING_HOURS = Math.floor((DURATION % MILLISECONDS_OF_A_DAY) / MILLISECONDS_OF_A_HOUR);
+        const REMAINING_MINUTES = Math.floor((DURATION % MILLISECONDS_OF_A_HOUR) / MILLISECONDS_OF_A_MINUTE);
+        const REMAINING_SECONDS = Math.floor((DURATION % MILLISECONDS_OF_A_MINUTE) / MILLISECONDS_OF_A_SECOND);
+        // Thanks Pablo Monteserín (https://pablomonteserin.com/cuenta-regresiva/)
 
-/**
- * Method that updates the countdown and the sample
- */
-function updateCountdown() {
-    // Calcs
-    const NOW = new Date()
-    const DURATION = DATE_TARGET - NOW;
-    const REMAINING_DAYS = Math.floor(DURATION / MILLISECONDS_OF_A_DAY);
-    const REMAINING_HOURS = Math.floor((DURATION % MILLISECONDS_OF_A_DAY) / MILLISECONDS_OF_A_HOUR);
-    const REMAINING_MINUTES = Math.floor((DURATION % MILLISECONDS_OF_A_HOUR) / MILLISECONDS_OF_A_MINUTE);
-    const REMAINING_SECONDS = Math.floor((DURATION % MILLISECONDS_OF_A_MINUTE) / MILLISECONDS_OF_A_SECOND);
-    // Thanks Pablo Monteserín (https://pablomonteserin.com/cuenta-regresiva/)
+        // Render
+        SPAN_DAYS.textContent = REMAINING_DAYS;
+        SPAN_HOURS.textContent = REMAINING_HOURS;
+        SPAN_MINUTES.textContent = REMAINING_MINUTES;
+        SPAN_SECONDS.textContent = REMAINING_SECONDS;
+    }
 
-    // Render
-    SPAN_DAYS.textContent = REMAINING_DAYS;
-    SPAN_HOURS.textContent = REMAINING_HOURS;
-    SPAN_MINUTES.textContent = REMAINING_MINUTES;
-    SPAN_SECONDS.textContent = REMAINING_SECONDS;
-}
+    //===
+    // INIT
+    //===
+    updateCountdown();
+    // Refresh every second
+    setInterval(updateCountdown, MILLISECONDS_OF_A_SECOND);
 
-//===
-// INIT
-//===
-updateCountdown();
-// Refresh every second
-setInterval(updateCountdown, MILLISECONDS_OF_A_SECOND);
-	
-	
-	
-	/*
+
+
+    /*
 var id;	
 var h = 0;
 var m = 0;
@@ -219,41 +230,40 @@
 	
 	
 	*/
-	
-	
-$( document ).ready(function() {
-    
-    $("#bt_inicio").addClass("btn_item_menu_active"); 
 
-	if( $(window).width() > 800  ){
-		$("#cronometro").css( "position", "fixed" );	
-	}
-	if( $( window ).width() < 800  ){
-		$("#cronometro").css( "position", "initial" );
-	}
-	//cronometrar();
-	
-});
-	
-$( window ).resize(function() {
-	if( $( window ).width() > 800  ){
-		$("#cronometro").css( "position", "fixed" );
-	}
-	if( $( window ).width() < 800  ){
-		$("#cronometro").css( "position", "initial" );
-	}
-});		
+
+    $(document).ready(function() {
+
+        $("#bt_inicio").addClass("btn_item_menu_active");
+
+        if ($(window).width() > 800) {
+            $("#cronometro").css("position", "fixed");
+        }
+        if ($(window).width() < 800) {
+            $("#cronometro").css("position", "initial");
+        }
+        //cronometrar();
+
+    });
+
+    $(window).resize(function() {
+        if ($(window).width() > 800) {
+            $("#cronometro").css("position", "fixed");
+        }
+        if ($(window).width() < 800) {
+            $("#cronometro").css("position", "initial");
+        }
+    });
 </script>
 
 <style>
-@media (max-width: 1030px) {
-  	.detalle_banner{
-		display: none;
-	}
-}
+    @media (max-width: 1030px) {
+        .detalle_banner {
+            display: none;
+        }
+    }
 
-.btn-hover:hover {
-    color: #d91e49 !important;
-}
-</style>      
-        
\ No newline at end of file
+    .btn-hover:hover {
+        color: #d91e49 !important;
+    }
+</style>
\ No newline at end of file
diff --git a/views/menu.php b/views/menu.php
index b3ac2d0..741700c 100644
--- a/views/menu.php
+++ b/views/menu.php
@@ -25,11 +25,11 @@
             <div class="col-md-3">
                 <?php if ($_SESSION['id_user'] == '') { ?>
                     <a href="<?php echo $url; ?>/home">
-                        <img src="<?php echo $url; ?>/img/logo_astellas.png" style="width: 100%; max-width: 360px; margin-top: 10px; margin-left: -15px; position: relative; z-index: 1;" />
+                        <img src="<?php echo $url; ?>/img/logo_astellas.png" style="width: 100%; max-width: 260px; margin-top: 10px; margin-left: -15px; position: relative; z-index: 1;" />
                     </a>
                 <?php } else { ?>
                     <a href="<?php echo $url; ?>/lobby">
-                        <img src="<?php echo $url; ?>/img/logo_astellas.png" style="width: 100%; max-width: 360px; margin-top: 10px; margin-left: -15px; position: relative; z-index: 1;" />
+                        <img src="<?php echo $url; ?>/img/logo_astellas.png" style="width: 100%; max-width: 260px; margin-top: 10px; margin-left: -15px; position: relative; z-index: 1;" />
                     </a>
                 <?php } ?>
             </div>