Add Beneficios

src/app/perfil/perfil.page.html

@@ -70,6 +70,10 @@
             <span>DNI: {{ siuDni }}</span>
           </div>
         </div>
+        <ion-button expand="block" fill="outline" color="primary" (click)="generateCertificate()" class="btn-cert">
+          <ion-icon name="document-text-outline" slot="start"></ion-icon>
+          Certificado de Alumno Regular
+        </ion-button>
         <ion-button expand="block" fill="clear" color="danger" (click)="logoutSiu()" class="btn-logout">
           <ion-icon name="log-out-outline" slot="start"></ion-icon>
           Cerrar sesión SIU
@@ -167,6 +171,39 @@
       </ion-card-content>
     </ion-card>
 
+    <!-- Beneficios del Estudiante -->
+    <div class="section-header ion-padding-horizontal">
+      <h3>Beneficios del Estudiante</h3>
+      <p>Aprovechá convenios exclusivos por ser parte de UNICABA.</p>
+    </div>
+
+    <ion-row class="benefits-row">
+      <ion-col size="6">
+        <ion-card class="benefit-card" (click)="showBenefitDetail('soy')">
+          <div class="benefit-icon-container soy">
+            <ion-icon name="school-outline"></ion-icon>
+          </div>
+          <ion-card-content>
+            <h4>SOY Estudiante</h4>
+            <p>Descuentos en pasajes de micro.</p>
+            <ion-badge color="success">Activo</ion-badge>
+          </ion-card-content>
+        </ion-card>
+      </ion-col>
+      <ion-col size="6">
+        <ion-card class="benefit-card" (click)="showBenefitDetail('google')">
+          <div class="benefit-icon-container google">
+            <ion-icon name="logo-google" color="primary"></ion-icon>
+          </div>
+          <ion-card-content>
+            <h4>Google Students</h4>
+            <p>Gemini PRO & Drive 1TB.</p>
+            <ion-badge color="tertiary">Bonificado</ion-badge>
+          </ion-card-content>
+        </ion-card>
+      </ion-col>
+    </ion-row>
+
 
     <div class="security-info ion-padding">
       <ion-icon name="lock-closed" color="medium"></ion-icon>