From 1ef86d4281f5cd76c449152770162fe18bfe15dd Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Sun, 19 Oct 2025 02:57:04 -0600
Subject: [PATCH] =?UTF-8?q?Feat:=20Aumentar=20blur=20del=20overlay=20en=20?=
 =?UTF-8?q?modal=20de=20asignaci=C3=B3n=20r=C3=A1pida?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

CAMBIOS:

1. Blur aumentado de 4px a 10px:
   - Antes: backdrop-filter: blur(4px)
   - Ahora: backdrop-filter: blur(10px)
   - Efecto más agresivo en el fondo

2. Opacidad aumentada de 0.85 a 0.90:
   - Fondo ligeramente más oscuro
   - Mejor enfoque en el modal

3. Compatibilidad mejorada:
   - Agregado -webkit-backdrop-filter para WebKit
   - Mejor soporte en Safari y navegadores basados en Chromium

RESULTADO:
El modal ahora tiene un efecto de blur medianamente agresivo
que ayuda a enfocar la atención en el contenido del modal.
---
 nuxt4/app/components/cata/ModalAsignacionRapida.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/nuxt4/app/components/cata/ModalAsignacionRapida.vue b/nuxt4/app/components/cata/ModalAsignacionRapida.vue
index f9e4196..51e3e75 100644
--- a/nuxt4/app/components/cata/ModalAsignacionRapida.vue
+++ b/nuxt4/app/components/cata/ModalAsignacionRapida.vue
@@ -390,8 +390,9 @@ const cerrar = () => {
 <style>
 .modal-overlay {
   background-color: var(--cata-bg) !important;
-  opacity: 0.85 !important;
-  backdrop-filter: blur(4px);
+  opacity: 0.90 !important;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
 }
 </style>