diff --git a/app/(private)/ActivosMantenimiento/page.tsx b/app/(private)/ActivosMantenimiento/page.tsx
index c4b3be3..6385ec0 100644
--- a/app/(private)/ActivosMantenimiento/page.tsx
+++ b/app/(private)/ActivosMantenimiento/page.tsx
@@ -2,6 +2,11 @@ import Areas from "@/app/Components/ActivosMantenimiento/Areas";
 import MesasDisponibles from "@/app/Components/ActivosMantenimiento/MesasDisponibles";
 import TableEquipos from "@/app/Components/Equipos/tableequipos";
 import Toggle from "@/app/Components/Global/Toggle/Toggle";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "ActivosMantenimiento",
+};
 
 export default async function Page(props: {
   searchParams?: Promise<{
diff --git a/app/(private)/AgregarTiempo/page.tsx b/app/(private)/AgregarTiempo/page.tsx
index 45ddd9c..db7354c 100644
--- a/app/(private)/AgregarTiempo/page.tsx
+++ b/app/(private)/AgregarTiempo/page.tsx
@@ -8,9 +8,14 @@ import AddTime from "./Addtime";
 import Table from "@/app/Components/Global/table";
 
 import "./addTime.css";
+import { Metadata } from "next";
 
 const headers = ["Inscrito", "Tiempo", "Confirmó"];
 
+export const metadata: Metadata = {
+  title: "AgregarTiempo",
+};
+
 export default async function Page(props: {
   searchParams?: Promise<{ numAcount: string }>;
 }) {
diff --git a/app/(private)/Alta/page.tsx b/app/(private)/Alta/page.tsx
index 0ad2646..cde9d8b 100644
--- a/app/(private)/Alta/page.tsx
+++ b/app/(private)/Alta/page.tsx
@@ -1,6 +1,11 @@
 import RegisterAlta from "@/app/Components/Alta/registerAlta";
 
 import "./style.css";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Alta",
+};
 
 export default async function Page(props: {
   searchParams?: Promise<{
diff --git a/app/(private)/AsignacionEquipo/page.tsx b/app/(private)/AsignacionEquipo/page.tsx
index eee36b4..dfc839e 100644
--- a/app/(private)/AsignacionEquipo/page.tsx
+++ b/app/(private)/AsignacionEquipo/page.tsx
@@ -10,9 +10,14 @@ import { GetRegisterStudent } from "@/app/lib/getRegisterStudent";
 import PlaticaGate from "./PlaticaGate";
 import "@/app/globals.css";
 import { GetRegisterStudentSancion } from "@/app/lib/GetRegisterStudentSancion";
+import { Metadata } from "next";
 
 const headers = ["Inscrito", "Tiempo", "Confirmó"];
 
+export const metadata: Metadata = {
+  title: "AsignacionEquipo",
+};
+
 export default async function Page(props: {
   searchParams?: Promise<{
     key?: string;
diff --git a/app/(private)/AsignacionMesas/page.tsx b/app/(private)/AsignacionMesas/page.tsx
index 8ef7dda..b241c25 100644
--- a/app/(private)/AsignacionMesas/page.tsx
+++ b/app/(private)/AsignacionMesas/page.tsx
@@ -10,6 +10,11 @@ import { GetRegisterStudentSancion } from "@/app/lib/GetRegisterStudentSancion";
 import TableTable from "../Monitor/TableTable";
 
 import './asignacion.css'
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "AsignacionMesas",
+};
 
 export default async function Page(props: {
   searchParams?: Promise<{
diff --git a/app/(private)/BitacoraSanciones/page.tsx b/app/(private)/BitacoraSanciones/page.tsx
index 47dc437..b606d06 100644
--- a/app/(private)/BitacoraSanciones/page.tsx
+++ b/app/(private)/BitacoraSanciones/page.tsx
@@ -8,6 +8,11 @@ import ShowError from "@/app/Components/Global/ShowError";
 import Toggle from "@/app/Components/Global/Toggle/Toggle";
 import QuitarSancion from "@/app/Components/QuitarSancion/QuitarSancion";
 import { GetStudentWhitoutSancion } from "@/app/lib/getStudentWhitoutSancion";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "BitacoraSanciones",
+};
 
 export default async function Page(props: {
   searchParams?: Promise<{
diff --git a/app/(private)/CambiarPass/page.tsx b/app/(private)/CambiarPass/page.tsx
index c6388ad..f6c330f 100644
--- a/app/(private)/CambiarPass/page.tsx
+++ b/app/(private)/CambiarPass/page.tsx
@@ -1,4 +1,9 @@
 import ChangePassword from "@/app/Components/auth/ChangePassword/changePassword";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "CambiarPass",
+};
 
 export default async function Page(props: {
   searchParams?: Promise<{
diff --git a/app/(private)/Impresiones/page.tsx b/app/(private)/Impresiones/page.tsx
index 1ae3f3f..4e7b133 100644
--- a/app/(private)/Impresiones/page.tsx
+++ b/app/(private)/Impresiones/page.tsx
@@ -10,6 +10,11 @@ import { getCost } from "@/app/lib/getCost";
 import { GetStudentWhitoutSancion } from "@/app/lib/getStudentWhitoutSancion";
 
 import "@/app/globals.css";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Impresiones",
+};
 
 export default async function Page(props: {
   searchParams?: Promise<{
diff --git a/app/(private)/InformacionEquipo/page.tsx b/app/(private)/InformacionEquipo/page.tsx
index fa06736..a704fcd 100644
--- a/app/(private)/InformacionEquipo/page.tsx
+++ b/app/(private)/InformacionEquipo/page.tsx
@@ -1,7 +1,12 @@
+import { Metadata } from "next";
 import InformacionEquipo from "./InformacionEquipo";
 
 import "./informacionequipo.css";
 
+export const metadata: Metadata = {
+  title: "InformacionEquipo",
+};
+
 export default async function Page(props: {
   searchParams?: Promise<{
     key?: string;
diff --git a/app/(private)/Inscripcion/page.tsx b/app/(private)/Inscripcion/page.tsx
index 43f902d..ce07a7e 100644
--- a/app/(private)/Inscripcion/page.tsx
+++ b/app/(private)/Inscripcion/page.tsx
@@ -9,9 +9,14 @@ import { GetRegisterStudent } from "@/app/lib/getRegisterStudent";
 import { GetStudentWhitoutSancion } from "@/app/lib/getStudentWhitoutSancion";
 
 import "./inscripcion.css";
+import { Metadata } from "next";
 
 const headers = ["Inscrito", "Tiempo", "Confirmó"];
 
+export const metadata: Metadata = {
+  title: "Inscripcion",
+};
+
 export default async function Page(props: {
   searchParams?: Promise<{
     numAcount: string;
diff --git a/app/(private)/Inscritos/page.tsx b/app/(private)/Inscritos/page.tsx
index 1181c94..9da4770 100644
--- a/app/(private)/Inscritos/page.tsx
+++ b/app/(private)/Inscritos/page.tsx
@@ -1,5 +1,10 @@
+import { Metadata } from "next";
 import Inscripciones from "./Inscripciones";
 
+export const metadata: Metadata = {
+  title: "Inscritos",
+};
+
 export default async function Page(props: {
   searchParams?: Promise<{
     period: string;
diff --git a/app/(private)/Mensajes/page.tsx b/app/(private)/Mensajes/page.tsx
index 4049d50..596d120 100644
--- a/app/(private)/Mensajes/page.tsx
+++ b/app/(private)/Mensajes/page.tsx
@@ -1,6 +1,11 @@
 import EnviarMensaje from "@/app/Components/EviarMensaje/EnviarMensaje";
 import EnviarMensajeSala from "@/app/Components/EviarMensaje/EnviarMensajeSala";
 import Toggle from "@/app/Components/Global/Toggle/Toggle";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Mensajes",
+};
 
 export default async function Page(props: {
   searchParams?: Promise<{
diff --git a/app/(private)/Monitor/page.tsx b/app/(private)/Monitor/page.tsx
index 80d7826..83c06a5 100644
--- a/app/(private)/Monitor/page.tsx
+++ b/app/(private)/Monitor/page.tsx
@@ -1,10 +1,13 @@
-import Toggle from "@/app/Components/Global/Toggle/Toggle";
-import MachineTable from "./MachineTable";
 import styles from "./Page.module.css";
 import MachineTableActive from "./MachineTableActive";
 import DSC from "./DSC";
 import ToggleTable from "@/app/Components/Global/Toggle/ToggleTable";
 import TableTable from "./TableTable";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Monitor",
+};
 
 export default async function Page(props: {
   searchParams?: Promise<{ numAcount: string; key: string }>;
diff --git a/app/(private)/Periodo-Graficas/page.tsx b/app/(private)/Periodo-Graficas/page.tsx
index 954e2e6..c2ccc1b 100644
--- a/app/(private)/Periodo-Graficas/page.tsx
+++ b/app/(private)/Periodo-Graficas/page.tsx
@@ -4,6 +4,7 @@ import { useState, useEffect } from "react";
 import { envConfig } from "@/app/lib/config";
 import axios from "axios";
 import Cookies from "js-cookie";
+import { Metadata } from "next";
 
 interface TotalServicioPeriodo {
   nombre_servicio: string;
diff --git a/app/(private)/Periodo/page.tsx b/app/(private)/Periodo/page.tsx
index 52439a8..6c629a7 100644
--- a/app/(private)/Periodo/page.tsx
+++ b/app/(private)/Periodo/page.tsx
@@ -4,6 +4,7 @@ import { useState, useEffect } from "react";
 import { envConfig } from "@/app/lib/config";
 import axios from "axios";
 import Cookies from "js-cookie";
+import { Metadata } from "next";
 
 interface Periodo {
   id_periodo: number;
@@ -15,6 +16,7 @@ interface Periodo {
     data: number[];
   };
 }
+
 export default function PeriodoPage() {
 
   const [periodos, setPeriodos] = useState<Periodo[]>([]);
diff --git a/app/(private)/Programas/page.tsx b/app/(private)/Programas/page.tsx
index f980558..cab1438 100644
--- a/app/(private)/Programas/page.tsx
+++ b/app/(private)/Programas/page.tsx
@@ -6,6 +6,7 @@ import styleprograms from "./programas.module.css";
 import axios from "axios";
 import Swal from "sweetalert2";
 import Cookies from "js-cookie";
+import { Metadata } from "next";
 
 interface Programa {
   id_programa: number;
diff --git a/app/(private)/QuitarSancion/page.tsx b/app/(private)/QuitarSancion/page.tsx
index be2c496..6be1d58 100644
--- a/app/(private)/QuitarSancion/page.tsx
+++ b/app/(private)/QuitarSancion/page.tsx
@@ -1,5 +1,10 @@
 import ShowError from "@/app/Components/Global/ShowError";
 import { GetSancionByStudent } from "@/app/lib/getSancionByStudent";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "QuitarSancion",
+};
 
 export default async function Page(props: {
   searchParams?: Promise<{
diff --git a/app/(private)/Reportes/page.tsx b/app/(private)/Reportes/page.tsx
index b361760..06d8572 100644
--- a/app/(private)/Reportes/page.tsx
+++ b/app/(private)/Reportes/page.tsx
@@ -1,5 +1,10 @@
+import { Metadata } from 'next';
 import ReportesClient from './ReportesClient';
 
+export const metadata: Metadata = {
+  title: "Reportes",
+};
+
 export default async function Page(props: {
   searchParams?: Promise<{
     key: string;
diff --git a/app/Components/auth/Logout/Logout.css b/app/Components/auth/Logout/Logout.css
index f9efbda..ff46962 100644
--- a/app/Components/auth/Logout/Logout.css
+++ b/app/Components/auth/Logout/Logout.css
@@ -24,6 +24,7 @@
   border-radius: 6px;
   padding: 6px 12px;
   z-index: 1;
+  outline: 1px solid #cfcfcf;
 }
 
 @media(max-height: 800px) {