From 2737a9c39b765e7f4c2b563b97fc024c63999cc0 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Sat, 18 Oct 2025 14:26:12 -0600
Subject: [PATCH] =?UTF-8?q?Feat:=20Hacer=20accordions=20m=C3=A1s=20compact?=
 =?UTF-8?q?os=20-=20reducir=20padding=20y=20gaps?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nuxt4/app/components/cata/ResumenMuestra.vue | 13 ++++++-------
 nuxt4/app/pages/cata/sesion.vue              |  8 ++++----
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/nuxt4/app/components/cata/ResumenMuestra.vue b/nuxt4/app/components/cata/ResumenMuestra.vue
index 0b1abf5..932ed68 100644
--- a/nuxt4/app/components/cata/ResumenMuestra.vue
+++ b/nuxt4/app/components/cata/ResumenMuestra.vue
@@ -1,13 +1,13 @@
 <template>
-  <div class="resumen-muestra flex items-center gap-3 w-full">
+  <div class="resumen-muestra flex items-center gap-2 w-full">
     <!-- Número de muestra -->
-    <div class="muestra-numero cata-text font-bold text-lg flex-shrink-0">
+    <div class="muestra-numero cata-text font-bold flex-shrink-0">
       #{{ muestra.muestraId }}
     </div>
 
     <!-- Nombre de muestra -->
     <div class="flex-1 min-w-0">
-      <div class="muestra-nombre cata-text font-semibold truncate">
+      <div class="muestra-nombre cata-text font-semibold truncate text-sm">
         {{ muestra.nombre }}
       </div>
     </div>
@@ -27,17 +27,16 @@ defineProps<ResumenMuestraProps>()
 
 <style scoped>
 .resumen-muestra {
-  min-height: 60px;
-  padding: 0.5rem 0;
+  min-height: 36px;
 }
 
 .muestra-numero {
-  font-size: 1.25rem;
+  font-size: 1rem;
 }
 
 @media (max-width: 640px) {
   .muestra-numero {
-    font-size: 1rem;
+    font-size: 0.875rem;
   }
 }
 </style>
diff --git a/nuxt4/app/pages/cata/sesion.vue b/nuxt4/app/pages/cata/sesion.vue
index 76803ff..a993831 100644
--- a/nuxt4/app/pages/cata/sesion.vue
+++ b/nuxt4/app/pages/cata/sesion.vue
@@ -128,14 +128,14 @@
       </div>
 
       <!-- Accordions de Muestras -->
-      <div class="muestras-container container mx-auto px-4 py-6">
+      <div class="muestras-container container mx-auto px-4 py-4">
         <UAccordion
           v-model="accordionAbierto"
           type="multiple"
           :items="accordionItems"
           :ui="{
-            item: 'mb-4 last:mb-0 cata-outline-box rounded-lg overflow-hidden',
-            trigger: 'accordion-trigger w-full px-4 py-3 transition-colors',
+            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',
           }"
         >
@@ -148,7 +148,7 @@
 
           <!-- Content con FormularioMuestra -->
           <template #content="{ item }">
-            <div class="p-4">
+            <div class="p-3">
               <CataFormularioMuestra
                 v-if="sesionActiva && obtenerMuestraPorValue(item.value)"
                 :muestra="obtenerMuestraPorValue(item.value)!"