/* Fondo y color de cabecera de la tabla */
.table-dark th {
  background-color: var(--bbe-primary) !important;
  color: #fff !important;
}

/* Bordes de la tabla */
.table-dark th,
.table-dark td {
  border: 1px solid var(--bbe-primary-dark);
}

/* Select general */
select.form-select {
  min-width: 75px;
  padding-right: 2.5rem;
  color: #000 !important;
}

/* DataTables - colores para labels, input y select */
.dataTables_length label,
.dataTables_filter label,
.dataTables_filter input,
.dataTables_length select {
  color: #000 !important;
}

/* Paginación */
.dataTables_wrapper .pagination .page-link {
  border: 1px solid var(--bbe-primary) !important;
  color: var(--bbe-primary) !important;
  background-color: #fff !important;
  border-radius: 8px !important;
  margin: 0 2px;
  font-weight: 500;
  padding: 5px 12px;
}

.dataTables_wrapper .pagination .page-item.active .page-link {
  background-color: var(--bbe-primary) !important;
  color: #fff !important;
  border: 1px solid var(--bbe-primary) !important;
}

.dataTables_wrapper .pagination .page-link:hover {
  background-color: var(--bbe-primary-dark) !important;
  color: #fff !important;
}

.dataTables_wrapper .pagination .page-item.disabled .page-link {
  background-color: #f1f1f1 !important;
  color: #aaa !important;
  border: 1px solid #ccc !important;
  cursor: default;
}

/* Botones internos sin sombra */
.dataTables_wrapper .paginate_button {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

.dataTables_wrapper .paginate_button:hover,
.dataTables_wrapper .paginate_button:focus,
.dataTables_wrapper .paginate_button.current,
.dataTables_wrapper .paginate_button.current:hover,
.dataTables_wrapper .paginate_button.current:focus {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  color: inherit !important;
}

/* Solo el texto "Buscar:" */
.dataTables_filter label span {
  position: relative;
  top: -4px; /* Adjust as needed */
}
/* "registros" text */
.dataTables_length label span {
  position: relative;
  top: -4px; /* Adjust as needed */
}

/* Lupa (subida suave) */
.dt-icon-align {
  position: relative;
  top: -4px;
}

/* Centrado vertical en las celdas de DataTables */
.dataTables_wrapper table.dataTable th,
.dataTables_wrapper table.dataTable td {
  vertical-align: middle;
}

/* Reducir el alto de los botones (solo dentro de las DataTables) */
.dataTables_wrapper .btn {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  line-height: 1.5 !important;
  font-size: 0.875rem !important; /* Opcional: reduce un poco el tamaño del texto */
}