/* --- Tipografía y componentes base --- */
body {
  font-family: "Segoe UI", sans-serif;
}

.card {
  border-radius: 1rem;
}

.btn-lg {
  border-radius: 1rem;
}

.btn-orange {
  background-color: #ff8400;
  border-color: #ff8400;
  color: white;
}

.btn-orange:hover {
  background-color: #e67300;
  border-color: #e67300;
  color: white;
}

/* --- Paginación --- */
.page-item.active .page-link {
  background-color: #6c757d; /* Bootstrap gray-600 */
  color: #fff;
  border-color: #6c757d;
}

.page-link {
  color: #000 !important; /* negro */
}

/* =========================================================
   Checkboxes de filtros (Bootstrap 5.x) en naranja Dilarce
   ========================================================= */
:root {
  --brand-orange: #ff8400;
}

/* Base + variables BS (por si tu build las lee) + fallback accent-color */
.status-filters .form-check-input {
  accent-color: var(--brand-orange);
  --bs-form-check-checked-bg-color: var(--brand-orange);
  --bs-form-check-checked-border-color: var(--brand-orange);
  --bs-form-check-focus-shadow-rgb: 255,132,0;
  --bs-form-check-checked-color: #fff; /* color del ícono del check */
}

/* Gana a la regla de Bootstrap que pinta #0d6efd */
.status-filters .form-check-input:checked {
  background-color: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;

  /* Forzar ícono blanco (cubre builds que no leen la variable) */
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-image: var(--bs-form-check-bg-image) !important;
}

/* Focus y hover a juego */
.status-filters .form-check-input:focus {
  border-color: var(--brand-orange) !important;
  box-shadow: 0 0 0 .25rem rgba(255,132,0,.25) !important;
}

.status-filters .form-check-input:hover {
  border-color: var(--brand-orange) !important;
}