/* ==========================================================================
   ATENDIMENTO FALADO (S7, o "Pardal" do Eduardo em 22/09)
   ==========================================================================
   A caixa "Registrar falando" no topo do formulário de novo atendimento. O
   corpo é o painel de captura de Pessoas (`.captura`, 15_captura.css) — o
   mesmo tracejado, o mesmo microfone que pisca enquanto ouve —, para o
   assessor reconhecer de primeira o gesto que ele já usa para cadastrar
   gente. Aqui só vive o que é deste formulário.
   ========================================================================== */

/* Dentro do <form> ela é o primeiro bloco: a distância para o bloco 1 é a
   mesma que os blocos têm entre si (a `pilha` do formulário já dá o gap). */
.fala-atendimento { margin-bottom: 0; }

.fala-atendimento .captura__canal-topo { align-items: flex-start; }

/* O "Falar" é O botão desta caixa: tamanho normal, e não o pequeno da captura
   de Pessoas, porque aqui ele é a razão de a caixa existir. */
.fala-atendimento__microfone {
  flex: none;
  gap: var(--esp-2);
}

.fala-atendimento__acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--esp-2) var(--esp-3);
}

/* A promessa que a tela faz — nada gravado, voto nunca — dita em voz baixa,
   mas dita: é ela que deixa o assessor falar sem medo de "ter salvo errado". */
.fala-atendimento__garantia {
  font-size: var(--texto-xs);
  color: var(--cor-texto-suave);
}

/* No celular, que é onde se fala: o microfone desce para baixo do texto e
   ocupa a largura inteira, alvo de polegar. */
@media (max-width: 767px) {
  .fala-atendimento .captura__canal-topo { flex-direction: column; align-items: stretch; }
  .fala-atendimento__microfone { justify-content: center; min-height: 2.75rem; }
  .fala-atendimento__acoes .botao { flex: 1 1 auto; justify-content: center; }
}

/* O submit padrão do Enter (ver _botao_falar): existe para o navegador, não
   para quem olha. Fora da tela, sem ocupar espaço na pilha do formulário. */
.fala-atendimento__envio-padrao {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}