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)!"