diff --git a/app/(private)/Programas/page.tsx b/app/(private)/Programas/page.tsx
index 43aba9e..11164a6 100644
--- a/app/(private)/Programas/page.tsx
+++ b/app/(private)/Programas/page.tsx
@@ -2,9 +2,9 @@
 
 import { useState, useEffect } from "react";
 import styleprograms from "./programas.module.css";
-import { Interface } from "readline";
+import { envConfig } from "@/app/lib/config";
 
-  interface Programa {
+interface Programa {
   id_programa: number;
   programa: string;
 }
@@ -16,7 +16,7 @@ export default function Page() {
   const [programas, setProgramas] = useState<Programa[]>([]);
 
   useEffect(() => {
-    fetch("http://localhost:5000/programa/")
+    fetch(`${envConfig.apiUrl}/programa/`)
       .then((res) => res.json())
       .then((data) => setProgramas(data))
       .catch((error) => console.error("Error al cargar programas:", error));
@@ -28,7 +28,6 @@ export default function Page() {
 
   return (
     <section className="containerSection">
-
       {}
       {modo === "ver" && (
         <section className="containersection">
@@ -51,10 +50,7 @@ export default function Page() {
           </select>
 
           <div className="margin">
-            <button
-              className="button buttonSearch"
-              onClick={handleEditar}
-            >
+            <button className="button buttonSearch" onClick={handleEditar}>
               Editar
             </button>