Feat: Mejorar diseño de accordions y eliminar headers redundantes

- 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

@@ -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

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 -->
+      <!-- Puntaje final - alineado a la derecha -->
-      <div class="puntaje-final flex-shrink-0 px-1.5 py-0.5 rounded" :class="puntajeClass">
+      <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>

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',
+            item: 'border-b border-default',
-            trigger: 'accordion-trigger w-full px-3 py-2 transition-colors',
+            trigger: 'accordion-trigger w-full px-4 py-3 transition-colors',
-            content: 'border-t border-default',
+            content: '',
           }"
         >
           <!-- Header personalizado con ResumenMuestra -->