cambiesito

nuxt4/app/components/cata/FormularioMuestra.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="formulario-muestra  space-y-6">
+  <div class="formulario-muestra p-4 space-y-6">
     <!-- Tab 1: Organoléptica (solo selectores de familia) -->
     <div v-if="tabActiva === 'organoleptica'" class="tab-content cata-fade-in">
       <!-- Selector de Familia de Fragancia/Aroma -->
@@ -24,7 +24,7 @@
 
       <!-- Sensaciones en Boca (selección única) -->
       <div v-if="mostrarSensacionBocaOrganoleptica" class="form-section">
-        <label class="block text-sm font-medium mb-2 cata-text">
+        <label class="block text-sm font-medium mt-2 cata-text">
           Sensación en la Boca
         </label>
         <div class="sensaciones-grid">
@@ -46,8 +46,8 @@
 
       <!-- Gustos Predominantes (máx 2) -->
       <div v-if="mostrarGustosPredominantes" class="form-section">
-        <label class="block text-sm font-medium mb-2 cata-text">
-          Gustos Predominantes (mín 1, máx 2)
+        <label class="block text-sm font-medium mt-2 cata-text">
+          Gustos Predominantes
         </label>
         <div class="gustos-grid">
           <button
@@ -407,7 +407,7 @@
       </h4>
 
       <!-- Sección: Organoléptica -->
-      <div class="global-section mb-6  cata-outline-box rounded-lg">
+      <div class="global-section mb-6 p-4 cata-outline-box rounded-lg">
         <h5 class="global-section-title cata-text mb-4">Características Organolépticas</h5>
 
         <!-- Selector de Familia de Fragancia/Aroma -->
@@ -477,7 +477,7 @@
       </div>
 
       <!-- Sección: Intensidades -->
-      <div class="global-section mb-6  cata-outline-box rounded-lg">
+      <div class="global-section mb-6 p-4 cata-outline-box rounded-lg">
         <h5 class="global-section-title cata-text mb-4">Intensidades Descriptivas y Afectivas</h5>
 
         <!-- Fragancia -->
@@ -738,7 +738,7 @@
       </div>
 
       <!-- Sección: Defectos -->
-      <div class="global-section mb-6  cata-outline-box rounded-lg">
+      <div class="global-section mb-6 p-4 cata-outline-box rounded-lg">
         <h5 class="global-section-title cata-text mb-4">Defectos y Uniformidad</h5>
 
         <!-- Tazas No Uniformes -->
@@ -784,14 +784,11 @@
       </div>
 
       <!-- Sección: Detalles Adicionales -->
-      <div class="global-section mb-6  cata-outline-box rounded-lg">
-        <h5 class="global-section-title cata-text mb-4">Notas Adicionales</h5>
+      <div class="global-section mb-6 p-4 cata-outline-box rounded-lg">
+        <h5 class="global-section-title cata-text mt-2">Notas Adicionales</h5>
 
         <!-- Otras Notas -->
         <div class="form-section">
-          <label class="block text-sm font-medium mb-2 cata-text">
-            Otras Notas
-          </label>
           <textarea
             v-model="otrasNotasLocal"
             class="cata-input w-full min-h-[100px] resize-y"
@@ -802,7 +799,7 @@
       </div>
 
       <!-- Puntajes (solo lectura) -->
-      <div class="global-section  cata-outline-box rounded-lg space-y-4">
+      <div class="global-section p-4 cata-outline-box rounded-lg space-y-4">
         <!-- Sumatoria Afectiva -->
         <div class="puntaje-item">
           <div class="flex items-baseline justify-between">
@@ -878,13 +875,13 @@ const deberMostrarSeccion = (subcategorias: Subcategoria[]): boolean => {
 }
 
 // Nueva función para filtrado restrictivo de sliders por tipo y categoría
-const deberMostrarSlider = (tipo: 'descriptiva' | 'afectiva', categoria: Exclude<Subcategoria, null>): boolean => {
+const deberMostrarSlider = (tipo: 'descriptiva' | 'afectiva', categoria: Subcategoria): boolean => {
   // Si no hay filtros activos, mostrar todo
   if (!props.subcategoriasActivas || props.subcategoriasActivas.length === 0) return true
 
   // Separar filtros en tipos y categorías
   const filtrosTipo = props.subcategoriasActivas.filter(s => s === 'descriptiva' || s === 'afectiva')
-  const filtrosCategoria = props.subcategoriasActivas.filter((s): s is Exclude<Subcategoria, null> =>
+  const filtrosCategoria = props.subcategoriasActivas.filter(s =>
     s !== 'descriptiva' && s !== 'afectiva' && s !== null
   )