From 4e14ec0a3eaecb1bab1db36256fdbca2d26d15b8 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Sat, 18 Oct 2025 17:18:18 -0600
Subject: [PATCH] =?UTF-8?q?Feat:=20Agregar=20Sensaci=C3=B3n=20en=20Boca=20?=
 =?UTF-8?q?y=20Gustos=20Predominantes=20a=20Impresi=C3=B3n=20Global?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Incluir selector de Sensación en la Boca en la sección Organoléptica de Impresión Global
- Incluir selector de Gustos Predominantes en la sección Organoléptica de Impresión Global
- Mantener la misma funcionalidad y estilos que en la tab Organoléptica
---
 .../app/components/cata/FormularioMuestra.vue | 47 ++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/nuxt4/app/components/cata/FormularioMuestra.vue b/nuxt4/app/components/cata/FormularioMuestra.vue
index 168b42a..eb29910 100644
--- a/nuxt4/app/components/cata/FormularioMuestra.vue
+++ b/nuxt4/app/components/cata/FormularioMuestra.vue
@@ -408,7 +408,7 @@
         </div>
 
         <!-- Selector de Familia de Sabor -->
-        <div class="form-section">
+        <div class="form-section mb-4">
           <CataSelectorFamilia
             tipo="sabor"
             label="Familia de Sabor"
@@ -416,6 +416,51 @@
             @update:model-value="actualizarSabor"
           />
         </div>
+
+        <!-- Sensaciones en Boca (selección única) -->
+        <div class="form-section mb-4">
+          <label class="block text-sm font-medium mb-2 cata-text">
+            Sensación en la Boca
+          </label>
+          <div class="sensaciones-grid">
+            <button
+              v-for="sensacion in sensacionesBoca"
+              :key="sensacion"
+              type="button"
+              :class="[
+                'sensacion-item',
+                'cata-checkbox',
+                { 'cata-checkbox-checked': muestra.sensacionEnBoca === sensacion },
+              ]"
+              @click="seleccionarSensacionBoca(sensacion)"
+            >
+              <span class="sensacion-text cata-text">{{ sensacion }}</span>
+            </button>
+          </div>
+        </div>
+
+        <!-- Gustos Predominantes (máx 2) -->
+        <div class="form-section">
+          <label class="block text-sm font-medium mb-2 cata-text">
+            Gustos Predominantes (mín 1, máx 2)
+          </label>
+          <div class="gustos-grid">
+            <button
+              v-for="gusto in gustosPredominantes"
+              :key="gusto"
+              type="button"
+              :class="[
+                'gusto-item',
+                'cata-checkbox',
+                { 'cata-checkbox-checked': muestra.gustosPredominantes.includes(gusto) },
+              ]"
+              :disabled="!muestra.gustosPredominantes.includes(gusto) && muestra.gustosPredominantes.length >= 2"
+              @click="toggleGustoPredominante(gusto)"
+            >
+              <span class="gusto-text cata-text">{{ gusto }}</span>
+            </button>
+          </div>
+        </div>
       </div>
 
       <!-- Sección: Intensidades -->