body { font-family: 'Inter', sans-serif; background-color: #08080f; color: #FFFFFF; }
.light body, body.light { background-color: #FFFFFF; color: #1A1A1A; }

.light nav { background-color: #FFFFFF !important; border-color: rgba(0,0,0,0.1) !important; }
.light nav .text-white, .light nav a, .light nav .font-bold { color: #1A1A1A !important; }
.light nav .hover\:text-violet-400:hover { color: #7c3aed !important; }
.light nav .bg-primary-container { background-color: #7c3aed; color: #FFFFFF; }

.light #mobile-menu { background-color: #FFFFFF !important; border-color: rgba(0,0,0,0.1) !important; }
.light #mobile-menu a { color: #1A1A1A !important; }
.light #mobile-menu a:hover { color: #7c3aed !important; }
.light #mobile-menu-toggle { color: #1A1A1A; }

.light .nav-link { color: #1A1A1A !important; }
.light .nav-link:hover { color: #7c3aed !important; }
.font-headline { font-family: 'Space Grotesk', sans-serif; }
.glass-card {
    background: rgba(31, 31, 39, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.gradient-text {
    background: linear-gradient(135deg, #7c3aed 0%, #03b5d3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-button {
    background: linear-gradient(135deg, #7c3aed 0%, #03b5d3 100%);
}
.navy-accent { color: #1E3A8A; }
.bg-navy { background-color: #1E3A8A; }
.text-body-white { color: #FFFFFF !important; }
.text-positive { color: #00ff00 !important; }
.text-negative { color: #ff0000 !important; }
.timeline-line {
    background: linear-gradient(90deg, transparent, #7c3aed 50%, transparent);
}
.section-divider {
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, transparent, rgba(124,58,237,0.2), transparent);
}
.hero-bg-image {
    background-image: linear-gradient(rgba(8, 8, 15, 0.85), rgba(8, 8, 15, 0.85)), url('https://lh3.googleusercontent.com/aida-public/AB6AXuBAAVbFgptiJAc8nLtt4E3_lBwb19IPuEWfGlfuCV75rmubdIPvQ0AML8GsKQEKINw509Xi0HXd9Rc7rLc-7XfkjtRbihEPi1x-yNJyJbHkQ1Y7WtEhozgu6xIitSfA1E8q1m6yqCCJq6Vdn3LKXoIIurVAIlXu1DiuDmzLiYvRmCtY0_ZSMeTtX-B5Zas4skvmnvHrOJoL6lx8_Kxx0c1tvnMzEFYTvc_W730x6Fc0qEAi670t6R8GirtPb86IF5YwLjxhnGnTc0td');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.light .theme-toggle { color: #1A1A1A; }
.light .theme-toggle:hover { background-color: rgba(0,0,0,0.1); }

.light #problema, .light #solucion, .light #servicios, .light #cta { background-color: #FFFFFF; }
.light #problema h2, .light #solucion h2, .light #servicios h2, .light #cta h2,
.light #problema h3, .light #solucion h3, .light #servicios h3 { color: #1A1A1A; }
.light #problema p, .light #solucion p, .light #servicios p, .light #cta p { color: #4A4A4A; }

.light #impacto, .light #oferta, .light #contacto { background-color: #F3F4F6; }
.light #impacto h2, .light #oferta h2, .light #contacto h2,
.light #impacto h3, .light #oferta h3, .light #contacto h3 { color: #1A1A1A; }
.light #impacto p, .light #oferta p, .light #contacto p { color: #4A4A4A; }

.light .section-divider { background: linear-gradient(90deg, transparent, rgba(124,58,237,0.3), transparent); }

.light .glass-card { background: rgba(255,255,255,0.9); border-color: rgba(0,0,0,0.1); }
.light .glass-card input, .light .glass-card textarea { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.15); color: #1A1A1A; }
.light .glass-card input::placeholder, .light .glass-card textarea::placeholder { color: rgba(0,0,0,0.3); }
.light .glass-card label { color: #4A4A4A; }

.light .bg-surface-container-high, .light .bg-surface-container { background-color: #F9FAFB; border-color: rgba(0,0,0,0.08); }
.light .bg-surface-container-highest { background-color: #FFFFFF; border-color: rgba(0,0,0,0.1); }

.light .card-dark { background-color: #FFFFFF; border-color: rgba(0,0,0,0.1); }
.light .card-dark h3 { color: #1A1A1A; }
.light .card-dark p { color: #4A4A4A; }

.light .text-secondary { color: #7c3aed !important; }

.light footer, .light .footer-dark { background-color: #0f0f1f; }

.light .material-symbols-outlined { color: #1A1A1A; }
.light .text-on-surface-variant { color: #4A4A4A; }
.light .text-white\/90 { color: #1A1A1A; }
.light .text-white\/70 { color: #4A4A4A; }

.light .border-white\/5 { border-color: rgba(0,0,0,0.08); }
.light .border-white\/10 { border-color: rgba(0,0,0,0.12); }

.light .bg-surface-container-high:hover { background-color: #F0F0F0; }

.light .border-l-4 { border-color: #7c3aed; }
.light .bg-primary\/20 { background-color: rgba(124,58,237,0.15); }
.light .bg-surface-bright { background-color: #E5E7EB; }

.light .quote-dark { border-color: #7c3aed; color: #4A4A4A; }
.light .text-slate-400 { color: #6B7280; }
.light .text-slate-500 { color: #6B7280; }

.light #hero p.text-white\/90, .light #hero .text-white\/90 { color: #FFFFFF !important; }

/* .light #problema .group:hover .material-symbols-outlined { color: #FFFFFF !important; }
.light #problema .group:hover h3 { color: #FFFFFF !important; }
.light #problema .group:hover p { color: #FFFFFF !important; } */

.light .section-divider-light { background: linear-gradient(90deg, transparent, rgba(124,58,237,0.15), transparent); }