Feat: Agregar barra de subcategorías sticky debajo de tabs principales

nuxt4/app/composables/useCatacion.ts

@@ -7,11 +7,21 @@ import { crearSesionVacia, calcularPuntajeFinal } from '~/types/catacion'
 
 export type TabCatacion = 'organoleptica' | 'descriptiva-afectiva' | 'defectos' | 'impresion-global'
 
+// Subcategorías para Organoléptica
+export type SubcategoriaOrganoleptica = 'fragancia-aroma' | 'sabor' | 'sensacion-boca' | 'gustos-predominantes'
+
+// Subcategorías para Descriptiva/Afectiva
+export type SubcategoriaDescriptivaAfectiva = 'descriptiva' | 'afectiva' | 'fragancia' | 'aroma' | 'sabor' | 'sabor-residual' | 'acidez' | 'dulzor' | 'sensacion-boca' | 'impresion-global'
+
+// Tipo unión de todas las subcategorías
+export type Subcategoria = SubcategoriaOrganoleptica | SubcategoriaDescriptivaAfectiva | null
+
 export const useCatacion = () => {
   const { sesionActiva, cargando, error, guardar, actualizar, eliminar } = useIndexedDB()
 
   // Estado de la UI
   const tabActiva = useState<TabCatacion>('tab-activa', () => 'organoleptica')
+  const subcategoriaActiva = useState<Subcategoria>('subcategoria-activa', () => null)
   const accordionAbierto = useState<string[]>('accordion-abierto', () => [])
 
   /**
@@ -293,6 +303,7 @@ export const useCatacion = () => {
 
     // Estado de la UI
     tabActiva,
+    subcategoriaActiva,
     accordionAbierto,
 
     // Estadísticas