cambios postproduccion

style/planes.css

@@ -3,7 +3,7 @@
    ============================================ */
 .planes-hero {
   padding: var(--spacing-lg) var(--spacing-md);
-  background-color: var(--bg-base);
+  background-color: var(--bg-base-t2);
   min-height: 70vh;
   display: flex;
   align-items: center;
@@ -71,7 +71,7 @@
    ============================================ */
 .planes-selector-section {
   padding: var(--spacing-sm) var(--spacing-xs);
-  background-color: var(--bg-surface);
+  background-color: var(--bg-surface-t1);
   border-top: 1px solid var(--border);
   border-bottom: 1px solid var(--border);
 }
@@ -174,7 +174,7 @@
    ============================================ */
 .planes-panel-section {
   padding: var(--spacing-md) var(--spacing-md);
-  background-color: var(--bg-base);
+  background-color: transparent;
   min-height: 600px;
 }
 
@@ -419,7 +419,7 @@
    ============================================ */
 .planes-comparativa-section {
   padding: var(--spacing-lg) var(--spacing-md);
-  background-color: var(--bg-base);
+  background-color: transparent;
 }
 
 .comparativa-container {
@@ -517,7 +517,7 @@
    ============================================ */
 .planes-cta {
   padding: var(--spacing-lg) var(--spacing-md);
-  background-color: var(--bg-base);
+  background-color: transparent;
 }
 
 .planes-cta-card {