utn-cli 2.1.38 → 2.1.39

package/templates/frontend/src/app/Paginas/Nucleo/declaracion-ia/declaracion-ia.component.css

@@ -0,0 +1,149 @@
+.ia-layout {
+  max-width: 820px;
+  margin: 0 auto;
+  padding: 24px 16px;
+  font-family: 'Roboto', sans-serif;
+}
+
+.ia-main {
+  display: flex;
+  flex-direction: column;
+  gap: 28px;
+}
+
+/* Encabezado */
+.ia-encabezado {
+  display: flex;
+  align-items: flex-start;
+  gap: 14px;
+  padding: 20px 24px;
+  background: linear-gradient(135deg, #002f6b 0%, #1565c0 100%);
+  color: white;
+  border-radius: 12px;
+}
+
+.ia-icono-header {
+  font-size: 40px !important;
+  width: 40px !important;
+  height: 40px !important;
+  flex-shrink: 0;
+  margin-top: 4px;
+  opacity: 0.9;
+}
+
+.ia-encabezado h1 {
+  margin: 0 0 6px 0;
+  font-size: 22px;
+  font-weight: 700;
+}
+
+.ia-encabezado p {
+  margin: 0;
+  font-size: 13px;
+  opacity: 0.85;
+}
+
+/* Secciones */
+.ia-seccion {
+  background: white;
+  border: 1px solid #d0daea;
+  border-radius: 10px;
+  padding: 20px 24px;
+}
+
+.ia-titulo-seccion {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 17px;
+  font-weight: 700;
+  color: #002f6b;
+  border-bottom: 2px solid #002f6b;
+  padding-bottom: 8px;
+  margin: 0 0 14px 0;
+}
+
+.ia-titulo-seccion mat-icon {
+  font-size: 20px !important;
+  width: 20px !important;
+  height: 20px !important;
+  color: #1976d2;
+}
+
+.ia-seccion p {
+  margin: 0 0 12px 0;
+  color: #333;
+  line-height: 1.65;
+  font-size: 14px;
+}
+
+.ia-seccion p:last-child {
+  margin-bottom: 0;
+}
+
+/* Bloque de declaración principal */
+.ia-declaracion {
+  border-color: #2e7d32;
+  border-left: 5px solid #2e7d32;
+  background: #f1f8f1;
+}
+
+.ia-declaracion-contenido {
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+}
+
+.ia-declaracion-icono {
+  font-size: 36px !important;
+  width: 36px !important;
+  height: 36px !important;
+  color: #2e7d32;
+  flex-shrink: 0;
+  margin-top: 2px;
+}
+
+.ia-declaracion h2 {
+  margin: 0 0 10px 0;
+  font-size: 18px;
+  font-weight: 700;
+  color: #1b5e20;
+}
+
+/* Lista */
+.ia-lista {
+  padding-left: 20px;
+  margin: 10px 0 0 0;
+  color: #333;
+  font-size: 14px;
+  line-height: 1.7;
+}
+
+.ia-lista li {
+  margin-bottom: 4px;
+}
+
+/* Pie */
+.ia-pie {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: #666;
+  padding: 12px 0 0 0;
+  border-top: 1px solid #e0e7ef;
+}
+
+.ia-pie mat-icon {
+  font-size: 16px !important;
+  width: 16px !important;
+  height: 16px !important;
+  color: #999;
+}
+
+@media (max-width: 600px) {
+  .ia-declaracion-contenido {
+    flex-direction: column;
+    gap: 10px;
+  }
+}

package/templates/frontend/src/app/Paginas/Nucleo/declaracion-ia/declaracion-ia.component.html

@@ -0,0 +1,69 @@
+<div class="ia-layout">
+
+  <main class="ia-main" role="main" aria-label="Declaración de uso de inteligencia artificial">
+
+    <header class="ia-encabezado">
+      <mat-icon class="ia-icono-header">smart_toy</mat-icon>
+      <div>
+        <h1>Declaración de uso de inteligencia artificial</h1>
+      </div>
+    </header>
+
+    <!-- Declaración principal -->
+    <section class="ia-seccion ia-declaracion" aria-labelledby="titulo-declaracion">
+      <div class="ia-declaracion-contenido">
+        <mat-icon class="ia-declaracion-icono">verified</mat-icon>
+        <div>
+          <h2 id="titulo-declaracion">Este módulo no utiliza inteligencia artificial</h2>
+          <p>
+            Este módulo no incorpora ninguna aplicación,
+            modelo o algoritmo de inteligencia artificial como parte de su funcionamiento.
+          </p>
+          <p>
+            Todas las operaciones de este módulo se ejecutan mediante lógica determinista y procedimientos
+            establecidos, sin intervención de sistemas de aprendizaje automático ni de
+            procesamiento automatizado de decisiones.
+          </p>
+        </div>
+      </div>
+    </section>
+
+    <!-- Qué no se considera IA de la aplicación -->
+    <section class="ia-seccion" aria-labelledby="titulo-alcance">
+      <h2 id="titulo-alcance" class="ia-titulo-seccion">
+        <mat-icon>info</mat-icon> Alcance de esta declaración
+      </h2>
+      <p>
+        Esta declaración se refiere a la funcionalidad del módulo tal como es accesible por los
+        usuarios finales. No cubre herramientas internas de desarrollo de software utilizadas
+        por el equipo técnico durante la construcción del sistema, las cuales son externas al
+        módulo y no procesan datos de los usuarios.
+      </p>
+    </section>
+
+    <!-- Qué haría que esto cambie -->
+    <section class="ia-seccion" aria-labelledby="titulo-cambios">
+      <h2 id="titulo-cambios" class="ia-titulo-seccion">
+        <mat-icon>update</mat-icon> Actualización de esta declaración
+      </h2>
+      <p>
+        Si en versiones futuras se incorporara cualquier componente de inteligencia artificial
+        —como asistentes de planificación, sugerencias automáticas o análisis predictivo—,
+        esta sección será actualizada para documentar:
+      </p>
+      <ul class="ia-lista">
+        <li>Las razones para su incorporación.</li>
+        <li>Los modelos algorítmicos empleados.</li>
+        <li>Los datos que orientan dichos modelos.</li>
+        <li>La lógica de utilización y sus limitaciones.</li>
+      </ul>
+    </section>
+
+    <!-- Pie con fecha -->
+    <footer class="ia-pie">
+      <mat-icon>calendar_today</mat-icon>
+      <span>Declaración vigente a partir del 19 de mayo de 2026. Universidad Técnica Nacional.</span>
+    </footer>
+
+  </main>
+</div>

package/templates/frontend/src/app/Paginas/Nucleo/declaracion-ia/declaracion-ia.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+
+@Component({
+  selector: 'app-declaracion-ia',
+  standalone: true,
+  imports: [MatIconModule],
+  templateUrl: './declaracion-ia.component.html',
+  styleUrl: './declaracion-ia.component.css'
+})
+export class DeclaracionIaComponent { }

package/templates/frontend/src/app/app.routes.ts

@@ -13,4 +13,12 @@ export const routes: Routes = [
     path: 'manual',
     loadComponent: () => import('./Componentes/Nucleo/manual/manual.component').then(m => m.ManualComponent)
   },
+  {
+    path: 'accesibilidad',
+    loadComponent: () => import('./Paginas/Nucleo/accesibilidad/accesibilidad.component').then(m => m.AccesibilidadComponent)
+  },
+  {
+    path: 'ia',
+    loadComponent: () => import('./Paginas/Nucleo/declaracion-ia/declaracion-ia.component').then(m => m.DeclaracionIaComponent)
+  },
 ];