/* Formulário de suporte (suporte.html, en/suporte.html, es/suporte.html). Usa as variáveis de interno.css. */
.sf{margin-top:14px}
.sf-grade{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.sf-grade .sf-largo{grid-column:1/-1}
.sf-campo{min-width:0}
.sf-campo label{display:block;margin:0 0 7px;font-size:13.5px;color:var(--fraco)}
.sf-campo label .sf-obr{color:var(--ambar);margin-left:3px}
.sf-campo input,.sf-campo select,.sf-campo textarea{width:100%;font:inherit;font-size:16px;border-radius:10px;
  background:#0a1322;border:1px solid var(--linha);color:var(--txt);padding:0 15px}
.sf-campo input,.sf-campo select{height:50px}
.sf-campo select{appearance:none;-webkit-appearance:none;padding-right:38px;
  background-image:linear-gradient(45deg,transparent 50%,var(--fraco) 50%),linear-gradient(135deg,var(--fraco) 50%,transparent 50%);
  background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.sf-campo textarea{min-height:150px;padding:13px 15px;resize:vertical;line-height:1.5}
.sf-campo input:focus,.sf-campo select:focus,.sf-campo textarea:focus{outline:2px solid var(--sinal);outline-offset:-1px}
.sf-campo [aria-invalid="true"]{border-color:var(--perigo)}
.sf-ajuda{margin:6px 0 0;font-size:12px;color:var(--fraco);line-height:1.5}
.sf-erro{margin:6px 0 0;font-size:13px;color:#fca5a5;line-height:1.5}
.sf-erro:empty{display:none}
.sf-contador{display:flex;justify-content:space-between;gap:10px}
.sf-contador span{font-variant-numeric:tabular-nums}
.sf-contador.sf-estouro span:last-child{color:#fca5a5}
/* Armadilha para robôs: fora da tela (não display:none, que alguns robôs ignoram), sem foco e sem leitor de tela. */
.sf-extra{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.sf-aviso-senha{margin:16px 0 0}
.sf-privacidade{margin:12px 0 0;font-size:12.5px;color:var(--fraco);line-height:1.55}
.sf-privacidade a{color:var(--sinal);text-decoration:underline}
.sf-status{margin:14px 0 0;font-size:14px;line-height:1.55;min-height:1px}
.sf-status.sf-erro-geral{padding:12px 14px;border-radius:10px;color:#fca5a5;background:rgba(248,113,113,.07);border:1px solid rgba(248,113,113,.28)}
.sf-status a{color:inherit;text-decoration:underline}
.sf .btn{margin-top:16px}
.sf-ok{padding:18px 19px;border-radius:14px;margin-top:14px;background:rgba(74,222,128,.06);border:1px solid rgba(74,222,128,.25)}
.sf-ok h3{margin:0 0 8px;font-size:17px;color:#86efac}
.sf-ok p{margin:0 0 8px;font-size:14px;color:var(--txt);line-height:1.6}
.sf-codigo{display:inline-block;margin:4px 0 8px;padding:8px 16px;border-radius:10px;font-size:22px;font-weight:800;
  letter-spacing:.12em;color:var(--txt);background:var(--carta2);border:1px solid var(--linha);user-select:all}
.sf-ok .btn{width:auto;padding:0 20px;margin-top:8px}
@media (max-width:700px){.sf-grade{grid-template-columns:1fr}}
@media (prefers-reduced-motion:no-preference){.sf .btn{transition:background .18s,transform .14s}}