/* UNIMES redesign — paginas com formulario: Ouvidoria, Trabalhe Conosco e Seja Nosso Parceiro.
   CSS puro, sem build. Topo e cartao do formulario sao os do Atendimento (atendimento.css); aqui
   ficam a grade texto | formulario, o texto do editor e os campos que o formulario do Atendimento
   nao tem (opcoes, arquivo, o titulo escrito dentro do formulario de Parceria). Mobile-first; de
   1024px. Sem negrito; vermelho so em erro. */

.unimes-forms-main {
  padding-block: var(--unimes-space-10) var(--unimes-space-12);
}

.unimes-forms-main__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--unimes-space-8);
}

.unimes-forms-main--single .unimes-forms-main__grid {
  max-width: calc(46rem + 2 * var(--unimes-space-gutter));
}

.unimes-forms-main__text {
  display: grid;
  align-content: start;
  gap: var(--unimes-space-5);
}

/* Texto do editor: o tratamento da pagina padrao, com negrito em navy e sem peso. */
.unimes-forms-main__body {
  color: var(--gray-700);
  font-size: var(--text-md);
  line-height: var(--leading-relaxed);
  overflow-wrap: anywhere;
}

.unimes-forms-main__body > * {
  margin-block: 0;
}

.unimes-forms-main__body > * + * {
  margin-top: var(--unimes-space-5);
}

.unimes-forms-main__body :where(h2, h3, h4) {
  color: var(--text-strong);
  font-size: var(--text-xl);
  font-weight: var(--fw-regular);
  line-height: var(--leading-snug);
}

.unimes-forms-main__body :where(strong, b) {
  color: var(--text-strong);
  font-weight: var(--fw-regular);
}

.unimes-forms-main__body a {
  color: var(--text-link);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.unimes-forms-main__body .wp-block-spacer {
  max-height: var(--unimes-space-3);
}

/* O "CSS adicional" do Personalizador (no banco) poe nome, e-mail, telefone e assunto da Ouvidoria e
   do Trabalhe Conosco em duas colunas com width: 49% e float. Aqui as duas colunas sao da grade, de
   640px; a largura e o float de la saem. */
.unimes-forms-page .wpcf7-form > #nome-r,
.unimes-forms-page .wpcf7-form > #email-r,
.unimes-forms-page .wpcf7-form > #tel-r,
.unimes-forms-page .wpcf7-form > #assunto-r,
.unimes-forms-page .wpcf7-form > #mensagem-r {
  width: auto;
  margin-top: 0;
  float: none;
}

@media (min-width: 640px) {
  .unimes-forms-page .wpcf7-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .unimes-forms-page .wpcf7-form > * {
    grid-column: 1 / -1;
  }

  .unimes-forms-page .wpcf7-form > #nome-r,
  .unimes-forms-page .wpcf7-form > #email-r,
  .unimes-forms-page .wpcf7-form > #tel-r,
  .unimes-forms-page .wpcf7-form > #assunto-r {
    grid-column: auto;
  }
}

/* O formulario de Parceria usa o CF7 Skins, cujo normalize (".wpcf7-form.cf7skins button
   { color: inherit }") vence a cor do botao do Atendimento e deixava o "Enviar" com letra preta. */
.unimes-forms-page .wpcf7-form .wpcf7-submit,
.unimes-forms-page .wpcf7-form .wpcf7-submit:hover {
  color: var(--unimes-white);
}

/* ---------- Campos que o formulario do Atendimento nao tem ---------- */

/* Titulo escrito dentro do formulario (Parceria). */
.unimes-forms-page .wpcf7-form h2 {
  margin: 0;
  color: var(--text-strong);
  font-size: var(--text-xl);
  font-weight: var(--fw-regular);
  line-height: var(--leading-snug);
}

.unimes-forms-page .wpcf7-form :where(strong, b) {
  font-weight: var(--fw-regular);
}

/* Perguntas de sim ou nao (Trabalhe Conosco). */
.unimes-forms-page .wpcf7-form .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  gap: var(--unimes-space-2) var(--unimes-space-5);
  margin-top: var(--unimes-space-2);
}

.unimes-forms-page .wpcf7-form .wpcf7-list-item {
  margin: 0;
}

.unimes-forms-page .wpcf7-form .wpcf7-list-item label {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: var(--unimes-space-2);
  color: var(--text-body);
  font-size: var(--text-base);
  cursor: pointer;
}

.unimes-forms-page .wpcf7-form input[type='radio'] {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--unimes-navy);
}

.unimes-forms-page .wpcf7-form > div:empty {
  display: none;
}

/* Arquivo (curriculo). */
.unimes-forms-page .wpcf7-form input[type='file'] {
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  padding: 8px;
  border: 1px dashed var(--border-default);
  border-radius: var(--radius-md);
  background: var(--unimes-white);
  color: var(--text-body);
  font: inherit;
  font-size: var(--text-sm);
}

.unimes-forms-page .wpcf7-form input[type='file']::file-selector-button {
  min-height: 36px;
  margin-right: var(--unimes-space-3);
  padding: 6px 14px;
  border: 1px solid var(--unimes-navy);
  border-radius: var(--radius-md);
  background: var(--unimes-white);
  color: var(--unimes-navy);
  cursor: pointer;
  font: inherit;
}

@media (min-width: 1024px) {
  .unimes-forms-main__grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    gap: var(--unimes-space-12);
  }

  .unimes-forms-main--single .unimes-forms-main__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}