From c2ba2a561b7e530ef0da61530f33072153ffa63b Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Sat, 18 Oct 2025 16:23:49 -0600
Subject: [PATCH] =?UTF-8?q?Feat:=20Mejorar=20dise=C3=B1o=20de=20accordions?=
 =?UTF-8?q?=20y=20eliminar=20headers=20redundantes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Alinear puntaje final a la derecha en ResumenMuestra (ml-auto)
- Cambiar estilo de accordion: underline simple sin gap entre items
- Ajustar ancho 100% en móviles sin padding lateral (px-0 sm:px-4)
- Eliminar headers redundantes en tabs específicas:
  * Organoléptica: eliminar 'Características Organolépticas'
  * Descriptiva/Afectiva: eliminar 'Intensidades Descriptivas y Afectivas'
  * Defectos: eliminar 'Defectos y Uniformidad'
- Mantener headers en tab Impresión Global para mejor navegación
---
 nuxt4/app/components/cata/FormularioMuestra.vue | 12 ------------
 nuxt4/app/components/cata/ResumenMuestra.vue    |  6 +++---
 nuxt4/app/pages/cata/sesion.vue                 |  8 ++++----
 3 files changed, 7 insertions(+), 19 deletions(-)

diff --git a/nuxt4/app/components/cata/FormularioMuestra.vue b/nuxt4/app/components/cata/FormularioMuestra.vue
index 2a48760..e58b480 100644
--- a/nuxt4/app/components/cata/FormularioMuestra.vue
+++ b/nuxt4/app/components/cata/FormularioMuestra.vue
@@ -2,10 +2,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">
-      <h4 class="tab-section-title cata-text mb-4">
-        Características Organolépticas
-      </h4>
-
       <!-- Selector de Familia de Fragancia/Aroma -->
       <div v-if="mostrarFraganciaAroma" class="form-section">
         <CataSelectorFamilia
@@ -72,10 +68,6 @@
 
     <!-- Tab 2: Descriptiva/Afectiva (todos los sliders incluyendo impresión global) -->
     <div v-if="tabActiva === 'descriptiva-afectiva'" class="tab-content cata-fade-in">
-      <h4 class="tab-section-title cata-text mb-4">
-        Intensidades Descriptivas y Afectivas
-      </h4>
-
       <!-- Sliders de Fragancia -->
       <div v-if="mostrarFraganciaSlider" class="form-section">
         <div class="flex items-center justify-between mb-3">
@@ -335,10 +327,6 @@
 
     <!-- Tab 3: Defectos (tazas y defectos) -->
     <div v-if="tabActiva === 'defectos'" class="tab-content cata-fade-in">
-      <h4 class="tab-section-title cata-text mb-4">
-        Defectos y Uniformidad
-      </h4>
-
       <!-- Tazas No Uniformes -->
       <div class="form-section">
         <CataSelectorTazas
diff --git a/nuxt4/app/components/cata/ResumenMuestra.vue b/nuxt4/app/components/cata/ResumenMuestra.vue
index 0c1f5bc..352d0db 100644
--- a/nuxt4/app/components/cata/ResumenMuestra.vue
+++ b/nuxt4/app/components/cata/ResumenMuestra.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="resumen-muestra w-full">
     <!-- Primera línea: Número, nombre y puntaje -->
-    <div class="flex items-center gap-1.5 mb-1">
+    <div class="flex items-center gap-2 mb-1">
       <!-- Número de muestra -->
       <div class="muestra-numero cata-text font-bold flex-shrink-0">
         #{{ muestra.muestraId }}
@@ -14,8 +14,8 @@
         </div>
       </div>
 
-      <!-- Puntaje final -->
-      <div class="puntaje-final flex-shrink-0 px-1.5 py-0.5 rounded" :class="puntajeClass">
+      <!-- Puntaje final - alineado a la derecha -->
+      <div class="puntaje-final flex-shrink-0 px-2 py-0.5 rounded ml-auto" :class="puntajeClass">
         <span class="font-bold">{{ muestra.puntajeFinal }}</span>
       </div>
     </div>
diff --git a/nuxt4/app/pages/cata/sesion.vue b/nuxt4/app/pages/cata/sesion.vue
index 7f115cb..06c1af0 100644
--- a/nuxt4/app/pages/cata/sesion.vue
+++ b/nuxt4/app/pages/cata/sesion.vue
@@ -155,15 +155,15 @@
       </div>
 
       <!-- Accordions de Muestras -->
-      <div class="muestras-container container mx-auto px-4 py-4">
+      <div class="muestras-container container mx-auto px-0 sm:px-4 py-4">
         <UAccordion
           v-model="accordionAbierto"
           type="multiple"
           :items="accordionItems"
           :ui="{
-            item: 'mb-2 last:mb-0 cata-outline-box rounded-lg overflow-hidden',
-            trigger: 'accordion-trigger w-full px-3 py-2 transition-colors',
-            content: 'border-t border-default',
+            item: 'border-b border-default',
+            trigger: 'accordion-trigger w-full px-4 py-3 transition-colors',
+            content: '',
           }"
         >
           <!-- Header personalizado con ResumenMuestra -->