diff --git a/app/(private)/AgregarTiempo/page.tsx b/app/(private)/AgregarTiempo/page.tsx
index c7a081d..d2e84ef 100644
--- a/app/(private)/AgregarTiempo/page.tsx
+++ b/app/(private)/AgregarTiempo/page.tsx
@@ -7,10 +7,9 @@ import "./addTime.css";
 
 export default async function Page({ searchParams }: any) {
 
-  const numAccount = searchParams?.numAccount
-    ? Number(searchParams.numAccount)
-    : null;
-    
+  const params =await searchParams;
+  const numAccount = params.numAccount ? Number(params.numAccount) : null;
+
   let student: any = null;
   if (numAccount) {
     student = await GetStudent(numAccount);
@@ -27,7 +26,7 @@ export default async function Page({ searchParams }: any) {
           <Information NoCuenta={student.id_cuenta} Nombre={student.nombre} />
 
           <div className="addTime">
-            <Receipt />
+            <Receipt numAccount={student.id_cuenta} />
           </div>
         </>
       ) : (
diff --git a/app/Components/AlertBox/AlertBox.css b/app/Components/AlertBox/AlertBox.css
index 866d28f..f33818d 100644
--- a/app/Components/AlertBox/AlertBox.css
+++ b/app/Components/AlertBox/AlertBox.css
@@ -4,7 +4,7 @@
   padding: 0.5rem 1.25rem;
   border-radius: 0 4px 4px 0;
   font-weight: bold;
-  font-size: 1.5rem;
+  font-size: 2rem;
   text-align: center;
   opacity: 1;
   z-index: 100;
diff --git a/app/Components/BarNavigation/BarNavigation.css b/app/Components/BarNavigation/BarNavigation.css
index 63c86ec..38de740 100644
--- a/app/Components/BarNavigation/BarNavigation.css
+++ b/app/Components/BarNavigation/BarNavigation.css
@@ -1,173 +1,173 @@
 .barNavigation {
-    text-align: center;
-    background-color: rgb(1, 92, 184);
-    padding: 0 20px;
-    display: flex;
-    width: 100%;
-    top: 0;
-    min-height: 40px;
+  text-align: center;
+  background-color: rgb(1, 92, 184);
+  padding: 0 20px;
+  display: flex;
+  width: 100%;
+  top: 0;
+  min-height: 40px;
 }
 
 .barNavigation ul {
-    display: flex;
-    justify-content: space-around;
-    width: 100%;
+  display: flex;
+  justify-content: space-around;
+  width: 100%;
 }
 
 .barNavigation li {
-    transition: all 0.3s ease;
-    cursor: pointer;
-    color: white;
-    font-weight: bold;
-    width: 100%;
-    transition: background-color 0.3s ease;
+  transition: all 0.3s ease;
+  cursor: pointer;
+  color: white;
+  font-weight: bold;
+  width: 100%;
+  transition: background-color 0.3s ease;
+  font-size: 2rem;
 }
 
 .barNavigation li:hover {
-    background-color: #d59f0f;
+  background-color: #d59f0f;
 }
 
 .barNavigation ul.active {
-    display: flex;
-    width: 100%;
+  display: flex;
+  width: 100%;
 }
 
 .menuToggle {
-    display: none;
-    flex-direction: column;
-    align-items: center;
-    gap: 4px;
-    cursor: pointer;
-    padding: 10px;
-    margin-right: 10px;
+  display: none;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  cursor: pointer;
+  padding: 10px;
+  margin-right: 10px;
 }
 
 .menuToggle div {
-    width: 25px;
-    height: 3px;
-    background-color: white;
-    border-radius: 4px;
+  width: 25px;
+  height: 3px;
+  background-color: white;
+  border-radius: 4px;
 }
 
 .subMenu {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    gap: 10px;
-    position: relative;
-    z-index: 1;
-    border-radius: 4px 4px 0 0;
-    padding: 5px 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  gap: 10px;
+  position: relative;
+  z-index: 1;
+  border-radius: 4px 4px 0 0;
 }
 
 .subMenu ul {
-    display: none;
-    position: absolute;
-    flex-direction: column;
-    top: 100%;
-    width: 100%;
-    background-color: rgba(0, 61, 121, 1);
-    transition: color 0.3s ease, opacity 0.3s ease;
+  display: none;
+  position: absolute;
+  flex-direction: column;
+  top: 100%;
+  width: 100%;
+  background-color: rgba(0, 61, 121, 1);
+  transition: color 0.3s ease, opacity 0.3s ease;
 }
 
 .subMenu.open ul {
-    display: flex;
-    color: rgba(0, 61, 121, 1);
+  display: flex;
+  color: rgba(0, 61, 121, 1);
 }
 
 .subMenu ul:hover {
-    color: #5b8cc9;
+  color: #5b8cc9;
 }
 
 .subMenu:hover ul {
-    display: flex;
+  display: flex;
 }
 
 .subMenu li {
-    padding: 10px 0;
+  padding: 10px 0;
 }
 
 .subMenu span {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    align-items: center;
-    justify-content: center;
-    color: rgb(255, 255, 255);
-    font-size: 1.5rem;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  color: rgb(255, 255, 255);
+  font-size: 2rem;
 }
 
 .containerLinks {
-    padding: 0 !important;
-    border-radius: 0 0 4px 4px;
+  padding: 0 !important;
+  border-radius: 0 0 4px 4px;
 }
 
 .links {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: white;
-    width: 100%;
-    height: 100%;
-    font-size: 1.5rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  width: 100%;
+  height: 100%;
+  font-size: 1.5rem;
 }
 
-thead,tbody{
-    font-size: 1.25rem;
+thead,
+tbody {
+  font-size: 1.25rem;
 }
 
 @media (max-width: 800px) {
+  .menuToggle {
+    display: flex;
+    position: relative;
+    align-items: end;
+    transition: transform 0.3s ease;
+  }
 
-    .menuToggle {
-        display: flex;
-        position: relative;
-        align-items: end;
-        transition: transform 0.3s ease;
-    }
+  .menuToggle.center {
+    align-items: center;
+    margin: 0;
+  }
 
-    .menuToggle.center {
-        align-items: center;
-        margin: 0;
-    }
+  .barNavigation {
+    font-size: 15px;
+    display: block;
+  }
 
-    .barNavigation {
-        font-size: 15px;
-        display: block;
-    }
+  .barNavigation ul {
+    position: absolute;
+    background-color: rgb(1, 92, 184);
+    flex-direction: column;
+    padding: 10px 0;
+    align-items: center;
+    display: none;
+    z-index: 1;
+    height: auto;
+  }
 
-    .barNavigation ul {
-        position: absolute;
-        background-color: rgb(1, 92, 184);
-        flex-direction: column;
-        padding: 10px 0;
-        align-items: center;
-        display: none;
-        z-index: 1;
-        height: auto;
-    }
+  .barNavigation {
+    padding: 0;
+  }
 
-    .barNavigation {
-        padding: 0;
-    }
+  .barNavigation li:hover {
+    background-color: #d59f0f;
+    color: white;
+    border-radius: 0;
+    border: none;
+  }
 
-    .barNavigation li:hover {
-        background-color: #d59f0f;
-        color: white;
-        border-radius: 0;
-        border: none;
-    }
+  .subMenu ul {
+    width: 90%;
+    border-radius: 4px;
+    position: relative;
+    background-color: rgba(0, 61, 121, 1);
+  }
 
-    .subMenu ul {
-        width: 90%;
-        border-radius: 4px;
-        position: relative;
-        background-color: rgba(0, 61, 121, 1);
-    }
-    
-    thead,tbody{
-        font-size: 1rem;
-    }
-
-}
\ No newline at end of file
+  thead,
+  tbody {
+    font-size: 1rem;
+  }
+}
diff --git a/app/Components/BarNavigation/BarNavigation.tsx b/app/Components/BarNavigation/BarNavigation.tsx
index 0066584..ad4ac0e 100644
--- a/app/Components/BarNavigation/BarNavigation.tsx
+++ b/app/Components/BarNavigation/BarNavigation.tsx
@@ -90,12 +90,12 @@ function BarNavigation() {
         </li>
         <li className="subMenu" onClick={toggleMenu}>
           <Link href="/QuitarSancion" className="links">
-            Quitar sancion
+            <span>Quitar sancion</span>
           </Link>
         </li>
         <li className="subMenu" onClick={toggleMenu}>
           <Link href="/CambiarPass" className="links">
-            Cambiar contraseña
+            <span> Cambiar contraseña</span>
           </Link>
         </li>
       </ul>
diff --git a/app/Components/Logout/Logout.css b/app/Components/Logout/Logout.css
index 44f2c9a..98fc11a 100644
--- a/app/Components/Logout/Logout.css
+++ b/app/Components/Logout/Logout.css
@@ -14,7 +14,7 @@
 @media (max-width: 800px) {
   .button-logout {
     color: transparent;
-    padding: 1.5rem;
+    padding: 2rem;
     font-size: 0px;
     top: 15px;
   }
diff --git a/app/Routes/LoginRedirect.tsx b/app/Routes/LoginRedirect.tsx
index f1daf17..80df000 100644
--- a/app/Routes/LoginRedirect.tsx
+++ b/app/Routes/LoginRedirect.tsx
@@ -5,17 +5,17 @@ import { useRouter } from "next/navigation";
 import { useEffect } from "react";
 
 export const LoginRedirect = ({ children }: { children: React.ReactNode }) => {
-    const { loading, authenticated } = useAuth();
-    const router = useRouter();
+  const { loading, authenticated } = useAuth();
+  const router = useRouter();
 
-    useEffect(() => {
-        if (!loading && authenticated) {
-            router.push("/Impresiones");
-        }
-    }, [loading, authenticated, router]);
+  useEffect(() => {
+    if (!loading && authenticated) {
+      router.push("/Impresiones");
+    }
+  }, [loading, authenticated, router]);
 
-    if (loading) return <p>Cargando...</p>;
+  if (loading) return <p>Cargando...</p>;
 
-    return !authenticated ? <>{children}</> : null;
+  return !authenticated ? <>{children}</> : null;
 };
-//IO
\ No newline at end of file
+//IO
diff --git a/app/Routes/PrivateRoute.tsx b/app/Routes/PrivateRoute.tsx
index a3c679a..8342c1c 100644
--- a/app/Routes/PrivateRoute.tsx
+++ b/app/Routes/PrivateRoute.tsx
@@ -18,4 +18,4 @@ export const PrivateRoute = ({ children }: { children: React.ReactNode }) => {
 
   return authenticated ? <>{children}</> : null;
 };
-//IO
\ No newline at end of file
+//IO
diff --git a/app/globals.css b/app/globals.css
index 7eee956..86aef13 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -153,18 +153,18 @@ select {
   border: 1px solid #cfcfcf;
   background-color: #fff;
   border-radius: 4px;
-  font-size: 1.5rem;
+  font-size: 2rem;
   color: black;
 }
 
 label {
-  font-size: 1.5rem;
+  font-size: 2rem;
   font-weight: bold;
   display: block;
 }
 
 button {
-  font-size: 1.5rem;
+  font-size: 2rem;
   padding: 1rem 1.75rem;
   border-radius: 4px;
   cursor: pointer;
@@ -252,7 +252,7 @@ a {
   top: 0;
   left: 0;
   width: 100%;
-  font-size: 2.5rem;
+  font-size: 3rem;
   font-weight: bold;
   text-align: start;
   border-bottom: 1px solid #cfcfcf;
@@ -369,6 +369,16 @@ table tr {
   text-align: start;
 }
 
+.loginContainer {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+}
+
 @media (max-width: 1300px) {
   .container {
     width: 100%;
@@ -436,7 +446,7 @@ table tr {
 
   footer p {
     font-size: 1.2rem;
-}
+  }
 }
 
 @media (max-height: 960px) {
diff --git a/app/layout.tsx b/app/layout.tsx
index 2d12ac2..861eace 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -26,7 +26,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="es">
-      <body className={poppins.variable}>
+      <body className={poppins.variable} suppressHydrationWarning>
         <Header />
         <main>
           {children}
diff --git a/app/page.tsx b/app/page.tsx
index 09d452b..77be5b0 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,7 +3,7 @@ import { LoginRedirect } from "./Routes/LoginRedirect";
 
 export default function Home() {
   return (
-    <div className="mainContainer">
+    <div className="loginContainer">
       <LoginRedirect>
         <div className="container">
           <div className="img"></div>
diff --git a/middleware.ts b/middleware.ts
index 4f554d5..3789498 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -13,22 +13,6 @@ export function middleware(request: NextRequest) {
 }
 
 export const config = {
-  matcher: [
-    "/Reportes",
-    "/Monitor",
-    "/QuitarSancion",
-    "/Programas",
-    "/Mensajes",
-    "/Inscritos",
-    "/Inscripciones",
-    "/InformacionEquipo",
-    "/Impresiones",
-    "/CambiarPass",
-    "/BitacoraSanciones",
-    "/AsignacionMesas",
-    "/AsignacionEquipo",
-    "/Alta",
-    "/AgregarTiempo",
-    "/ActivosMantenimiento"],
+  matcher: []
 };
 //IO