desafios finish

css/styles.css

@@ -21,6 +21,7 @@
   --ide-projects: #ed8d01;
   --ide-academy: #a83c41; 
   --ide-digital: #2c69ab;
+  --teal-dark:   #1B5E6E;
 
   /* Tema Claro (Por defecto) */
   --bg-body: #F8FAFB;
@@ -75,6 +76,7 @@
   --ide-projects: #ed8d01;
   --ide-academy: #a83c41; 
   --ide-digital: #2c69ab;
+  --teal-dark:   #40ab8e;
 
   --text-primary:#4fb389;
   --text-main: #F1F5F9;
@@ -192,6 +194,12 @@ p, li, .lead-text, .text-body, .text-muted {
   line-height: 1.7;
 }
 
+.lead-text-cta {
+  font-size: 1.15rem;
+  color: var(--text-inverse);
+  max-width: 72ch;
+  line-height: 1.7;
+}
 /* --- 4. Layout & Contenedores --- */
 .container {
   width: 100%;
@@ -569,6 +577,17 @@ p, li, .lead-text, .text-body, .text-muted {
   color: var(--ide-accent);
   background-color: var(--ide-accent-soft);
 }
+.btn-outline-cta {
+  background-color: transparent;
+  color: var(--text-inverse);
+  border-color: var(--text-inverse);
+}
+
+.btn-outline-cta:hover {
+  border-color: var(--ide-accent);
+  color: var(--ide-accent);
+  background-color: var(--ide-accent-soft);
+}
 
 .btn-ghost {
   background-color: transparent;
@@ -1002,7 +1021,7 @@ p, li, .lead-text, .text-body, .text-muted {
   padding: 0.2rem 0.85rem;
   border-radius: 20px;
   font-weight: 600;
-  letter-spacing: 0.2px;
+  letter-spacing: 1px !important;
   text-transform: uppercase;
 }
 
@@ -1143,7 +1162,7 @@ p, li, .lead-text, .text-body, .text-muted {
   mask-image: url('../assets/vectores/trofeo.svg');
 }
 .card-academy .ecosystem-bg-vector {
-  opacity: 0.3;
+  opacity: 0.25;
   background-color: var(--ide-academy);
   -webkit-mask-image: url('../assets/vectores/capacitacion.svg');
   mask-image: url('../assets/vectores/capacitacion.svg');