From 426624e0de0f823a7110f10cfe977556e7dea2a9 Mon Sep 17 00:00:00 2001
From: CarlosssFlores <307100636@pcpuma.acatlan.unam.mx>
Date: Wed, 5 Nov 2025 14:51:47 -0600
Subject: [PATCH] notfound

---
 .../InformacionEquipos/ProgramSelector.tsx    |  2 +
 app/NotFound.css                              | 44 +++++++++++++++++++
 app/not-found.tsx                             | 23 ++++------
 3 files changed, 55 insertions(+), 14 deletions(-)
 create mode 100644 app/NotFound.css

diff --git a/app/Components/InformacionEquipos/ProgramSelector.tsx b/app/Components/InformacionEquipos/ProgramSelector.tsx
index 0c7f563..c265e62 100644
--- a/app/Components/InformacionEquipos/ProgramSelector.tsx
+++ b/app/Components/InformacionEquipos/ProgramSelector.tsx
@@ -40,6 +40,7 @@ const programas = [
 
 export default function ProgramSelector({ titulo, opcion, tipo }: DatosEquipo) {
   const [seleccion, setSeleccion] = useState("");
+  const [programas, setPrograma] = useState("");
   const [checkboxes, setCheckboxes] = useState<Record<string, boolean>>(
     programas.reduce((acc, prog) => ({ ...acc, [prog]: false }), {})
   );
@@ -48,6 +49,7 @@ export default function ProgramSelector({ titulo, opcion, tipo }: DatosEquipo) {
     const response = axios.get(
       "https://venus.acatlan.unam.mx/asignacionTiempo_test/equipo"
     );
+    setPrograma(response)
   });
 
   const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
diff --git a/app/NotFound.css b/app/NotFound.css
new file mode 100644
index 0000000..727e6ac
--- /dev/null
+++ b/app/NotFound.css
@@ -0,0 +1,44 @@
+.notfound {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: linear-gradient(135deg, #f3f4f5, #f3f4f5);
+  color: #fff;
+  text-align: center;
+  font-family: "Inter", sans-serif;
+  padding: 2rem;
+}
+
+.notfound h1 {
+  font-size: 6rem;
+  color: #ff4d4d;
+  margin-bottom: 0.5rem;
+}
+
+.notfound h2 {
+  font-size: 2rem;
+  margin-bottom: 1rem;
+}
+
+.notfound p {
+  color: #050505;
+  max-width: 500px;
+  margin-bottom: 2rem;
+}
+
+.notfound button {
+  background: #ff4d4d;
+  border: none;
+  color: white;
+  padding: 0.8rem 2rem;
+  border-radius: 10px;
+  font-size: 1rem;
+  cursor: pointer;
+  transition: background 0.3s ease;
+}
+
+.notfound button:hover {
+  background: #e60000;
+}
diff --git a/app/not-found.tsx b/app/not-found.tsx
index 6e292db..308a276 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -1,25 +1,20 @@
 "use client";
 
 import { useRouter } from "next/navigation";
+import "./NotFound.css";
 
 export default function NotFound() {
   const router = useRouter();
 
-  const handleButton = () => {
-    router.push("/Impresiones");
-  };
-
   return (
-    <section>
-      <img src="/404-bg.png" alt="Página no encontrada" />
-
-      {/* Título */}
-      <h1>404 - Página no encontrada</h1>
-
-      {/* Texto */}
-      <p>Lo sentimos, la página que buscas no existe.</p>
-      <p>Por favor, verifica la URL o regresa a la página principal.</p>
-      <button className="button buttonSearch"> regresa al inicio</button>
+    <section className="notfound">
+      <h1>404</h1>
+      <h2>Página no encontrada</h2>
+      <p>
+        Lo sentimos, la página que buscas no existe o ha sido movida. Verifica
+        la URL o regresa a la página principal.
+      </p>
+      <button onClick={() => router.push("/")}>Regresar al inicio</button>
     </section>
   );
 }