new view

app/globals.css

@@ -362,11 +362,17 @@ table tr {
   justify-content: center;
   align-items: center;
 }
+.centerGrido {
+  display: grid;
+  grid-template-columns: auto 200px;
+  justify-content: center;
+  align-items: center;
+}
 
 .impressions-title {
-    font-size: 1.75rem;
-    font-weight: bold;
-    text-align: start;
+  font-size: 1.75rem;
+  font-weight: bold;
+  text-align: start;
 }
 
 @media (max-width: 1300px) {

app/not-found.tsx

@@ -10,19 +10,21 @@ export default function NotFound() {
   };
 
   return (
-    <section>
-      <img
-        src="/404-bg.png" // 👈 pon tu imagen en /public/404-bg.png
-        alt="Página no encontrada"
-      />
+    <div className="centerGrido">
+      <section>
+        <img
+          src="/404-bg.png" // 👈 pon tu imagen en /public/404-bg.png
+          alt="Página no encontrada"
+        />
 
-      {/* Título */}
-      <h1>404 - Página no encontrada</h1>
+        {/* 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>
+        {/* 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>
+    </div>
   );
 }