/* ===== LP Solicite um orçamento — coluna única minimalista ===== */
/* Base CLARA igual ao hero do index. A aurora ("arco-íris que vai e vem") é o
   PRÓPRIO .hero-bg do skin.css, reusado no markup — mesmas cores pastéis, mesma
   animação bgMove e mesmo véu claro. Nada duplicado. */
.lp{background:var(--surface);color:var(--ink);padding:56px 0 84px;position:relative;overflow:hidden;min-height:calc(100svh - 86px);border-bottom:1px solid var(--line)}
.lp .wrap{position:relative;z-index:1;max-width:660px}

.lp-head{text-align:center;margin-bottom:30px}
.lp-head .kick{justify-content:center}
.lp-head h1{font-family:var(--disp);font-weight:800;color:var(--ink);line-height:1.05;letter-spacing:-.02em;margin-top:14px;font-size:clamp(30px,min(6vw,6.4vh),50px)}
.lp-head h1 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-dek{color:var(--text);font-size:17px;line-height:1.5;margin:16px auto 0;max-width:48ch}

/* card do formulário */
.lp-card{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:34px 32px;box-shadow:0 30px 60px -28px rgba(8,42,43,.45);max-width:560px;margin:0 auto}
.lp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-field{position:relative;margin-bottom:14px}
.lp-field input{width:100%;padding:22px 14px 8px;border:1.5px solid var(--line);border-radius:10px;font-family:var(--font);font-size:16px;color:var(--ink);background:#fff;transition:border-color .15s}
.lp-field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,107,110,.12)}
.lp-field:not(.lp-sel)>label{position:absolute;left:15px;top:15px;color:var(--muted);font-size:16px;pointer-events:none;transition:.15s}
.lp-field input:focus+label,
.lp-field input:not(:placeholder-shown)+label{top:7px;font-size:10.5px;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:.05em}
/* selects com rótulo em cima */
.lp-sel{margin-bottom:14px}
.lp-sel-lb{display:block;font-family:var(--disp);font-weight:700;font-size:12.5px;color:var(--ink);margin-bottom:6px}
.lp-field select{width:100%;padding:13px 40px 13px 14px;border:1.5px solid var(--line);border-radius:10px;font-family:var(--font);font-size:15px;color:var(--ink);background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23697675' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 14px center;appearance:none;-webkit-appearance:none;cursor:pointer}
.lp-field select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,107,110,.12)}
.lp-field.invalid input,.lp-field.invalid select{border-color:var(--red)}
/* mensagem colada no campo recusado (o JS do site.js cria e tira o span.fe) */
.lp-field .fe{display:block;color:var(--red);font-size:13px;font-weight:600;line-height:1.35;margin-top:6px}

.lp-btn{width:100%;justify-content:center;font-size:17px;padding:17px 28px;margin-top:8px}
.lp-err{margin-top:12px;color:var(--red);font-size:14px;font-weight:600;text-align:center;min-height:0}
.lp-loader{margin-top:14px;text-align:center;color:var(--teal);font-family:var(--disp);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}
.lp-loader[hidden]{display:none}
.lp-spin{width:18px;height:18px;border:3px solid rgba(0,107,110,.25);border-top-color:var(--teal);border-radius:50%;display:inline-block;animation:lpspin .8s linear infinite}
@keyframes lpspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.lp-spin{animation:none}}

/* estado de sucesso */
.lp-success{text-align:center;padding:20px 10px}
.lp-ok{width:64px;height:64px;border-radius:50%;background:var(--teal);color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-weight:900}
.lp-success h2{font-family:var(--disp);font-weight:800;font-size:26px;color:var(--ink);letter-spacing:-.01em}
.lp-success p{color:var(--text);font-size:16px;margin:12px auto 22px;max-width:40ch;line-height:1.5}

@media(max-width:560px){
  .lp-card{padding:26px 20px}
  .lp-row{grid-template-columns:1fr}
}