diff --git a/package.json b/package.json
index cdf5c46..53a1571 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,9 @@
 {
   "name": "cronogramas",
   "version": "0.1.0",
+  "engines": {
+    "node": ">=18.x"
+  },
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
diff --git a/src/app/components/visor-pdf/visor-pdf.component.html b/src/app/components/visor-pdf/visor-pdf.component.html
index c7508be..585d287 100644
--- a/src/app/components/visor-pdf/visor-pdf.component.html
+++ b/src/app/components/visor-pdf/visor-pdf.component.html
@@ -1,6 +1,6 @@
 <div class="pdf-container">
   <div class="pdf-viewer">
-    <iframe [src]="pdfSrc | safe" width="100%" height="100%"></iframe>
+    <iframe [src]="pdfSrc | safe" width="100%"  title="visorPdf" height="100%"></iframe>
   </div>
   <div class="toolbar">
     <button pButton type="button" class="p-button p-button-danger" (click)="descargarPDF()">
diff --git a/src/app/pages/actualizacion-pd/actualizacion-pd.component.html b/src/app/pages/actualizacion-pd/actualizacion-pd.component.html
index 6e43703..5174324 100644
--- a/src/app/pages/actualizacion-pd/actualizacion-pd.component.html
+++ b/src/app/pages/actualizacion-pd/actualizacion-pd.component.html
@@ -56,21 +56,21 @@
   >
     <ng-template pTemplate="header">
       <tr>
-        <th class="tablaAzul font-bold text-white">Empresa</th>
-        <th class="tablaAzul font-bold text-white">C&oacute;digo de cronograma</th>
-        <th class="tablaAzul font-bold text-white">Etapa del Servicio</th>
-        <th class="tablaAzul font-bold text-white">Nombre sistema</th>
-        <th class="tablaAzul font-bold text-white">Tipo de inversi&oacute;n</th>
-        <th class="tablaAzul font-bold text-white">C&oacute;digo de glosa PD</th>
-        <th class="tablaAzul font-bold text-white">Descripci&oacute;n glosa</th>
-        <th class="tablaAzul font-bold text-white">Monto Inversi&oacute;n Total (UF)</th>
-        <th class="tablaAzul font-bold text-white">A&ntilde;o de Inicio</th>
-        <th class="tablaAzul font-bold text-white">A&ntilde;o de T&eacute;rmino</th>
-        <th class="tablaAzul font-bold text-white">Mes de T&eacute;rmino</th>
-        <th class="tablaAzul font-bold text-white">Nota</th>
-        <th class="bg-green-400 font-bold text-white">Estado aprobaci&oacute;n</th>
-        <th class="bg-green-400 font-bold text-white">Observaci&oacute;n</th>
-      </tr>
+        <th id="col-empresa" class="tablaAzul font-bold text-white">Empresa</th>
+        <th id="col-codigo-cronograma" class="tablaAzul font-bold text-white">C&oacute;digo de cronograma</th>
+        <th id="col-etapa-servicio" class="tablaAzul font-bold text-white">Etapa del Servicio</th>
+        <th id="col-nombre-sistema" class="tablaAzul font-bold text-white">Nombre sistema</th>
+        <th id="col-tipo-inversion" class="tablaAzul font-bold text-white">Tipo de inversi&oacute;n</th>
+        <th id="col-codigo-glosa" class="tablaAzul font-bold text-white">C&oacute;digo de glosa PD</th>
+        <th id="col-descripcion-glosa" class="tablaAzul font-bold text-white">Descripci&oacute;n glosa</th>
+        <th id="col-monto-inversion" class="tablaAzul font-bold text-white">Monto Inversi&oacute;n Total (UF)</th>
+        <th id="col-anio-inicio" class="tablaAzul font-bold text-white">A&ntilde;o de Inicio</th>
+        <th id="col-anio-termino" class="tablaAzul font-bold text-white">A&ntilde;o de T&eacute;rmino</th>
+        <th id="col-mes-termino" class="tablaAzul font-bold text-white">Mes de T&eacute;rmino</th>
+        <th id="col-nota" class="tablaAzul font-bold text-white">Nota</th>
+        <th id="col-estado-aprobacion" class="bg-green-400 font-bold text-white">Estado aprobaci&oacute;n</th>
+        <th id="col-observacion" class="bg-green-400 font-bold text-white">Observaci&oacute;n</th>
+       </tr>
     </ng-template>
     <ng-template pTemplate="body" let-product>
       <tr>
diff --git a/src/app/pages/ajuste-pd/ajuste-pd.component.html b/src/app/pages/ajuste-pd/ajuste-pd.component.html
index 972c71a..7a17cd8 100644
--- a/src/app/pages/ajuste-pd/ajuste-pd.component.html
+++ b/src/app/pages/ajuste-pd/ajuste-pd.component.html
@@ -59,30 +59,30 @@
   >
     <ng-template #header>
       <tr>
-        <th colspan="9" style="background-color: #f8f9fa; border: none"></th>
-        <th colspan="3" class="tablaAzul text-white font-bold text-center">Cronograma base vigente</th>
-        <th colspan="4" class="bg-blue-700 text-white font-bold text-center">Cronograma base ajustado</th>
+        <th id="header-empty" colspan="9" style="background-color: #f8f9fa; border: none"></th>
+        <th id="header-crono-vigente" colspan="3" class="tablaAzul text-white font-bold text-center">Cronograma base vigente</th>
+        <th id="header-crono-ajustado" colspan="4" class="bg-blue-700 text-white font-bold text-center">Cronograma base ajustado</th>
       </tr>
       <tr>
-        <th class="tablaAzul text-white font-bold">Empresa</th>
-        <th class="tablaAzul text-white font-bold">C&oacute;digo de cronograma</th>
-        <th class="tablaAzul text-white font-bold">Etapa del Servicio</th>
-        <th class="tablaAzul text-white font-bold">Nombre sistema</th>
-        <th class="tablaAzul text-white font-bold">Nombre localidad</th>
-        <th class="tablaAzul text-white font-bold">Tipo de inversi&oacute;n</th>
-        <th class="tablaAzul text-white font-bold">C&oacute;digo de glosa PD</th>
-        <th class="tablaAzul text-white font-bold">Descripci&oacute;n glosa</th>
-        <th class="tablaAzul text-white font-bold">Monto Inversi&oacute;n Total (UF)</th>
-        <th class="tablaAzul text-white font-bold">A&ntilde;o de Inicio</th>
-        <th class="tablaAzul text-white font-bold">A&ntilde;o de T&eacute;rmino</th>
-        <th class="tablaAzul text-white font-bold">Mes de T&eacute;rmino</th>
-        <th class="bg-blue-700 text-white font-bold">Tipo de ajuste</th>
-        <th class="bg-blue-700 text-white font-bold">A&ntilde;o de Inicio</th>
-        <th class="bg-blue-700 text-white font-bold">A&ntilde;o de T&eacute;rmino</th>
-        <th class="bg-blue-700 text-white font-bold">Mes de T&eacute;rmino</th>
-        <th class="tablaAzul text-white font-bold">Nota</th>
-        <th class="bg-green-400 text-white font-bold">Estado aprobaci&oacute;n</th>
-        <th class="bg-green-400 text-white font-bold">Observaci&oacute;n</th>
+        <th id="col-empresa" class="tablaAzul text-white font-bold">Empresa</th>
+        <th id="col-codigo-cronograma" class="tablaAzul text-white font-bold">C&oacute;digo de cronograma</th>
+        <th id="col-etapa-servicio" class="tablaAzul text-white font-bold">Etapa del Servicio</th>
+        <th id="col-nombre-sistema" class="tablaAzul text-white font-bold">Nombre sistema</th>
+        <th id="col-nombre-localidad" class="tablaAzul text-white font-bold">Nombre localidad</th>
+        <th id="col-tipo-inversion" class="tablaAzul text-white font-bold">Tipo de inversi&oacute;n</th>
+        <th id="col-codigo-glosa" class="tablaAzul text-white font-bold">C&oacute;digo de glosa PD</th>
+        <th id="col-descripcion-glosa" class="tablaAzul text-white font-bold">Descripci&oacute;n glosa</th>
+        <th id="col-monto-inversion" class="tablaAzul text-white font-bold">Monto Inversi&oacute;n Total (UF)</th>
+        <th id="col-anio-inicio" class="tablaAzul text-white font-bold">A&ntilde;o de Inicio</th>
+        <th id="col-anio-termino" class="tablaAzul text-white font-bold">A&ntilde;o de T&eacute;rmino</th>
+        <th id="col-mes-termino" class="tablaAzul text-white font-bold">Mes de T&eacute;rmino</th>
+        <th id="col-tipo-ajuste" class="bg-blue-700 text-white font-bold">Tipo de ajuste</th>
+        <th id="col-anio-inicio-ajustado" class="bg-blue-700 text-white font-bold">A&ntilde;o de Inicio</th>
+        <th id="col-anio-termino-ajustado" class="bg-blue-700 text-white font-bold">A&ntilde;o de T&eacute;rmino</th>
+        <th id="col-mes-termino-ajustado" class="bg-blue-700 text-white font-bold">Mes de T&eacute;rmino</th>
+        <th id="col-nota" class="tablaAzul text-white font-bold">Nota</th>
+        <th id="col-estado-aprobacion" class="bg-green-400 text-white font-bold">Estado aprobaci&oacute;n</th>
+        <th id="col-observacion" class="bg-green-400 text-white font-bold">Observaci&oacute;n</th>
       </tr>
     </ng-template>
     <ng-template #body let-product>
@@ -136,5 +136,4 @@
       </tr>
     </ng-template>
   </p-table>
-  <!-- Se eliminó el botón que estaba aquí abajo -->
-</div>
+</div>
\ No newline at end of file
diff --git a/src/app/pages/concesiones/concesiones.component.html b/src/app/pages/concesiones/concesiones.component.html
index c29e47c..e3f668a 100644
--- a/src/app/pages/concesiones/concesiones.component.html
+++ b/src/app/pages/concesiones/concesiones.component.html
@@ -10,16 +10,16 @@
     currentPageReportTemplate="Mostrando del {first} al {last} de un total de {totalRecords} registros"
     [rowsPerPageOptions]="[5, 10, 20]">
         <ng-template #header>
-            <tr>
-                <th class="tablaAzul font-bold">Empresa</th>
-                <th class="tablaAzul font-bold">C&oacute;digo de cronograma</th>
-                <th class="tablaAzul font-bold">C&oacute;digo cronograma de ajuste</th>
-                <th class="tablaAzul font-bold">Tipo de carga</th>
-                <th class="bg-green-400 font-bold text-white font-bold">Estado de revisi&oacute;n</th>
-                <th class="bg-green-400 font-bold text-white font-bold">Analista</th>
-                <th class="bg-green-400 font-bold text-white font-bold">Fecha ingreso</th>
-                <th class="bg-green-400 font-bold text-white font-bold">Sem&aacute;foro</th>
-            </tr>
+          <tr>
+            <th id="col-empresa-sem" class="tablaAzul font-bold">Empresa</th>
+            <th id="col-codigo-cronograma-sem" class="tablaAzul font-bold">C&oacute;digo de cronograma</th>
+            <th id="col-codigo-cronograma-ajuste" class="tablaAzul font-bold">C&oacute;digo cronograma de ajuste</th>
+            <th id="col-tipo-carga" class="tablaAzul font-bold">Tipo de carga</th>
+            <th id="col-estado-revision" class="bg-green-400 font-bold text-white font-bold">Estado de revisi&oacute;n</th>
+            <th id="col-analista" class="bg-green-400 font-bold text-white font-bold">Analista</th>
+            <th id="col-fecha-ingreso" class="bg-green-400 font-bold text-white font-bold">Fecha ingreso</th>
+            <th id="col-semaforo" class="bg-green-400 font-bold text-white font-bold">Sem&aacute;foro</th>
+           </tr>
         </ng-template>
         <ng-template #body let-product>
             <tr>
@@ -107,26 +107,15 @@
     currentPageReportTemplate="Mostrando del {first} al {last} de un total de {totalRecords} registros"
     [rowsPerPageOptions]="[5, 10, 20]">
         <ng-template #header>
-            <tr>
-                <th pSortableColumn="empresa" class="tablaAzul font-bold">
-                  Empresa <p-sortIcon field="empresa" />
-                </th>
-                <th pSortableColumn="codigoCronograma" class="tablaAzul font-bold">
-                  C&oacute;digo de cronograma SINAR <p-sortIcon field="codigoCronograma" />
-                </th>
-                <th pSortableColumn="codigoCronogramaAjuste" class="tablaAzul font-bold">
-                  Contiene obras del a&ntilde;o <p-sortIcon field="codigoCronogramaAjuste" />
-                </th>
-                <th pSortableColumn="tipoCarga" class="tablaAzul font-bold">
-                  N° Oficio que aprueba <p-sortIcon field="tipoCarga" />
-                </th>
-                <th pSortableColumn="estadoRevision" class="tablaAzul font-bold">
-                  Tipo de carga <p-sortIcon field="estadoRevision" />
-                </th>
-                <th pSortableColumn="fechaIngreso" class="tablaAzul font-bold">
-                  Fecha de solicitud <p-sortIcon field="fechaIngreso" />
-                </th>
-            </tr>
+          <tr>
+            <th id="col-empresa-sort" pSortableColumn="empresa" class="tablaAzul font-bold">Empresa <p-sortIcon field="empresa" /></th>
+            <th id="col-codigo-cronograma-sinar" pSortableColumn="codigoCronograma" class="tablaAzul font-bold">C&oacute;digo de cronograma SINAR <p-sortIcon field="codigoCronograma" /></th>
+            <th id="col-contiene-obras-anio" pSortableColumn="codigoCronogramaAjuste" class="tablaAzul font-bold">Contiene obras del a&ntilde;o <p-sortIcon field="codigoCronogramaAjuste" /></th>
+            <th id="col-oficio-aprueba" pSortableColumn="tipoCarga" class="tablaAzul font-bold">N° Oficio que aprueba <p-sortIcon field="tipoCarga" /></th>
+            <th id="col-tipo-carga-sort" pSortableColumn="estadoRevision" class="tablaAzul font-bold">Tipo de carga <p-sortIcon field="estadoRevision" /></th>
+            <th id="col-fecha-solicitud" pSortableColumn="fechaIngreso" class="tablaAzul font-bold">Fecha de solicitud <p-sortIcon field="fechaIngreso" />
+            </th>
+           </tr>
         </ng-template>
         <ng-template #body let-product>
             <tr>
diff --git a/src/app/pages/resumen/resumen.component.html b/src/app/pages/resumen/resumen.component.html
index cb5681c..1f2e236 100644
--- a/src/app/pages/resumen/resumen.component.html
+++ b/src/app/pages/resumen/resumen.component.html
@@ -14,13 +14,11 @@
   >
     <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&oacute;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>
+        <th id="col-empresa-verde" class="bg-green-400 text-white font-bold">Empresa</th>
+        <th id="col-codigo-cronograma-verde" class="bg-green-400 text-white font-bold">C&oacute;digo de cronograma</th>
+        <th id="col-nombre-sistema-verde" class="bg-green-400 text-white font-bold">Nombre sistema</th>
+        <th id="col-tipo-verde" class="bg-green-400 text-white font-bold">Tipo</th>
+       </tr>
     </ng-template>
     <ng-template #body let-product>
       <tr>
@@ -57,12 +55,10 @@
   >
     <ng-template #header>
       <tr>
-        <th class="tablaPloma text-white font-bold">Empresa</th>
-        <th class="tablaPloma text-white font-bold">
-          C&oacute;digo de cronograma
-        </th>
-        <th class="tablaPloma text-white font-bold">Nombre sistema</th>
-        <th class="tablaPloma text-white font-bold">Tipo</th>
+        <th id="col-empresa-ploma" class="tablaPloma text-white font-bold">Empresa</th>
+        <th id="col-codigo-cronograma-ploma" class="tablaPloma text-white font-bold">C&oacute;digo de cronograma</th>
+        <th id="col-nombre-sistema-ploma" class="tablaPloma text-white font-bold">Nombre sistema</th>
+        <th id="col-tipo-ploma" class="tablaPloma text-white font-bold">Tipo</th>
       </tr>
     </ng-template>
     <ng-template #body let-product>
diff --git a/src/app/pages/unidad-informacion/unidad-informacion.component.html b/src/app/pages/unidad-informacion/unidad-informacion.component.html
index 2f7c847..2e3c261 100644
--- a/src/app/pages/unidad-informacion/unidad-informacion.component.html
+++ b/src/app/pages/unidad-informacion/unidad-informacion.component.html
@@ -11,12 +11,12 @@
     [rowsPerPageOptions]="[5, 10, 20]">
         <ng-template #header>
             <tr>
-                <th class="tablaAzul text-white font-bold">Empresa</th>
-                <th class="tablaAzul text-white font-bold">C&oacute;digo de cronograma SINAR</th>
-                <th class="tablaAzul text-white font-bold">Contiene obras del a&ntilde;o</th>
-                <th class="tablaAzul text-white font-bold">N° Oficio que aprueba</th>
-                <th class="tablaAzul text-white font-bold">Tipo de carga</th>
-                <th class="tablaAzul text-white font-bold">Fecha de solicitud</th>
+                <th id="col-empresa-sinar" class="tablaAzul text-white font-bold">Empresa</th>
+                <th id="col-codigo-cronograma-sinar-2" class="tablaAzul text-white font-bold">C&oacute;digo de cronograma SINAR</th>
+                <th id="col-obras-anio" class="tablaAzul text-white font-bold">Contiene obras del a&ntilde;o</th>
+                <th id="col-num-oficio" class="tablaAzul text-white font-bold">N° Oficio que aprueba</th>
+                <th id="col-tipo-carga-sinar" class="tablaAzul text-white font-bold">Tipo de carga</th>
+                <th id="col-fecha-solicitud-sinar" class="tablaAzul text-white font-bold">Fecha de solicitud</th>
             </tr>
         </ng-template>
         <ng-template #body let-product>
@@ -42,11 +42,11 @@
     [rowsPerPageOptions]="[5, 10, 20]">
         <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&oacute;digo 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>
-                <th class="bg-green-400 text-white font-bold">Fecha aprobaci&oacute;n</th>
+                <th id="col-empresa-verde-aprobacion" class="bg-green-400 text-white font-bold">Empresa</th>
+                <th id="col-codigo-cronograma-verde-aprobacion" class="bg-green-400 text-white font-bold">C&oacute;digo cronograma</th>
+                <th id="col-nombre-sistema-verde-aprobacion" class="bg-green-400 text-white font-bold">Nombre sistema</th>
+                <th id="col-tipo-verde-aprobacion" class="bg-green-400 text-white font-bold">Tipo</th>
+                <th id="col-fecha-aprobacion" class="bg-green-400 text-white font-bold">Fecha aprobaci&oacute;n</th>
             </tr>
         </ng-template>
         <ng-template #body let-product>
@@ -71,12 +71,12 @@
     [rowsPerPageOptions]="[5, 10, 20]">
         <ng-template #header>
             <tr>
-                <th class="tablaPloma text-white font-bold">Empresa</th>
-                <th class="tablaPloma text-white font-bold">C&oacute;digo de cronograma</th>
-                <th class="tablaPloma text-white font-bold">Nombre sistema</th>
-                <th class="tablaPloma text-white font-bold">Tipo</th>
-                <th class="tablaPloma text-white font-bold">Fecha rechazo</th>
-            </tr>
+                <th id="col-empresa-ploma-rechazo" class="tablaPloma text-white font-bold">Empresa</th>
+                <th id="col-codigo-cronograma-ploma-rechazo" class="tablaPloma text-white font-bold">C&oacute;digo de cronograma</th>
+                <th id="col-nombre-sistema-ploma-rechazo" class="tablaPloma text-white font-bold">Nombre sistema</th>
+                <th id="col-tipo-ploma-rechazo" class="tablaPloma text-white font-bold">Tipo</th>
+                <th id="col-fecha-rechazo" class="tablaPloma text-white font-bold">Fecha rechazo</th>
+                </tr>
         </ng-template>
         <ng-template #body let-product>
             <tr>