rf-v4.13-site finish

css/desafio.css

@@ -58,7 +58,7 @@
   align-items: center;
   gap: 1rem;
   padding: 1rem 1.25rem;
-  background: var(--bg-primary, #ffffff);
+  background: var(--bg-body);
   min-height: 80px;
 }
 
@@ -67,7 +67,7 @@
   width: 48px;
   height: 48px;
   border-radius: 10px;
-  background: var(--bg-subtle, #f5f5f5);
+  background: var(--text-inverse);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -210,6 +210,7 @@
 
 /* Columna 1: Textos */
 .modal-compact__col-text {
+  background: var(--bg-subtle);
   padding: 2rem 2rem 2rem 2.5rem;
   border-right: 1px solid var(--border-color, #e0e0e0);
 }
@@ -270,9 +271,9 @@
 
 .modal-compact__list li {
   padding: 0.75rem 1rem;
-  background: var(--bg-subtle, #f5f5f5);
+  background: var(--bg-subtle);
   border-radius: 6px;
-  border-left: 3px solid var(--ide-primary, #0066cc);
+  border-left: 3px solid var(--ide-primary);
   font-size: 0.88rem;
   line-height: 1.5;
   color: var(--text-body, #333);
@@ -280,7 +281,7 @@
 }
 
 .modal-compact__list li:hover {
-  background: var(--bg-primary, #ffffff);
+  background: var(--bg-body);
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
   transform: translateX(3px);
 }
@@ -298,7 +299,7 @@
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
-  background: var(--bg-subtle, #f8f9fa);
+  background: var(--bg-subtle);
   border-radius: 0 var(--radius-lg, 16px) var(--radius-lg, 16px) 0;
 }
 
@@ -327,7 +328,7 @@
   align-items: center;
   gap: 0.75rem;
   padding: 0.75rem;
-  background: var(--bg-primary, #ffffff);
+  background: var(--bg-surface);
   border-radius: 8px;
   transition: all 0.2s ease;
 }