:root {
  --ceu-blue-dark: #00609d;
  --ceu-blue-dark-hover: #055687;
  --ceu-blue: #2273b9;
  --ceu-blue-light: #06a6e0;
  --ceu-blue-light-hover: #31c9ff;
}
html {
  scroll-padding-top: 225px;
  scroll-behavior: smooth;
}
.invalid {
  font-size: 13px;
  color: red;
}
.hide {
  display: none;
}
.show {
  display: block;
}
input[disabled] {
  cursor: not-allowed;
  /* opacity: 0.6; */
}
.form-group.error {
  margin-bottom: 5px !important;
}
.form-group.error input {
  border-color: red !important;
}
.form-group.error input:focus {
  border-color: red !important;
}
.form-group.success input {
  border-color: green !important;
}
.form-group.success input:focus {
  border-color: green !important;
}
.form-group.success small {
  display: none;
}
.text-blue {
  color: var(--ceu-blue) !important;
}
.bg-blue {
  background-color: var(--ceu-blue) !important;
}
.border-blue {
  border-color: var(--ceu-blue) !important;
}
.btn.bg-blue:hover {
  background-color: var(--ceu-blue-dark) !important;
  border-color: var(--ceu-blue-dark) !important;
}
.text-blue-dark {
  color: var(--ceu-blue-dark) !important;
}
.bg-blue-dark {
  background-color: var(--ceu-blue-dark) !important;
}
.border-blue-dark {
  border-color: var(--ceu-blue-dark) !important;
}
.text-blue-light {
  color: var(--ceu-blue-light) !important;
}
a.text-blue-light {
  transition: 0.15s linear;
}
a.text-blue-light:hover {
  color: var(--ceu-blue-light-hover) !important;
}
.bg-blue-light {
  background-color: var(--ceu-blue-light) !important;
}
.border-blue-light {
  border-color: var(--ceu-blue-light) !important;
}
.fw-bold {
  font-weight: 700;
}
.fw-medium {
  font-weight: 500;
}
.leading-2 {
  line-height: 1.2em;
}
.gap-sm {
  gap: 6px;
}
.nav-tabs .nav-link {
  cursor: pointer;
  color: #152a49 !important;
}
.nav-tabs .nav-link:hover {
  color: var(--ceu-blue-dark) !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--ceu-blue-dark) !important;
  font-weight: 500;
}
.nav-tabs .nav-link.active:after {
  background: var(--ceu-blue-light) !important;
}
#especialidades-nav a {
  cursor: pointer;
}
.error .form-select {
  border-color: red !important;
}
.success .form-select {
  border-color: green !important;
}
.form-select {
  --bs-form-select-bg-img: url(
    data:image/svg + xml,
    %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"%3e%3cpathfill="none"stroke="%23343a40"stroke-linecap="round"stroke-linejoin="round"stroke-width="2"d="m2 5 6 6 6-6"/%3e%3c/svg%3e
  );
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #152a49;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  /* background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); */
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.floating-btn {
  position: fixed;
  right: 10px;
  bottom: -100px;
  background-color: var(--ceu-blue-dark);
  color: #fff;
  padding: 8px 12px;
  border-radius: 10px;
  width: fit-content;
  transition: color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
  opacity: 0;
  z-index: 100;
}
.floating-btn:hover {
  color: #fff;
  background-color: var(--ceu-blue-dark-hover);
}
@media (max-width: 768px) {
  #especialidades-nav {
    row-gap: 10px;
  }
  #formacion-sanitaria-img {
    height: 250px !important;
  }
}