agregue nuevas vistas

app/Programas/page.tsx

@@ -1,12 +1,23 @@
 import SearchUser from "../Components/SearchUser/searchUser";
+import "./programas.css";
 
 export default function Page() {
   return (
-    <section className='containerSection'>
-      <h2 className='title'> PROGRAMAS </h2>
+    <section className="containersection">
+      <h2 className="title"> PROGRAMAS </h2>
+      <label className="label">Programas</label>
+      <input
+        type="text"
+        //value={user}
+        //onChange={(e) => setUser(e.target.value)}
+        placeholder="Coloca "
+      />
+      <div className="margin">
+        <button className="button buttonSearch">Insertar</button>
 
+        <button className="button buttonSearch">Cancelar</button>
+      </div>
     </section>
-
   );
 }
-//IO
+//IO

app/Programas/programas.css

@@ -0,0 +1,9 @@
+.containersection {
+  width: 100%; /* Que use todo el ancho */
+  display: block; /* Evita que Flex/Grid lo centre */
+  text-align: left; /* Alinea el texto e inputs a la izquierda */
+  margin: 20px 0 0 20px; /* Espacio arriba y a la izquierda */
+}
+.margin {
+  margin: 10px 10px;
+}