diff --git a/Front/.svelte-kit/generated/client/app.js b/Front/.svelte-kit/generated/client/app.js
index 3ef9588..e548ebb 100644
--- a/Front/.svelte-kit/generated/client/app.js
+++ b/Front/.svelte-kit/generated/client/app.js
@@ -17,4 +17,4 @@ export const hooks = {
 	reroute: (() => {})
 };
 
-export { default as root } from '../root.svelte';
\ No newline at end of file
+export { default as root } from '../root.js';
\ No newline at end of file
diff --git a/Front/.svelte-kit/generated/client/nodes/0.js b/Front/.svelte-kit/generated/client/nodes/0.js
index 34d98d8..f02ab1d 100644
--- a/Front/.svelte-kit/generated/client/nodes/0.js
+++ b/Front/.svelte-kit/generated/client/nodes/0.js
@@ -1 +1 @@
-export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/svelte-4/layout.svelte";
\ No newline at end of file
+export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/svelte-5/layout.svelte";
\ No newline at end of file
diff --git a/Front/.svelte-kit/generated/client/nodes/1.js b/Front/.svelte-kit/generated/client/nodes/1.js
index 9cae4f0..bf58bad 100644
--- a/Front/.svelte-kit/generated/client/nodes/1.js
+++ b/Front/.svelte-kit/generated/client/nodes/1.js
@@ -1 +1 @@
-export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/svelte-4/error.svelte";
\ No newline at end of file
+export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/svelte-5/error.svelte";
\ No newline at end of file
diff --git a/Front/bun.lockb b/Front/bun.lockb
index 254fc77..14f40ba 100755
Binary files a/Front/bun.lockb and b/Front/bun.lockb differ
diff --git a/Front/package.json b/Front/package.json
index f2b03d6..6a4b9fc 100644
--- a/Front/package.json
+++ b/Front/package.json
@@ -10,9 +10,9 @@
     "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tsconfig/svelte": "^5.0.4",
-    "svelte": "^4.2.19",
+    "svelte": "^5.0.0",
     "svelte-check": "^4.0.5",
     "tslib": "^2.8.0",
     "typescript": "^5.6.3",
diff --git a/Front/src/lib/FormPostCli.svelte b/Front/src/lib/FormPostCli.svelte
index 33054f4..26805c6 100644
--- a/Front/src/lib/FormPostCli.svelte
+++ b/Front/src/lib/FormPostCli.svelte
@@ -1,18 +1,22 @@
 <script lang="ts">
     import { Form, FormGroup, Input, Button} from "@sveltestrap/sveltestrap";
 
-    export let url: string
+    interface Props {
+        url: string;
+    }
 
-    let showAlert: boolean = false;
-    let errorMessage: string
+    let { url }: Props = $props();
 
-    let dni: number
-    let email: string
-    let contraseña: string
-    let nombre: string 
-    let apellido: string
-    let domicilio: string 
-    let celular: string 
+    let showAlert: boolean = $state(false);
+    let errorMessage: string = $state()
+
+    let dni: number = $state()
+    let email: string = $state()
+    let contraseña: string = $state()
+    let nombre: string = $state() 
+    let apellido: string = $state()
+    let domicilio: string = $state() 
+    let celular: string = $state() 
 
     async function submitForm(event: any) {
         event.preventDefault();
diff --git a/Front/src/lib/NavBarLogin.svelte b/Front/src/lib/NavBarLogin.svelte
index e7d0c18..79e38e5 100644
--- a/Front/src/lib/NavBarLogin.svelte
+++ b/Front/src/lib/NavBarLogin.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Navbar, NavbarBrand, NavbarToggler, NavItem, Nav, NavLink, Collapse } from "@sveltestrap/sveltestrap";
-    let isOpen = false;
+    let isOpen = $state(false);
     function handleUpdate(event) {
       isOpen = event.detail.isOpen;
     }
diff --git a/Front/src/lib/RutaProtegida.svelte b/Front/src/lib/RutaProtegida.svelte
index 5c8e8ef..a4c252e 100644
--- a/Front/src/lib/RutaProtegida.svelte
+++ b/Front/src/lib/RutaProtegida.svelte
@@ -7,7 +7,7 @@
   let isVerified = writable(false);
 
  
-  export let component;
+  let { component } = $props();
 
   let redirect = window.location.pathname;
 
@@ -43,7 +43,8 @@
     </div>
 {:else}
     {#if $isAuthenticated}
-        <svelte:component this={component}/>
+        {@const SvelteComponent = component}
+        <SvelteComponent/>
     {:else}
         {navigate('/')}
     {/if}
diff --git a/Front/src/lib/login.svelte b/Front/src/lib/login.svelte
index fa8a526..f3202d6 100644
--- a/Front/src/lib/login.svelte
+++ b/Front/src/lib/login.svelte
@@ -2,9 +2,9 @@
   import { CardHeader, CardTitle, Button, Card, Input, Form, CardBody, FormGroup } from '@sveltestrap/sveltestrap';
   import { navigate } from 'svelte-routing';
   
-  let email = ""
-  let contraseña = ""
-  let errorMessage = ""
+  let email = $state("")
+  let contraseña = $state("")
+  let errorMessage = $state("")
   let showAlert = false; 
   
   // @ts-ignore
diff --git a/Front/src/main.ts b/Front/src/main.ts
index 2619336..00ff120 100644
--- a/Front/src/main.ts
+++ b/Front/src/main.ts
@@ -1,7 +1,8 @@
 //import './app.css'
 import App from './App.svelte'
+import { mount } from "svelte";
 
-const app = new App({
+const app = mount(App, {
   target: document.getElementById('app')!,
 })