diff --git a/views/inicio.html b/views/inicio.html
index dc94357..d58d5ef 100644
--- a/views/inicio.html
+++ b/views/inicio.html
@@ -4,68 +4,83 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href='https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css' rel='stylesheet'>
+    <link rel="stylesheet" href="assets/fontawesome/css/fontawesome.css">
+    <link rel="stylesheet" href="assets/fontawesome/css/brands.css">
+    <link rel="stylesheet" href="assets/fontawesome/css/solid.css">
+    <style>
+        /* Selects e inputs de fecha */
+        select#id_rango_edad,
+        select#id_genero,
+        select#id_examen,
+        input[type="date"] {
+            width: 100%;
+            padding: 8px 12px;
+            border: 1px solid #ccc;
+            border-radius: 6px;
+            font-size: 14px;
+            background-color: #fff;
+            color: #333;
+            font-family: inherit;
+            transition: border-color 0.2s ease;
+        }
+
+        select#id_rango_edad:focus,
+        select#id_genero:focus,
+        select#id_examen:focus,
+        input[type="date"]:focus {
+            border-color: #4a90e2;
+            outline: none;
+        }
+
+        /* Botones Buscar y Limpiar */
+        button#buscar,
+        button#limpiar,
+        button#limpiar2 {
+            padding: 8px 20px;
+            font-size: 14px;
+            border: 1px solid #4a90e2;
+            border-radius: 6px;
+            background-color: #fff;
+            color: #4a90e2;
+            cursor: pointer;
+            font-family: inherit;
+            transition: background-color 0.2s ease, color 0.2s ease;
+            margin-top: 10px;
+            margin-right: 10px;
+        }
+
+        button#buscar:hover,
+        button#limpiar:hover,
+        button#limpiar2:hover {
+            background-color: #4a90e2;
+            color: white;
+        }
+    </style>
+
     <link rel="stylesheet" href="../css/inicio.css">
     <title>AdminSite</title>
 </head>
 <body>
     <!-- SIDEBAR -->
     <section id="sidebar">
-        <a href="inicio.html" class="brand"><i class='bx bx-code-alt icon'></i> LANIA</a>
+        <a href="inicio.html" class="brand"><i class='bx bx-code-alt icon' ></i> LANIA</a>
         <ul class="side-menu">
-            <li><a href="#" class="active"><i class='bx bxs-dashboard icon'></i> Dashboard</a></li>
-            <li class="divider" data-text="main">Main</li>
-            <li>
-                <a href="#"><i class='bx bxs-inbox icon'></i> Elements <i class='bx bx-chevron-right icon-right'></i></a>
-                <ul class="side-dropdown">
-                    <li><a href="#">Alert</a></li>
-                    <li><a href="#">Badges</a></li>
-                    <li><a href="#">Breadcrumbs</a></li>
-                    <li><a href="#">Button</a></li>
-                </ul>
-            </li>
-            <li><a href="#"><i class='bx bxs-chart icon'></i> Charts</a></li>
-            <li><a href="#"><i class='bx bxs-widget icon'></i> Widgets</a></li>
-            <li class="divider" data-text="tablas y formularios">Tablas y formularios</li>
-            <li><a href="#"><i class='bx bx-table icon'></i> Tablas</a></li>
-            <li>
-                <a href="#"><i class='bx bxs-notepad icon'></i> Formularios <i class='bx bx-chevron-right icon-right'></i></a>
-                <ul class="side-dropdown">
-                    <li><a href="formulario-candidato.html">Registro de candidato</a></li>
-                    <li><a href="formulario-datos-candidato.php">Datos de candidato</a></li>
-                </ul>
-            </li>
-        </ul>
+            <li><a href="inicio.html" class="active"><i class="fa-solid fa-home-user icon"></i> Dashboard</a></li>
+            <li><a href="formulario-candidato.html" target="_blank"><i class="fa-solid fa-list icon"></i> Formulario de registro</a></li>
+            <li><a href="control-candidatos.php"><i class="fa-solid fa-users-line icon"></i>Control candidatos</a></li>
+            <li><a href="control-usuarios.php"><i class="fa-solid fa-users-gear icon"></i>Control usuario</a></li>
+			<li><a href="consultar-api.html"><i class="fa-solid fa-globe icon"></i> API</a></li>
+            <li><a href="../controllers/cerrarSesion.php"><i class="fa-solid fa-right-to-bracket icon"></i> Cerrar sesión</a></li>
+		</ul>
     </section>
     <!-- SIDEBAR -->
 
     <section id="content">
-        <nav>
+       <nav style="display: none;">
             <i class='bx bx-menu toggle-sidebar'></i>
-            <form action="#">
-                <div class="form-group">
-                    <input type="text" placeholder="Buscar...">
-                    <i class='bx bx-search icon'></i>
-                </div>
-            </form>
-            <a href="#" class="nav-link">
-                <i class='bx bxs-bell icon'></i>
-                <span class="badge">5</span>
-            </a>
-            <a href="#" class="nav-link">
-                <i class='bx bxs-message-square-dots icon'></i>
-                <span class="badge">8</span>
-            </a>
-            <span class="divider"></span>
-            <div class="profile">
-                <img src="https://images.unsplash.com/photo-1517841905240-472988babdf9?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NHx8cGVvcGxlfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="">
-                <ul class="profile-link">
-                    <li><a href="#"><i class='bx bxs-user-circle icon'></i> Profile</a></li>
-                    <li><a href="#"><i class='bx bxs-cog'></i> Settings</a></li>
-                    <li><a href="#"><i class='bx bxs-log-out-circle'></i> Logout</a></li>
-                </ul>
-            </div>
         </nav>
 
+
         <main>
             <h1 class="title">Dashboard</h1>
             <ul class="breadcrumbs">
