/* ===================================================== */
/* 🎨 SISTEMA DE COLORES TEMA GRUPO DICAS (GLOBAL)       */
/* ===================================================== */
:root {
  --color-primary: #ffcd00;
  /* Amarillo DICAS */
  --color-secondary: #414042;
  /* #2b3d51; */
  /* Negro profundo */
  --color-dark: #141414;
  --color-dark-soft: #414042;

  --color-light: #FFFFFF;
  /* Blanco */
  --color-gray: #F4F5F6;
  /* Gris suave */
  --color-text: #272626;
  /* Texto */

  /* Complementarios bootstrap-style */
  --color-success: #47BB47;
  --color-info: #0CA4CA;
  --color-warning: #FFCD00;
  --color-danger: #ED3D3D;

  /* Variantes del primario */
  --color-primary-hover: #e5b800;
  --color-primary-soft: #FFE680;

  /* Overrides Bootstrap */
  --bs-primary: var(--color-primary);
  --bs-secondary: var(--color-secondary);
  --bs-success: var(--color-success);
  --bs-info: var(--color-info);
  --bs-warning: var(--color-warning);
  --bs-danger: var(--color-danger);
  --bs-light: var(--color-light);
  --bs-dark: var(--color-dark);
}

/* ===================================================== */
/* 🎨 PALETA VISUAL TIPO BOOTSTRAP (DICAS)               */
/* ===================================================== */



/* Bloques visuales de color tipo bootstrap */
.color-swatch {
  width: 100%;
  height: 55px;
  border-radius: 6px;
}

/* Primary (amarillo DICAS) */
.bg-primary {
  background-color: var(--color-primary) !important;
  color: var(--color-dark) !important;
}

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

/* Secondary (negro corporativo) */
.bg-secondary {
  background-color: var(--color-secondary) !important;
  color: var(--color-light) !important;
}

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

/* Success (verde institucional) */
.bg-success {
  background-color: var(--color-success) !important;
  color: var(--color-light) !important;
}

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

/* Info (azul turquesa) */
.bg-info {
  background-color: var(--color-info) !important;
  color: var(--color-light) !important;
}

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

/* Warning (igual al primary) */
.bg-warning {
  background-color: var(--color-warning) !important;
  color: var(--color-dark) !important;
}

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

/* Danger (rojo) */
.bg-danger {
  background-color: var(--color-danger) !important;
  color: var(--color-light) !important;
}

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

/* Light */
.bg-light {
  background-color: var(--color-light) !important;
  color: var(--color-dark) !important;
}

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

/* Dark */
.bg-dark {
  background-color: var(--color-dark) !important;
  color: var(--color-light) !important;
}

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

/* Gris */
.bg-gray {
  background-color: var(--color-gray) !important;
}

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

/* ===================================================== */
/* 🔹 BOTONES BOOTSTRAP                                  */
/* ===================================================== */
.btn-primary {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-dark) !important;
}

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

.btn-secondary {
  background-color: var(--color-secondary) !important;
  border-color: var(--color-secondary) !important;
  color: var(--color-light) !important;
}

.btn-secondary:hover {
  background-color: var(--color-dark-soft) !important;
  border-color: var(--color-dark-soft) !important;
}

.btn-success {
  background-color: var(--color-success) !important;
  color: var(--color-light) !important;
}

.btn-info {
  background-color: var(--color-info) !important;
  color: var(--color-light) !important;
}

.btn-warning {
  background-color: var(--color-warning) !important;
  color: var(--color-dark) !important;
}

.btn-danger {
  background-color: var(--color-danger) !important;
  color: var(--color-light) !important;
}

/* ===================================================== */
/* 🔹 TABLAS (DICAS)                                     */
/* ===================================================== */
thead {
  background-color: var(--color-dark-soft) !important;
  color: var(--color-light) !important;
}

td {
  white-space: nowrap;
}

th {
  white-space: nowrap;
}

/* ===================================================== */
/* 🔹 TITULOS DICAS                                      */
/* ===================================================== */
.card-header {
  background-color: var(--color-dark-soft);
  color: var(--color-light);
  padding: 12px;
  font-size: 18px;
  border-radius: 6px;
  margin-bottom: 15px;
}

/* ===================================================== */
/* 🔹 FULLCALENDAR (DICAS)                               */
/* ===================================================== */
:root {
  --fc-border-color: #ccc;
  --fc-button-text-color: var(--color-dark);
  --fc-button-bg-color: var(--color-light);
  --fc-button-border-color: var(--color-dark);
  --fc-button-active-bg-color: var(--color-primary);
  --fc-button-hover-bg-color: var(--color-primary-soft);
}

.fc-event {
  background-color: var(--color-gray) !important;
}