:root {
  --primary: #285885;
  --secondary: #f5f5f5;

  --red: #ff1212;
  --yellow: #f5d526;
  --green: #7cca00;

  --bs-body-font-family: 'Poppins', sans-serif;
  --bs-primary: #285885;
  --bs-primary-rgb: 40, 88, 133;

  --bs-secondary: #f5f5f5;
  --bs-secondary-rgb: 245, 245, 245;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: var(--primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--primary);
  --bs-btn-disabled-border-color: var(--primary);
  --bs-btn-padding-y: 0.6rem;
}

.form-control {
  --bs-border-color: var(--primary);
  border-radius: 19px;
  padding: 0.6rem 1rem;
}

.container-fluid {
  padding-right: 52px;
  padding-left: 52px;
}

.btn-common {
  width: 260px;
  border-radius: 24px;
}

.container-max-width {
  max-width: 1000px;
}

.profesional-img {
  width: 170px;
  height: 170px;
  object-fit: cover;
}

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