diff --git a/nuxt4/app/components/cata/ResumenMuestraExpandido.vue b/nuxt4/app/components/cata/ResumenMuestraExpandido.vue index cbdbba5..c0e7ad0 100644 --- a/nuxt4/app/components/cata/ResumenMuestraExpandido.vue +++ b/nuxt4/app/components/cata/ResumenMuestraExpandido.vue @@ -376,7 +376,7 @@ const hasOrganolepticData = computed(() => { gap: 0.75rem; padding: 1rem; border-radius: 0.5rem; - background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent); + background-color: transparent; border: 1px solid color-mix(in srgb, var(--cata-primary) 30%, transparent); } @@ -449,13 +449,13 @@ const hasOrganolepticData = computed(() => { } .defecto-warning { - background-color: color-mix(in srgb, #f59e0b 15%, transparent); + background-color: transparent; border-color: #f59e0b; color: #f59e0b; } .defecto-error { - background-color: color-mix(in srgb, #ef4444 15%, transparent); + background-color: transparent; border-color: #ef4444; color: #ef4444; } @@ -470,7 +470,7 @@ const hasOrganolepticData = computed(() => { .organoleptica-item { padding: 1rem; border-radius: 0.5rem; - background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent); + background-color: transparent; border: 1px solid color-mix(in srgb, var(--cata-primary) 30%, transparent); } @@ -527,7 +527,7 @@ const hasOrganolepticData = computed(() => { .notas-adicionales-box { padding: 1rem; border-radius: 0.5rem; - background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent); + background-color: transparent; border: 1px solid color-mix(in srgb, var(--cata-primary) 30%, transparent); } @@ -565,19 +565,19 @@ const hasOrganolepticData = computed(() => { } .dark .intensidad-item { - background-color: color-mix(in srgb, var(--cata-primary) 15%, transparent); + background-color: transparent; } .dark .defecto-warning { - background-color: color-mix(in srgb, #f59e0b 20%, transparent); + background-color: transparent; } .dark .defecto-error { - background-color: color-mix(in srgb, #ef4444 20%, transparent); + background-color: transparent; } .dark .organoleptica-item { - background-color: color-mix(in srgb, var(--cata-primary) 15%, transparent); + background-color: transparent; } .dark .categoria-chip { @@ -585,7 +585,7 @@ const hasOrganolepticData = computed(() => { } .dark .notas-adicionales-box { - background-color: color-mix(in srgb, var(--cata-primary) 15%, transparent); + background-color: transparent; } /* Responsive */