diff --git a/nuxt4/app/components/cata/ModalAsignacionRapida.vue b/nuxt4/app/components/cata/ModalAsignacionRapida.vue
index 51e3e75..a8589a0 100644
--- a/nuxt4/app/components/cata/ModalAsignacionRapida.vue
+++ b/nuxt4/app/components/cata/ModalAsignacionRapida.vue
@@ -34,7 +34,11 @@
               :max="72"
               :step="1"
               placeholder="8-72"
-              class="w-full"
+              class="w-full cata-input-number"
+              variant="outline"
+              :ui="{
+                base: 'cata-input text-center text-lg',
+              }"
               @update:model-value="onSumatoriaChangeFromButtons"
               @blur="onSumatoriaBlur"
             />
@@ -51,7 +55,11 @@
               :max="scaaMax"
               :step="0.25"
               placeholder="58.00-100.00"
-              class="w-full"
+              class="w-full cata-input-number"
+              variant="outline"
+              :ui="{
+                base: 'cata-input text-center text-lg',
+              }"
               :format-options="{ minimumFractionDigits: 2, maximumFractionDigits: 2 }"
               @update:model-value="onScaaChangeFromButtons"
               @blur="onScaaBlur"
@@ -390,9 +398,51 @@ const cerrar = () => {
 <style>
 .modal-overlay {
   background-color: var(--cata-bg) !important;
-  opacity: 0.90 !important;
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
+  opacity: 0.95 !important;
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+}
+
+/* Estilos para UInputNumber para que respete los colores del usuario */
+:deep(.cata-input-number input) {
+  background-color: var(--cata-bg) !important;
+  color: var(--cata-text) !important;
+  border-color: color-mix(in srgb, var(--cata-primary) 30%, transparent) !important;
+}
+
+:deep(.cata-input-number input:focus) {
+  border-color: var(--cata-primary) !important;
+  outline: none !important;
+  box-shadow: 0 0 0 1px var(--cata-primary) !important;
+}
+
+:deep(.cata-input-number input::placeholder) {
+  color: color-mix(in srgb, var(--cata-text) 50%, transparent) !important;
+}
+
+/* Botones de incremento/decremento */
+:deep(.cata-input-number button) {
+  color: var(--cata-primary) !important;
+  transition: all 0.2s ease;
+}
+
+:deep(.cata-input-number button:hover) {
+  color: var(--cata-primary) !important;
+  opacity: 0.8;
+}
+
+:deep(.cata-input-number button:active) {
+  transform: scale(0.95);
+}
+
+/* Modo oscuro */
+.dark :deep(.cata-input-number input) {
+  background-color: var(--cata-bg) !important;
+  border-color: color-mix(in srgb, var(--cata-primary) 40%, transparent) !important;
+}
+
+.dark :deep(.cata-input-number input:focus) {
+  box-shadow: 0 0 0 1px var(--cata-primary), 0 0 8px color-mix(in srgb, var(--cata-primary) 30%, transparent) !important;
 }
 </style>