palabras clave en gradiente

css/styles.css

@@ -13,7 +13,11 @@
   --c-plum-2: #110916;
   --c-mist: #eaf0ee;
   --c-blush: #dfbdb9;
+  --rose-gold-1: #DFBDB9;
+  --rose-gold-2: #BA8B7A;
+  --rose-gold-3: #C89A82;
 
+  
   /* --- Semantic tokens: LIGHT theme --- */
   --bg: var(--c-mist);
   --bg-raised: #ffffff;
@@ -53,6 +57,12 @@
   --radius-arch: 999px 999px 12px 12px;
   --max-w: 1180px;
 
+  .grad-word {
+  background: linear-gradient(100deg, var(--c-teal-web) 0%, var(--c-magenta) 70%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  }
   color-scheme: light;
 }
 
@@ -70,6 +80,12 @@ html[data-theme="dark"] {
   --border: rgba(234, 240, 238, 0.14);
   --border-strong: rgba(234, 240, 238, 0.28);
   --shadow: 0 18px 50px -18px rgba(0, 0, 0, 0.6);
+  .grad-word {
+  background: linear-gradient(100deg, var(--c-magenta) 0%, var(--c-teal-web) 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  }
   color-scheme: dark;
 }
 
@@ -102,7 +118,7 @@ h1, h2, h3, h4 {
   margin: 0;
   color: var(--text);
 }
-h1 { font-size: var(--step-4); font-style: italic; font-weight: 700; }
+h1 { font-size: var(--step-4); font-style: italic; font-weight: 600; }
 h2 { font-size: var(--step-3); font-style: italic; }
 h3 { font-size: var(--step-2); }
 h4 { font-size: var(--step-1); font-style: italic; }