/* Estilos gerais para o main-anamnese */
.form-anamnese{
  max-width: 470px;
  margin: 0 auto;
  padding: 70px 0 40px;
}
.form-anamnese label{
  padding-left: 16px;
margin-bottom: 10px;
}
/* Sobrescrever padding excessivo do .col-lg-12 apenas nos sliders (dentro de .q1) */
/* Não afetar o título que tem .text-center.py-5 */
.form--anamnese .q1 .row .col-lg-12 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Garantir que o título mantenha seu padding vertical */
.form--anamnese .row .col-lg-12.text-center.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.main-anamnese {
  max-width: 470px;
  margin: auto;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  min-height: auto;
  height: auto;
}

.main-anamnese .icon {
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 22px;
}

.main-anamnese .slider-container {
  width: 400px;
  
}

.main-anamnese  label {
  display: block;
  margin-bottom: 0.5em;
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;  
}

.rangeslider__tooltip {
  text-align: right;
  display: block;
  margin-bottom: 14px;
  font-size: 16px;
  color: #000;
}

.rangeslider,
input[type='range'] {
  max-width: 400px;
  
}

.rangeslider__handle {
  border-radius: 22px;
  line-height: 42px;
  text-align: center;
  font-weight: bold;
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  color: transparent;

}

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
}

.rangeslider--horizontal {
  height: 2px;
  width: 100%;

}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

/* Cores específicas para cada slider */
.s-atividade-fisica .rangeslider__handle {
  background: #01DD35; /* Verde */
}

.s-gerenciamento-do-stress .rangeslider__handle {
  background: #00D6E9; /* Vermelho */
}

.s-nutricao .rangeslider__handle {
  background: #FFA000; /* Amarelo */
}

.s-conexao-social .rangeslider__handle {
  background: #DED300; /* Azul */
}

.s-exposicao-ambiental .rangeslider__handle {
  background: #0099FF; /* Roxo */
}

.s-sono-de-qualidade .rangeslider__handle {
  background: #6C04E3; /* Verde Claro */
}

.s-vida-sexual-e-fertilidade .rangeslider__handle {
  background: #FF4C48; /* Vermelho Claro */
}

.s-uso-de-substancias .rangeslider__handle {
  background: #616161; /* Laranja */
}

/* Se quiser alterar a cor da linha do slider */

.s-atividade-fisica .rangeslider__fill {
  background: #01DD35;
}

.s-gerenciamento-do-stress .rangeslider__fill {
  background: #00D6E9;
}

/* Repita para os demais sliders */


.s-vida-sexual-e-fertilidade .rangeslider__fill {
  background: #FF4C48 !important;
  position: absolute;
}

.s-nutricao .rangeslider__fill{
  background: #FFA000 !important;
  position: absolute;
}

.s-conexao-social .rangeslider__fill{
  background: #DED300 !important;
  position: absolute;
}

.s-exposicao-ambiental .rangeslider__fill{
  background: #0099FF !important;
  position: absolute;
}

.s-sono-de-qualidade .rangeslider__fill{
  background: #6C04E3 !important;
  position: absolute;
}

.s-uso-de-substancias .rangeslider__fill{
  background: #777777 !important;
  position: absolute;
}

.nav-anamnese{
  max-width: 480px;
  /* border: 1px solid red; */
  margin: 20px auto;
}

.btn-anamnese{
  padding: 10px 15px;
  min-width: 200px;

}

.form--anamnese-success{
  padding: 1.5rem 2rem;
  border: 0;
  display: block;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.13);
  border-radius: 4px;
  max-width: 680px;
  margin: 20px auto;
}

.form--anamnese-success .icon-success{
  width: 80px;
}