body {
  background-color: #f8f9fa;
}

.navbar-brand {
  font-weight: bold;
  font-size: 1.25rem;
}

.container {
  margin-top: 2rem;
}

.pagination .page-item.active .page-link {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* Estilo para que los encabezados de tabla parezcan clickeables */
thead th {
  cursor: pointer;
  user-select: none; /* Evita la selección de texto del encabezado */
}

/* Estilo para el resaltado de la búsqueda */
mark {
  background-color: #ffdd57;
  padding: 0.1em 0.2em;
  border-radius: 3px;
}

/* Estilos para el campo de búsqueda */
#searchInput {
  background-color: #fdfbe9; /* Amarillo pálido (LemonChiffon) */
  border: 1px solid #0d6efd; /* Borde azul primario de Bootstrap */
}

#dataTable td:nth-child(1) {
  text-align: center;
}

#dataTable td:nth-child(4) {
  text-align: center;
}

/* Estilo para cuando el input está seleccionado (focus) para mantener la consistencia */
#searchInput:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}