fix(web): la columna de lotes y series va junto a la cantidad, a la vista

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

apps/web/src/app/shared/grid/lines-grid.html

@@ -14,11 +14,11 @@
     <thead>
       <tr>
         <th class="rn">#</th>
-        @for (c of columns(); track c.key) {
+        @for (c of columns(); track c.key; let j = $index) {
           <th sboColResize [style.width]="c.width" [style.text-align]="alignOf(c)" [class.req]="c.required">{{ c.title }}</th>
-        }
-        @if (hasDetails()) {
-          <th class="det">Lotes / Series</th>
+          @if (hasDetails() && j === detailAt()) {
+            <th class="det">Lotes / Series</th>
+          }
         }
         @if (!readonly()) {
           <th class="del"><span class="sr">Quitar</span></th>
@@ -69,13 +69,13 @@
                 />
               }
             </td>
-          }
-          @if (hasDetails()) {
-            <td class="det">
-              @for (d of detailsOf(line); track d.key) {
-                <button type="button" class="detbtn" [attr.aria-label]="d.title + ' de la línea ' + (i + 1)" (click)="openDetail(i, d)">{{ d.summary(line) }}</button>
-              }
-            </td>
+            @if (hasDetails() && j === detailAt()) {
+              <td class="det">
+                @for (d of detailsOf(line); track d.key) {
+                  <button type="button" class="detbtn" [attr.aria-label]="d.title + ' de la línea ' + (i + 1)" (click)="openDetail(i, d)">{{ d.summary(line) }}</button>
+                }
+              </td>
+            }
           }
           @if (!readonly()) {
             <td class="del">