feat: integración de SIU Guaraní, auto-completado y rediseño en grilla de recorrido

.vscode/settings.json

@@ -1,3 +1,7 @@
 {
-  "typescript.preferences.autoImportFileExcludePatterns": ["@ionic/angular/common", "@ionic/angular/standalone"]
+  "typescript.preferences.autoImportFileExcludePatterns": [
-}
+    "@ionic/angular/common",
+    "@ionic/angular/standalone"
+  ],
+  "java.configuration.updateBuildConfiguration": "disabled"
+}

package-lock.json

@@ -601,6 +601,7 @@
       "integrity": "sha512-CVskZnF38IIxVVlKWi1VCz7YH/gHMJu2IY9bD1AVoBBGIe0xA4FRXJkW2Y+EDs9vQqZTkZZljhK5gL65Ro1PeQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@angular-eslint/bundled-angular-compiler": "20.7.0",
         "eslint-scope": "^9.0.0"
@@ -630,6 +631,7 @@
       "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-20.3.18.tgz",
       "integrity": "sha512-XFxgSyjfs0SRD2vQVFJljmM4z9nTvUoI8TRqSre/+l8D2FgzD5pG67Aj2BgDgpSFAUkIcI37G48ijK7a3ZZ3WA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -779,6 +781,7 @@
       "resolved": "https://registry.npmjs.org/@angular/common/-/common-20.3.18.tgz",
       "integrity": "sha512-M62oQbSTRmnGavIVCwimoadg/PDWadgNhactMm9fgH0eM9rx+iWBAYJk4VufO0bwOhysFpRZpJgXlFjOifz/Jw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -795,6 +798,7 @@
       "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-20.3.18.tgz",
       "integrity": "sha512-AaP/LCiDNcYmF135EEozjyR04NRBT38ZfBHQwjhgwiBBTejmvcpHwJaHSkraLpZqZzE4BQqqmgiQ1EJqxEwLVA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -808,6 +812,7 @@
       "integrity": "sha512-zsoEgLgnblmRbi47YwMghKirJ8IBKJ3+I8TxLBRIBrhx+KHFp+6oeDeLyu9H+djdyk88zexVd09wzR/YK73F0g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/core": "7.28.3",
         "@jridgewell/sourcemap-codec": "^1.4.14",
@@ -840,6 +845,7 @@
       "resolved": "https://registry.npmjs.org/@angular/core/-/core-20.3.18.tgz",
       "integrity": "sha512-B+NQQngd/aDbcfW0zGLis3wTLDeHTeTYMl/mGKQH+HwdPaRCKI1wEtaXaOYVJXkP2FeThocPevB8gLwNlPQUUw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -865,6 +871,7 @@
       "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-20.3.18.tgz",
       "integrity": "sha512-x6/99LfxolyZIFUL3Wr0OrtuXHEDwEz/rwx+WzE7NL+n35yO40t3kp0Sn5uMFwI94i91QZJmXHltMpZhrVLuYg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -893,6 +900,7 @@
       "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-20.3.18.tgz",
       "integrity": "sha512-q6s5rEN1yYazpHYp+k4pboXRzMsRB9auzTRBEhyXSGYxqzrnn3qHN0DqgsLC9WAdyhCgnIEMFA8kRT+W277DqQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -933,6 +941,7 @@
       "resolved": "https://registry.npmjs.org/@angular/router/-/router-20.3.18.tgz",
       "integrity": "sha512-3CWejsEYr+ze+ktvWN/qHdyq5WLrj96QZpGYJyxh1pchIcpMPE9MmLpdjf0CUrWYB7g/85u0Geq/xsz72JrGng==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -977,6 +986,7 @@
       "integrity": "sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.27.1",
@@ -2826,6 +2836,7 @@
       "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-8.2.0.tgz",
       "integrity": "sha512-oKaoNeNtH2iIZMDFVrb1atoyRECDGHcfLMunJ5KWN8DtvpVBeeA4c41e20NTuhMxw1cSYbpq2PV2hb+/9CJxlQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -3957,6 +3968,7 @@
       "integrity": "sha512-nqhDw2ZcAUrKNPwhjinJny903bRhI0rQhiDz1LksjeRxqa36i3l75+4iXbOy0rlDpLJGxqtgoPavQjmmyS5UJw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@inquirer/checkbox": "^4.2.1",
         "@inquirer/confirm": "^5.1.14",
@@ -7079,6 +7091,7 @@
       "integrity": "sha512-oX8xrhvpiyRCQkG1MFchB09f+cXftgIXb3a7UUa4Y3wpmZPw5tyZGTLWhlESOLq1Rq6oDlc8npVU2/9xiCuXMA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "undici-types": "~7.18.0"
       }
@@ -7219,6 +7232,7 @@
       "integrity": "sha512-klQbnPAAiGYFyI02+znpBRLyjL4/BrBd0nyWkdC0s/6xFLkXYQ8OoRrSkqacS1ddVxf/LDyODIKbQ5TgKAf/Fg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.56.1",
         "@typescript-eslint/types": "8.56.1",
@@ -7326,6 +7340,7 @@
       "integrity": "sha512-dbMkdIUkIkchgGDIv7KLUpa0Mda4IYjo4IAMJUZ+3xNoUXxMsk9YtKpTHSChRS85o+H9ftm51gsK1dZReY9CVw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
@@ -7398,6 +7413,7 @@
       "integrity": "sha512-HPAVNIME3tABJ61siYlHzSWCGtOoeP2RTIaHXFMPqjrQKCGB9OgUVdiNgH7TJS2JNIQ5qQ4RsAUDuGaGme/KOA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
         "@typescript-eslint/scope-manager": "8.56.1",
@@ -7682,6 +7698,7 @@
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -7757,6 +7774,7 @@
       "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -8455,6 +8473,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -10114,6 +10133,7 @@
       "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -10606,6 +10626,7 @@
       "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "accepts": "^2.0.0",
         "body-parser": "^2.2.1",
@@ -11394,6 +11415,7 @@
       "integrity": "sha512-jq9l1DM0zVIvsm3lv9Nw9nlJnMNPOcAtsbsgiUhWcFzPE99Gvo6yRTlszSLLYacMeQ6quHD6hMfId8crVHvexw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=16.9.0"
       }
@@ -12476,7 +12498,8 @@
       "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.1.2.tgz",
       "integrity": "sha512-2oIUMGn00FdUiqz6epiiJr7xcFyNYj3rDcfmnzfkBnHyBQ3cBQUs4mmyGsOb7TTLb9kxk7dBcmEmqhDKkBoDyA==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/jasmine-spec-reporter": {
       "version": "5.0.2",
@@ -12525,6 +12548,7 @@
       "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -12665,6 +12689,7 @@
       "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@colors/colors": "1.5.0",
         "body-parser": "^1.19.0",
@@ -13242,6 +13267,7 @@
       "integrity": "sha512-kdTwsyRuncDfjEs0DlRILWNvxhDG/Zij4YLO4TMJgDLW+8OzpfkdPnRgrsRuY1o+oaxJGWsps5f/RVBgGmmN0w==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "copy-anything": "^2.0.1",
         "parse-node-version": "^1.0.1",
@@ -13386,6 +13412,7 @@
       "integrity": "sha512-SL0JY3DaxylDuo/MecFeiC+7pedM0zia33zl0vcjgwcq1q1FWWF1To9EIauPbl8GbMCU0R2e0uJ8bZunhYKD2g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "cli-truncate": "^4.0.0",
         "colorette": "^2.0.20",
@@ -15283,6 +15310,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -16115,6 +16143,7 @@
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
       "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -16208,6 +16237,7 @@
       "integrity": "sha512-9GUyuksjw70uNpb1MTYWsH9MQHOHY6kwfnkafC24+7aOMZn9+rVMBxRbLvw756mrBFbIsFg6Xw9IkR2Fnn3k+Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "chokidar": "^4.0.0",
         "immutable": "^5.0.2",
@@ -17350,6 +17380,7 @@
       "integrity": "sha512-+6erLbBm0+LROX2sPXlUYx/ux5PyE9K/a92Wrt6oA+WDAoFTdpHE5tCYCI5PNzq2y8df4rA+QgHLJuR4jNymsg==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
         "acorn": "^8.14.0",
@@ -17551,7 +17582,8 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD"
+      "license": "0BSD",
+      "peer": true
     },
     "node_modules/tuf-js": {
       "version": "4.1.0",
@@ -17687,6 +17719,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -17952,6 +17985,7 @@
       "integrity": "sha512-uzcxnSDVjAopEUjljkWh8EIrg6tlzrjFUfMcR1EVsRDGwf/ccef0qQPRyOrROwhrTDaApueq+ja+KLPlzR/zdg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.5.0",
@@ -18086,6 +18120,7 @@
       "integrity": "sha512-gX/dMkRQc7QOMzgTe6KsYFM7DxeIONQSui1s0n/0xht36HvrgbxtM1xBlgx596NbpHuQU8P7QpKwrZYwUX48nw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.8",
@@ -18188,6 +18223,7 @@
       "integrity": "sha512-QcQ72gh8a+7JO63TAx/6XZf/CWhgMzu5m0QirvPfGvptOusAxG12w2+aua1Jkjr7hzaWDnJ2n6JFeexMHI+Zjg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/bonjour": "^3.5.13",
         "@types/connect-history-api-fallback": "^1.5.4",
@@ -19170,6 +19206,7 @@
       "integrity": "sha512-AvvthqfqrAhNH9dnfmrfKzX5upOdjUVJYFqNSlkmGf64gRaTzlPwz99IHYnVs28qYAybvAlBV+H7pn0saFY4Ig==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
@@ -19188,7 +19225,8 @@
       "version": "0.15.1",
       "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz",
       "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     }
   }
 }

src/app/home/home.page.html

@@ -206,9 +206,14 @@
       <ion-card-content>
         <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
           <span class="selector-title" style="margin: 0;">Plan de Estudios / Recorrido</span>
-          <ion-button fill="clear" size="small" (click)="forzarRespaldo()" style="margin: 0;">
+          <div style="display: flex; gap: 8px;">
-            <ion-icon name="save-outline" slot="icon-only" color="primary"></ion-icon>
+            <ion-button fill="outline" color="primary" size="small" (click)="forzarRespaldo()" style="margin: 0;" title="Guardar Manualmente" class="header-btn">
-          </ion-button>
+              <ion-icon name="save-outline" slot="icon-only"></ion-icon>
+            </ion-button>
+            <ion-button fill="outline" [color]="siuMaterias && siuMaterias.length > 0 ? 'success' : 'tertiary'" size="small" (click)="openSiuModal()" style="margin: 0;" title="Conectar con SIU Guaraní" class="header-btn">
+              <ion-icon name="school-outline" slot="icon-only"></ion-icon>
+            </ion-button>
+          </div>
         </div>
         <p class="selector-desc">Selecciona tu carrera para guardar tu avance y ver el recorrido sugerido, toca materias
           para marcarlas como aprobadas o en curso.</p>
@@ -238,29 +243,84 @@
               <div class="materia-cell" [class.aprobada]="isAprobada(row.c1.name)"
                 [class.encurso]="isEnCurso(row.c1.name)" [class.optativa-cell]="row.c1.isOptativa"
                 (click)="handleCellClick(row.c1)">
-                {{ row.c1.name }}
+                <span class="m-name">{{ abreviarMateria(row.c1.name) }}</span>
+                <ion-badge *ngIf="getSiuMateriaParaCelda(row.c1.name) as siuMat" [ngClass]="'custom-badge-' + getNotaColor(siuMat.nota)" class="siu-cell-badge">
+                  {{ getSiuBadgeText(siuMat) }}
+                </ion-badge>
               </div>
             </td>
             <td>
               <div class="materia-cell" [class.aprobada]="isAprobada(row.c2.name)"
                 [class.encurso]="isEnCurso(row.c2.name)" [class.optativa-cell]="row.c2.isOptativa"
                 (click)="handleCellClick(row.c2)">
-                {{ row.c2.name }}
+                <span class="m-name">{{ abreviarMateria(row.c2.name) }}</span>
+                <ion-badge *ngIf="getSiuMateriaParaCelda(row.c2.name) as siuMat" [ngClass]="'custom-badge-' + getNotaColor(siuMat.nota)" class="siu-cell-badge">
+                  {{ getSiuBadgeText(siuMat) }}
+                </ion-badge>
               </div>
             </td>
             <td>
               <div class="materia-cell" [class.aprobada]="isAprobada(row.c3.name)"
                 [class.encurso]="isEnCurso(row.c3.name)" [class.optativa-cell]="row.c3.isOptativa"
                 (click)="handleCellClick(row.c3)">
-                {{ row.c3.name }}
+                <span class="m-name">{{ abreviarMateria(row.c3.name) }}</span>
+                <ion-badge *ngIf="getSiuMateriaParaCelda(row.c3.name) as siuMat" [ngClass]="'custom-badge-' + getNotaColor(siuMat.nota)" class="siu-cell-badge">
+                  {{ getSiuBadgeText(siuMat) }}
+                </ion-badge>
               </div>
             </td>
           </tr>
         </tbody>
       </table>
     </div>
+    <!-- The SIU Guaraní list at the bottom was removed per user request -->
   </div>
 
+  <!-- Modal SIU Guaraní (Login) -->
+  <ion-modal [isOpen]="isSiuModalOpen" (didDismiss)="closeSiuModal()" class="siu-login-modal" initialBreakpoint="0.8" [breakpoints]="[0, 0.8, 1]">
+    <ng-template>
+      <ion-header class="ion-no-border">
+        <ion-toolbar color="primary">
+          <ion-title>Conectar con SIU</ion-title>
+          <ion-buttons slot="end">
+            <ion-button (click)="closeSiuModal()" [disabled]="siuLoading">Cerrar</ion-button>
+          </ion-buttons>
+        </ion-toolbar>
+      </ion-header>
+      <ion-content class="ion-padding siu-login-content">
+        <div class="ion-text-center siu-logo-container ion-margin-bottom">
+          <ion-icon name="school" color="primary" style="font-size: 64px;"></ion-icon>
+          <h2 style="margin-top: 10px;">Historia Académica</h2>
+          <p style="color: var(--ion-color-medium);">Ingresá para traer tu recorrido y notas automáticamente a la app.</p>
+        </div>
+
+        <ion-list class="ion-margin-bottom siu-form-list" lines="full">
+          <ion-item>
+            <ion-icon name="person-outline" slot="start" color="medium"></ion-icon>
+            <ion-input type="text" placeholder="DNI (Sin puntos)" [(ngModel)]="siuDni" [disabled]="siuLoading" clearInput required></ion-input>
+          </ion-item>
+          <ion-item>
+            <ion-icon name="lock-closed-outline" slot="start" color="medium"></ion-icon>
+            <ion-input type="password" placeholder="Contraseña de SIU" [(ngModel)]="siuPass" [disabled]="siuLoading" clearOnEdit="false" required></ion-input>
+          </ion-item>
+        </ion-list>
+
+        <div class="siu-info ion-margin-bottom" style="font-size: 0.85rem; color: var(--ion-color-medium); background: rgba(var(--ion-color-primary-rgb), 0.1); padding: 12px; border-radius: 8px; border-left: 4px solid var(--ion-color-primary);">
+          <p style="margin-top: 0;"><ion-icon name="shield-checkmark-outline"></ion-icon> Privacidad Zero-Trust: Las credenciales no se envían a ningún servidor nuestro. La app se conecta directo con el portal localmente desde tu teléfono.</p>
+          <p style="margin-bottom: 0;"><ion-icon name="alert-circle-outline"></ion-icon> Al conectar, se importará tu última situación curricular.</p>
+        </div>
+
+        <ion-button expand="block" color="primary" class="ion-margin-top" (click)="sincronizarSiu()" [disabled]="siuLoading || !siuDni || !siuPass">
+          <ng-container *ngIf="!siuLoading">
+            <ion-icon name="log-in-outline" slot="start"></ion-icon>
+            Conectar y Sincronizar
+          </ng-container>
+          <ion-spinner *ngIf="siuLoading" name="crescent"></ion-spinner>
+        </ion-button>
+      </ion-content>
+    </ng-template>
+  </ion-modal>
+
 </ion-content>
 
 <ion-footer class="ion-no-border">

src/app/home/home.page.ts

@@ -13,6 +13,7 @@ import { LocalStorageService } from '../services/local-storage.service';
 import { EventosService } from '../services/eventos.service';
 import { EventoModalComponent } from '../components/evento-modal/evento-modal.component';
 import { AgendaModalComponent } from '../components/agenda-modal/agenda-modal.component';
+import { SiuService } from '../services/siu-guarani.service';
 
 
 export interface ProximaClaseInfo {
@@ -66,6 +67,14 @@ export class HomePage implements OnInit {
 
   carreraSeleccionada: string = 'tecnologias';
 
+  // SIU Guaraní State
+  siuMaterias: any[] = [];
+  siuLastSync: string | null = null;
+  isSiuModalOpen: boolean = false;
+  siuLoading: boolean = false;
+  siuDni: string = '';
+  siuPass: string = '';
+
 
   // Mapa de días en español al getDay() de JS (0=Dom)
   private readonly DIAS_DOW: Record<string, number> = {
@@ -81,7 +90,8 @@ export class HomePage implements OnInit {
     private alertCtrl: AlertController,
     private localStorageService: LocalStorageService,
     private actionSheetCtrl: ActionSheetController,
-    private eventosService: EventosService
+    private eventosService: EventosService,
+    private siuService: SiuService
   ) { }
 
 
@@ -118,6 +128,14 @@ export class HomePage implements OnInit {
       this.aprobadas = userData.aprobadas || [];
       this.encurso = userData.encurso || [];
       this.optativasSeleccionadas = userData.optativas || [];
+      this.siuMaterias = userData.siuMaterias || [];
+      this.siuLastSync = userData.siuLastSync || null;
+
+      // Auto-completar desde SIU si hay datos previamente cacheados
+      if (this.siuMaterias.length > 0) {
+        this.autoCompletarDesdeSiu();
+      }
+
       // Sincronizar eventos cargados desde el CSV con el servicio de eventos
       for (const ev of userData.eventos) {
         await this.eventosService.saveEvento(ev);
@@ -219,7 +237,9 @@ export class HomePage implements OnInit {
               this.aprobadas = imported.aprobadas || [];
               this.encurso = imported.encurso || [];
               this.optativasSeleccionadas = imported.optativas || [];
-              
+              this.siuMaterias = imported.siuMaterias || [];
+              this.siuLastSync = imported.siuLastSync || null;
+
               // Sincronizar eventos cargados desde el CSV con el servicio de eventos
               for (const ev of imported.eventos) {
                 await this.eventosService.saveEvento(ev);
@@ -274,12 +294,12 @@ export class HomePage implements OnInit {
     const ahora = new Date();
     const hoyIdx = ahora.getDay(); // 0-6
     const horaActualStr = ahora.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false });
-    
+
     let candidata: ProximaClaseInfo | null = null;
 
     // 1. Buscar si hay alguna clase en curso AHORA
     const favsHoy = this.horarios.filter(h => this.isFavorito(h.codigo) && this.DIAS_DOW[h.dia || ''] === hoyIdx);
-    
+
     for (const item of favsHoy) {
       const parts = (item.horario || '').split('-');
       if (parts.length >= 2) {
@@ -304,7 +324,7 @@ export class HomePage implements OnInit {
         if (tInicio > horaActualStr) {
           const targetDate = new Date(ahora);
           targetDate.setHours(parseInt(mInicio[1], 10), parseInt(mInicio[2], 10), 0, 0);
-          
+
           const diff = targetDate.getTime() - ahora.getTime();
           if (!candidata || diff < candidata.diffMs) {
             candidata = { item, diffMs: diff, label: 'Próxima Clase' };
@@ -317,14 +337,14 @@ export class HomePage implements OnInit {
     if (!candidata) {
       const mananaIdx = (hoyIdx + 1) % 7;
       const favsManana = this.horarios.filter(h => this.isFavorito(h.codigo) && this.DIAS_DOW[h.dia || ''] === mananaIdx);
-      
+
       for (const item of favsManana) {
         const mInicio = (item.horario || '').match(/(\d{1,2}):(\d{2})/);
         if (mInicio) {
           const targetDate = new Date(ahora);
           targetDate.setDate(ahora.getDate() + 1);
           targetDate.setHours(parseInt(mInicio[1], 10), parseInt(mInicio[2], 10), 0, 0);
-          
+
           const diff = targetDate.getTime() - ahora.getTime();
           if (!candidata || diff < candidata.diffMs) {
             candidata = { item, diffMs: diff, label: 'Próxima Clase' };
@@ -527,7 +547,7 @@ export class HomePage implements OnInit {
   openMap() {
     const address = 'Tte. Gral. Juan Domingo Perón 802, C1063, Cdad. Autónoma de Buenos Aires';
     const encodedAddress = encodeURIComponent(address);
-    
+
     // Si estamos en un dispositivo móvil, preferimos los esquemas nativos para invocar al OS
     const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
     const isAndroid = /android/i.test(navigator.userAgent);
@@ -632,7 +652,7 @@ export class HomePage implements OnInit {
     const ahora = new Date().getTime();
     const futuros = this.getEventosMateria(codigo)
       .filter(e => new Date(e.fecha).getTime() > ahora);
-    
+
     return futuros.length > 0 ? futuros[0] : null;
   }
 
@@ -667,13 +687,13 @@ export class HomePage implements OnInit {
     await modal.present();
 
     await modal.onWillDismiss();
-    
+
     // Al cerrar la agenda, recargamos los eventos locales por si se agregó/editó alguno
     this.eventos = await this.eventosService.loadEventos();
-    
+
     // Y aseguramos que la próxima clase y los badges se actualicen
     this.actualizarProximaClase();
-    
+
     // Guardamos progreso por si hubo cambios
     this.guardarProgreso();
   }
@@ -697,14 +717,14 @@ export class HomePage implements OnInit {
       const selected = this.optativasSeleccionadas.find(o => o.slot === slotId);
       return { id: slotId, name: selected ? selected.materia : label, isOptativa: true };
     };
-    
+
     const mat = (name: string) => ({ id: null, name: name, isOptativa: false });
 
     if (this.carreraSeleccionada === 'tecnologias') {
       return [
         { c1: mat('Gestión de Sistemas de Información'), c2: mat('Administración de Negocios Digitales'), c3: mat('Seguridad de la Información') },
         { c1: mat('Análisis de Datos I'), c2: mat('Sistemas Digitales'), c3: mat('Programación de Vanguardia') },
-        { c1: mat('Taller: Proyectos Digitales'), c2: mat('Taller: Emprendedurismo en Innovación Digital'), c3: mat('Taller: Control de calidad de Software') },
+        { c1: mat('Taller: Gestión de Proyectos Digitales'), c2: mat('Taller: Emprendedurismo en Innovación Digital'), c3: mat('Taller: Control de Calidad de Software') },
         { c1: getSlot('tec_opt1', 'Optativa 1'), c2: getSlot('tec_opt2', 'Optativa 2'), c3: getSlot('tec_opt3', 'Optativa 3') }
       ];
     } else if (this.carreraSeleccionada === 'datos') {
@@ -729,13 +749,13 @@ export class HomePage implements OnInit {
     const modes: ('favoritos' | 'todas' | 'plan')[] = ['favoritos', 'todas', 'plan'];
     const currentIndex = modes.indexOf(this.viewMode);
 
-    if (event.direction === 2) { 
+    if (event.direction === 2) {
       // Swipe Izquierda (Siguiente Tab)
       if (currentIndex < modes.length - 1) {
         this.viewMode = modes[currentIndex + 1];
         this.onViewModeChange();
       }
-    } else if (event.direction === 4) { 
+    } else if (event.direction === 4) {
       // Swipe Derecha (Tab Anterior)
       if (currentIndex > 0) {
         this.viewMode = modes[currentIndex - 1];
@@ -821,7 +841,7 @@ export class HomePage implements OnInit {
       subHeader: cell.isOptativa ? 'Gestión de Materia Optativa' : 'Gestión de Materia',
       buttons: buttons
     });
-    
+
     await actionSheet.present();
   }
 
@@ -887,7 +907,9 @@ export class HomePage implements OnInit {
       eventos: this.eventos,
       aprobadas: this.aprobadas,
       optativas: this.optativasSeleccionadas,
-      encurso: this.encurso
+      encurso: this.encurso,
+      siuMaterias: this.siuMaterias,
+      siuLastSync: this.siuLastSync
     });
   }
 
@@ -898,9 +920,11 @@ export class HomePage implements OnInit {
       eventos: this.eventos,
       aprobadas: this.aprobadas,
       optativas: this.optativasSeleccionadas,
-      encurso: this.encurso
+      encurso: this.encurso,
+      siuMaterias: this.siuMaterias,
+      siuLastSync: this.siuLastSync
     };
-    
+
     const actionSheet = await this.actionSheetCtrl.create({
       header: 'Guardar Respaldo',
       subHeader: '¿A dónde querés exportar tus materias guardadas?',
@@ -909,14 +933,14 @@ export class HomePage implements OnInit {
           text: 'Compartir (Drive, WhatsApp, Mail...)',
           icon: 'share-social-outline',
           handler: async () => {
-             await this.ejecutarExportacion(data, false);
+            await this.ejecutarExportacion(data, false);
           }
         },
         {
           text: 'Descargar Offline (A la carpeta Descargas)',
           icon: 'download-outline',
           handler: async () => {
-             await this.ejecutarExportacion(data, true);
+            await this.ejecutarExportacion(data, true);
           }
         },
         {
@@ -939,44 +963,271 @@ export class HomePage implements OnInit {
         icon: 'save'
       });
       toast.present();
-      await Haptics.impact({ style: ImpactStyle.Heavy }).catch(() => {});
+      await Haptics.impact({ style: ImpactStyle.Heavy }).catch(() => { });
     }
   }
 
   async importarRespaldoManual() {
     const imported = await this.localStorageService.importBackup();
     if (imported && (imported.favoritos.length > 0 || imported.eventos.length > 0 || imported.aprobadas?.length > 0 || imported.optativas?.length > 0 || imported.encurso?.length > 0)) {
-       this.favoritos = imported.favoritos;
+      this.favoritos = imported.favoritos;
-       this.aprobadas = imported.aprobadas || [];
+      this.aprobadas = imported.aprobadas || [];
-       this.encurso = imported.encurso || [];
+      this.encurso = imported.encurso || [];
-       this.optativasSeleccionadas = imported.optativas || [];
+      this.optativasSeleccionadas = imported.optativas || [];
-       
+      this.siuMaterias = imported.siuMaterias || [];
-       for (const ev of imported.eventos) {
+      this.siuLastSync = imported.siuLastSync || null;
-         await this.eventosService.saveEvento(ev);
+
-       }
+      for (const ev of imported.eventos) {
-       this.eventos = await this.eventosService.loadEventos();
+        await this.eventosService.saveEvento(ev);
-       
+      }
-       await Preferences.set({ key: 'favoritos', value: JSON.stringify(this.favoritos) });
+      this.eventos = await this.eventosService.loadEventos();
-       this.guardarProgreso();
+
-       this.filterHorarios();
+      await Preferences.set({ key: 'favoritos', value: JSON.stringify(this.favoritos) });
-       
+      this.guardarProgreso();
-       const toast = await this.toastCtrl.create({
+      this.filterHorarios();
-         message: '¡Respaldo importado correctamente!',
+
-         duration: 3000,
+      const toast = await this.toastCtrl.create({
-         color: 'success',
+        message: '¡Respaldo importado correctamente!',
-         icon: 'checkmark-circle'
+        duration: 3000,
-       });
+        color: 'success',
-       toast.present();
+        icon: 'checkmark-circle'
-       await Haptics.impact({ style: ImpactStyle.Heavy }).catch(() => {});
+      });
+      toast.present();
+      await Haptics.impact({ style: ImpactStyle.Heavy }).catch(() => { });
     } else {
-       const toast = await this.toastCtrl.create({
+      const toast = await this.toastCtrl.create({
-         message: 'No se procesó ningún archivo válido.',
+        message: 'No se procesó ningún archivo válido.',
-         duration: 2500,
+        duration: 2500,
-         color: 'warning',
+        color: 'warning',
-         icon: 'alert-circle'
+        icon: 'alert-circle'
-       });
+      });
-       toast.present();
+      toast.present();
     }
   }
+
+  // --- SIU Guaraní ---
+
+  openSiuModal() {
+    this.isSiuModalOpen = true;
+  }
+
+  closeSiuModal() {
+    this.isSiuModalOpen = false;
+    this.siuDni = '';
+    this.siuPass = '';
+  }
+
+  async sincronizarSiu() {
+    if (!this.siuDni || !this.siuPass) {
+      const toast = await this.toastCtrl.create({
+        message: 'Por favor, ingresá DNI y Contraseña para conectar',
+        duration: 2500,
+        color: 'warning'
+      });
+      toast.present();
+      return;
+    }
+
+    this.siuLoading = true;
+    try {
+      const materias = await this.siuService.getAcademicHistory(this.siuDni, this.siuPass);
+      this.siuMaterias = materias;
+      this.siuLastSync = new Date().toISOString();
+
+      this.autoCompletarDesdeSiu();
+      this.guardarProgreso();
+
+      const toast = await this.toastCtrl.create({
+        message: 'Historial del SIU cargado con éxito!',
+        duration: 3000,
+        color: 'success'
+      });
+      toast.present();
+      this.closeSiuModal();
+    } catch (error) {
+      console.error(error);
+      const toast = await this.toastCtrl.create({
+        message: 'Error al conectar con SIU. Comprobá tus datos o intentá más tarde.',
+        duration: 4000,
+        color: 'danger'
+      });
+      toast.present();
+    } finally {
+      this.siuLoading = false;
+    }
+  }
+
+  getNotaColor(nota: string): string {
+    if (!nota) return 'medium';
+
+    const n = parseInt(nota, 10);
+    if (!isNaN(n)) {
+      if (n >= 4) return 'success';
+      return 'danger';
+    }
+
+    // Fallback if not numeric
+    const lower = nota.toLowerCase();
+    if (lower.includes('aprobado') || lower.includes('promocionado') || lower.includes('equivalencia')) return 'success';
+    if (lower.includes('regular') || lower.includes('en curso')) return 'warning';
+    return 'medium';
+  }
+
+  // --- SIU Guaraní Mapeo y Auto-Sync ---
+
+  getCleanSubjectName(name: string): string {
+    if (!name) return '';
+    return name.split(' (')[0].trim();
+  }
+
+  matcheaSiu(siuName: string, appName: string): boolean {
+    const siuN = this.normalizeText(siuName);
+    const appN = this.normalizeText(this.getCleanSubjectName(appName));
+    if (!siuN || !appN) return false;
+    return siuN === appN || appN.includes(siuN) || siuN.includes(appN);
+  }
+
+  getSiuMateriaParaCelda(materiaNombre: string): any {
+    if (!materiaNombre || !this.siuMaterias) return null;
+    const siuMat = this.siuMaterias.find(m => this.matcheaSiu(m.nombre, materiaNombre));
+    if (siuMat && this.determinarEstadoSiu(siuMat.nota, siuMat.origen) !== null) {
+      return siuMat;
+    }
+    return null;
+  }
+
+  getSiuBadgeText(siuMat: any): string {
+    if (!siuMat) return '';
+    const notaValid = siuMat.nota && siuMat.nota.trim() !== '' && siuMat.nota !== 'SIN NOTA' && siuMat.nota !== '-';
+    let txt = notaValid ? siuMat.nota : '';
+
+    const estado = this.determinarEstadoSiu(siuMat.nota, siuMat.origen);
+    if (estado === 'encurso') {
+      if (txt) {
+        return txt.toLowerCase().includes('curso') ? txt : `${txt} (En Curso)`;
+      }
+      return 'En Curso';
+    }
+
+    let badgeText = txt || 'Aprobado';
+    badgeText = badgeText.replace(/Promocionado/gi, 'Prom.');
+    badgeText = badgeText.replace(/Aprobado/gi, 'Aprob.');
+    return badgeText;
+  }
+
+  abreviarMateria(nombre: string): string {
+    if (!nombre) return '';
+    let n = nombre;
+    // Sustituciones específicas para encajar mejor en los zócalos
+    n = n.replace('Gestión de Sistemas de Información', 'Gest. Sist. de Info.');
+    n = n.replace('Administración de Negocios Digitales', 'Admin. Negocios Dig.');
+    n = n.replace('Seguridad de la Información', 'Seguridad Info.');
+    n = n.replace('Programación de Vanguardia', 'Prog. de Vanguardia');
+    n = n.replace('Taller: Emprendedurismo en Innovación Digital', 'Taller Emprendedurismo');
+    n = n.replace('Taller: Gestión de Proyectos Digitales', 'Taller Proyectos');
+    n = n.replace('Taller: Control de Calidad de Software', 'Taller QA Software');
+    n = n.replace(/Gestión del Talento Humano en la Industria [dD]igital/, 'Gest. Talento Humano');
+    n = n.replace('Gestión de Redes Informáticas', 'Redes Informáticas');
+    n = n.replace('Desarrollo en Dispositivos Móviles', 'Des. Dispositivos Móviles');
+    n = n.replace('Diseño y Producción de Videojuegos', 'Diseño y Prod. Videojuegos');
+    return n;
+  }
+
+  get siuMateriasFiltradas() {
+    if (!this.siuMaterias) return [];
+    const allCareerSubjects: string[] = [];
+    for (const row of this.getRecorridoData()) {
+      allCareerSubjects.push(row.c1.name, row.c2.name, row.c3.name);
+    }
+    return this.siuMaterias.filter(mat => {
+      const inCareer = allCareerSubjects.some(appName => this.matcheaSiu(mat.nombre, appName));
+      const hasState = this.determinarEstadoSiu(mat.nota, mat.origen) !== null;
+      return inCareer && hasState;
+    });
+  }
+
+  determinarEstadoSiu(nota: string, origen: string): 'aprobada' | 'encurso' | null {
+    const n = parseInt(nota, 10);
+    const lowerNota = (nota || '').toLowerCase();
+    const lowerOrigen = (origen || '').toLowerCase();
+
+    // Si la nota es numérica y es mayor o igual a 4, está aprobada
+    if (!isNaN(n) && n >= 4) return 'aprobada';
+    if (lowerNota.includes('aprobado') || lowerNota.includes('promocionado') || lowerNota.includes('equivalencia')) return 'aprobada';
+    if (lowerOrigen.includes('aprobado') || lowerOrigen.includes('promocionado')) return 'aprobada';
+
+    // Si no está aprobada, pero cursa regular o está anotado
+    if (lowerOrigen.includes('en curso') || lowerNota.includes('en curso') || lowerOrigen.includes('regular')) return 'encurso';
+
+    return null;
+  }
+
+  autoCompletarDesdeSiu() {
+    let changed = false;
+
+    // Primero, pre-mapear optativas huérfanas
+    const newlyMapped = this.autoAsignarOptativasSiu();
+    if (newlyMapped) changed = true;
+
+    const allCareerSubjects: string[] = [];
+    for (const row of this.getRecorridoData()) {
+      allCareerSubjects.push(row.c1.name, row.c2.name, row.c3.name);
+    }
+
+    for (const appName of allCareerSubjects) {
+      if (appName.startsWith('Optativa') && !appName.includes('ASIG')) continue; // Optativa no seleccionada
+
+      const siuMat = this.getSiuMateriaParaCelda(appName);
+      if (siuMat) {
+        const estadoSiu = this.determinarEstadoSiu(siuMat.nota, siuMat.origen);
+        if (estadoSiu === 'aprobada' && !this.aprobadas.includes(appName)) {
+          this.aprobadas = [...this.aprobadas, appName];
+          this.encurso = this.encurso.filter(x => x !== appName);
+          changed = true;
+        } else if (estadoSiu === 'encurso' && !this.aprobadas.includes(appName) && !this.encurso.includes(appName)) {
+          this.encurso = [...this.encurso, appName];
+          changed = true;
+        }
+      }
+    }
+    if (changed) this.guardarProgreso();
+  }
+
+  autoAsignarOptativasSiu(): boolean {
+    if (!this.siuMaterias) return false;
+    let mappedAlgo = false;
+
+    const allCareerSubjects: string[] = [];
+    for (const row of this.getRecorridoData()) {
+      allCareerSubjects.push(row.c1.name, row.c2.name, row.c3.name);
+    }
+
+    const optativasSiu = this.siuMaterias.filter(mat => {
+      const estado = this.determinarEstadoSiu(mat.nota, mat.origen);
+      if (!estado) return false;
+      return !allCareerSubjects.some(appName => this.matcheaSiu(mat.nombre, appName));
+    });
+
+    if (optativasSiu.length > 0) {
+      let slots = ['tec_opt1', 'tec_opt2', 'tec_opt3'];
+      if (this.carreraSeleccionada === 'datos') slots = ['dat_opt1', 'dat_opt2', 'dat_opt3'];
+      else if (this.carreraSeleccionada === 'videojuegos') slots = ['vid_opt1', 'vid_opt2', 'vid_opt3'];
+
+      for (const siuOpt of optativasSiu) {
+        const cleanName = this.getCleanSubjectName(siuOpt.nombre);
+        const alreadySelected = this.optativasSeleccionadas.find(o => this.matcheaSiu(siuOpt.nombre, o.materia));
+        if (!alreadySelected) {
+          const freeSlot = slots.find(s => !this.optativasSeleccionadas.find(o => o.slot === s));
+          if (freeSlot) {
+            this.optativasSeleccionadas.push({ slot: freeSlot, materia: cleanName });
+            // actualizamos el map de todo para que no intente la próxima vuelta
+            allCareerSubjects.push(cleanName);
+            mappedAlgo = true;
+          }
+        }
+      }
+    }
+    return mappedAlgo;
+  }
 }
 

src/app/services/local-storage.service.ts

@@ -12,6 +12,8 @@ export interface AppData {
   aprobadas: string[];
   optativas: {slot: string, materia: string}[];
   encurso: string[];
+  siuMaterias?: {nombre: string, nota: string, origen: string}[];
+  siuLastSync?: string | null;
 }
 
 @Injectable({
@@ -55,7 +57,9 @@ export class LocalStorageService {
           eventos: parsed.eventos || [],
           aprobadas: parsed.aprobadas || [],
           optativas: parsed.optativas || [],
-          encurso: parsed.encurso || []
+          encurso: parsed.encurso || [],
+          siuMaterias: parsed.siuMaterias || [],
+          siuLastSync: parsed.siuLastSync || null
         };
       }
       return null;
@@ -130,7 +134,9 @@ export class LocalStorageService {
             eventos: parsed.eventos || [],
             aprobadas: parsed.aprobadas || [],
             optativas: parsed.optativas || [],
-            encurso: parsed.encurso || []
+            encurso: parsed.encurso || [],
+            siuMaterias: parsed.siuMaterias || [],
+            siuLastSync: parsed.siuLastSync || null
           };
           await this.saveData(importedData);
           return importedData;
@@ -208,7 +214,7 @@ export class LocalStorageService {
       }
 
       const importedData: AppData = {
-        favoritos: favs, eventos: evs, aprobadas: aprobadas, optativas: optativasMap, encurso: encurso
+        favoritos: favs, eventos: evs, aprobadas: aprobadas, optativas: optativasMap, encurso: encurso, siuMaterias: [], siuLastSync: null
       };
       
       if (saveAfter) {

src/app/services/siu-guarani.service.ts

@@ -0,0 +1,66 @@
+import { Injectable } from '@angular/core';
+import { CapacitorHttp, HttpResponse } from '@capacitor/core';
+
+@Injectable({ providedIn: 'root' })
+export class SiuService {
+    private readonly BASE_URL = 'https://siuuniciu.eastus2.cloudapp.azure.com/caba';
+
+    async getAcademicHistory(dni: string, pass: string, carreraId: string = '30'): Promise<any[]> {
+        try {
+            // 1. LOGIN POST
+            const loginData = `usuario=${dni}&password=${pass}&login=Ingresar`;
+            await CapacitorHttp.post({
+                url: `${this.BASE_URL}/acceso?auth=form`,
+                data: loginData,
+                headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
+            });
+
+            // 2. CAMBIO DE CARRERA (Simulando el GET que capturamos)
+            // Esto es lo que destrabó el cuello de botella
+            await CapacitorHttp.get({
+                url: `${this.BASE_URL}/acceso/cambiar_carrera?id=${carreraId}&op=inicio_alumno`,
+            });
+
+            // 3. OBTENER PLAN DE ESTUDIO
+            const resPlan: HttpResponse = await CapacitorHttp.get({
+                url: `${this.BASE_URL}/plan_estudio`,
+            });
+
+            // 4. PARSEO DEL JSON EMBEBIDO
+            // Buscamos el bloque on_arrival que contiene "info_plan"
+            const rawHtml = resPlan.data;
+            const regex = /on_arrival\((\{.*?"id":"info_plan".*?\})\);/s;
+            const match = rawHtml.match(regex);
+
+            if (match && match[1]) {
+                const jsonData = JSON.parse(match[1]);
+                const contentHtml = jsonData.content;
+                return this.parseHtmlSubjects(contentHtml);
+            }
+
+            throw new Error('No se encontró el bloque de materias');
+        } catch (error) {
+            console.error('Error SIU:', error);
+            throw error;
+        }
+    }
+
+    private parseHtmlSubjects(html: string): any[] {
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(html, 'text/html');
+        const rows = Array.from(doc.querySelectorAll('tr'));
+
+        return rows.map(row => {
+            const cols = row.querySelectorAll('td');
+            if (cols.length >= 6) {
+                const nombreRaw = cols[0].textContent?.trim() || '';
+                return {
+                    nombre: nombreRaw.split(' (')[0],
+                    nota: cols[4].textContent?.trim(),
+                    origen: cols[5].textContent?.trim()
+                };
+            }
+            return null;
+        }).filter(item => item && item.nombre);
+    }
+}