:root {
  --bs-primary: rgb(68,171,210); /* Nuevo color para "primary" */
  --focus-box-shadow: 0 0 0 0.25rem  rgba(68,171,210,0.25)
}

.btn {
  border-radius: 20px;
  padding: 5px 20px;
  font-size: 18px;
}

*/
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  background-color: #3292b4;
  border-color: #3292b4;
  box-shadow: 0 0 0 0.25rem #3291b48f;
}

.btn-check:focus + .btn-secondary
.btn-secondary:focus {
  background-color: #3292b4;
  border-color: #3292b4;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.125)
}

.mark,
mark {
  padding: 0;
}

.accordion-button:focus {
  box-shadow: var(--focus-box-shadow);
}

.accordion-button:not(.collapsed) {
  background-color: rgba(68, 171, 210, 0.25);
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-select:focus {
  border-color:var(--bs-primary);
  box-shadow: var(--focus-box-shadow);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(68,171,210);
  --bs-btn-border-color: rgb(68,171,210);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3292b4;
  --bs-btn-hover-border-color: #3292b4;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3292b4;
  --bs-btn-active-border-color: #3292b4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #80a0ac;
  --bs-btn-disabled-border-color: #80a0ac;
}

.form-control:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: var(--focus-box-shadow);
}

.tooltip-inner {
  max-width: 500px; 
  white-space: normal; 
}

.btn-primary:disabled {
  background-color: rgb(128,175,193);
}