utn-cli 2.1.16 → 2.1.18

package/templates/backend/servicios/Nucleo/MiscelaneasMixins/Reportes.js

@@ -0,0 +1,370 @@
+const { ejecutarConsulta, ejecutarConsultaSIGU } = require('../db.js');
+
+module.exports = {
+
+  async generarFirmaHTML(Identificador, FechaDeLaFirma) {
+    const ReporteHTML = require('./ReporteHTML.js');
+    return await ReporteHTML.generarFirmaHTML(Identificador, FechaDeLaFirma);
+  },
+
+  GenerarReporteHTMLRegistrosVerticales(ElementosParaLaTabla, ParametrosExcluidos = [], ParametrosExtra = [], MostrarEncabezado = true) {
+    const ReporteHTML = require('./ReporteHTML.js');
+    return ReporteHTML.GenerarReporteHTMLRegistrosVerticales(ElementosParaLaTabla, ParametrosExcluidos, ParametrosExtra, MostrarEncabezado);
+  },
+
+  GenerarReporteHTMLEncabezado(InformacionDeLaDerecha, titulares, marcaDeAgua = '') {
+    const ReporteHTML = require('./ReporteHTML.js');
+    return ReporteHTML.GenerarReporteHTMLEncabezado(InformacionDeLaDerecha, titulares, marcaDeAgua);
+  },
+
+  GenerarReporteHTMLFecha() {
+    const ReporteHTML = require('./ReporteHTML.js');
+    return ReporteHTML.GenerarReporteHTMLFecha();
+  },
+
+  GenerarReporteHTMLTablas(ElementosParaLaTabla, ParametrosExcluidos = [], ParametrosExtra = []) {
+    const ReporteHTML = require('./ReporteHTML.js');
+    return ReporteHTML.GenerarReporteHTMLTablas(ElementosParaLaTabla, ParametrosExcluidos, ParametrosExtra);
+  },
+
+  GenerarReporteHTMLPie() {
+    const ReporteHTML = require('./ReporteHTML.js');
+    return ReporteHTML.GenerarReporteHTMLPie();
+  },
+
+  JSONAHTML(input, title = 'Reporte') {
+    let obj = input;
+    if (typeof input === 'string') {
+      try { obj = JSON.parse(input); }
+      catch (e) { /* no es JSON, lo tratamos como texto primitivo */ }
+    }
+
+    const escapeHtml = (s) =>
+      String(s)
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+
+    const isPrimitive = v => v === null || v === undefined || typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean';
+
+    const seen = new WeakSet();
+
+    function renderValue(v) {
+      if (v === null || v === undefined || v === '') return '—';
+      if (isPrimitive(v)) return escapeHtml(String(v));
+      if (Array.isArray(v)) return renderArray(v);
+      return renderObject(v);
+    }
+
+    function renderObject(o) {
+      if (seen.has(o)) return '<em>(referencia circular)</em>';
+      seen.add(o);
+      const keys = Object.keys(o);
+      if (keys.length === 0) {
+        seen.delete(o);
+        return '—';
+      }
+      let rows = '';
+      for (const k of keys) {
+        rows += `
+        <tr>
+          <th>${escapeHtml(k)}</th>
+          <td>${renderValue(o[k])}</td>
+        </tr>
+      `;
+      }
+      seen.delete(o);
+      return `<table border='1'><tbody>${rows}</tbody></table>`;
+    }
+
+    function renderArray(arr) {
+      if (arr.length === 0) return '—';
+      if (arr.every(isPrimitive)) {
+        return `<div>${arr.map(x => `<span>${escapeHtml(String(x))}</span>`).join(' ')}</div>`;
+      }
+      if (arr.every(it => typeof it === 'object' && it !== null && !Array.isArray(it))) {
+        const columns = Array.from(new Set(arr.flatMap(item => Object.keys(item))));
+        const header = columns.map(c => `<th>${escapeHtml(c)}</th>`).join('');
+        const body = arr.map(item => {
+          const cells = columns.map(c => `<td>${item.hasOwnProperty(c) ? renderValue(item[c]) : ''}</td>`).join('');
+          return `<tr>${cells}</tr>`;
+        }).join('');
+        return `<table border='1'><thead><tr>${header}</tr></thead><tbody>${body}</tbody></table>`;
+      }
+      return `<div>${arr.map(it => `<div>${renderValue(it)}</div>`).join('')}</div>`;
+    }
+
+    let content = '';
+    if (typeof obj === 'object' && obj !== null && !Array.isArray(obj)) {
+      const topKeys = Object.keys(obj);
+      for (const k of topKeys) {
+        content += `
+        <section>
+          <h2>${escapeHtml(k)}</h2>
+          <div>${renderValue(obj[k])}</div>
+        </section>
+      `;
+      }
+    } else {
+      content = `<section><div>${renderValue(obj)}</div></section>`;
+    }
+
+    return `<h1>${escapeHtml(title)}</h1>${content}`;
+  },
+
+  convertirACSV(ArregloDeJSON) {
+    if (!ArregloDeJSON || ArregloDeJSON.length === 0) return '';
+    const intentarParsearJSON = (valor) => {
+      if (typeof valor === 'object' && valor !== null && !Array.isArray(valor)) return valor;
+      if (typeof valor === 'string' && valor.trim().startsWith('{')) {
+        try {
+          const objeto = JSON.parse(valor);
+          if (typeof objeto === 'object' && objeto !== null && !Array.isArray(objeto)) return objeto;
+        } catch (e) { }
+      }
+      return null;
+    };
+    const columnasOriginales = Object.keys(ArregloDeJSON[0]);
+    const mapaColumnasJSON = {};
+    columnasOriginales.forEach(col => {
+      const todasLasLlaves = new Set();
+      let esJSON = false;
+      ArregloDeJSON.forEach(fila => {
+        const obj = intentarParsearJSON(fila[col]);
+        if (obj) {
+          esJSON = true;
+          Object.keys(obj).forEach(k => todasLasLlaves.add(k));
+        }
+      });
+      if (esJSON) mapaColumnasJSON[col] = Array.from(todasLasLlaves);
+    });
+
+    const encabezadosFinales = [];
+    columnasOriginales.forEach(col => {
+      if (mapaColumnasJSON[col]) {
+        mapaColumnasJSON[col].forEach(llave => encabezadosFinales.push(`${col}_${llave}`));
+      } else {
+        encabezadosFinales.push(col);
+      }
+    });
+
+    const filasCSV = ArregloDeJSON.map(fila => {
+      const valoresFila = [];
+      columnasOriginales.forEach(col => {
+        if (mapaColumnasJSON[col]) {
+          const obj = intentarParsearJSON(fila[col]) || {};
+          mapaColumnasJSON[col].forEach(llave => {
+            let valor = obj[llave];
+            if (valor === undefined || valor === null || valor === 'null') valor = '';
+            valoresFila.push(JSON.stringify(String(valor)).replace(/,/g, ' '));
+          });
+        } else {
+          let valor = fila[col];
+          if (valor === null || valor === 'null') valor = '';
+          valoresFila.push(JSON.stringify(String(valor)).replace(/,/g, ' '));
+        }
+      });
+      return valoresFila.join(',');
+    });
+    return [encabezadosFinales.join(','), ...filasCSV].join('\n');
+  },
+
+  convertirACSVConDetalle(ArregloDeJSON, ColumnaConDetalle) {
+    if (!ArregloDeJSON || ArregloDeJSON.length === 0) return '';
+    const ejemploConDetalle = ArregloDeJSON.find(e => Array.isArray(e[ColumnaConDetalle]) && e[ColumnaConDetalle].length > 0);
+    const camposDetalle = ejemploConDetalle ? Object.keys(ejemploConDetalle[ColumnaConDetalle][0]) : [];
+    const columnasBase = Object.keys(ArregloDeJSON[0]).filter(key => key !== ColumnaConDetalle);
+    const encabezados = [...columnasBase, ...camposDetalle];
+    const filas = ArregloDeJSON.flatMap(fila => {
+      const detalles = Array.isArray(fila[ColumnaConDetalle]) ? fila[ColumnaConDetalle] : [];
+      if (detalles.length === 0) {
+        return [
+          encabezados.map(col => {
+            const valor = fila[col];
+            return formatearValor(valor);
+          }).join(',')
+        ];
+      }
+      return detalles.map(detalle => {
+        return encabezados.map(col => {
+          if (camposDetalle.includes(col)) {
+            return formatearValor(detalle[col]);
+          } else {
+            return formatearValor(fila[col]);
+          }
+        }).join(',');
+      });
+    });
+    return [encabezados.join(','), ...filas].join('\n');
+    function formatearValor(valor) {
+      if (valor === null || valor === 'null' || typeof valor === 'undefined') {
+        return '""';
+      }
+      return `"${String(valor).replace(/"/g, '""')}"`;
+    }
+  },
+
+  jsonATabla(Datos) {
+    if (!Array.isArray(Datos) || Datos.length === 0) {
+      return 'El arreglo está vacío o no es válido.';
+    }
+    const columnas = Object.keys(Datos[0]);
+    const anchos = columnas.map(columna => {
+      return Math.max(
+        columna.length,
+        ...Datos.map(row => (row[columna] ? row[columna].toString().length : 0))
+      );
+    });
+    const formatearFila = (fila) => '| ' + fila.map((valor, index) => (valor || '').toString().padEnd(anchos[index])).join(' | ') + ' |';
+    const separador = '+-' + anchos.map(ancho => '-'.repeat(ancho)).join('-+-') + '-+';
+    const encabezado = formatearFila(columnas);
+    const filas = Datos.map(row => formatearFila(columnas.map(col => row[col] || '')));
+    return [separador, encabezado, separador, ...filas, separador].join('\n');
+  },
+
+  async DatosParaReporteCSV() {
+    return this.convertirACSV(await this.DatosParaGraficoDeBarras());
+  },
+
+  async DatosParaGraficoDeBarras() {
+    return await ejecutarConsultaSIGU("SELECT MONTHNAME(`FechaNacimiento`) AS `EjeHorizontal`, `Sexo` AS `Etiqueta`, COUNT(*) AS `Total` FROM `SIGU`.`SIGU_Personas` WHERE MONTH(`FechaNacimiento`) > 0 AND `Sexo` <> '' GROUP BY MONTHNAME(`FechaNacimiento`), `Sexo` ORDER BY MONTH(`FechaNacimiento`)");
+  },
+
+  async DatosParaGraficoDePie() {
+    return await ejecutarConsultaSIGU("SELECT `Tipo` AS `Etiqueta`, COUNT(*) AS `Total` FROM `SIGU`.`SIGU_ModulosV2` GROUP BY `Tipo`");
+  },
+
+  async generarObjetoInfoDeUnReportePDF() {
+    const UUID = await ejecutarConsulta("SELECT UUID() AS `Dato`");
+    const PalabrasClave = {
+      "Módulo": this.NombreCanonicoDelModulo,
+      "UUID": UUID[0]['Dato']
+    };
+    return {
+      Title: 'Nombre del reporte, como por ejemplo: Boleta de Vacaciones',
+      Author: 'Universidad Técnica Nacional',
+      Subject: 'Reporte PDF',
+      Keywords: JSON.stringify(PalabrasClave),
+      Creator: 'SIGU',
+      Producer: 'SIGU'
+    };
+  },
+
+  agregarMarcaDeAgua(doc, texto = 'Borrador', opciones = {}) {
+    const {
+      color = '#CCCCCC',
+      opacity = 0.3,
+    } = opciones;
+
+    const { width, height } = doc.page;
+
+    doc.save();
+    doc
+      .font('Times-Roman', 220)
+      .fillColor(color)
+      .opacity(opacity)
+      .rotate(-55, { origin: [width / 2, height / 2] })
+      .text(
+        texto,
+        -width * 0.2,
+        height * 0.4,
+        {
+          align: 'center',
+          valign: 'center',
+          width: width * 1.5,
+        }
+      );
+    doc.restore();
+  },
+
+  agregarTablaElegante(doc, datos, opciones = {}) {
+    const { x = 50, y = 50, columnWidth = 100, rowHeight = 20, headerHeight = 25, fontSize = 10 } = opciones;
+
+    doc.fontSize(fontSize);
+
+    const encabezados = Object.keys(datos[0]);
+
+    encabezados.forEach((encabezado, i) => {
+      const posX = x + i * columnWidth;
+      doc
+        .rect(posX, y, columnWidth, headerHeight)
+        .fillAndStroke('#d3d3d3', '#000')
+        .fillColor('#000')
+        .text(encabezado, posX + 5, y + 5, { width: columnWidth - 10, align: 'left' });
+    });
+
+    datos.forEach((fila, filaIndex) => {
+      const filaY = y + headerHeight + filaIndex * rowHeight;
+      encabezados.forEach((columna, colIndex) => {
+        const posX = x + colIndex * columnWidth;
+        const texto = fila[columna] !== undefined ? fila[columna].toString() : '';
+        doc
+          .rect(posX, filaY, columnWidth, rowHeight)
+          .stroke()
+          .fillColor('#000')
+          .text(texto, posX + 5, filaY + 5, { width: columnWidth - 10, align: 'left' });
+      });
+    });
+
+    return doc;
+  },
+
+  async reportePDFDeEjemplo(Respuesta) {
+    Respuesta.setHeader('Content-Type', 'application/pdf');
+    Respuesta.setHeader('Content-Disposition', 'inline; filename="reporte.pdf"');
+    const PDFDocument = require('pdfkit');
+
+    const opciones = {
+      font: 'Courier',
+      size: 'LETTER',
+      info: await this.generarObjetoInfoDeUnReportePDF()
+    };
+    var doc = new PDFDocument(opciones);
+    doc.pipe(Respuesta);
+
+    this.agregarMarcaDeAgua(doc, 'Borrador', {
+      fontSize: 80,
+      opacity: 0.2,
+      color: '#FF0000',
+    });
+
+    doc.fontSize(25).text('Here is some vector graphics...', 100, 80);
+
+    doc.save()
+      .moveTo(100, 150)
+      .lineTo(100, 250)
+      .lineTo(200, 250)
+      .fill('#FF3300');
+
+    doc.circle(280, 200, 50).fill('#6600FF');
+
+    doc.scale(0.6)
+      .translate(470, 130)
+      .path('M 250,75 L 323,301 131,161 369,161 177,301 z')
+      .fill('red', 'even-odd')
+      .restore();
+
+    doc.text('And here is some wrapped text...', 100, 300)
+      .font('Times-Roman', 13)
+      .moveDown()
+      .text("lorem", {
+        width: 412,
+        align: 'justify',
+        indent: 30,
+        columns: 2,
+        height: 300,
+        ellipsis: true
+      });
+
+    const datos = [
+      { Nombre: 'Juan', Edad: 28, Ciudad: 'San José', LugarDeTrabajo: 'UTN' },
+      { Nombre: 'Ana', Edad: 34 },
+      { Nombre: 'Luis', Edad: 25, Ciudad: 'Alajuela' },
+    ];
+    this.agregarTablaElegante(doc, datos, { x: 0, y: 400, columnWidth: 150, fontSize: 12 });
+    doc.end();
+  },
+
+};

package/templates/backend/servicios/Nucleo/MiscelaneasMixins/TareasProgramadas.js

@@ -0,0 +1,105 @@
+const { ejecutarConsultaSIGU } = require('../db.js');
+
+module.exports = {
+
+  async crearTareaProgramada(Tarea) {
+    const os = require('node:os');
+    return await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_ModulosTareasProgramadas` VALUES\
+      (?, ?, 'Ejecutada', NOW(4), ?) ON DUPLICATE KEY UPDATE `NombreDelEquipo` = ?"
+      , [this.NombreDelRepositorioDelBackend, Tarea.name, os.hostname(), os.hostname()]);
+  },
+
+  async pseudoEjecutarTareaProgramada(Tarea) {
+    const os = require('node:os');
+    const Resultado = await ejecutarConsultaSIGU("UPDATE `SIGU`.`SIGU_ModulosTareasProgramadas` SET `Estado` = 'Procesando'\
+      , `NombreDelEquipo` = ?, `FechaYHoraDeLaUltimaEjecucion` = NOW(4)\
+      WHERE `Repositorio` = ? AND `TareaProgramada` = ? AND `Estado` IN ('Ejecutada', 'Cancelada', 'Fallida')"
+      , [os.hostname(), this.NombreDelRepositorioDelBackend, Tarea]);
+    return Resultado['affectedRows'];
+  },
+
+  async finalizarTareaProgramada(Tarea) {
+    const os = require('node:os');
+    const Resultado = await ejecutarConsultaSIGU("UPDATE `SIGU`.`SIGU_ModulosTareasProgramadas` SET `Estado` = 'Ejecutada'\
+      , `NombreDelEquipo` = ?, `FechaYHoraDeLaUltimaEjecucion` = NOW(4)\
+      WHERE `Repositorio` = ? AND `TareaProgramada` = ? AND `Estado` IN ('Procesando')"
+      , [os.hostname(), this.NombreDelRepositorioDelBackend, Tarea]);
+    return Resultado['affectedRows'];
+  },
+
+  async ejecucionCadaXMinutos(callback, intervaloMinutos) {
+    while (true) {
+      try {
+        await this.crearTareaProgramada(callback);
+        break;
+      } catch (error) {
+        console.error('Error al ejecutar crearTareaProgramada:', error);
+        console.log('Reintentando en 5 segundos...');
+        await new Promise(resolve => setTimeout(resolve, 5000));
+      }
+    }
+    const intervaloMilisegundos = intervaloMinutos * 60 * 1000;
+    while (true) {
+      const inicio = Date.now();
+      try {
+        await callback();
+      } catch (error) {
+        console.error(`Error en la función "${callback.name}":`, error?.message || error);
+      }
+      const duracion = Date.now() - inicio;
+      const tiempoRestante = intervaloMilisegundos - duracion;
+      if (tiempoRestante > 0) {
+        await new Promise(resolve => setTimeout(resolve, tiempoRestante));
+      }
+    }
+  },
+
+  async ejecutarEnHoraEspecifica(hora, minuto, segundo, callback) {
+    while (true) {
+      try {
+        await this.crearTareaProgramada(callback);
+        break;
+      } catch (error) {
+        console.error('Error al ejecutar crearTareaProgramada:', error);
+        console.log('Reintentando en 5 segundos...');
+        await new Promise(resolve => setTimeout(resolve, 5000));
+      }
+    }
+    function programarEjecucion() {
+      const ahora = new Date();
+      const proximaEjecucion = new Date(ahora);
+      proximaEjecucion.setHours(hora, minuto, segundo, 0);
+      let tiempoEspera = proximaEjecucion - ahora;
+      if (tiempoEspera < 0) {
+        proximaEjecucion.setDate(proximaEjecucion.getDate() + 1);
+        tiempoEspera = proximaEjecucion - ahora;
+      }
+      console.log(`Se ha programado a '${callback.name}' para ejecución a las ${proximaEjecucion.toLocaleTimeString()}`);
+      setTimeout(() => {
+        callback();
+        programarEjecucion();
+      }, tiempoEspera);
+    }
+    programarEjecucion();
+  },
+
+  async ejecucionDiferida(callback) {
+    const stackLines = new Error().stack.split('\n');
+    const lineaCaller = stackLines[2] ?? '';
+    const match = lineaCaller.match(/\((.+?):\d+:\d+\)/) ?? lineaCaller.match(/at (.+?):\d+:\d+/);
+    const archivo = match ? require('path').basename(match[1]) : null;
+    while (true) {
+      try {
+        this._archivoFuenteActual = archivo;
+        await callback();
+        break;
+      } catch (error) {
+        console.error(`Error en la función "${callback.name}": `, error.message);
+        console.log('Reintentando en 5 segundos...');
+        await new Promise(resolve => setTimeout(resolve, 5000));
+      }
+    }
+    this._archivoFuenteActual = null;
+  },
+
+};

package/templates/frontend/src/app/Componentes/Nucleo/gestion-actividad/gestion-actividad.component.css

@@ -120,7 +120,8 @@
   flex: 1;
   display: flex;
   flex-direction: column;
-  min-width: 0; /* Evita que el flex desborde */
+  min-width: 0;
+  overflow: hidden;
 }
 
 .item-titulo {
@@ -162,6 +163,20 @@
   white-space: nowrap;
 }
 
+.detalle-browser {
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+.texto-browser {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  flex: 1;
+}
+
 .item-detalles mat-icon {
   font-size: 14px;
   width: 14px;

package/templates/frontend/src/app/Componentes/Nucleo/gestion-actividad/gestion-actividad.component.html

@@ -40,7 +40,7 @@
               <mat-icon>{{ item.Dispositivo === 'Móvil' ? 'smartphone' : (item.Dispositivo === 'Tablet' ? 'tablet' : 'laptop') }}</mat-icon>
               {{ item.Dispositivo }}
             </span>
-            <span class="detalle-browser"><mat-icon>public</mat-icon> {{ item.Navegador }}</span>
+            <span class="detalle-browser"><mat-icon>public</mat-icon><span class="texto-browser">{{ item.Navegador }}</span></span>
             <span class="detalle-ip"><mat-icon>lan</mat-icon> {{ item.IP }}</span>
             <span class="detalle-pais"><mat-icon>location_on</mat-icon> {{ item.Pais }}</span>
           </div>

package/templates/frontend/src/app/Componentes/Nucleo/manual/manual.component.html

@@ -6,11 +6,11 @@
     <nav>
       <ul class="toc-lista">
         @for (entrada of toc; track entrada.id) {
-          <li [class]="'toc-nivel-' + entrada.nivel">
-            <button class="toc-enlace" (click)="irA(entrada.id)" [title]="entrada.texto">
-              {{ entrada.texto }}
-            </button>
-          </li>
+        <li [class]="'toc-nivel-' + entrada.nivel">
+          <button class="toc-enlace" (click)="irA(entrada.id)" [title]="entrada.texto">
+            {{ entrada.texto }}
+          </button>
+        </li>
         }
       </ul>
     </nav>
@@ -20,24 +20,25 @@
   <main class="manual-main" role="main" aria-label="Manual de usuario">
 
     @if (cargando) {
-      <div class="manual-estado" role="status" aria-live="polite" aria-busy="true">
-        <p>Cargando manual…</p>
-      </div>
+    <div class="manual-estado" role="status" aria-live="polite" aria-busy="true">
+      <p>Cargando manual…</p>
+    </div>
     }
 
     @if (error) {
-      <div class="manual-estado manual-error" role="alert">
-        <p>
-          No se pudo cargar el manual. Verifique que el archivo
-          <code>Manual.md</code> esté en la carpeta <code>public/</code>.
-        </p>
-      </div>
+    <div class="manual-estado manual-error" role="alert">
+      <p>
+        No se pudo cargar el manual. Verifique que el archivo
+        <code>Manual.md</code> esté en la carpeta <code>public/</code>.
+      </p>
+    </div>
     }
 
     @if (!cargando && !error) {
-      <article #contenidoManual class="manual-articulo" [innerHTML]="contenido"></article>
+    <article #contenidoManual class="manual-articulo" [innerHTML]="contenido" (click)="manejarClicEnContenido($event)">
+    </article>
     }
 
   </main>
 
-</div>
+</div>

package/templates/frontend/src/app/Componentes/Nucleo/manual/manual.component.ts

@@ -44,7 +44,7 @@ export class ManualComponent implements OnInit, OnDestroy {
 
         doc.querySelectorAll('h1, h2, h3').forEach((heading) => {
           const texto = heading.textContent ?? '';
-          const id = 'sec-' + texto
+          const id = texto
             .toLowerCase()
             .normalize('NFD')
             .replace(DIACRITICOS, '')
@@ -72,6 +72,15 @@ export class ManualComponent implements OnInit, OnDestroy {
   }
 
   irA(id: string): void {
-    this.contenidoManualRef?.nativeElement.querySelector('#' + id)?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    document.getElementById(id)?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+  }
+
+  manejarClicEnContenido(event: MouseEvent): void {
+    const anchor = (event.target as Element).closest('a');
+    if (!anchor) return;
+    const href = anchor.getAttribute('href') ?? '';
+    if (!href.startsWith('#')) return;
+    event.preventDefault();
+    this.irA(href.slice(1));
   }
 }

package/templates/frontend/src/app/Componentes/Nucleo/reporte-de-incidencias/reporte-de-incidencias.component.css

@@ -5,7 +5,6 @@
 
 .fila {
   width: 100%;
-  min-width: 500px;
 }
 
 .campo {

package/templates/frontend/src/app/Componentes/Nucleo/reporte-de-sugerencias/reporte-de-sugerencias.component.css

@@ -5,7 +5,6 @@
 
 .fila {
   width: 100%;
-  min-width: 500px;
 }
 
 .campo {

package/templates/frontend/src/app/Componentes/Nucleo/tabla/tabla.component.css

@@ -237,6 +237,8 @@ tr.example-element-row:hover {
     display: block !important;
     background: transparent !important;
     border: none !important;
+    width: 100% !important;
+    min-width: 0 !important;
   }
 
   /* Ocultar el encabezado por completo */
@@ -254,6 +256,8 @@ tr.example-element-row:hover {
     box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
     height: auto !important;
     border: 1px solid #eee !important;
+    width: 100% !important;
+    box-sizing: border-box !important;
   }
 
   /* 3. Convertir cada CELDA en una línea con espacio entre nombre y valor */

package/templates/frontend/src/app/Componentes/Nucleo/tarjeta-modulo/tarjeta-modulo.component.css

@@ -5,7 +5,7 @@
 .modulo-card {
   position: relative;
   width: 300px;
-  /* Reduced from 380px */
+  max-width: calc(100% - 20px);
   height: 220px;
   border-radius: 25px;
   overflow: hidden;

package/templates/frontend/src/app/Paginas/Nucleo/contenedor-componentes/contenedor-componentes.component.css

@@ -199,12 +199,38 @@
     width: 100%;
     min-width: 0;
   }
+
+  .pie {
+    flex-wrap: wrap;
+    font-size: 13px;
+    gap: 4px;
+  }
+
+  .pie-col.izquierda {
+    font-size: 11px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }
 
 @media (max-width: 480px) {
   .encabezado {
     font-size: 18px;
   }
+
+  .pie-col.izquierda {
+    display: none;
+  }
+
+  .pie-col.centro {
+    flex: 1;
+    justify-content: center;
+  }
+
+  .pie-col.derecha {
+    flex: 0 1 auto;
+  }
 }
 
 /* Pie */