/* === Botones Bootstrap con colores elegantes ===
   Sobrescriben los estilos originales de Bootstrap.
   Paleta: tonos suaves, desaturados, profesionales.
*/

/* === Enlaces globales === */
a:not(.page-link) {
  color: inherit;
  text-decoration: none;
}

a:not(.page-link):hover {
  color: inherit;
  text-decoration: none;
}

/* === Paginación === */
.pagination .page-link {
  color: #212529 !important;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.pagination .page-link:hover {
  color: #212529 !important;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.pagination .page-item.active .page-link {
  background-color: #5b7db1 !important;
  border-color: #5b7db1;
  color: #fff !important;
}

.pagination .page-item.disabled .page-link {
  color: #6c757d !important;
  background-color: #fff;
  border-color: #dee2e6;
}

.btn-primary {
  background-color: #5b7db1;
  border-color: #5b7db1;
  color: #fff;
}

.btn-primary:hover {
  background-color: #4a6c9c;
  border-color: #446595;
}

.btn-secondary {
  background-color: #adb5bd;
  border-color: #adb5bd;
  color: #212529;
}
.btn-secondary:hover {
  background-color: #9ba3ab;
  border-color: #949ca4;
}

.btn-success {
  background-color: #6b9477;
  border-color: #6b9477;
  color: #fff;
}
.btn-success:hover {
  background-color: #5e8569;
  border-color: #577d61;
}

.btn-danger {
  background-color: #b56969;
  border-color: #b56969;
  color: #fff;
}
.btn-danger:hover {
  background-color: #a35d5d;
  border-color: #985757;
}

.btn-warning {
  background-color: #d9b75f;
  border-color: #d9b75f;
  color: #212529;
}
.btn-warning:hover {
  background-color: #c9a74f;
  border-color: #c19f47;
}

.btn-info {
  background-color: #66a8b8;
  border-color: #66a8b8;
  color: #fff;
}
.btn-info:hover {
  background-color: #599aa9;
  border-color: #528fa0;
}

.btn-light {
  background-color: #e9ecef;
  border-color: #e9ecef;
  color: #495057;
}
.btn-light:hover {
  background-color: #dde0e3;
  border-color: #d3d6d9;
}

.btn-dark {
  background-color: #495057;
  border-color: #495057;
  color: #fff;
}
.btn-dark:hover {
  background-color: #3e454b;
  border-color: #383f45;
}

/* === Sobrescribir estilos de paginación de Bootstrap === */
.page-link {
  color: #212529 !important;
}

.page-link:hover {
  color: #212529 !important;
}

.page-link:focus {
  color: #212529 !important;
}

.page-item.active .page-link {
  background-color: #5b7db1 !important;
  border-color: #5b7db1 !important;
  color: #fff !important;
}