cambios postproduccion
This commit is contained in:
+4
-4
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user