cambios postproduccion

This commit is contained in:
2026-09-21 11:08:17 -03:00
parent e36ec1e8ca
commit 3b38b9b760
20 changed files with 128 additions and 123 deletions
+4 -4
View File
@@ -3,7 +3,7 @@
============================================ */
.blog-hero-compact {
padding: calc(var(--spacing-lg) + 2rem) var(--spacing-md) var(--spacing-lg);
background-color: var(--bg-base);
background-color: transparent;
text-align: center;
position: relative;
}
@@ -58,7 +58,7 @@
============================================ */
.blog-filters-section {
padding: var(--spacing-md) var(--spacing-md);
background-color: var(--bg-surface);
background-color: var(--bg-surface-t0);
border-bottom: 1px solid var(--border);
position: relative; /* Sin sticky, fluye normal */
z-index: 1;
@@ -387,7 +387,7 @@
============================================ */
.featured-posts {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-base);
background-color: var(--bg-base-t3);
position: relative;
}
@@ -758,7 +758,7 @@
============================================ */
.newsletter-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-base);
background-color: transparent;
}
.newsletter-card {
+3 -3
View File
@@ -33,7 +33,7 @@
============================================ */
.contacto-grid-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-surface);
background-color: var(--bg-surface-t2);
}
.contacto-grid {
@@ -311,7 +311,7 @@
============================================ */
.proceso-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-base);
background-color: var(--bg-base-t3);
}
.proceso-grid {
@@ -388,7 +388,7 @@
============================================ */
.notas-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-surface);
background-color: var(--bg-surface-t1);
}
.notas-container {
+24 -17
View File
@@ -31,6 +31,14 @@
--bg-surface-elevated: #f5f9f8;
--bg-icon-contrast: var(--brand-teal);
--bg-base-t0:rgba(234,240,238, 0.98);
--bg-base-t1:rgba(234,240,238, 0.95);
--bg-base-t2:rgba(234,240,238, 0.7);
--bg-base-t3:rgba(234,240,238, 0.5);
--bg-surface-t0:rgb(255, 255, 255, 0.98);
--bg-surface-t1:rgb(255, 255, 255, 0.95);
--bg-surface-t2: rgb(255, 255, 255, 0.7);
--text-primary: var(--brand-plum);
--text-secondary: var(--brand-teal);
--text-muted: rgba(34, 23, 40, 0.65);
@@ -77,6 +85,14 @@
--brand-teal-contraste: #116c88;
--brand-crimson-contraste: #d81a5c;
--bg-base-t0:rgba(17,9,22, 0.98);
--bg-base-t1:rgba(17,9,22, 0.95);
--bg-base-t2:rgba(17,9,22, 0.7);
--bg-base-t3:rgba(17,9,22, 0.5);
--bg-surface-t0:rgb(23,12,29, 0.98);
--bg-surface-t1:rgb(23,12,29, 0.95);
--bg-surface-t2: rgb(23,12,29, 0.7);
--text-primary: var(--brand-sage-light);
--text-secondary: var(--brand-rose-muted);
--text-muted: rgba(234, 240, 238, 0.65);
@@ -525,7 +541,7 @@ main section h2 { margin-bottom: var(--spacing-sm); font-size: 1.5rem; }
border-top: 1px solid var(--border);
padding-top: var(--spacing-lg);
margin-top: auto;
background-color: var(--bg-surface);
background-color: var(--bg-surface-t0);
position: relative;
}
@@ -582,7 +598,7 @@ main section h2 { margin-bottom: var(--spacing-sm); font-size: 1.5rem; }
============================================ */
.hero-section {
min-height: calc(100vh - var(--header-height));
background-color: var(--bg-base);
background-color: var(--bg-base-t3);
display: flex; align-items: center; justify-content: center;
padding: var(--spacing-lg) var(--spacing-md);
text-align: center;
@@ -682,7 +698,7 @@ main section h2 { margin-bottom: var(--spacing-sm); font-size: 1.5rem; }
============================================ */
.servicios-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-base);
background-color: var(--bg-base-t3);
}
.servicios-container {
@@ -806,7 +822,7 @@ SECCIÓN DIAGNÓSTICO
============================================ */
.diagnostico-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-base);
background-color: transparent;
}
.diagnostico-header {
@@ -1381,7 +1397,7 @@ RESPONSIVE DIAGNÓSTICO
SECCIÓN METODOLOGÍA
============================================ */
.metodologia-section {
padding: var(--spacing-lg) var(--spacing-md); background-color: var(--bg-base);
padding: var(--spacing-lg) var(--spacing-md); background-color: var(--bg-base-t2);
}
.metodologia-header {
@@ -1491,7 +1507,7 @@ RESPONSIVE DIAGNÓSTICO
SECCIÓN PLANES DESTACADOS
============================================ */
.planes-section {
padding: var(--spacing-lg) var(--spacing-md); background-color: var(--bg-base);
padding: var(--spacing-lg) var(--spacing-md); background-color: transparent;
}
.planes-header { text-align: center; max-width: 700px; margin: 0 auto var(--spacing-lg); }
@@ -1567,7 +1583,7 @@ RESPONSIVE DIAGNÓSTICO
/* ============================================
SECCIÓN PORTFOLIO
============================================ */
.portfolio-section { padding: var(--spacing-lg) var(--spacing-md); background-color: var(--bg-base); }
.portfolio-section { padding: var(--spacing-lg) var(--spacing-md); background-color: var(--bg-base-t2); }
.portfolio-container {
display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--spacing-lg);
max-width: 1400px; margin: 0 auto; align-items: center;
@@ -1686,7 +1702,7 @@ RESPONSIVE DIAGNÓSTICO
============================================ */
.cta-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-base);
background-color: transparent;
}
.cta-card {
@@ -1865,15 +1881,6 @@ main {
}
.hero-section,
.servicios-section,
.diagnostico-section,
.metodologia-section,
.planes-section,
.portfolio-section,
.cta-section {
background-color: transparent !important;
}
/* Responsive */
@media (max-width: 768px) {
+5 -22
View File
@@ -18,24 +18,7 @@
[data-theme="dark"] .logo-light { display: none; }
[data-theme="dark"] .logo-dark { display: block; }
/* (Se omiten estilos intermedios del menú por brevedad, asumo que ya los tienes en tu archivo original.
Si necesitas el bloque completo del menú, avísame, pero se mantiene intacto tu CSS original aquí). */
.site-footer {
border-top: 1px solid var(--border);
padding-top: var(--spacing-lg);
margin-top: auto;
background-color: var(--bg-surface);
}
.footer-bottom {
border-top: 1px solid var(--border);
padding: var(--spacing-sm);
text-align: center;
font-size: 0.875rem;
color: var(--text-muted);
background-color: var(--bg-surface);
font-family: 'Jost', sans-serif;
}
/* ============================================
COMPONENTES REUTILIZABLES
@@ -133,7 +116,7 @@
/* --- DUALIDAD --- */
.dualidad-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-surface);
background-color: var(--bg-surface-t2);
}
.dualidad-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-md);
@@ -191,7 +174,7 @@
/* --- PRINCIPIOS --- */
.principios-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-base);
background-color: var(--bg-base-t2);
}
.principios-grid {
display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md);
@@ -228,7 +211,7 @@
============================================ */
.casos-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-base);
background-color: var(--bg-base-t3);
}
.casos-grid-simetrico {
@@ -452,7 +435,7 @@
============================================ */
.transparencia-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-base);
background-color: var(--bg-base-t2);
}
.transparencia-grid {
@@ -580,7 +563,7 @@
============================================ */
.equipo-section {
padding: var(--spacing-lg) var(--spacing-md);
background-color: var(--bg-base);
background-color: transparent;
}
/* Título con gradiente en la palabra destacada */
+5 -5
View File
@@ -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 {
+6 -8
View File
@@ -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 {