html{--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: light-dark(#7d00fa, #d5baff);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645b70, #cec2db);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef8fc, #151316);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Barlow Semi Condensed;--mat-sys-body-large-font: Barlow Semi Condensed;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Barlow Semi Condensed;--mat-sys-body-medium-font: Barlow Semi Condensed;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Barlow Semi Condensed;--mat-sys-body-small-font: Barlow Semi Condensed;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Barlow Semi Condensed;--mat-sys-display-large-font: Barlow Semi Condensed;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Barlow Semi Condensed;--mat-sys-display-medium-font: Barlow Semi Condensed;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Barlow Semi Condensed;--mat-sys-display-small-font: Barlow Semi Condensed;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Barlow Semi Condensed;--mat-sys-headline-large-font: Barlow Semi Condensed;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Barlow Semi Condensed;--mat-sys-headline-medium-font: Barlow Semi Condensed;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Barlow Semi Condensed;--mat-sys-headline-small-font: Barlow Semi Condensed;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Barlow Semi Condensed;--mat-sys-label-large-font: Barlow Semi Condensed;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Barlow Semi Condensed;--mat-sys-label-medium-font: Barlow Semi Condensed;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Barlow Semi Condensed;--mat-sys-label-small-font: Barlow Semi Condensed;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Barlow Semi Condensed;--mat-sys-title-large-font: Barlow Semi Condensed;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Barlow Semi Condensed;--mat-sys-title-medium-font: Barlow Semi Condensed;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Barlow Semi Condensed;--mat-sys-title-small-font: Barlow Semi Condensed;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html{--accent-100: #c4b5fd;--accent-200: #a78bfa;--accent-400: #7c3aed;--accent-500: #6d28d9;--accent-bg: rgba(139, 92, 246, .22);--accent-border: rgba(196, 181, 253, .28);--accent-glow: rgba(139, 92, 246, .16);--accent-glow-strong: rgba(139, 92, 246, .28);--accent-gradient: linear-gradient(90deg, #7c3aed, #a855f7);--accent-gradient-shadow: rgba(124, 58, 237, .5);--accent-avatar: linear-gradient(135deg, #7c3aed, #a855f7);--accent-avatar-shadow: rgba(124, 58, 237, .38);--accent-plan-bg: rgba(109, 40, 217, .26);--accent-plan-border: rgba(196, 181, 253, .42);--accent-plan-glow: rgba(139, 92, 246, .28);--accent-btn-text: #7c3aed}html,html[data-theme=dark]{color-scheme:dark;--bg-body: #080518;--bg-body-end: #0a0720;--bg-navbar: rgba(10, 5, 30, .82);--clr-text: rgba(255, 255, 255, .92);--clr-text-muted: rgba(255, 255, 255, .62);--clr-text-faint: rgba(255, 255, 255, .42);--clr-text-ultra-faint: rgba(255, 255, 255, .26);--clr-glass-bg: rgba(255, 255, 255, .09);--clr-glass-bg-hover: rgba(255, 255, 255, .15);--clr-glass-border: rgba(255, 255, 255, .16);--clr-glass-border-hover: rgba(255, 255, 255, .26);--clr-glass-inset: rgba(255, 255, 255, .12);--clr-shadow: rgba(0, 0, 0, .28);--clr-shadow-heavy: rgba(0, 0, 0, .36);--clr-shadow-xl: rgba(0, 0, 0, .42);--clr-navbar-border: rgba(255, 255, 255, .1);--clr-divider: rgba(255, 255, 255, .08);--clr-divider-strong: rgba(255, 255, 255, .1);--clr-section-h2: #ffffff;--clr-section-lead: rgba(255, 255, 255, .7);--clr-card-text: rgba(255, 255, 255, .84);--clr-card-title: #ffffff;--clr-card-desc: rgba(255, 255, 255, .6);--clr-badge-text: #ffffff;--clr-quote-text: rgba(255, 255, 255, .8);--clr-plan-period: rgba(255, 255, 255, .52);--clr-plan-users: rgba(255, 255, 255, .58);--clr-plan-feature: rgba(255, 255, 255, .82);--clr-faq-title: rgba(255, 255, 255, .88);--clr-faq-body: rgba(255, 255, 255, .62);--clr-faq-icon: rgba(255, 255, 255, .55);--clr-cta-subtext: rgba(255, 255, 255, .8);--clr-cta-btn-secondary: #fff;--clr-cta-btn-secondary-border: rgba(255, 255, 255, .5);--clr-cta-btn-secondary-hover-bg: rgba(255, 255, 255, .1);--clr-success: #86efac;--clr-success-bg: rgba(46, 125, 50, .22);--clr-success-border: rgba(134, 239, 172, .18);--clr-warning: #fbbf24;--clr-warning-bg: rgba(234, 88, 12, .2);--clr-warning-border: rgba(251, 191, 36, .18);--clr-error: #fca5a5;--clr-error-bg: rgba(239, 68, 68, .18);--clr-error-border: rgba(239, 68, 68, .28);--bg-hero: radial-gradient(ellipse 80% 60% at 20% 40%, rgba(109, 40, 217, .32) 0%, transparent 65%), radial-gradient(ellipse 60% 50% at 80% 60%, rgba(234, 88, 12, .14) 0%, transparent 60%), linear-gradient(145deg, #0a0518 0%, #130836 45%, #1e0d52 100%);--bg-hero-before: radial-gradient(circle at 15% 85%, rgba(139, 92, 246, .1) 0%, transparent 40%), radial-gradient(circle at 85% 15%, rgba(245, 158, 11, .07) 0%, transparent 35%);--bg-problema: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(109, 40, 217, .18) 0%, transparent 60%), linear-gradient(180deg, #0c0826 0%, #160e3a 100%);--bg-solucion: radial-gradient(ellipse 80% 60% at 80% 50%, rgba(126, 34, 206, .22) 0%, transparent 65%), linear-gradient(145deg, #0e0630 0%, #1c0b4a 50%, #270d5c 100%);--bg-beneficios: radial-gradient(ellipse 60% 50% at 30% 50%, rgba(139, 92, 246, .18) 0%, transparent 60%), linear-gradient(160deg, #0b0622 0%, #140939 100%);--bg-funcionalidades: radial-gradient(ellipse 70% 50% at 70% 30%, rgba(109, 40, 217, .2) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 20% 70%, rgba(234, 88, 12, .09) 0%, transparent 50%), linear-gradient(160deg, #0a0720 0%, #160c3a 100%);--bg-precios: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(109, 40, 217, .18) 0%, transparent 55%), linear-gradient(180deg, #0c0828 0%, #14103e 100%);--bg-testimonios: radial-gradient(ellipse 65% 55% at 15% 50%, rgba(139, 92, 246, .16) 0%, transparent 60%), linear-gradient(160deg, #0f0929 0%, #1a0e40 100%);--bg-faq: radial-gradient(ellipse 60% 40% at 80% 20%, rgba(109, 40, 217, .13) 0%, transparent 55%), linear-gradient(160deg, #0c0826 0%, #160e3c 100%);--bg-cta-final: radial-gradient(ellipse 70% 60% at 30% 50%, rgba(109, 40, 217, .55) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 75% 40%, rgba(234, 88, 12, .42) 0%, transparent 55%), linear-gradient(135deg, #1a0a4a 0%, #2d0a0a 100%);--bg-footer: linear-gradient(180deg, #080518 0%, #0a0720 100%);--clr-footer-border: rgba(255, 255, 255, .07);--clr-cta-overlay: rgba(0, 0, 0, .12)}html[data-theme=light]{color-scheme:light;--bg-body: #f0ecff;--bg-body-end: #e8e3ff;--bg-navbar: rgba(240, 236, 255, .88);--clr-text: rgba(15, 10, 40, .92);--clr-text-muted: rgba(15, 10, 40, .6);--clr-text-faint: rgba(15, 10, 40, .4);--clr-text-ultra-faint: rgba(15, 10, 40, .28);--clr-glass-bg: rgba(255, 255, 255, .62);--clr-glass-bg-hover: rgba(255, 255, 255, .82);--clr-glass-border: rgba(255, 255, 255, .85);--clr-glass-border-hover: rgba(255, 255, 255, .98);--clr-glass-inset: rgba(255, 255, 255, .6);--clr-shadow: rgba(0, 0, 0, .08);--clr-shadow-heavy: rgba(0, 0, 0, .13);--clr-shadow-xl: rgba(0, 0, 0, .18);--clr-navbar-border: rgba(0, 0, 0, .07);--clr-divider: rgba(0, 0, 0, .06);--clr-divider-strong: rgba(0, 0, 0, .09);--clr-section-h2: #0f0a28;--clr-section-lead: rgba(15, 10, 40, .62);--clr-card-text: rgba(15, 10, 40, .84);--clr-card-title: #0f0a28;--clr-card-desc: rgba(15, 10, 40, .62);--clr-badge-text: #ffffff;--clr-quote-text: rgba(15, 10, 40, .78);--clr-plan-period: rgba(15, 10, 40, .5);--clr-plan-users: rgba(15, 10, 40, .55);--clr-plan-feature: rgba(15, 10, 40, .82);--clr-faq-title: rgba(15, 10, 40, .88);--clr-faq-body: rgba(15, 10, 40, .62);--clr-faq-icon: rgba(15, 10, 40, .5);--clr-cta-subtext: rgba(15, 10, 40, .75);--clr-cta-btn-secondary: #0f0a28;--clr-cta-btn-secondary-border: rgba(15, 10, 40, .4);--clr-cta-btn-secondary-hover-bg: rgba(15, 10, 40, .06);--clr-success: #16a34a;--clr-success-bg: rgba(22, 163, 74, .1);--clr-success-border: rgba(22, 163, 74, .2);--clr-warning: #b45309;--clr-warning-bg: rgba(234, 88, 12, .1);--clr-warning-border: rgba(251, 191, 36, .2);--clr-error: #dc2626;--clr-error-bg: rgba(239, 68, 68, .1);--clr-error-border: rgba(239, 68, 68, .2);--bg-hero: radial-gradient(ellipse 80% 60% at 20% 40%, rgba(139, 92, 246, .14) 0%, transparent 65%), radial-gradient(ellipse 60% 50% at 80% 60%, rgba(234, 88, 12, .06) 0%, transparent 60%), linear-gradient(145deg, #f0ecff 0%, #e8e3ff 45%, #ede8ff 100%);--bg-hero-before: radial-gradient(circle at 15% 85%, rgba(139, 92, 246, .06) 0%, transparent 40%), radial-gradient(circle at 85% 15%, rgba(245, 158, 11, .04) 0%, transparent 35%);--bg-problema: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(139, 92, 246, .1) 0%, transparent 60%), linear-gradient(180deg, #f5f2ff 0%, #ece7ff 100%);--bg-solucion: radial-gradient(ellipse 80% 60% at 80% 50%, rgba(139, 92, 246, .1) 0%, transparent 65%), linear-gradient(145deg, #f0ecff 0%, #e9e4ff 50%, #e3deff 100%);--bg-beneficios: radial-gradient(ellipse 60% 50% at 30% 50%, rgba(139, 92, 246, .08) 0%, transparent 60%), linear-gradient(160deg, #f5f2ff 0%, #ece7ff 100%);--bg-funcionalidades: radial-gradient(ellipse 70% 50% at 70% 30%, rgba(139, 92, 246, .1) 0%, transparent 60%), linear-gradient(160deg, #f0ecff 0%, #e9e4ff 100%);--bg-precios: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(139, 92, 246, .08) 0%, transparent 55%), linear-gradient(180deg, #f5f2ff 0%, #ede8ff 100%);--bg-testimonios: radial-gradient(ellipse 65% 55% at 15% 50%, rgba(139, 92, 246, .1) 0%, transparent 60%), linear-gradient(160deg, #f0ecff 0%, #e9e4ff 100%);--bg-faq: radial-gradient(ellipse 60% 40% at 80% 20%, rgba(139, 92, 246, .07) 0%, transparent 55%), linear-gradient(160deg, #f5f2ff 0%, #ece7ff 100%);--bg-cta-final: radial-gradient(ellipse 70% 60% at 30% 50%, rgba(139, 92, 246, .35) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 75% 40%, rgba(234, 88, 12, .22) 0%, transparent 55%), linear-gradient(135deg, #d8ceff 0%, #ffd8b3 100%);--bg-footer: linear-gradient(180deg, #e8e3ff 0%, #ddd7ff 100%);--clr-footer-border: rgba(0, 0, 0, .06);--clr-cta-overlay: rgba(255, 255, 255, .08)}html[data-color=blue]{--accent-100: #93c5fd;--accent-200: #60a5fa;--accent-400: #2563eb;--accent-500: #1d4ed8;--accent-bg: rgba(96, 165, 250, .22);--accent-border: rgba(147, 197, 253, .28);--accent-glow: rgba(96, 165, 250, .16);--accent-glow-strong: rgba(96, 165, 250, .28);--accent-gradient: linear-gradient(90deg, #2563eb, #3b82f6);--accent-gradient-shadow: rgba(37, 99, 235, .5);--accent-avatar: linear-gradient(135deg, #2563eb, #3b82f6);--accent-avatar-shadow: rgba(37, 99, 235, .38);--accent-plan-bg: rgba(29, 78, 216, .26);--accent-plan-border: rgba(147, 197, 253, .42);--accent-plan-glow: rgba(96, 165, 250, .28);--accent-btn-text: #2563eb}html[data-color=green]{--accent-100: #86efac;--accent-200: #4ade80;--accent-400: #16a34a;--accent-500: #15803d;--accent-bg: rgba(74, 222, 128, .18);--accent-border: rgba(134, 239, 172, .28);--accent-glow: rgba(74, 222, 128, .14);--accent-glow-strong: rgba(74, 222, 128, .26);--accent-gradient: linear-gradient(90deg, #16a34a, #22c55e);--accent-gradient-shadow: rgba(22, 163, 74, .5);--accent-avatar: linear-gradient(135deg, #16a34a, #22c55e);--accent-avatar-shadow: rgba(22, 163, 74, .38);--accent-plan-bg: rgba(21, 128, 61, .26);--accent-plan-border: rgba(134, 239, 172, .42);--accent-plan-glow: rgba(74, 222, 128, .26);--accent-btn-text: #16a34a}html[data-color=rose]{--accent-100: #fda4af;--accent-200: #fb7185;--accent-400: #e11d48;--accent-500: #be123c;--accent-bg: rgba(251, 113, 133, .2);--accent-border: rgba(253, 164, 175, .28);--accent-glow: rgba(251, 113, 133, .16);--accent-glow-strong: rgba(251, 113, 133, .28);--accent-gradient: linear-gradient(90deg, #e11d48, #f43f5e);--accent-gradient-shadow: rgba(225, 29, 72, .5);--accent-avatar: linear-gradient(135deg, #e11d48, #f43f5e);--accent-avatar-shadow: rgba(225, 29, 72, .38);--accent-plan-bg: rgba(190, 18, 60, .26);--accent-plan-border: rgba(253, 164, 175, .42);--accent-plan-glow: rgba(251, 113, 133, .28);--accent-btn-text: #e11d48}html[data-color=cyan]{--accent-100: #67e8f9;--accent-200: #22d3ee;--accent-400: #0891b2;--accent-500: #0e7490;--accent-bg: rgba(34, 211, 238, .18);--accent-border: rgba(103, 232, 249, .28);--accent-glow: rgba(34, 211, 238, .14);--accent-glow-strong: rgba(34, 211, 238, .26);--accent-gradient: linear-gradient(90deg, #0891b2, #06b6d4);--accent-gradient-shadow: rgba(8, 145, 178, .5);--accent-avatar: linear-gradient(135deg, #0891b2, #06b6d4);--accent-avatar-shadow: rgba(8, 145, 178, .38);--accent-plan-bg: rgba(14, 116, 144, .26);--accent-plan-border: rgba(103, 232, 249, .42);--accent-plan-glow: rgba(34, 211, 238, .26);--accent-btn-text: #0891b2}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--bg-body);color:var(--clr-text);font:var(--mat-sys-body-medium);font-family:Barlow Semi Condensed,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:1.5rem}.section{padding-block:5rem}.section--sm{padding-block:3rem}.section--lg{padding-block:7rem}@media(max-width:600px){.section{padding-block:3rem}.section--lg{padding-block:4rem}}.display-xl{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}.display-lg{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:600;line-height:1.2}.display-md{font-size:clamp(1.25rem,2.5vw,1.875rem);font-weight:600;line-height:1.3}.text-lead{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;color:var(--mat-sys-on-surface-variant)}.text-center{text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pain-card,.benefit-card,.solucion__card,.feature-card,.plan-card,.testimonial-card{background:var(--clr-glass-bg)!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--clr-glass-border)!important;box-shadow:0 8px 32px var(--clr-shadow),inset 0 1px 0 var(--clr-glass-inset)!important;color:var(--clr-card-text)!important;transition:transform .25s,box-shadow .25s,background .25s}.pain-card:hover,.benefit-card:hover,.solucion__card:hover,.feature-card:hover,.plan-card:hover,.testimonial-card:hover{background:var(--clr-glass-bg-hover)!important;border-color:var(--clr-glass-border-hover)!important;box-shadow:0 16px 48px var(--clr-shadow-heavy),0 0 24px var(--accent-glow),inset 0 1px 0 var(--clr-glass-inset)!important;transform:translateY(-4px)}.navbar{background:var(--bg-navbar);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--clr-navbar-border);box-shadow:0 2px 20px var(--clr-shadow)}.navbar__brand{color:var(--accent-100)}.navbar__links a{color:var(--clr-text-muted)}.navbar__links a:hover{color:var(--accent-100)}.navbar__hamburger{color:var(--clr-text-muted)!important}.navbar__hamburger:hover{color:var(--accent-100)!important}.navbar__mobile-links a{color:var(--clr-text-muted)}.navbar__mobile-links a:hover{color:var(--accent-100)}.section-header h2{color:var(--clr-section-h2)}.section-header .text-lead{color:var(--clr-section-lead)}.hero{background:var(--bg-hero)}.hero:before{background-image:var(--bg-hero-before)}.hero__eyebrow{color:var(--accent-100);background:var(--accent-bg);border:1px solid var(--accent-border)}.hero__cta-secondary{border-color:var(--clr-glass-border-hover)!important;color:var(--clr-text)!important}.hero__disclaimer{color:var(--clr-text-faint)}.problema{background:var(--bg-problema)}.solucion{background:var(--bg-solucion)}.solucion__card h3{color:var(--clr-card-title)}.solucion__card p{color:var(--clr-card-desc)}.solucion__icon{color:var(--accent-200)}.beneficios{background:var(--bg-beneficios)}.funcionalidades{background:var(--bg-funcionalidades)}.precios{background:var(--bg-precios)}.testimonios{background:var(--bg-testimonios)}.faq{background:var(--bg-faq)}.cta-final{background:var(--bg-cta-final)}.cta-final:before{background:var(--clr-cta-overlay)}.cta-final__icon{color:var(--clr-text);filter:drop-shadow(0 0 16px var(--accent-glow-strong))}.cta-final__headline{color:var(--clr-section-h2);text-shadow:0 2px 16px var(--clr-shadow)}.cta-final__subtext{color:var(--clr-cta-subtext)!important}.cta-final__btn-primary{background:#fff!important;color:var(--accent-btn-text)!important;box-shadow:0 4px 24px var(--clr-shadow-heavy)!important}.cta-final__btn-primary:hover{box-shadow:0 8px 32px var(--clr-shadow-xl)!important}.cta-final__btn-secondary{border-color:var(--clr-cta-btn-secondary-border)!important;color:var(--clr-cta-btn-secondary)!important}.cta-final__btn-secondary:hover{background:var(--clr-cta-btn-secondary-hover-bg)!important}.footer{background:var(--bg-footer);border-top:1px solid var(--clr-footer-border)}.footer__brand{color:var(--accent-100)}.footer__tagline,.footer__links a{color:var(--clr-text-faint)}.footer__links a:hover{color:var(--accent-100)}.footer__copy{color:var(--clr-text-ultra-faint)}.pain-card__icon{background:var(--clr-error-bg);border:1px solid var(--clr-error-border)}.pain-card__icon .mat-icon{color:var(--clr-error)}.pain-card__text{color:var(--clr-card-text)}.benefit-card__icon{background:var(--accent-bg);border:1px solid var(--accent-border)}.benefit-card__icon .mat-icon{color:var(--accent-100)}.benefit-card__title{color:var(--clr-card-title)}.benefit-card__desc{color:var(--clr-card-desc)}.feature-card__icon{color:var(--accent-200)}.feature-card__title{color:var(--clr-card-title)}.feature-card__desc{color:var(--clr-card-desc)}.plan-card__name{color:var(--clr-card-title)!important}.plan-card__amount{color:var(--clr-card-title)}.plan-card__period{color:var(--clr-plan-period)}.plan-card__users{color:var(--clr-plan-users)}.plan-card__features li{color:var(--clr-plan-feature)}.plan-card__features li .mat-icon{color:var(--clr-success)}.plan-card__badge{background:var(--accent-gradient);color:var(--clr-badge-text);box-shadow:0 4px 16px var(--accent-gradient-shadow)}.plan-card--highlighted{background:var(--accent-plan-bg)!important;border:1px solid var(--accent-plan-border)!important;box-shadow:0 12px 48px var(--clr-shadow-heavy),0 0 40px var(--accent-plan-glow),inset 0 1px 0 var(--clr-glass-inset)!important}.plan-card--highlighted:hover{box-shadow:0 20px 64px var(--clr-shadow-xl),0 0 56px var(--accent-glow-strong),inset 0 1px 0 var(--clr-glass-inset)!important}.plan-card--highlighted .plan-card__name{color:var(--accent-100)!important}.precios__note{color:var(--clr-text-faint)}.testimonial-card__quote-icon{color:var(--accent-200)}.testimonial-card__quote{color:var(--clr-quote-text)}.testimonial-card__avatar{background:var(--accent-avatar);color:var(--clr-badge-text);box-shadow:0 4px 16px var(--accent-avatar-shadow)}.testimonial-card__author strong{color:var(--clr-card-title)}.testimonial-card__author span{color:var(--clr-plan-period)}.hero__dashboard-mockup{background:var(--clr-glass-bg)!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--clr-glass-border)!important;box-shadow:0 8px 32px var(--clr-shadow),inset 0 1px 0 var(--clr-divider-strong)!important}.hero__dashboard-mockup:hover{box-shadow:0 12px 48px var(--clr-shadow-heavy),0 0 32px var(--accent-glow)!important}.mockup__header{background:var(--clr-divider);border-bottom:1px solid var(--clr-divider-strong)}.mockup__title{color:var(--clr-text-muted)}.mockup__stats{border-bottom:1px solid var(--clr-divider-strong)}.mockup__stat{border-right:1px solid var(--clr-divider)}.mockup__stat:last-child{border-right:none}.mockup__stat .mat-icon{color:var(--accent-200)}.mockup__stat-value{color:var(--clr-card-title)}.mockup__stat-label{color:var(--clr-plan-period)}.mockup__order--done{background:var(--clr-success-bg);color:var(--clr-success);border:1px solid var(--clr-success-border)}.mockup__order--done .mat-icon{color:var(--clr-success)}.mockup__order--progress{background:var(--accent-plan-bg);color:var(--accent-100);border:1px solid var(--accent-border)}.mockup__order--progress .mat-icon{color:var(--accent-100)}.mockup__order--waiting{background:var(--clr-warning-bg);color:var(--clr-warning);border:1px solid var(--clr-warning-border)}.mockup__order--waiting .mat-icon{color:var(--clr-warning)}.faq__panel{background:var(--clr-glass-bg)!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--clr-glass-border)!important;--mat-expansion-container-background-color: transparent;--mat-expansion-header-hover-state-layer-color: var(--clr-divider)}.faq__panel .mat-expansion-panel-header{border-radius:.875rem!important}.faq__panel .mat-expansion-panel-header-title,.faq__panel .mat-panel-title{color:var(--clr-faq-title)!important;font-weight:500}.faq__panel .mat-expansion-indicator:after{color:var(--clr-faq-icon)!important}.faq__panel p{color:var(--clr-faq-body)}