/* ============================================================ genIA — Brand Refresh CSS Capa de override progresiva sobre los estilos legacy. Se carga al final del para ganar por cascada. ============================================================ */ /* Nota: Google Fonts (Nunito + Source Code Pro) se carga como en vista_headers.php */ /* ── Design Tokens ── */ :root { /* Brand */ --genia-purple: #7147B8; --genia-purple-d: #5a38a0; --genia-purple-l: #ede8f8; --tacu-green: #04D89D; --tacu-navy: #032B44; /* UI */ --brand-charcoal: #2D3142; --brand-muted: #6B7A8A; --border-color: #E2E8F0; --page-bg: #F3F4F8; /* Bootstrap override */ --bs-primary: #7147B8; --bs-primary-rgb: 113, 71, 184; } /* ── Typography global ── */ /* !important necesario: CSS legacy del CRUD sobreescribe font-family en form elements */ body { font-family: 'Nunito', 'Helvetica Neue', Arial, sans-serif !important; } input, select, textarea, button, label, td, th, p, span, div, a, h1, h2, h3, h4, h5, h6 { font-family: 'Nunito', 'Helvetica Neue', Arial, sans-serif !important; } h1, h2, h3, h4, h5, h6 { font-weight: 700; color: var(--brand-charcoal); } /* Excluir iconos Font Awesome de la regla global */ i.fa, i.fas, i.far, i.fab, i.fal, i.fad, i.fa-solid, i.fa-regular, i.fa-brands, [class^="fa-"], [class*=" fa-"] { font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands', 'Font Awesome 5 Free' !important; } code, .version, .mono { font-family: 'Source Code Pro', monospace !important; } /* ── Bootstrap primary override ── */ .btn-primary { background-color: var(--genia-purple); border-color: var(--genia-purple); } .btn-primary:hover, .btn-primary:focus { background-color: var(--genia-purple-d); border-color: var(--genia-purple-d); } .bg-primary { background-color: var(--genia-purple) !important; } .text-primary { color: var(--genia-purple) !important; } .border-primary { border-color: var(--genia-purple) !important; } .badge-primary { background-color: var(--genia-purple); } /* ── Links ── */ a { color: var(--genia-purple); } a:hover { color: var(--genia-purple-d); } /* ── Form inputs ── */ .form-control:focus { border-color: var(--genia-purple); box-shadow: 0 0 0 0.2rem rgba(113, 71, 184, 0.18); } /* ── Page background ── */ body { background-color: var(--page-bg) !important; } /* ── Table headers ── */ th { color: var(--brand-charcoal) !important; } /* ── jQuery UI autocomplete — siempre por encima de navbar y dialogs ── */ .ui-autocomplete { z-index: 9999 !important; } /* ── Header / #header legacy override ── */ #header { background-color: var(--genia-purple) !important; background-image: none !important; } #controlpanel .btn, #controlpanel a { background-color: var(--genia-purple-d) !important; }