/* ==========================================================================
   Contato / reportar erro (tela 07)
   Duas colunas: o formulário domina, a coluna direita responde "quando eu
   tenho retorno" e desvia quem na verdade queria mandar plano de ensino.
   ========================================================================== */

body.hje-v3 .v3-contato {
  display: grid; grid-template-columns: 1fr 320px;
  gap: 0; max-width: 1060px; width: 100%; margin: 0 auto;
}
body.hje-v3 .v3-contato__esq { padding: 30px 34px 60px; min-width: 0; }
body.hje-v3 .v3-contato__dir {
  padding: 34px 0 60px 30px;
  border-left: 2px solid var(--ink);
  min-width: 0;
}
body.hje-v3 .v3-contato__bloco { margin-bottom: 26px; }
body.hje-v3 .v3-contato__bloco .v3-eyebrow { display: block; margin-bottom: 6px; }
body.hje-v3 .v3-contato__bloco .v3-aux { display: block; line-height: 1.55; }
body.hje-v3 .v3-contato__bloco .v3-btn { margin-top: 12px; }

body.hje-v3 .v3-contato__num {
  margin: 0; font-size: 40px; font-weight: 900; letter-spacing: -0.04em;
  line-height: 1; color: var(--roxo);
}
body.hje-v3 .v3-contato__email {
  margin: 0; font-size: 14px; font-weight: 700; color: var(--ink);
  overflow-wrap: anywhere;
}
body.hje-v3 .v3-contato__lista { list-style: none; margin: 0; padding: 0; }
body.hje-v3 .v3-contato__lista li {
  display: flex; flex-direction: column; gap: 2px;
  padding: 8px 0; border-bottom: 1px solid var(--linha-clara);
  font-size: 13px; color: var(--texto-3);
}

/* ---------- chips de tipo ---------- */
body.hje-v3 .v3-chips { display: flex; flex-wrap: wrap; gap: 8px; }
body.hje-v3 .v3-chip-opcao { cursor: pointer; }
/* O radio some da vista mas continua no fluxo do teclado: sem ele o grupo
   deixaria de ser navegável por seta, que é como um radiogroup funciona. */
body.hje-v3 .v3-chip-opcao input {
  position: absolute; width: 1px; height: 1px;
  opacity: 0; pointer-events: none;
}
body.hje-v3 .v3-chip-opcao span {
  display: inline-block; padding: 9px 13px;
  border: 2px solid var(--linha-clara-3);
  font-size: 12px; font-weight: 800; letter-spacing: 0.04em; color: var(--texto-3);
  transition: border-color var(--dur-estado) var(--ease),
              background var(--dur-estado) var(--ease),
              color var(--dur-estado) var(--ease);
}
body.hje-v3 .v3-chip-opcao:hover span { border-color: var(--ink); color: var(--ink); }
body.hje-v3 .v3-chip-opcao input:checked + span {
  background: var(--ink); border-color: var(--ink); color: var(--ground);
}
body.hje-v3 .v3-chip-opcao input:focus-visible + span {
  outline: 2px solid var(--roxo); outline-offset: 2px;
}

body.hje-v3 .v3-campo-duplo--igual { grid-template-columns: 1fr 1fr; }

@media (max-width: 900px) {
  body.hje-v3 .v3-contato { grid-template-columns: 1fr; }
  body.hje-v3 .v3-contato__esq { padding: 24px 16px 30px; }
  body.hje-v3 .v3-contato__dir {
    border-left: 0; border-top: 2px solid var(--ink);
    padding: 26px 16px 50px;
  }
  body.hje-v3 .v3-campo-duplo--igual { grid-template-columns: 1fr; }
}