/* === FORMULÁRIO PESQUISA SATISFAÇÃO – .psu-form === */

/* Tira qualquer borda/caixa em volta do formulário */
.psu-form {
  border: none;
  padding: 0;
}

/* Força labels do formulário a NÃO mudarem maiúsculas/minúsculas */
.psu-form label,
.psu-form label.option,
.psu-form .fieldset-legend,
.psu-form .webform-section-title {
  text-transform: none !important;
}


/* Texto de introdução */
.psu-intro {
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 6px;
}

/* Não usar capitalização automática dentro do formulário */
.psu-form label,
.psu-form .fieldset-legend,
.psu-form .webform-section-title {
  text-transform: none;
}

/* Títulos principais (legendas dos fieldsets e seções) */
.psu-form .fieldset-legend,
.psu-form .webform-section-title {
  font-size: 1.15rem;      /* um pouco maior que o texto comum */
  font-weight: 600;        /* semi-bold */
  color: #222;
  margin-top: 18px;
  margin-bottom: 8px;
}

/* Rótulos dos campos “lineares” (Nome, E-mail etc.) */
.psu-form label.form-required,
.psu-form .js-webform-type-textfield > label,
.psu-form .js-webform-type-email > label {
  font-size: 1.05rem;
  font-weight: 600;
  color: #333;
  display: block;
  margin-top: 14px;
  margin-bottom: 4px;
}

/* Campos de texto e e-mail */
.psu-form input.form-text,
.psu-form input.form-email {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 6px;
}

/* Textareas (comentários e sugestões) */
.psu-form textarea.form-textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 0.98rem;
}

/* Rótulos das textareas – ficam no mesmo padrão dos títulos de pergunta */
.psu-form label[for="edit-comentarios"],
.psu-form label[for="edit-sugestoes"] {
  font-size: 1.05rem;      /* ~2px menor que as legendas grandes */
  font-weight: 600;
  text-transform: none;    /* evita O(A) Senhor(A) Sugere... */
  margin-top: 18px;
  margin-bottom: 4px;
}

/* = Botões de rádio (todas as perguntas de opção única) = */

/* Container de cada opção – radio + texto, lado a lado */
.psu-form .js-webform-radios .js-webform-type-radio {
  display: flex;
  align-items: center;
  gap: 6px;                /* distância curta entre botão e texto */
  margin-bottom: 6px;      /* pouco espaço entre as linhas */
}

/* Botão de rádio em si */
.psu-form input.form-radio {
  width: auto;
  display: inline-block;
  margin: 0;
  box-sizing: content-box;
}

/* Texto de cada opção (Cidadão(ã), Servidor(a) etc.) */
.psu-form label.option {
  display: inline-block;
  width: auto;
  margin: 0;
  font-weight: normal;
  font-size: 0.98rem;
  color: #000;
}

/* Espaçamento geral entre grupos de rádio (Qualificação, Como conheceu etc.) */
.psu-form .webform-type-radios {
  margin-bottom: 16px;
}

/* Deixa aquele título “Se o(a) senhor(a) já precisou recorrer…” harmonizado */
.psu-form #edit-avaliacao-titulo .webform-section-title {
  font-size: 1.15rem;
  font-weight: 600;
}

/* Botão Enviar – só garante que use o estilo padrão do tema */
/* Botão Enviar – com respiro embaixo */
.psu-form .form-actions {
  margin-top: 16px;
  margin-bottom: 40px; /* espaço antes do rodapé */
}

.psu-form .form-actions #edit-submit {
  margin-top: 0;
}