fix(ui): resolver superposicion en menu colapsado, reparar edicion de ciclo lectivo, aplicar paleta UniCABA y agregar control de modo demo en config global

This commit is contained in:
2026-09-23 16:26:42 -03:00
parent 122caca9ce
commit dd4a4c042a
9 changed files with 619 additions and 287 deletions
+39 -37
View File
@@ -4,63 +4,65 @@
*/
:root {
/* --- Brand Primary (Magenta / Uva) --- */
--brand-primary: #9E2D77;
--brand-primary-rgb: 158, 45, 119;
--brand-primary-shade: #832062;
--brand-primary-tint: #B43E8E;
/* --- Brand Primary (Magenta / Frambuesa Oficial UniCABA) --- */
--brand-primary: #B43E8E;
--brand-primary-rgb: 180, 62, 142;
--brand-primary-shade: #9E2D77;
--brand-primary-tint: #D63384;
--brand-primary-contrast: #FFFFFF;
/* --- Accent Colors (Modo Claro) con Alto Contraste --- */
--accent-purple: #581C87;
--accent-purple-rgb: 88, 28, 135;
--secondary-magenta: #701A40;
--secondary-magenta-rgb: 112, 26, 64;
/* --- Accent Colors (Modo Claro) UniCABA: Rosas y Púrpuras Cálidos --- */
--accent-purple: #682CAD;
--accent-purple-rgb: 104, 44, 173;
--secondary-magenta: #9E2D77;
--secondary-magenta-rgb: 158, 45, 119;
--accent-pink-soft: #FDF2F8;
--accent-pink-border: #FBCFE8;
/* --- Global Surface & Text (Modo Claro - Diseñado para Descanso Visual y Nitidez) --- */
--app-bg: #EEF2F6;
/* --- Global Surface & Text (Modo Claro - Rosas Suaves, Blanco Puro y Contraste Nitido) --- */
--app-bg: #FAF5F8;
--card-bg: #FFFFFF;
--card-border: #D8E0E9;
--card-hover-border: #9E2D77;
--card-shadow: 0 2px 10px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.03);
--card-hover-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
--card-border: rgba(180, 62, 142, 0.16);
--card-hover-border: #B43E8E;
--card-shadow: 0 4px 18px rgba(180, 62, 142, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02);
--card-hover-shadow: 0 8px 24px rgba(180, 62, 142, 0.12);
--text-primary: #0F172A;
--text-secondary: #334155;
--text-muted: #475569;
--text-primary: #1E293B;
--text-secondary: #475569;
--text-muted: #64748B;
--navbar-bg: linear-gradient(135deg, #9E2D77 0%, #7B2049 100%);
--navbar-bg: linear-gradient(135deg, #B43E8E 0%, #8E2B6E 100%);
--navbar-text: #FFFFFF;
--navbar-border: transparent;
--navbar-shadow: 0 4px 16px rgba(158, 45, 119, 0.22);
--navbar-shadow: 0 4px 18px rgba(180, 62, 142, 0.25);
--input-bg: #FFFFFF;
--input-border: #94A3B8;
--input-text: #0F172A;
--input-focus-border: #9E2D77;
--input-focus-shadow: 0 0 0 0.2rem rgba(158, 45, 119, 0.2);
--input-border: #CBD5E1;
--input-text: #1E293B;
--input-focus-border: #B43E8E;
--input-focus-shadow: 0 0 0 0.2rem rgba(180, 62, 142, 0.22);
/* --- Distinctive Gradient --- */
--gradient-primary: linear-gradient(135deg, #9E2D77 0%, #832062 100%);
--gradient-primary-shadow: 0 6px 18px rgba(158, 45, 119, 0.25);
--gradient-hero: linear-gradient(135deg, rgba(158, 45, 119, 0.06) 0%, rgba(88, 28, 135, 0.08) 100%);
/* --- Distinctive Gradient UniCABA --- */
--gradient-primary: linear-gradient(135deg, #B43E8E 0%, #9E2D77 100%);
--gradient-primary-shadow: 0 6px 20px rgba(180, 62, 142, 0.28);
--gradient-hero: linear-gradient(135deg, rgba(180, 62, 142, 0.08) 0%, rgba(104, 44, 173, 0.06) 100%);
/* --- Badges (Modo Claro) --- */
--badge-primary-bg: #9E2D77;
--badge-primary-bg: #B43E8E;
--badge-primary-text: #FFFFFF;
--badge-accent-bg: #581C87;
--badge-accent-bg: #682CAD;
--badge-accent-text: #FFFFFF;
--badge-magenta-bg: #701A40;
--badge-magenta-bg: #9E2D77;
--badge-magenta-text: #FFFFFF;
}
[data-bs-theme="light"] {
--bs-body-bg: #EEF2F6;
--bs-body-color: #0F172A;
--bs-body-bg: #FAF5F8;
--bs-body-color: #1E293B;
--bs-secondary-color: #475569;
--bs-tertiary-bg: #F1F5F9;
--bs-border-color: #D8E0E9;
--bs-border-color-translucent: rgba(15, 23, 42, 0.12);
--bs-tertiary-bg: #FDF2F8;
--bs-border-color: rgba(180, 62, 142, 0.18);
--bs-border-color-translucent: rgba(180, 62, 142, 0.12);
}
/* =======================================================