feat: tarjetas de crédito en pagos recibidos (catálogo CreditCards, tabla en el formulario, validación y envío)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

apps/web/src/app/features/banking/payment-form.page.html

@@ -84,6 +84,14 @@
     <p class="row"><button type="button" class="btn" (click)="addCheck()">+ Añadir cheque</button></p>
   }
 
+  @if (screen.cards && (!saved() || cards().length)) {
+    <h3>Tarjetas de crédito</h3>
+    <sbo-rows-table [columns]="cardColumns" [rows]="cards()" (rowsChange)="setCards($event)" [readonly]="saved()" [removable]="!saved()" emptyText="Sin tarjetas." />
+    @if (!saved()) {
+      <p class="row"><button type="button" class="btn" (click)="addCard()">+ Añadir tarjeta</button></p>
+    }
+  }
+
   <div class="sbo-hdr" style="margin-top: 14px">
     <div class="sbo-col">
       <sbo-textarea-field label="Comentarios" [(value)]="remarks" [readonly]="saved()" />
@@ -102,6 +110,9 @@
           <tr><td>Efectivo</td><td>{{ fmt(totals().cash) }}</td></tr>
           <tr><td>Transferencia</td><td>{{ fmt(totals().transfer) }}</td></tr>
           <tr><td>Cheques</td><td>{{ fmt(totals().checks) }}</td></tr>
+          @if (screen.cards) {
+            <tr><td>Tarjetas de crédito</td><td>{{ fmt(totals().cards) }}</td></tr>
+          }
           <tr class="strong"><td>Total medios de pago</td><td>{{ fmt(totals().means) }}</td></tr>
           @if (!toAccounts()) {
             <tr><td>A cuenta del socio de negocio</td><td>{{ fmt(totals().onAccount) }}</td></tr>