diff --git a/index.php b/index.php
index 4b5bf25..13253cb 100644
--- a/index.php
+++ b/index.php
@@ -35,7 +35,7 @@ $admin_password = '7ipgl3fp03l03fa7j6l8';
     <main class="d-flex flex-row justify-content-around">
         <div id="registro" class="sub-bloque w-100">
             <div class="d-flex flex-row justify-content-between align-items-start h-100 pl-3 pr-5 pt-5">
-                <img src="imagenes/registrar.svg" alt="registrar" class="align-self-end mr-4 juanita">
+                <img src="imagenes/registrar.svg" alt="registrar" class="align-self-end mr-4 iconos" id="icon_registro">
                 <div class="flex-grow-1 d-flex flex-row justify-content-center align-items-start">
                     <form class="checa-box" id="formaChecador" autocomplete="off">
                         <div class="text-primary indivisa-text-black text-center mb-5 text-big titRegistro">Registro de
@@ -53,7 +53,7 @@ $admin_password = '7ipgl3fp03l03fa7j6l8';
         </div>
         <div id="result_ok" class="sub-bloque d-none w-100">
             <div id="estado" class="d-flex flex-row justify-content-between align-items-start h-100 pl-3 pr-5 pt-5">
-                <img src="imagenes/asistencia.svg" alt="registrar" class="align-self-end mr-4 juanita">
+                <img src="imagenes/asistencia.svg" alt="registrar" class="align-self-end mr-4 iconos" id="icon_asistencia">
                 <div class="flex-grow-1 d-flex flex-row justify-content-center align-items-start">
                     <div class="checa-box">
                         <div class="indivisa-text-black text-center text-big mb-4">Asistencia</div>
@@ -75,7 +75,7 @@ $admin_password = '7ipgl3fp03l03fa7j6l8';
         </div>
         <div id="result_no" class="sub-bloque d-none w-100">
             <div id="estado" class="d-flex flex-row justify-content-between align-items-start h-100 pl-3 pr-5 pt-5">
-                <img src="imagenes/no_horario.svg" alt="no_horario" class="align-self-end mr-4 juanita">
+                <img src="imagenes/no_horario.svg" alt="no_horario" class="align-self-end mr-4 iconos" id="icon_horario">
                 <div class="flex-grow-1 d-flex flex-row justify-content-center align-items-start">
                     <div class="checa-box">
                         <div class="text-center text-big indivisa-text-black text-primary my-4" id="nombre"><strong
@@ -92,7 +92,7 @@ $admin_password = '7ipgl3fp03l03fa7j6l8';
         </div>
         <div id="internet" class="sub-bloque d-none w-100">
             <div id="estado" class="d-flex flex-row justify-content-between align-items-start h-100 pl-3 pr-5 pt-5">
-                <img src="imagenes/no_internet.svg" alt="no_internet" class="align-self-end mr-4 juanita">
+                <img src="imagenes/no_internet.svg" alt="no_internet" class="align-self-end mr-4 iconos" id="icon_internet">
                 <div class="flex-grow-1 d-flex flex-row justify-content-center align-items-start">
                     <div class="checa-box">
                         <div class="text-big indivisa-text-black text-center">Se perdió la conexión a internet</div>
@@ -110,7 +110,7 @@ $admin_password = '7ipgl3fp03l03fa7j6l8';
         </div>
         <div id="error_bd" class="sub-bloque d-none w-100">
             <div id="estado" class="d-flex flex-row justify-content-between align-items-start h-100 pl-3 pr-5 pt-5">
-                <img src="imagenes/error.svg" alt="error" class="align-self-end mr-4 juanita">
+                <img src="imagenes/error.svg" alt="error" class="align-self-end mr-4 iconos" id="icon_error">
                 <div class="flex-grow-1 d-flex flex-row justify-content-center align-items-start">
                     <div class="checa-box">
                         <div class="text-big text-center indivisa-text-black text-danger mb-5">Error en el sistema</div>
@@ -122,7 +122,7 @@ $admin_password = '7ipgl3fp03l03fa7j6l8';
         </div>
         <div id="not_in_db" class="sub-bloque d-none w-100">
             <div id="estado" class="d-flex flex-row justify-content-between align-items-start h-100 pl-3 pr-5 pt-5">
-                <img src="imagenes/no_clave.svg" alt="no_clave" class="align-self-end mr-4 juanita">
+                <img src="imagenes/no_clave.svg" alt="no_clave" class="align-self-end mr-4 iconos" id="icon_clave">
                 <div class="flex-grow-1 d-flex flex-row justify-content-center align-items-start">
                     <div class="checa-box">
                         <div class="indivisa-text-black subtitle mb-5 text-center text-big">La clave <strong
@@ -135,7 +135,7 @@ $admin_password = '7ipgl3fp03l03fa7j6l8';
         </div>
         <div id="avisos" class="sub-bloque d-none w-100">
             <div id="estado" class="d-flex flex-row justify-content-between align-items-start h-100 pl-3 pr-5 pt-5">
-                <img src="imagenes/aviso.svg" alt="aviso" class="align-self-end mr-4 juanita">
+                <img src="imagenes/aviso.svg" alt="aviso" class="align-self-end mr-4 iconos" id="icon_avisos">
                 <div class="flex-grow-1 d-flex flex-row justify-content-center align-items-start">
                     <div class="checa-box">
                         <div class="indivisa-text-black subtitle mb-4 text-big">Avisos</div>