/* Formulário de contato — usado na home, em revendedores e em clientes.
   Carregado depois de styles.css. */

.lead{max-width:none;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-left:max(32px,calc((100% - 1180px)/2));padding-right:max(32px,calc((100% - 1180px)/2))}
.lead-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;align-items:start;padding:96px 0}
.lead-copy,.lead-form{min-width:0}
.lead-copy h2{font-size:clamp(31px,4vw,50px);line-height:1.04;letter-spacing:-2.3px;margin:0 0 18px;font-weight:800}
.lead-copy h2 em{font-style:normal;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead-copy p{color:var(--muted);font-size:17.5px;line-height:1.62;margin:0;max-width:440px}
.lead-points{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:14px}
.lead-points li{position:relative;padding-left:30px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.lead-points li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--tint-cyan);border:1px solid var(--cyan)}
.lead-points li::after{content:"";position:absolute;left:5.5px;top:8px;width:7px;height:4px;border-left:1.8px solid var(--cyan);border-bottom:1.8px solid var(--cyan);transform:rotate(-45deg)}

.lead-form{border:1px solid var(--line);border-radius:18px;background:linear-gradient(168deg,var(--surface-2),var(--bg));padding:34px;box-shadow:0 30px 64px -38px var(--shadow-hard)}
.lead-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.lead-field{display:block;margin-bottom:16px;min-width:0}
.lead-field span{display:block;font-size:11.5px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.lead-field span b{color:var(--cyan);font-weight:800}
.lead-field input,.lead-field textarea,.lead-field select{width:100%;box-sizing:border-box;font:inherit;font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:13px 14px;transition:border-color .16s,box-shadow .16s}
.lead-field textarea{min-height:104px;resize:vertical;line-height:1.5}
.lead-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 19px) 21px,calc(100% - 14px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px;cursor:pointer}
.lead-field input:focus,.lead-field textarea:focus,.lead-field select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px var(--tint-cyan)}
.lead-field input::placeholder,.lead-field textarea::placeholder{color:rgba(148,150,196,.62)}
.lead-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.lead-send{width:100%;font:inherit;font-size:15px;font-weight:800;color:var(--on-brand);background:var(--brand-gradient);border:0;border-radius:10px;padding:16px 20px;margin-top:6px;cursor:pointer;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 14px 32px -14px rgba(163,140,255,.8)}
.lead-send:hover:not(:disabled){transform:translateY(-2px)}
.lead-send:disabled{opacity:.6;cursor:progress}
.lead-note{margin:16px 0 0;font-size:12.5px;line-height:1.55;color:var(--muted);text-align:center}

.lead-status{display:none;margin:18px 0 0;padding:15px 17px;border-radius:11px;font-size:14.5px;line-height:1.55}
.lead-status.is-shown{display:block}
.lead-status.is-ok{background:var(--ok-tint);border:1px solid var(--ok-line);color:var(--ok-ink)}
.lead-status.is-bad{background:var(--bad-tint);border:1px solid var(--bad-line);color:var(--bad-ink)}
.lead-done{text-align:center;padding:22px 0 6px}
.lead-done svg{width:52px;height:52px;color:var(--ok);margin-bottom:18px}
.lead-done strong{display:block;font-size:23px;letter-spacing:-1px;margin-bottom:10px}
.lead-done p{color:var(--muted);font-size:15px;line-height:1.6;margin:0 auto;max-width:330px}

@media(max-width:980px){.lead-inner{grid-template-columns:1fr;gap:44px;padding:72px 0}.lead-copy p{max-width:none}}
@media(max-width:760px){
  .lead{padding-left:21px;padding-right:21px}
  .lead-inner{padding:58px 0;gap:34px}
  .lead-form{padding:24px;border-radius:14px}
  .lead-row{grid-template-columns:1fr;gap:0}
}