:root {
  --bs-primary: #2563EB;
  --bs-primary-rgb: 37, 99, 235;
}
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-primary:hover {
  background-color: #2563EB !important;
  border-color: #2563EB !important;
}
.text-primary {
  color: var(--bs-primary) !important;
}
.form-control:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.25) !important;
}

body {
  background-color: #eef1f3;
}

.hero {
  min-height: 100vh;
}

form {
  max-width: 900px;
  margin: auto;
}

#opcionaisContainer label {
  background-color: #f1f1f1;
  border-radius: 20px;
  padding: 6px 15px;
  cursor: pointer;
}

#opcionaisContainer input {
  display: none;
}

#opcionaisContainer input:checked + label {
  background-color: #198754;
  color: white;
}


@media (max-width: 576px) {
  #cidadeHelper {
    font-size: 0.75rem; 
  }
  #versaoHelper{
    font-size: 0.75rem;
  }
}