:root{--color-brand-ovinion: #ff4081;--color-brand-ovinion-dark: #c60055;--color-brand-ovinion-light: #ff79b0;--color-gogoratu: rgb(30, 148, 103);--color-kiwilan: rgb(218, 218, 30);--color-iencuestas: #2962ff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--spacing-5xl: 128px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--bg-primary: var(--gray-50);--bg-secondary: #ffffff;--bg-tertiary: var(--gray-100);--bg-elevated: #ffffff;--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-600);--text-disabled: var(--gray-400);--text-on-brand: #ffffff;--border-primary: var(--gray-300);--border-secondary: var(--gray-200);--color-brand: var(--color-brand-ovinion);--color-brand-hover: var(--color-brand-ovinion-dark);--overlay-light: rgba(0, 0, 0, .5);--overlay-dark: rgba(0, 0, 0, .7);--primary-color: var(--color-brand-ovinion);--primary-color-dark: var(--color-brand-ovinion-dark);--primary-color-light: var(--color-brand-ovinion-light);--primary-color-dim: rgba(255, 64, 129, .1);--secondary-color: var(--color-iencuestas);--bg-hover: var(--gray-100);--border-color: var(--border-primary);--success-color: var(--color-success);--error-color: var(--color-error);--text-muted: var(--text-disabled)}.theme-dark{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--bg-elevated: #2a2a2a;--text-primary: #ffffff;--text-secondary: var(--gray-300);--text-tertiary: var(--gray-400);--text-disabled: var(--gray-600);--text-on-brand: #ffffff;--border-primary: var(--gray-700);--border-secondary: var(--gray-800);--color-brand: var(--color-brand-ovinion-light);--color-brand-hover: var(--color-brand-ovinion);--color-gogoratu: color-mix(in srgb, rgb(30, 148, 103), white 10%);--color-iencuestas: color-mix(in srgb, #2962ff, white 15%);--color-success: color-mix(in srgb, #4caf50, white 10%);--color-warning: color-mix(in srgb, #ff9800, white 10%);--color-error: color-mix(in srgb, #f44336, white 10%);--color-info: color-mix(in srgb, #2196f3, white 10%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--overlay-light: rgba(255, 255, 255, .1);--overlay-dark: rgba(0, 0, 0, .8);--primary-color: var(--color-brand-ovinion-light);--primary-color-dark: var(--color-brand-ovinion);--primary-color-light: var(--color-brand-ovinion-light);--primary-color-dim: rgba(255, 121, 176, .15);--secondary-color: color-mix(in srgb, #2962ff, white 15%);--bg-hover: var(--gray-800);--border-color: var(--border-primary);--success-color: var(--color-success);--error-color: var(--color-error);--text-muted: var(--text-disabled)}.product-gogoratu{--color-product: var(--color-gogoratu)}.product-kiwilan{--color-product: var(--color-kiwilan)}.product-iencuestas{--color-product: var(--color-iencuestas)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family-base);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;font-size:var(--font-size-sm)}.btn-primary{background-color:var(--color-brand);color:var(--text-on-brand);border-color:var(--color-brand)}.btn-primary:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn-outline{background-color:transparent;border-color:var(--border-primary);color:var(--text-primary)}.btn-outline:hover{border-color:var(--text-primary);background-color:var(--bg-tertiary)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-brand{color:var(--color-brand)}.text-secondary{color:var(--text-secondary)}