diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
index e38c5e3..5b702d0 100644
--- a/src/app/components/footer/footer.component.html
+++ b/src/app/components/footer/footer.component.html
@@ -1,5 +1,5 @@
 <!-- FOOTER -->
-<footer class="footer">
+<footer class="footer mt-5">
     <div class="footer-content">
       <div class="footer-left">
         <i class="pi pi-building"></i>
@@ -16,4 +16,4 @@
         <div>Mesa Central: 2 2382 4000</div>
       </div>
     </div>
-  </footer>
\ No newline at end of file
+  </footer>
diff --git a/src/app/pages/resumen/resumen.component.html b/src/app/pages/resumen/resumen.component.html
index d38bb61..13f5d8d 100644
--- a/src/app/pages/resumen/resumen.component.html
+++ b/src/app/pages/resumen/resumen.component.html
@@ -1 +1,61 @@
-<p>resumen works!</p>
+<div class="p-3 text-white">
+  <div class="flex justify-content-center flex-wrap">
+    <div class="flex align-items-center justify-content-center  px-5 py-3 bg-blue-400 font-bold border-round my-1 mr-2">Resumen</div>
+    <div class="flex align-items-center justify-content-center  px-5 py-3 bg-blue-700 font-bold border-round my-1 mr-2">Revisión de actualizaciones de PD</div>
+    <div class="flex align-items-center justify-content-center  px-5 py-3 bg-blue-700 font-bold border-round my-1 mr-2">Revision de ajustes de PD</div>
+  </div>
+<!-- Tabla1 -->
+<div class="font-bold text-black-alpha-90 my-2">Cronogramas aprobados:</div>
+  <p-table class="mi-tabla-redondeada"
+    [value]="products"
+    showGridlines>
+        <ng-template #header>
+            <tr>
+                <th class="bg-green-400 text-white font-bold">Empresa</th>
+                <th class="bg-green-400 text-white font-bold">Código de cronograma</th>
+                <th class="bg-green-400 text-white font-bold">Nombre sistema</th>
+                <th class="bg-green-400 text-white font-bold">Tipo</th>
+            </tr>
+        </ng-template>
+        <ng-template #body let-product>
+            <tr>
+                <td>{{ product.empresa }}</td>
+                <td>{{ product.codigoCronograma }}</td>
+                <td>{{ product.codigoCronogramaAjuste }}</td>
+                <td>{{ product.tipoCarga }}</td>
+                <td style="background-color: #F8F9FA;border: none;">
+                  <button style="background: transparent; border: none; cursor: pointer;">
+                    <i class="pi pi-pen-to-square" style="font-size: 24px;"></i>
+                  </button>
+                </td>
+            </tr>
+        </ng-template>
+</p-table>
+
+<div class="font-bold text-black-alpha-90 my-2">Cronogramas aprobados:</div>
+  <p-table class="mi-tabla-redondeada"
+    [value]="products"
+    showGridlines>
+        <ng-template #header>
+            <tr>
+                <th class="surface-400 text-white font-bold">Empresa</th>
+                <th class="surface-400 text-white font-bold">Código de cronograma</th>
+                <th class="surface-400 text-white font-bold">Nombre sistema</th>
+                <th class="surface-400 text-white font-bold">Tipo</th>
+            </tr>
+        </ng-template>
+        <ng-template #body let-product>
+            <tr>
+                <td>{{ product.empresa }}</td>
+                <td>{{ product.codigoCronograma }}</td>
+                <td>{{ product.codigoCronogramaAjuste }}</td>
+                <td>{{ product.tipoCarga }}</td>
+                <td style="background-color: #F8F9FA;border: none;">
+                  <button style="background: transparent; border: none; cursor: pointer;">
+                    <i class="pi pi-arrow-circle-right" style="font-size: 24px;"></i>
+                  </button>
+                </td>
+            </tr>
+        </ng-template>
+</p-table>
+</div>
diff --git a/src/app/pages/resumen/resumen.component.ts b/src/app/pages/resumen/resumen.component.ts
index f1917ff..f617682 100644
--- a/src/app/pages/resumen/resumen.component.ts
+++ b/src/app/pages/resumen/resumen.component.ts
@@ -1,11 +1,40 @@
 import { Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { TableModule } from 'primeng/table';
+import { InputTextModule } from 'primeng/inputtext';
 
 @Component({
   selector: 'app-resumen',
-  imports: [],
+  imports: [FormsModule, TableModule, InputTextModule],
   templateUrl: './resumen.component.html',
   styleUrl: './resumen.component.scss'
 })
 export class ResumenComponent {
+  products: any[] = [
+    {
+      empresa: 'Empresa A',
+      codigoCronograma: '123',
+      codigoCronogramaAjuste: '456',
+      tipoCarga: 'Inicial',
+    },
+    {
+      empresa: 'Empresa A',
+      codigoCronograma: '123',
+      codigoCronogramaAjuste: '456',
+      tipoCarga: 'Inicial',
+    },
+    {
+      empresa: 'Empresa A',
+      codigoCronograma: '123',
+      codigoCronogramaAjuste: '456',
+      tipoCarga: 'Inicial',
+    },
+    {
+      empresa: 'Empresa A',
+      codigoCronograma: '123',
+      codigoCronogramaAjuste: '456',
+      tipoCarga: 'Inicial',
+    },
+  ];
 
 }