cambios postproduccion

style/servicios.css

@@ -3,7 +3,7 @@
    ============================================ */
 .servicios-hero {
   padding: var(--spacing-lg) var(--spacing-md);
-  background-color: var(--bg-base);
+  background-color: transparent;
   min-height: 70vh;
   display: flex;
   align-items: center;
@@ -71,14 +71,12 @@
    ============================================ */
 .servicios-selector-section {
   padding: var(--spacing-md) var(--spacing-sm);
-  background-color: var(--bg-surface);
+  background-color: var(--bg-base-t1);
   border-top: 1px solid var(--border);
   border-bottom: 1px solid var(--border);
 }
 
-[data-theme="dark"] .servicios-selector-section {
-  background-color: rgba(45, 32, 52, 0.95);
-}
+
 
 .servicios-selector-container {
   max-width: 1200px;
@@ -195,7 +193,7 @@
    ============================================ */
 .servicios-panel-section {
   padding: var(--spacing-md) var(--spacing-xs);
-  background-color: var(--bg-base);
+  background-color: transparent;
   min-height: 400px;
 }
 
@@ -462,7 +460,7 @@
    ============================================ */
 .servicios-casos {
   padding: var(--spacing-lg) var(--spacing-md);
-  background-color: var(--bg-base);
+  background-color: var(--bg-base-t2);
 }
 
 .servicios-casos-container {
@@ -537,7 +535,7 @@
    ============================================ */
 .servicios-cta {
   padding: var(--spacing-lg) var(--spacing-md);
-  background-color: var(--bg-base);
+  background-color: transparent;
 }
 
 .servicios-cta-card {