soluciones finish

css/styles.css

@@ -22,6 +22,7 @@
   --ide-academy: #a83c41; 
   --ide-digital: #2c69ab;
   --teal-dark:   #1B5E6E;
+  --cta-hover:#40ab8e;
 
   /* Tema Claro (Por defecto) */
   --bg-body: #F8FAFB;
@@ -77,6 +78,8 @@
   --ide-academy: #a83c41; 
   --ide-digital: #2c69ab;
   --teal-dark:   #40ab8e;
+  --cta-hover:#0d5a91;
+
 
   --text-primary:#4fb389;
   --text-main: #F1F5F9;
@@ -584,9 +587,10 @@ p, li, .lead-text, .text-body, .text-muted {
 }
 
 .btn-outline-cta:hover {
-  border-color: var(--ide-accent);
-  color: var(--ide-accent);
+  border-color: var(--cta-hover);
+  color: var(--cta-hover);
   background-color: var(--ide-accent-soft);
+  transform: translateY(-1px);
 }
 
 .btn-ghost {
@@ -1395,6 +1399,16 @@ p, li, .lead-text, .text-body, .text-muted {
 }
 
 /* --- 16. Filtros de Soluciones --- */
+.solution-card {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.solution-card.hidden {
+  display: none;
+}
+
 .filters-bar {
   display: flex;
   gap: 0.5rem;