PDF: Reordenar categorías y evitar truncamiento de familias

- Orden: sin hijos → 2 hijos → 3 hijos
- Calcula ancho total de familia antes de renderizar
- Si familia no cabe, salta a siguiente línea completa

nuxt4/app/utils/pdf/pdfFormulario.ts

@@ -230,7 +230,8 @@ function renderizarSeccionFraganciaAroma(
 }
 
 /**
- * Renderiza categorías con hijos en layout horizontal con wrap
+ * Renderiza categorías con hijos en layout horizontal
+ * Las familias completas nunca se truncan entre líneas
  */
 function renderizarCategoriasHorizontal(
   doc: jsPDF,
@@ -242,32 +243,39 @@ function renderizarCategoriasHorizontal(
 ): void {
   const checkboxSize = 2.5 // Checkbox más pequeño
   const rowHeight = 3.8 // Altura de fila
-  const familySpacing = 4 // Espacio entre familias (grupos padre+hijos)
-  const childIndent = 3 // Indentación para hijos en wrap
+  const familySpacing = 4 // Espacio entre familias
+  const itemSpacing = 1 // Espacio entre items dentro de familia
 
   let currentX = x
   let currentY = y
 
+  doc.setFontSize(PDF_CONFIG.fontSize.tiny)
+
   CATEGORIAS_JERARQUICAS.forEach((cat) => {
-    const isParentChecked = categoriasSeleccionadas.includes(cat.key as any)
-
-    // Calcular ancho necesario para el padre
-    doc.setFontSize(PDF_CONFIG.fontSize.tiny)
+    // Calcular ancho total de la familia (padre + todos los hijos)
     const parentWidth = checkboxSize + 1 + doc.getTextWidth(cat.label)
+    let familyWidth = parentWidth
 
-    // Si no cabe en esta línea, ir a la siguiente
-    if (currentX + parentWidth > x + maxWidth && currentX > x) {
+    if (cat.hijos && cat.hijos.length > 0) {
+      cat.hijos.forEach((hijo) => {
+        familyWidth += itemSpacing + checkboxSize + 1 + doc.getTextWidth(hijo.label)
+      })
+    }
+
+    // Si la familia completa no cabe, ir a la siguiente línea
+    if (currentX + familyWidth > x + maxWidth && currentX > x) {
       currentX = x
       currentY += rowHeight
     }
 
-    // Dibujar checkbox del padre
+    // Renderizar el padre
+    const isParentChecked = categoriasSeleccionadas.includes(cat.key as any)
     dibujarCheckbox(doc, currentX, currentY, isParentChecked, checkboxSize)
     doc.setFont('helvetica', 'bold')
     doc.text(cat.label, currentX + checkboxSize + 1, currentY + 2)
-    currentX += parentWidth + 1
+    currentX += parentWidth + itemSpacing
 
-    // Si tiene hijos, renderizarlos horizontalmente
+    // Renderizar hijos (si los tiene)
     if (cat.hijos && cat.hijos.length > 0) {
       doc.setFont('helvetica', 'normal')
 
@@ -275,15 +283,9 @@ function renderizarCategoriasHorizontal(
         const isChildChecked = subcategoriasSeleccionadas.includes(hijo.key)
         const childWidth = checkboxSize + 1 + doc.getTextWidth(hijo.label)
 
-        // Si no cabe, wrap a siguiente línea con indentación
-        if (currentX + childWidth > x + maxWidth) {
-          currentX = x + childIndent
-          currentY += rowHeight
-        }
-
         dibujarCheckbox(doc, currentX, currentY, isChildChecked, checkboxSize)
         doc.text(hijo.label, currentX + checkboxSize + 1, currentY + 2)
-        currentX += childWidth + 1
+        currentX += childWidth + itemSpacing
       })
     }