Feat: Usar flechas contextuales en selección de categorías

- Categorías que sobresalen: flecha arriba (i-heroicons-arrow-up-circle-solid)
- Categorías que palidecen: flecha abajo (i-heroicons-arrow-down-circle-solid)
- Mantener color del icono según el color de cada categoría

nuxt4/app/components/cata/ModalAsignacionRapida.vue

@@ -58,7 +58,7 @@
               <span class="cata-text">{{ cat.label }}</span>
               <UIcon
                 v-if="categoriasSeleccionadas.includes(cat.key)"
-                name="i-heroicons-check-circle-solid"
+                :name="multiploMasCercano < puntajeDeseado ? 'i-heroicons-arrow-up-circle-solid' : 'i-heroicons-arrow-down-circle-solid'"
                 class="w-5 h-5 ml-auto"
                 :style="{ color: cat.color }"
               />