diff --git a/src/app/Editar/page.tsx b/src/app/Editar/page.tsx
new file mode 100644
index 0000000..590f92f
--- /dev/null
+++ b/src/app/Editar/page.tsx
@@ -0,0 +1,37 @@
+import "../styles/components/editar";
+export default function Page() {
+  return (
+    <form className="editar">
+      <div className="columna">
+        <label htmlFor="serie">Serie</label>
+        <input type="text" id="serie" />
+        <label htmlFor="marca">Marca</label>
+        <input type="text" id="marca" />
+        <label htmlFor="modelo">Modelo</label>
+        <input type="text" id="modelo" />
+        <label htmlFor="estado">Estado</label>
+        <input type="text" id="estado" />
+      </div>
+
+      <div className="columna">
+        <label htmlFor="so">Sistema Operativo</label>
+        <input type="text" id="so" />
+        <label htmlFor="procesador">Procesador</label>
+        <input type="text" id="procesador" />
+        <label htmlFor="tipoUso">Tipo de uso</label>
+        <input type="text" id="tipoUso" />
+        <label htmlFor="observaciones">Observaciones</label>
+        <input type="text" id="observaciones" />
+      </div>
+
+      <div className="columna">
+        <label htmlFor="adscripcion">Adscripción</label>
+        <input type="text" id="adscripcion" />
+        <label htmlFor="responsable">Responsable</label>
+        <input type="text" id="responsable" />
+        <label htmlFor="lugar">Lugar</label>
+        <input type="text" id="lugar" />
+      </div>
+    </form>
+  );
+}
diff --git a/src/app/styles/_globals.scss b/src/app/styles/base/_globales.scss
similarity index 100%
rename from src/app/styles/_globals.scss
rename to src/app/styles/base/_globales.scss
diff --git a/src/app/styles/components/card.scss b/src/app/styles/base/_variables.scss
similarity index 100%
rename from src/app/styles/components/card.scss
rename to src/app/styles/base/_variables.scss
diff --git a/src/app/styles/components/BarNavigation.scss b/src/app/styles/layout/BarNavigation.scss
similarity index 100%
rename from src/app/styles/components/BarNavigation.scss
rename to src/app/styles/layout/BarNavigation.scss
diff --git a/src/app/styles/layout/__editar.scss b/src/app/styles/layout/__editar.scss
new file mode 100644
index 0000000..ed6daec
--- /dev/null
+++ b/src/app/styles/layout/__editar.scss
@@ -0,0 +1,11 @@
+.editar{
+   
+  max-width: 1000px;
+  display: flex;
+  gap: 20px;
+}
+
+.columna{
+  display:  flex ;
+  flex-direction: column;
+}
\ No newline at end of file
diff --git a/src/app/styles/components/footer.scss b/src/app/styles/layout/card.scss
similarity index 100%
rename from src/app/styles/components/footer.scss
rename to src/app/styles/layout/card.scss
diff --git a/src/app/styles/components/dashboard.scss b/src/app/styles/layout/dashboard.scss
similarity index 100%
rename from src/app/styles/components/dashboard.scss
rename to src/app/styles/layout/dashboard.scss
diff --git a/src/app/styles/variables.scss b/src/app/styles/layout/footer.scss
similarity index 100%
rename from src/app/styles/variables.scss
rename to src/app/styles/layout/footer.scss
diff --git a/src/app/styles/components/header.module.scss b/src/app/styles/layout/header.module.scss
similarity index 100%
rename from src/app/styles/components/header.module.scss
rename to src/app/styles/layout/header.module.scss
diff --git a/src/app/styles/components/login.scss b/src/app/styles/layout/login.scss
similarity index 100%
rename from src/app/styles/components/login.scss
rename to src/app/styles/layout/login.scss