/**
 * CSS Dinámico generado desde app_settings
 * Generado: 2026-04-15 19:01:58
 * Variables personalizadas: 24
 */

:root {
  --accent-color: #e6b366;
  --btn-primary-bg: #531146;
  --btn-primary-hover: #3b0c32;
  --danger-color: #f44336;
  --info-color: #2196f3;
  --modal-header-bg: #531146;
  --modal-header-text: #531146;
  --primary-color: #531146;
  --primary-50: #eee7ed;
  --primary-100: #ddcfda;
  --primary-200: #baa0b5;
  --primary-light: #987090;
  --primary: #531146;
  --primary-bg: rgba(83, 17, 70, 0.1);
  --primary-border: rgba(83, 17, 70, 0.2);
  --accordion-primary: #531146;
  --primary-dark: #3b0c32;
  --primary-light: #7b2d6b;
  --secondary-color: #e6b366;
  --secondary: #e6b366;
  --secondary-dark: #b88f52;
  --bg-sidebar-active: #531146;
  --sidebar-active-bg: #531146;
  --bg-sidebar: #3b0c32;
  --sidebar-bg: #3b0c32;
  --bg-sidebar-hover: #e6b366;
  --sidebar-hover-bg: #e6b366;
  --sidebar-text-color: #ffffff;
  --sidebar-color: #ffffff;
  --success-color: #4caf50;
  --warning-color: #ff9800;
  --font-family: Roboto;
  --font-size-base: 16px;
  --loyalty-bronce: #cd7f32;
  --loyalty-diamante: #b9f2ff;
  --loyalty-oro: #ffd700;
  --loyalty-plata: #c0c0c0;
  --loyalty-platino: #e5e4e2;
  --modal-header-text: #ffffff;
  --gradient-mixed: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

/* 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:not(.modal-header-danger),
.modal .modal-header:not(.modal-header-danger) {
  background: var(--modal-header-bg) !important;
  border-radius: 16px 16px 0 0;
  color: var(--modal-header-text) !important;
}

.modal-header.modal-header-danger {
  background: var(--danger-color, #dc3545) !important;
  color: #fff !important;
  border-radius: 16px 16px 0 0;
}

.modal-header:not(.modal-header-danger) h2,
.modal-header:not(.modal-header-danger) h3,
.modal-header:not(.modal-header-danger) .modal-title,
.modal-header:not(.modal-header-danger) .modal-title i,
.modal-header:not(.modal-header-danger) .btn-close,
.modal-header:not(.modal-header-danger) .modal-close {
  color: var(--modal-header-text) !important;
}

.modal-header:not(.modal-header-danger) .modal-close,
.modal-header:not(.modal-header-danger) .btn-close {
  background: rgba(255,255,255,0.15) !important;
}

.modal-header:not(.modal-header-danger) .modal-close:hover,
.modal-header:not(.modal-header-danger) .btn-close:hover {
  background: rgba(255,255,255,0.3) !important;
}

/* Table thead - degradado dinámico desde colores del logo */
thead,
.data-table thead,
.table thead,
.pedidos-table thead,
.inventario-table thead,
.cupones-table thead,
.history-table thead,
.items-table thead,
.usage-table thead,
.tabla-reporte thead {
  background: var(--gradient-mixed) !important;
}

thead th,
.data-table thead th,
.table thead th,
.pedidos-table thead th,
.inventario-table thead th,
.cupones-table thead th,
.history-table thead th,
.items-table thead th,
.usage-table thead th,
.tabla-reporte thead th {
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}

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

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

a:not(.btn):not(.store-btn):not(.sidebar-menu a):not(.store-header__icon-btn):not(.store-footer__links-list a):not(.store-footer__social a) {
  color: var(--primary-color);
}

a:not(.btn):not(.store-btn):not(.sidebar-menu a):not(.store-header__icon-btn):not(.store-footer__links-list a):not(.store-footer__social 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;
}