From f7fea294373243bf5dac78cd13f07f746273d31c Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Sun, 19 Oct 2025 01:12:43 -0600
Subject: [PATCH] =?UTF-8?q?Refactor:=20Simplificar=20modal=20de=20asignaci?=
 =?UTF-8?q?=C3=B3n=20r=C3=A1pida=20eliminando=20textos=20explicativos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Eliminar descripción del modal
- Simplificar paso 1: solo input sin textos explicativos
- Simplificar paso 2: subtítulo compacto con [icono] + "Sobresale"/"Palidece" + x/t
- Eliminar texto de contador duplicado
- Eliminar sección de resumen de distribución
- Interfaz más limpia y directa
---
 .../components/cata/ModalAsignacionRapida.vue | 44 +++++--------------
 1 file changed, 11 insertions(+), 33 deletions(-)

diff --git a/nuxt4/app/components/cata/ModalAsignacionRapida.vue b/nuxt4/app/components/cata/ModalAsignacionRapida.vue
index a51455a..0fa5ddc 100644
--- a/nuxt4/app/components/cata/ModalAsignacionRapida.vue
+++ b/nuxt4/app/components/cata/ModalAsignacionRapida.vue
@@ -2,7 +2,6 @@
   <UModal
     v-model:open="isOpen"
     title="Asignación Rápida de Puntajes"
-    description="Distribuye un puntaje total entre las 8 categorías descriptivas"
   >
     <!-- Trigger (slot por defecto) -->
     <slot />
@@ -12,32 +11,28 @@
       <div class="space-y-4">
         <!-- Paso 1: Ingresar puntaje total deseado -->
         <div v-if="paso === 1">
-          <label class="cata-text text-sm font-medium mb-2 block">
-            Puntaje Total Deseado (8-80)
-          </label>
           <input
             v-model.number="puntajeDeseado"
             type="number"
             :min="8"
             :max="80"
-            placeholder="Ej: 45"
+            placeholder="Puntaje Total (8-80)"
             class="cata-input w-full px-3 py-2 rounded-md text-center text-lg"
           />
-          <p class="text-xs cata-text opacity-60 mt-2">
-            Este puntaje se distribuirá entre las 8 categorías descriptivas
-          </p>
         </div>
 
         <!-- Paso 2: Seleccionar categorías que sobresalen o palidecen -->
         <div v-if="paso === 2">
-          <p class="text-sm cata-text mb-3">
-            <span v-if="multiploMasCercano < puntajeDeseado">
-              Selecciona {{ diferencia }} categoría(s) que <strong>sobresalen</strong> en esta muestra:
-            </span>
-            <span v-else>
-              Selecciona {{ diferencia }} categoría(s) que <strong>palidecen</strong> en esta muestra:
-            </span>
-          </p>
+          <!-- Subtítulo con icono y contador -->
+          <div class="flex items-center gap-2 mb-3 cata-text font-medium">
+            <UIcon
+              :name="multiploMasCercano < puntajeDeseado ? 'i-heroicons-arrow-up-circle' : 'i-heroicons-arrow-down-circle'"
+              class="w-5 h-5"
+              :style="{ color: 'var(--cata-primary)' }"
+            />
+            <span>{{ multiploMasCercano < puntajeDeseado ? 'Sobresale' : 'Palidece' }}</span>
+            <span class="ml-auto opacity-60">{{ categoriasSeleccionadas.length }}/{{ diferencia }}</span>
+          </div>
 
           <div class="space-y-2">
             <button
@@ -64,23 +59,6 @@
               />
             </button>
           </div>
-
-          <p class="text-xs cata-text opacity-60 mt-3">
-            Seleccionadas: {{ categoriasSeleccionadas.length }} / {{ diferencia }}
-          </p>
-        </div>
-
-        <!-- Resumen -->
-        <div v-if="paso === 2" class="cata-outline-box rounded-md p-3 text-sm">
-          <p class="cata-text font-medium mb-1">Distribución:</p>
-          <p class="cata-text">• Puntaje base: {{ puntajeBase }} para todas las categorías</p>
-          <p v-if="multiploMasCercano < puntajeDeseado" class="cata-text">
-            • +1 punto a las {{ diferencia }} categoría(s) que sobresalen
-          </p>
-          <p v-else class="cata-text">
-            • -1 punto a las {{ diferencia }} categoría(s) que palidecen
-          </p>
-          <p class="cata-text font-semibold mt-2">Total: {{ puntajeDeseado }} puntos</p>
         </div>
       </div>
     </template>