:root{--color-naranja:#ff6b00;--color-amarillo:#ffd900c7;--color-verde:#28a745;--color-verde-oscuro:#176128;--primary:#3A7BD5;--primary-dark:#2E5C8A;--primary-darker:#1E3A5F;--primary-darkest:#0B1F3F;--primary-light:#6BA3D8;--primary-lighter:#A4C9E8;--primary-lightest:#D6E8F7;--secondary:#00B8D4;--secondary-dark:#0097A7;--secondary-light:#4DD0E1;--temp-congelacion:#00BCD4;--temp-frio:#42A5F5;--temp-fresco:#66BB6A;--temp-templado:#FFA726;--temp-calido:#FF7043;--temp-calor:#F44336;--temp-extremo:#D32F2F;--sol:#FFB627;--sol-intenso:#FF9800;--lluvia:#00B8D4;--lluvia-fuerte:#0288D1;--tormenta:#6C5CE7;--tormenta-severa:#5B3FD6;--nieve:#E3F2FD;--nieve-intensa:#BBDEFB;--viento:#78909C;--viento-fuerte:#546E7A;--niebla:#CFD8DC;--nube:#90A4AE;--success:#10B981;--success-dark:#059669;--success-light:#6EE7B7;--success-bg:rgba(16, 185, 129, 0.1);--warning:#FFB627;--warning-dark:#F59E0B;--warning-light:#FCD34D;--warning-bg:rgba(255, 182, 39, 0.1);--danger:#FF6B6B;--danger-dark:#E53935;--danger-light:#FF8A80;--danger-bg:rgba(255, 107, 107, 0.1);--info:#3A7BD5;--info-dark:#2E5C8A;--info-light:#6BA3D8;--info-bg:rgba(58, 123, 213, 0.1);--white:#FFFFFF;--black:#000000;--gray-50:#F8F9FA;--gray-100:#F3F4F6;--gray-200:#E9ECEF;--gray-300:#DEE2E6;--gray-400:#CED4DA;--gray-500:#ADB5BD;--gray-600:#6C757D;--gray-700:#495057;--gray-800:#343A40;--gray-900:#212529;--bg-primary:#F8F9FA;--bg-secondary:#FFFFFF;--bg-tertiary:#E9ECEF;--bg-dark:#0B1F3F;--bg-overlay:rgba(11, 31, 63, 0.85);--bg-amanecer:rgba(255, 182, 39, 0.15);--bg-mediodia:rgba(58, 123, 213, 0.08);--bg-atardecer:rgba(255, 112, 67, 0.15);--bg-noche:rgba(11, 31, 63, 0.9);--text-primary:#0B1F3F;--text-secondary:#495057;--text-tertiary:#6C757D;--text-disabled:#ADB5BD;--text-inverse:#FFFFFF;--text-muted:#868E96;--border-light:#E9ECEF;--border-medium:#DEE2E6;--border-dark:#ADB5BD;--border-primary:#3A7BD5;--shadow-xs:0 1px 2px rgba(11, 31, 63, 0.05);--shadow-sm:0 2px 4px rgba(11, 31, 63, 0.08);--shadow-md:0 4px 8px rgba(11, 31, 63, 0.12);--shadow-lg:0 8px 16px rgba(11, 31, 63, 0.16);--shadow-xl:0 12px 24px rgba(11, 31, 63, 0.20);--shadow-2xl:0 16px 32px rgba(11, 31, 63, 0.24);--shadow-primary:0 4px 12px rgba(58, 123, 213, 0.25);--shadow-primary-lg:0 8px 20px rgba(58, 123, 213, 0.35);--shadow-danger:0 4px 12px rgba(255, 107, 107, 0.25);--shadow-success:0 4px 12px rgba(16, 185, 129, 0.25);--gradient-primary:linear-gradient(135deg, #3A7BD5, #2E5C8A);--gradient-primary-intense:linear-gradient(135deg, #3A7BD5, #0B1F3F);--gradient-secondary:linear-gradient(135deg, #00B8D4, #0097A7);--gradient-warm:linear-gradient(135deg, #FFB627, #FF7043);--gradient-cool:linear-gradient(135deg, #00B8D4, #3A7BD5);--gradient-sunset:linear-gradient(135deg, #FF7043, #FFB627, #6C5CE7);--gradient-ocean:linear-gradient(180deg, #3A7BD5, #00B8D4);--gradient-sky:linear-gradient(180deg, #D6E8F7, #A4C9E8, #3A7BD5);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--transition-all:all 0.3s ease;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:17px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}[data-theme=dark]{--bg-primary:#0B1F3F;--bg-secondary:#1E3A5F;--bg-tertiary:#2E5C8A;--text-primary:#FFFFFF;--text-secondary:#E9ECEF;--text-tertiary:#CED4DA;--border-light:rgba(255, 255, 255, 0.1);--border-medium:rgba(255, 255, 255, 0.2);--border-dark:rgba(255, 255, 255, 0.3);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 8px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 16px rgba(0, 0, 0, 0.5)}