.elementor-9763 .elementor-element.elementor-element-e117aa0{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-d9bfa36 *//* 1. Container geral do quiz */
.sv-container {
  background-color: #0B0E17 !important;
  color: #F8F8F8;
  font-family: 'Ubuntu', sans-serif;
  padding: 2rem;
  border-radius: 1rem;
  max-width: 800px;
  margin: auto;
}

/* 2. Título de cada pergunta */
.sv-string-viewer,
.sv-expression-viewer,
.sv-html-viewer {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  margin-bottom: 1rem !important;
  color: #F8F8F8 !important;
}

/* 3. Campos de texto e textarea */
.sv-string-editor input,
.sv-comment-editor textarea {
  background-color: #1F2029 !important;
  border: 1px solid #2E2F3A !important;
  border-radius: 0.75rem !important;
  color: #F8F8F8 !important;
  padding: 0.75rem 1rem !important;
}
.sv-string-editor input:focus,
.sv-comment-editor textarea:focus {
  border-color: #95B1FF !important;
  outline: none !important;
}

/* 4. Checkboxes e radios transformados em botões */
.sv_q_checkbox .sv_q_checkbox_item,
.sv_q_radiogroup .sv_q_radiogroup_item {
  display: inline-block;
  margin: 0.5rem 0.5rem 0 0 !important;
}
.sv_q_checkbox .sv_q_checkbox_item > label,
.sv_q_radiogroup .sv_q_radiogroup_item > label {
  background-color: #1F2029 !important;
  border: 1px solid #2E2F3A !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 1rem !important;
  cursor: pointer;
  color: #F8F8F8 !important;
  transition: background-color 0.2s, border-color 0.2s !important;
}
.sv_q_checkbox .sv_q_checkbox_item input:checked + label,
.sv_q_radiogroup .sv_q_radiogroup_item input:checked + label {
  background-color: #95B1FF !important;
  border-color: #95B1FF !important;
  color: #0B0E17 !important;
}

/* 5. Botões Próxima / Enviar */
.sv_nav .sv-btn, 
.sv_nav .sv-complete_btn {
  background-color: #95B1FF !important;
  color: #0B0E17 !important;
  border: none !important;
  border-radius: 0.75rem !important;
  padding: 0.75rem 1.5rem !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  transition: background-color 0.2s !important;
}
.sv_nav .sv-btn:hover,
.sv_nav .sv-complete_btn:hover {
  background-color: #6F7ACD !important;
}

/* 6. Imagens estilo ‘Tinder’ */
.sv_q_radiogroup .sv_q_radiogroup_item .sv-image {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 0.5rem auto;
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.6);
  transition: transform 0.2s, box-shadow 0.2s;
}
.sv_q_radiogroup .sv_q_radiogroup_item input:checked + label .sv-image {
  transform: scale(1.03);
  box-shadow: 0 0 0 4px #FFC857;
}

/* 7. Barra de progresso */
.sv-progress-bar > .sv-progress-bar--value {
  background-color: #95B1FF !important;
}
.sv-progress-bar {
  background-color: #2E2F3A !important;
  height: 0.5rem !important;
  border-radius: 0.25rem !important;
  margin-bottom: 1.5rem !important;
}

/* 8. Área de navegação */
.sv_nav {
  margin-top: 2rem !important;
  text-align: center !important;
}/* End custom CSS */