Feat: Personalizar backdrop del modal y agregar puntaje target en footer

- Cambiar color del backdrop/overlay del modal
  - Usar color de fondo del usuario (var(--cata-bg))
  - Aplicar opacidad de 0.85
  - Mantener blur de 4px para efecto de profundidad

- Agregar puntaje target en footer del paso 2
  - Mostrar "Target: [puntaje]" alineado a la izquierda
  - Botones (Cancelar/Aplicar) alineados a la derecha
  - Usar justify-between para distribución espaciada

- Mejorar experiencia visual con colores personalizados del usuario

nuxt4/app/components/cata/ModalAsignacionRapida.vue

@@ -2,7 +2,7 @@
   <UModal
     v-model:open="isOpen"
     :ui="{
-      overlay: 'backdrop-blur-sm',
+      overlay: 'modal-overlay',
       content: 'cata-bg cata-outline-box',
       header: 'cata-bg',
       body: 'cata-bg',
@@ -77,7 +77,15 @@
 
     <!-- Footer con botones -->
     <template #footer>
-      <div class="flex items-center justify-end gap-2 w-full">
+      <div class="flex items-center justify-between w-full">
+        <!-- Puntaje target a la izquierda -->
+        <div v-if="paso === 2" class="cata-text font-semibold">
+          Target: {{ puntajeDeseado }}
+        </div>
+        <div v-else></div>
+
+        <!-- Botones a la derecha -->
+        <div class="flex items-center gap-2">
           <button
             class="cata-button px-4 py-2"
             @click="cerrar"
@@ -105,6 +113,7 @@
             Aplicar
           </button>
         </div>
+      </div>
     </template>
   </UModal>
 </template>
@@ -241,6 +250,14 @@ const cerrar = () => {
 }
 </script>
 
+<style>
+.modal-overlay {
+  background-color: var(--cata-bg) !important;
+  opacity: 0.85 !important;
+  backdrop-filter: blur(4px);
+}
+</style>
+
 <style scoped>
 .selected-category {
   background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent);