diff --git a/app/not-found.tsx b/app/not-found.tsx
index a326aa0..6cfec87 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -1,10 +1,19 @@
 export default function NotFound() {
-    return(
-        <section className="containerSection">
-            <h1>404 - Página no encontrada</h1>
-            <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>
-        </section>
-    )
+  return (
+    <section>
+      <img
+        src="/404-bg.png" // 👈 pon tu imagen en /public/404-bg.png
+        alt="Página no encontrada"
+        className="w-[150px] md:w-[200px] mb-8"
+      />
+
+      {/* 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>
+  );
 }
-//IO
\ No newline at end of file
diff --git a/public/404-bg.png b/public/404-bg.png
new file mode 100644
index 0000000..021a761
Binary files /dev/null and b/public/404-bg.png differ