:root{--bg-primary: #0B0E14;--bg-secondary: #111827;--bg-card: #1E293B;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--accent-primary: #0EA5E9;--accent-secondary: #06B6D4;--accent-hover: #0284C7;--accent-glow: rgba(14, 165, 233, .3);--border-color: rgba(255, 255, 255, .08);--navbar-bg: rgba(11, 14, 20, .7);--hero-bg: radial-gradient(circle at 50% 0%, #1e293b 0%, #0B0E14 80%);--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .05);--bg-item: rgba(255, 255, 255, .03);--plan-card-bg-recommended: linear-gradient(180deg, rgba(14, 165, 233, .1) 0%, rgba(15, 23, 42, .4) 100%);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.5rem;--plan-aliado-color: #C0C0C0;--plan-aliado-rgb: 192, 192, 192;--plan-futuro-color: #FFD700;--plan-futuro-rgb: 255, 215, 0;--success: #10B981;--success-rgb: 16, 185, 129;--warning: #F59E0B;--warning-rgb: 245, 158, 11;--error: #EF4444;--error-rgb: 239, 68, 68;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3)}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}:root.light{--bg-primary: #F3F4F6;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #9CA3AF;--accent-primary: #0284C7;--accent-secondary: #0891B2;--accent-hover: #0369A1;--accent-glow: rgba(2, 132, 199, .2);--border-color: rgba(0, 0, 0, .1);--navbar-bg: rgba(255, 255, 255, .8);--hero-bg: radial-gradient(circle at 50% 0%, #E0F2FE 0%, #F3F4F6 80%);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .05);--bg-item: rgba(0, 0, 0, .03);--plan-card-bg-recommended: linear-gradient(180deg, rgba(2, 132, 199, .1) 0%, rgba(255, 255, 255, .5) 100%);--plan-aliado-color: #475569;--plan-aliado-rgb: 71, 85, 105;--plan-futuro-color: #D97706;--plan-futuro-rgb: 217, 119, 6;--success: #059669;--success-rgb: 5, 150, 105;--warning: #D97706;--warning-rgb: 217, 119, 6;--error: #DC2626;--error-rgb: 220, 38, 38;--shadow-card: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}a{text-decoration:none;color:inherit;transition:color .2s}button{cursor:pointer;border:none;font-family:inherit}.hidden{display:none!important}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-outline{border:1px solid var(--text-secondary);color:var(--text-primary);background:transparent}.btn-outline:hover{border-color:var(--text-primary);background:#8080801a}.card{background-color:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:background-color .3s,border-color .3s,box-shadow .3s}.text-gradient{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.desktop-menu{display:flex;gap:2rem;align-items:center}.mobile-toggle{display:none}.theme-toggle:hover{transform:scale(1.1);background-color:var(--bg-secondary)!important}@media(max-width:768px){.desktop-menu{display:none!important}.mobile-toggle{display:flex!important;gap:1rem;align-items:center}}@media(min-width:1024px){.sidebar{transform:translate(0)!important}.main-content{margin-left:280px!important}.lg\:hidden{display:none!important}.lg\:flex{display:flex!important}}.nav-item{color:var(--text-primary);transition:color .2s ease}.nav-item:hover{color:var(--accent-primary)!important}