From 2953f184125baeb16ef486afbc94d50b0dd18ee1 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Fri, 26 Sep 2025 17:17:57 -0600
Subject: [PATCH] mejoras de UI 3

---
 frontend/src/styles.css | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 2cd96fd..59f64c8 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -46,7 +46,14 @@ a { color: inherit; }
 :root:not(.light) .topbar {
   background:
     linear-gradient(rgba(var(--card)), rgba(var(--card))) padding-box,
-    linear-gradient(135deg, #ff2e86, #ff6bb0) border-box;
+    linear-gradient(135deg,
+      rgba(255, 46, 134, 0.95) 0%,
+      rgba(255, 46, 134, 0.60) 10%,
+      rgba(255, 107, 176, 0.45) 18%,
+      rgba(0, 0, 0, 0.28) 28%,
+      rgba(0, 0, 0, 0.10) 50%,
+      rgba(0, 0, 0, 0.00) 70%
+    ) border-box;
   box-shadow: 0 0 18px rgba(255, 46, 134, 0.25), 0 0 6px rgba(255, 107, 176, 0.2);
 }
 .title { font-size: 16px; font-weight: 700; letter-spacing: .2px; flex: 1 1 auto; }
@@ -61,12 +68,24 @@ a { color: inherit; }
 .panel { border: 1px solid transparent; background: rgba(var(--card)); border-radius: var(--radius); backdrop-filter: blur(var(--glass-blur)); overflow: hidden; display: flex; flex-direction: column; min-height: 0;
   background:
     linear-gradient(rgba(var(--card)), rgba(var(--card))) padding-box,
-    linear-gradient(135deg, #ff9fcb, #ff7fbb) border-box;
+    radial-gradient(140% 140% at 50% 100%,
+      rgba(255, 159, 203, 0.95) 0%,
+      rgba(255, 127, 187, 0.70) 12%,
+      rgba(255, 127, 187, 0.28) 24%,
+      rgba(255, 127, 187, 0.00) 50%
+    ) border-box;
 }
 :root:not(.light) .panel {
   background:
     linear-gradient(rgba(var(--card)), rgba(var(--card))) padding-box,
-    linear-gradient(135deg, #ff2e86, #ff6bb0) border-box;
+    radial-gradient(140% 140% at 50% 100%,
+      rgba(255, 46, 134, 0.95) 0%,
+      rgba(255, 46, 134, 0.60) 10%,
+      rgba(255, 107, 176, 0.45) 18%,
+      rgba(0, 0, 0, 0.28) 28%,
+      rgba(0, 0, 0, 0.10) 50%,
+      rgba(0, 0, 0, 0.00) 70%
+    ) border-box;
   box-shadow: 0 0 22px rgba(255, 46, 134, 0.18), 0 0 8px rgba(255, 107, 176, 0.15);
 }
 .panel-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid rgba(var(--border)); }