feat(web): Indicador, prefijo y número del folio juntos en una fila (documentos de facturación y asiento) y las tres fechas de la cabecera en orden

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

apps/web/src/app/features/documents/document-form.page.html

@@ -72,6 +72,23 @@
   }
 </sbo-window>
 
+@if (groupCell(); as cell) {
+  @if (cell.kind === 'lookup') {
+    <sbo-value-help
+      [open]="true"
+      [title]="cell.lookup.title"
+      [resource]="cell.lookup.resource"
+      [columns]="cell.lookup.columns"
+      [baseFilter]="cell.lookup.baseFilter"
+      [orderby]="cell.lookup.orderby"
+      [rowKey]="cell.lookup.valueKey"
+      [extraFields]="cell.lookup.extraFields ?? []"
+      (selected)="groupPicked($event)"
+      (closed)="groupCell.set(null)"
+    />
+  }
+}
+
 @if (copyListScreen(); as src) {
   <sbo-value-help
     [open]="true"
@@ -184,6 +201,23 @@
         />
       </sbo-field>
     }
+    @case ('group') {
+      <sbo-field [label]="f.label">
+        @for (c of f.cells; track c.key) {
+          <sbo-input
+            [width]="c.width"
+            [maxlength]="c.kind === 'text' ? c.maxlength : undefined"
+            [ariaLabel]="c.label"
+            [readonly]="readOnly() || locked(f)"
+            [value]="str(header()[c.key])"
+            (valueChange)="setHeader(c.key, $event)"
+          />
+          @if (c.kind === 'lookup' && !(readOnly() || locked(f))) {
+            <button type="button" class="sbo-btn" [attr.aria-label]="'Abrir la lista de ' + c.label.toLowerCase()" title="Lista de valores" (click)="groupCell.set(c)">…</button>
+          }
+        }
+      </sbo-field>
+    }
     @case ('series') {
       <sbo-field [label]="f.label">
         <sbo-select