/* ==========================================================================
   A12 · Interessados
   Quem disse «quero» e ainda não é cliente. Tela da casa Jão~.
   ========================================================================== */

.a12__placar {
  display: flex;
  align-items: center;
  gap: 10rem;
  padding: 12rem 16rem;
  border: 1rem solid var(--line);
  background: var(--panel);
  margin-bottom: 16rem;
  font-size: 13rem;
  color: var(--ink-2);
}

.a12__lista { display: flex; flex-direction: column; gap: 12rem; }

/* Riscado não some da lista: some do caminho de quem está procurando o que
   falta responder. Por isso é opacidade, e não `display:none`. */
.a12__cartao--feito { opacity: .55; }

.a12__cabeca {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14rem;
}
.a12__empresa { color: var(--ink-3); font-weight: 400; }
.a12__acoes { flex: none; display: flex; gap: 8rem; }
.mobile .a12__cabeca { flex-direction: column; }

.a12__grade {
  margin-top: 14rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200rem, 1fr));
  gap: 10rem 18rem;
}
.a12__dado { display: flex; flex-direction: column; gap: 3rem; min-width: 0; }
.a12__dado-rotulo { font-size: 9rem; letter-spacing: .1em; color: var(--ink-3); }

/* O e-mail e o telefone existem para serem copiados para outro lugar — é o
   que a pessoa vai fazer com eles. Botão, e não texto solto. */
.a12__copiar {
  background: none;
  border: 0;
  padding: 0;
  text-align: left;
  cursor: pointer;
  color: var(--ink-2);
  font-family: var(--font-mono);
  font-size: 12rem;
  overflow-wrap: anywhere;
}
.a12__copiar:hover { color: var(--invert-bg); }

.a12__recado {
  margin-top: 14rem;
  padding: 10rem 12rem;
  border: 1rem solid var(--line);
  background: var(--bg);
}