/* CSS da rda-lp — RD Agência.
 * Extraído de um <style> inline de 2316 chars em 08/08/2026. Inline exige
 * style-src 'unsafe-inline', que reprova no TOP/NIC.br e abre a porta para XSS
 * injetado virar estilo executável. Externo é servido de 'self'.
 */
:root {
      --teal-dark:#0F3D3E; --teal:#104B4A; --mint:#7DD3C0; --offwhite:#FAF7F2;
      --white:#FFF; --graphite:#27323D; --graphite-soft:#5A6670;
      --coral:#FF7A64; --coral-dark:#E85B4C; --border:rgba(16,75,74,0.12);
      --font-title:'Sora',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    body{font-family:var(--font-body);background:var(--offwhite);color:var(--graphite);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
    .lp{max-width:640px;margin:0 auto;padding:56px 24px 80px}
    .eyebrow{display:inline-block;background:rgba(125,211,192,.22);color:var(--teal-dark);font-weight:500;font-size:13px;padding:6px 12px;border-radius:999px;margin-bottom:20px}
    h1{font-family:var(--font-title);font-weight:600;font-size:clamp(30px,5vw,42px);line-height:1.2;color:var(--teal);margin-bottom:16px}
    .lp > p{font-size:18px;color:var(--graphite-soft);max-width:560px;margin-bottom:32px}
    form{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:24px;display:grid;gap:16px}
    .form-head{font-family:var(--font-title);font-weight:500;font-size:18px;color:var(--teal)}
    label{display:grid;gap:6px;font-weight:500;font-size:14px;color:var(--graphite)}
    input,textarea{font:inherit;color:var(--graphite);background:var(--offwhite);border:1px solid rgba(16,75,74,.14);border-radius:8px;padding:11px 12px;min-height:44px}
    input:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(16,75,74,.15)}
    textarea{min-height:88px;resize:vertical}
    button{font:500 16px var(--font-body);background:var(--coral);color:var(--graphite);border:none;border-radius:8px;padding:13px 20px;min-height:48px;cursor:pointer;transition:background .15s,transform .05s}
    button:hover{background:var(--coral-dark)}
    button:active{transform:scale(.98)}
    button:disabled{opacity:.4;cursor:default}
    .lp__error{color:var(--coral-dark);font-size:14px}
    #lead-success{background:var(--white);border:2px solid var(--mint);border-radius:16px;padding:24px;text-align:center}
    #lead-success h2{font-family:var(--font-title);font-weight:600;color:var(--teal);margin-bottom:8px}
    .lp__legal{font-size:13px;color:var(--graphite-soft);margin-top:16px}

/* ─── utilitárias: substituem os style="" que existiam no HTML ───────────────
 * Atributo style="" é bloqueado por style-src 'self' sem 'unsafe-inline'. Eram
 * 4 no site (3 na home, 1 na LP) — incluindo o honeypot anti-spam, que sem
 * estilo VIRARIA UM CAMPO VISÍVEL no formulário. */
.u-oculto-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.u-fs-15 { font-size: 15px; }
.u-cor-coral-dark { color: var(--coral-dark); }
