nosotros + blog en curso

style/planes.css

@@ -70,7 +70,7 @@
    PLANES - SELECTOR (TABS + PILLS)
    ============================================ */
 .planes-selector-section {
-  padding: var(--spacing-md) var(--spacing-sm);
+  padding: var(--spacing-sm) var(--spacing-xs);
   background-color: var(--bg-surface);
   border-top: 1px solid var(--border);
   border-bottom: 1px solid var(--border);
@@ -188,7 +188,7 @@
   display: none;
   background-color: var(--bg-surface);
   border-radius: 16px;
-  padding: var(--spacing-md);
+  padding: var(--spacing-sm);
   box-shadow: var(--shadow);
   border: 1px solid var(--border);
   animation: slideInPanel 0.5s ease-out;
@@ -212,7 +212,7 @@
 /* Header del panel */
 .panel-header {
   margin-bottom: var(--spacing-sm);
-  padding-bottom: var(--spacing-sm);
+  padding-bottom: var(--spacing-xs);
   border-bottom: 1px solid var(--border);
   text-align: center;
 }
@@ -255,7 +255,7 @@
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: var(--spacing-sm);
-  margin-bottom: var(--spacing-md);
+  margin-bottom: var(--spacing-xs);
 }
 
 .dimension-card {
@@ -331,7 +331,7 @@
 }
 
 .dimension-lista .fa-check {
-  color: var(--brand-teal);
+  color: var(--btn-secondary-hover);
 }
 
 .dimension-lista .fa-times {
@@ -384,7 +384,7 @@
 }
 
 .precio-monto {
-  font-size: 2rem;
+  font-size: 1.5rem;
   font-weight: 700;
   font-family: var(--font-title);
 }