diff --git a/src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.html b/src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.html
index b81c780..f969ac4 100644
--- a/src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.html
+++ b/src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.html
@@ -50,6 +50,15 @@
             <app-button variant="danger" (click)="triggerToast('danger')">Trigger Danger</app-button>
           </div>
         </div>
+
+        <div class="button-group">
+          <h2>Toasts Persistentes (No se van)</h2>
+          <div class="button-grid">
+            <app-button (click)="triggerPersistentToast('info')">Info Persistente</app-button>
+            <app-button variant="secondary" (click)="triggerPersistentToast('success')">Success Persistente</app-button>
+            <app-button variant="danger" (click)="triggerPersistentToast('danger')">Danger Persistente</app-button>
+          </div>
+        </div>
       </div>
 
       <hr class="section-divider" />
diff --git a/src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.ts b/src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.ts
index 018e8fe..42c5e3a 100644
--- a/src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.ts
+++ b/src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.ts
@@ -82,4 +82,14 @@ export class ReutilizablesTestPageComponent {
       this.toastService.info('Información del sistema: Hay una nueva actualización disponible.');
     }
   }
+
+  protected triggerPersistentToast(type: 'success' | 'danger' | 'info'): void {
+    if (type === 'success') {
+      this.toastService.success('¡Éxito persistente! Esta alerta no se cerrará sola.', 0);
+    } else if (type === 'danger') {
+      this.toastService.danger('¡Error persistente! Por favor, atienda este problema y ciérrelo manualmente.', 0);
+    } else if (type === 'info') {
+      this.toastService.info('Información persistente: Mantendremos este aviso en pantalla.', 0);
+    }
+  }
 }
diff --git a/src/app/shared/components/toast-container/toast-container.component.html b/src/app/shared/components/toast-container/toast-container.component.html
index 51b3fa9..d33d6c2 100644
--- a/src/app/shared/components/toast-container/toast-container.component.html
+++ b/src/app/shared/components/toast-container/toast-container.component.html
@@ -1,4 +1,4 @@
-<div class="toast-container position-fixed top-0 end-0 p-3">
+<div class="toast-container position-fixed bottom-0 start-50 translate-middle-x p-3">
   @for (toast of toasts(); track toast.id) {
     <div
       class="toast show align-items-center border-0 shadow-sm"
diff --git a/src/app/shared/components/toast-container/toast-container.component.scss b/src/app/shared/components/toast-container/toast-container.component.scss
index 9a6c83f..12eb3f5 100644
--- a/src/app/shared/components/toast-container/toast-container.component.scss
+++ b/src/app/shared/components/toast-container/toast-container.component.scss
@@ -4,25 +4,43 @@
   flex-direction: column;
   gap: 0.5rem;
   pointer-events: none;
+  width: 90vw;
+  max-width: 800px;
 
   .toast {
     pointer-events: auto;
-    min-width: 300px;
-    max-width: 450px;
+    width: 100% !important;
+    max-width: 100% !important;
     border-radius: 8px;
     animation: toast-slide-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15), 0 4px 6px -4px rgba(0, 0, 0, 0.15) !important;
     transition: all 0.2s ease-in-out;
+
+    &.text-bg-success {
+      background-color: var(--tenant-success) !important;
+      color: #ffffff !important;
+    }
+
+    &.text-bg-danger {
+      background-color: var(--tenant-danger) !important;
+      color: #ffffff !important;
+    }
+
+    &.text-bg-primary {
+      background-color: var(--tenant-primary) !important;
+      color: #ffffff !important;
+    }
   }
 }
 
 @keyframes toast-slide-in {
   from {
     opacity: 0;
-    transform: translateY(-20px) scale(0.95);
+    transform: translateY(20px) scale(0.95);
   }
+
   to {
     opacity: 1;
     transform: translateY(0) scale(1);
   }
-}
+}
\ No newline at end of file