feat(modal): add simple modal component with open and close functionality

src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.html

@@ -91,6 +91,9 @@
             <app-button variant="danger-secondary" (click)="openWideModal()">
               Abrir modal ancho
             </app-button>
+            <app-button (click)="openSimpleModal()">
+              Abrir simple modal
+            </app-button>
           </div>
           <div class="modal-showcase__result" data-testid="modal-last-result">
             {{ lastModalResult }}

src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.ts

@@ -226,6 +226,16 @@ export class ReutilizablesTestPageComponent {
     });
   }
 
+  protected openSimpleModal(): void {
+    this.modalService.openSimple({
+      title: 'Mensaje del sistema',
+      content: 'Este es un mensaje simple del sistema que no requiere confirmación.',
+      buttonLabel: 'Entendido'
+    }).subscribe(() => {
+      this.lastModalResult = 'Simple modal cerrado';
+    });
+  }
+
   private openConfirmModal(config: Parameters<ModalService['openConfirm']>[0]): void {
     this.modalService.openConfirm(config).subscribe((confirmed) => {
       this.lastModalResult = `Resultado: ${confirmed}`;