Feat: Mejorar resumen de muestras con colores por categoría y sección organoléptica

- Cambiar botón expandir a estilo texto (solo icono)
- Agregar colores específicos por categoría a iconos de intensidades
- Agregar sección de características organolépticas con notas
- Agregar sección de notas adicionales
- Cambiar badges de puntajes a solo outline (sin relleno)
- Respetar preferencias de color del usuario en badges excepto SCAA
- Corregir tipo de longPressTimer (ReturnType<typeof setTimeout>)

nuxt4/app/pages/cata/sesion.vue

@@ -416,7 +416,7 @@ const abrirVistaExpandida = (muestra: Muestra) => {
 }
 
 // Long press en móvil
-let longPressTimer: NodeJS.Timeout | null = null
+let longPressTimer: ReturnType<typeof setTimeout> | null = null
 const LONG_PRESS_DURATION = 500 // ms
 
 const onTouchStart = (event: TouchEvent, muestra: Muestra) => {
@@ -599,34 +599,26 @@ onMounted(() => {
 
 .boton-expandir {
   flex-shrink: 0;
-  padding: 0.5rem;
-  border-radius: 0.375rem;
-  background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent);
-  border: 1px solid color-mix(in srgb, var(--cata-primary) 30%, transparent);
+  padding: 0.25rem;
+  background: none;
+  border: none;
   color: var(--cata-primary);
-  transition: all 0.2s ease;
   cursor: pointer;
   align-items: center;
   justify-content: center;
+  transition: all 0.2s ease;
+  opacity: 0.7;
 }
 
 .boton-expandir:hover {
-  background-color: color-mix(in srgb, var(--cata-primary) 20%, transparent);
-  transform: scale(1.05);
+  opacity: 1;
+  transform: scale(1.1);
 }
 
 .boton-expandir:active {
   transform: scale(0.95);
 }
 
-.dark .boton-expandir {
-  background-color: color-mix(in srgb, var(--cata-primary) 15%, transparent);
-}
-
-.dark .boton-expandir:hover {
-  background-color: color-mix(in srgb, var(--cata-primary) 25%, transparent);
-}
-
 /* Floating action button */
 .floating-action {
   position: fixed;