From 6f2832ca33b7a5f00b1f8bad5c1c3ac3fb92aa36 Mon Sep 17 00:00:00 2001
From: Sergio Nicolas Lavaise <snlavaise@gmail.com>
Date: Tue, 21 Apr 2026 08:51:51 -0300
Subject: [PATCH] style: update badge styling to use specific color shades in
 HistoriaClinica component

---
 src/sections/HistoriaClinica.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/sections/HistoriaClinica.tsx b/src/sections/HistoriaClinica.tsx
index 415ff78..3da26cf 100644
--- a/src/sections/HistoriaClinica.tsx
+++ b/src/sections/HistoriaClinica.tsx
@@ -1626,7 +1626,7 @@ function SeccionAcidosBase({ ab, patientId, add, update, del }: {
                               "red";
 
                       return (
-                        <Badge className={`bg-${color}`}>
+                        <Badge className={`bg-${color}-100 text-${color}-900 border-${color}-100`}>
                           {pf.toFixed(1)}
                         </Badge>
                       );