From b28f8e4dd9c4f82312aaab2eab6616d33bee55e6 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Sun, 19 Oct 2025 04:21:10 -0600
Subject: [PATCH] Fix: Cambiar contenedores de resumen detallado a solo outline
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remover fondos rellenos de intensidades, defectos, organoléptica y notas
- Mantener fondo relleno solo en elementos seleccionados (categoria-chip)
- Aplicar cambios tanto en modo claro como oscuro
---
 .../cata/ResumenMuestraExpandido.vue          | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

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 */