/* Formulário de contato (home e artigos) — complementa os estilos .field, .row2 e .btn do site */
.msg{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:clamp(24px,4vw,36px);border-radius:var(--radius)}
.msg-form{display:grid;gap:18px}
.field label .opc{text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:.85rem}
.field.invalido input,.field.invalido textarea{border-color:#b3453b}
.campo-erro{font-size:.85rem;color:#b3453b}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--muted);line-height:1.45;cursor:pointer}
.consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--petrol);flex:none}
.isca{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.msg .btn[disabled]{opacity:.65;cursor:progress;transform:none}
.form-status{font-size:.95rem;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line);margin:0}
.form-status.erro{border-color:#b3453b;color:#b3453b;background:color-mix(in srgb,#b3453b 8%,transparent)}
.form-ok{display:grid;gap:14px;justify-items:start;text-align:left;animation:fade .45s ease}
.form-ok:focus{outline:none}
.form-ok .check{width:48px;height:48px;border-radius:50%;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent)}
.form-ok .check svg{width:24px;height:24px}
.form-ok h3{font-size:1.6rem;margin:0}
.form-ok p{color:var(--muted);margin:0}
.form-ok .acoes{display:flex;flex-wrap:wrap;gap:10px}
.msg [hidden],[data-lead-box] [hidden]{display:none!important}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .campo-erro{color:#ef9a92}
  :root:not([data-theme="light"]) .field.invalido input,:root:not([data-theme="light"]) .field.invalido textarea{border-color:#ef9a92}
  :root:not([data-theme="light"]) .form-status.erro{border-color:#ef9a92;color:#ef9a92}
}
:root[data-theme="dark"] .campo-erro{color:#ef9a92}

/* Dentro do quadro verde no fim dos artigos */
.cta-box .msg{margin-top:6px}
.cta-box .msg .btn{background:var(--ink);color:var(--bg);border-color:var(--ink);justify-self:stretch}
.cta-box .msg .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line);justify-self:start}
.cta-box .msg h3{color:var(--ink)}
.cta-box .alt-wa{font-size:.95rem;color:color-mix(in srgb,var(--on-petrol) 80%,transparent)}
.cta-box .alt-wa a{color:var(--on-petrol);font-weight:600}
.cta-box[id]{scroll-margin-top:110px}