/* =========================
   WARM LIGHT THEME (SUAVE)
   ========================= */
:root, [data-bs-theme="light"]{
  /* Base */
  --bs-body-bg: #fbf7f0;
  --bs-body-color: #2b241f;
  --bs-secondary-color: rgba(43,36,31,.72);
  --bs-tertiary-color: rgba(43,36,31,.55);
  --bs-border-color: rgba(43,36,31,.14);

  /* Surfaces */
  --bs-card-bg: #ffffff;
  --bs-secondary-bg: #ffffff;

  /* Brand (azul tinta, no eléctrico) */
  --app-brand: #1f5fa8;
  --app-brand-hover: #184d87;
}

/* Cards */
.card{
  background: var(--bs-card-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 12px;
  box-shadow: 0 10px 26px rgba(43,36,31,.06);
}

/* Tabs (nav-pills) coherentes: Bootstrap expone vars para active bg/color */
.nav-pills .nav-link{
  color: rgba(43,36,31,.78);
}
.nav-pills .nav-link.active{
  --bs-nav-pills-link-active-bg: var(--app-brand);
  --bs-nav-pills-link-active-color: #fff;
}

/* Botón primario */
.btn-primary{
  --bs-btn-bg: var(--app-brand);
  --bs-btn-border-color: var(--app-brand);
  --bs-btn-hover-bg: var(--app-brand-hover);
  --bs-btn-hover-border-color: var(--app-brand-hover);
  --bs-btn-active-bg: var(--app-brand-hover);
  --bs-btn-active-border-color: var(--app-brand-hover);
}

/* Inputs + select (tu Resultados es un <select class="form-select">) */
.form-control, .form-select, .input-group-text{
  background: #fff;
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}
.form-control::placeholder{
  color: rgba(43,36,31,.45);
}
.form-control:focus, .form-select:focus{
  border-color: rgba(31,95,168,.45);
  box-shadow: 0 0 0 .2rem rgba(31,95,168,.15);
}
.badge{
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: .02em;
}

/* Sustituyen visualmente a bg-primary/bg-success/bg-warning */
.badge-national{
  background: rgba(31,95,168,.12);
  color: #1f5fa8;
  border: 1px solid rgba(31,95,168,.20);
}
.badge-regional{
  background: rgba(31,122,92,.12);
  color: #1f7a5c;
  border: 1px solid rgba(31,122,92,.20);
}
.badge-municipal{
  background: rgba(183,121,31,.14);
  color: #8a5a12;
  border: 1px solid rgba(183,121,31,.22);
}
.badge-optional{
  background: rgba(99, 102, 241, .12);  /* índigo suave */
  color: #4338ca;
  border: 1px solid rgba(99, 102, 241, .20);
}

.badge-insular{
  background: rgba(100, 116, 139, .14); /* slate suave */
  color: #475569;
  border: 1px solid rgba(100, 116, 139, .22);
}
/* Jerarquía tipográfica */
header p.text-muted { color: rgba(43,36,31,.62) !important; }

/* Tabs más claros */
.nav-pills .nav-link { border-radius: 10px; }
.nav-pills .nav-link:not(.active):hover { background: rgba(31,95,168,.06); }

/* Select (Resultados) más “app” */
#municipioSelect.form-select{
  background: #fff;
  border-color: rgba(43,36,31,.18);
}
#municipioSelect.form-select:focus{
  border-color: rgba(31,95,168,.45);
  box-shadow: 0 0 0 .2rem rgba(31,95,168,.12);
}

/* Lista de festivos: mejor alineación */
.holidays-list .list-group-item{
  display: flex;
  align-items: center;
  gap: .5rem;
  padding-top: .65rem;
  padding-bottom: .65rem;
}