/**
 * CSS Dinámico generado desde app_settings
 * Generado: 2026-06-07 20:49:24
 * Variables personalizadas: 23
 */

:root {
  --accent-color: #5ba3f5;
  --btn-primary-bg: #1e4a72;
  --btn-primary-hover: #2d5f8a;
  --danger-color: #dc3545;
  --info-color: #4a90e2;
  --modal-header-bg: #163a5b;
  --modal-header-text: #ffffff;
  --primary-color: #1e4a72;
  --primary-50: #e9edf1;
  --primary-100: #d2dbe3;
  --primary-200: #a5b7c7;
  --primary-light: #7892aa;
  --primary-dark: #163a5b;
  --secondary-color: #4a90e2;
  --bg-sidebar-active: #4a90e2;
  --sidebar-active-bg: #4a90e2;
  --bg-sidebar: #163a5b;
  --sidebar-bg: #163a5b;
  --bg-sidebar-hover: #2d5f8a;
  --sidebar-hover-bg: #2d5f8a;
  --sidebar-text-color: #ffffff;
  --sidebar-color: #ffffff;
  --success-color: #28a745;
  --warning-color: #ffc107;
  --font-family: Inter;
  --font-size-base: 16px;
  --loyalty-bronce: #CD7F32;
  --loyalty-diamante: #B9F2FF;
  --loyalty-oro: #FFD700;
  --loyalty-plata: #C0C0C0;
  --loyalty-platino: #E5E4E2;
}

/* Aplicación de variables personalizadas a componentes */

.sidebar {
  background-color: var(--bg-sidebar) !important;
  color: var(--sidebar-text-color) !important;
}

.sidebar .sidebar-menu a,
.sidebar .sidebar-menu .menu-text,
.sidebar .sidebar-section {
  color: var(--sidebar-text-color) !important;
}

.sidebar .sidebar-menu .menu-icon {
  color: var(--sidebar-text-color) !important;
}

.sidebar .sidebar-menu li:hover > a,
.sidebar .sidebar-menu li a:hover {
  background-color: var(--bg-sidebar-hover) !important;
}

.sidebar .sidebar-menu li.active > a {
  background-color: var(--bg-sidebar-active) !important;
}

.btn-primary,
button.btn-primary,
a.btn-primary {
  background-color: var(--btn-primary-bg, var(--primary-color)) !important;
  border-color: var(--btn-primary-bg, var(--primary-color)) !important;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
  background-color: var(--btn-primary-hover) !important;
  border-color: var(--btn-primary-hover) !important;
}

.modal-header,
.modal .modal-header {
  background-color: var(--modal-header-bg) !important;
  color: var(--modal-header-text) !important;
}

.modal-header .modal-title,
.modal-header .btn-close {
  color: var(--modal-header-text) !important;
}

body,
.font-body {
  font-family: var(--font-family) !important;
}

body {
  font-size: var(--font-size-base) !important;
}

a:not(.btn):not(.sidebar-menu a) {
  color: var(--primary-color);
}

a:not(.btn):not(.sidebar-menu a):hover {
  color: var(--primary-dark, var(--primary-color));
}

.accent-color,
.text-accent {
  color: var(--accent-color) !important;
}

.bg-accent {
  background-color: var(--accent-color) !important;
}

/* Colores personalizados de niveles de lealtad */

.loyalty-tier-badge.tier-bronce { color: #CD7F32; }
.loyalty-tier-badge.tier-bronce i { color: #CD7F32; }

.loyalty-badge-mini.tier-bronce {
  background: linear-gradient(135deg, #CD7F32 0%, #905923 100%);
  color: #333333;
}

.loyalty-tier-badge.tier-plata { color: #C0C0C0; }
.loyalty-tier-badge.tier-plata i { color: #C0C0C0; }

.loyalty-badge-mini.tier-plata {
  background: linear-gradient(135deg, #C0C0C0 0%, #868686 100%);
  color: #333333;
}

.loyalty-tier-badge.tier-oro { color: #FFD700; }
.loyalty-tier-badge.tier-oro i { color: #FFD700; }

.loyalty-badge-mini.tier-oro {
  background: linear-gradient(135deg, #FFD700 0%, #b39700 100%);
  color: #333333;
}

.loyalty-tier-badge.tier-platino { color: #E5E4E2; }
.loyalty-tier-badge.tier-platino i { color: #E5E4E2; }

.loyalty-badge-mini.tier-platino {
  background: linear-gradient(135deg, #E5E4E2 0%, #a0a09e 100%);
  color: #333333;
}

.loyalty-tier-badge.tier-diamante { color: #B9F2FF; }
.loyalty-tier-badge.tier-diamante i { color: #B9F2FF; }

.loyalty-badge-mini.tier-diamante {
  background: linear-gradient(135deg, #B9F2FF 0%, #82a9b3 100%);
  color: #333333;
}