/* Contato no celular: a mensagem vem primeiro e os cartões de contato ficam embaixo. Desktop não muda. */
@media (max-width:640px){
  .ct{display:flex;flex-direction:column;gap:14px;padding-top:84px;padding-bottom:56px}
  .ct-lado,.ct-dir{display:contents}
  .ct-topo{order:1;gap:10px}
  .ct-h1{font-size:clamp(32px,9vw,38px);line-height:1}
  .ct-topo .h-p{font-size:16px!important;line-height:1.45;margin:0}
  .ct-sub2{display:none}
  .ct-form{order:2;gap:22px;padding:20px 18px;border-radius:24px}
  .ct-ok{order:2}
  /* campos de nome e mensagem sobem para o começo do formulário */
  .ct-campos{order:-2;gap:10px}
  .ct-msg{order:-1}
  .ct-envio .ct-btn{min-height:56px}
  .ct-canais{order:3;gap:8px;margin-top:10px}
  .ct-passos{order:4}
  .ct-end{order:5;font-size:13.5px}
  .ct-canal{min-height:56px;padding:8px 14px;gap:12px;border-radius:16px}
  .ct-canal-ic{width:40px;height:40px;border-radius:12px}
  .ct-canal b{font-size:15px;white-space:nowrap}
  .ct-form input,.ct-form textarea{font-size:16px}
}
