fixing routes

app/Components/BarNavigation/BarNavigation.css

@@ -1,8 +1,12 @@
 .barNavigation {
+    position: absolute;
     text-align: center;
     background-color: rgb(1, 92, 184);
     padding: 0 20px;
     display: flex;
+    width: 100%;
+    top: 0;
+    min-height: 40px;
 }
 
 .barNavigation ul {

app/Components/BarNavigation/BarNavigation.tsx

@@ -26,13 +26,13 @@ function BarNavigation() {
         <li className={`subMenu ${openSubMenu === 0 ? "open" : ""}`}>
           <span onClick={() => toggleSubMenu(0)}>Inscripciones</span>
           <ul className="containerLinks" onClick={toggleMenu}>
-            <Link href="/AT/Alta" className="links">
+            <Link href="/Alta" className="links">
               <li>Alta</li>
             </Link>
-            <Link href="/AT/AgregarTiempo" className="links">
+            <Link href="/AgregarTiempo" className="links">
               <li>Agregar Tiempo</li>
             </Link>
-            <Link href="/AT/Inscripciones" className="links">
+            <Link href="/Inscripciones" className="links">
               <li>Inscripciones</li>
             </Link>
           </ul>
@@ -41,16 +41,16 @@ function BarNavigation() {
         <li className={`subMenu ${openSubMenu === 1 ? "open" : ""}`}>
           <span onClick={() => toggleSubMenu(1)}>Servicios</span>
           <ul onClick={toggleMenu}>
-            <Link href="/AT/Impresiones" className="links">
+            <Link href="/Impresiones" className="links">
               <li>Impresiones y Ploteo</li>
             </Link>
-            <Link href="/AT/AsignacionMesas" className="links">
+            <Link href="/AsignacionMesas" className="links">
               <li>Asignacion de Mesas</li>
             </Link>
-            <Link href="/AT/AsignacionEquipo" className="links">
+            <Link href="/AsignacionEquipo" className="links">
               <li>Asignacion de Equipos</li>
             </Link>
-            <Link href="/AT/Monitor" className="links">
+            <Link href="/Monitor" className="links">
               <li>Monitor</li>
             </Link>
           </ul>
@@ -59,16 +59,16 @@ function BarNavigation() {
         <li className={`subMenu ${openSubMenu === 2 ? "open" : ""}`}>
           <span onClick={() => toggleSubMenu(2)}>Equipo</span>
           <ul onClick={toggleMenu}>
-            <Link href="/AT/InformacionEquipo" className="links">
+            <Link href="/InformacionEquipo" className="links">
               <li>Informacion de Equipos</li>
             </Link>
-            <Link href="/AT/ActivosMantenimiento" className="links">
+            <Link href="/ActivosMantenimiento" className="links">
               <li>Activos y en Mantenimiento</li>
             </Link>
-            <Link href="/AT/Mensajes" className="links">
+            <Link href="/Mensajes" className="links">
               <li>Mensajes</li>
             </Link>
-            <Link href="/AT/Programas" className="links">
+            <Link href="/Programas" className="links">
               <li>Programas</li>
             </Link>
           </ul>
@@ -77,24 +77,24 @@ function BarNavigation() {
         <li className={`subMenu ${openSubMenu === 3 ? "open" : ""}`}>
           <span onClick={() => toggleSubMenu(3)}>Reportes</span>
           <ul onClick={toggleMenu}>
-            <Link href="/AT/Recibo" className="links">
-              <li>Recibo</li>
+            <Link href="/Reportes" className="links">
+              <li>Reportes</li>
             </Link>
-            <Link href="/AT/Inscritos" className="links">
+            <Link href="/Inscritos" className="links">
               <li>Inscritos</li>
             </Link>
-            <Link href="/AT/BitacoraSanciones" className="links">
+            <Link href="/BitacoraSanciones" className="links">
               <li>Bitacora y sanciones</li>
             </Link>
           </ul>
         </li>
         <li className="subMenu" onClick={toggleMenu}>
-          <Link href="/AT/QuitarSancion" className="links">
+          <Link href="/QuitarSancion" className="links">
             Quitar sancion
           </Link>
         </li>
         <li className="subMenu" onClick={toggleMenu}>
-          <Link href="/AT/CambiarPass" className="links">
+          <Link href="/CambiarPass" className="links">
             Cambiar contraseña
           </Link>
         </li>

app/Components/Header/Header.module.css

@@ -2,6 +2,7 @@
     position: relative;
     filter: invert(1);
     z-index: 3;
+    margin: 5px;
 }
 
 .cedetecContainer {

app/Components/Login/Login.tsx

@@ -1,8 +1,9 @@
 'use client';
 import { useState } from "react";
-import "./Login.css";
 import { loginUser } from "@/app/lib/login";
 
+import "./Login.css";
+
 function Login() {
     const [user, setUser] = useState("");
     const [password, setPassword] = useState("");

app/Components/ProgramSelector/ProgramSelector.tsx

@@ -13,10 +13,10 @@ function ProgramSelector({ titulo, opcion }: DatosEquipo) {
     <div>
       <form className="form-container">
         {/* Label dinámico con el título que recibimos */}
-        <label htmlFor="equipo">{titulo}</label>
+        <label>{titulo}</label>
 
         {/* Renderizamos UN solo <select> con varias <option> */}
-        <select id="equipo">
+        <select>
           {opcion.map((op, index) => (
             <option key={index} value={op}>
               {op}
@@ -24,9 +24,6 @@ function ProgramSelector({ titulo, opcion }: DatosEquipo) {
           ))}
         </select>
 
-        {/* Aquí puedes poner más <option> fijas si quieres */}
-        <option value="">Buscar</option>
-
         {/* Lista de checkboxes (esto lo podrías optimizar igual con .map) */}
         <div className="checkbox-grid">
           <label>

app/Components/Receipt/Receipt.tsx

@@ -58,7 +58,7 @@ function Receipt() {
 
 
                 <div className='groupInput'>
-                    <label className='label'>Folio:</label>
+                    <label className='label'>Ticket:</label>
                     <input
                         type='text'
                         value={folio}