/* =============================================================================
   RETOMALEAD — PÁGINAS DE TEXTO (legal, bem-vindo, guia)
   ============================================================================= */
.pagina-topo {
  background: var(--surface);
  border-bottom: 1px solid var(--line-2);
}
.pagina-topo__inner {
  display: flex; align-items: center; justify-content: space-between;
  padding-block: 12px;
}
.doc { max-width: 720px; margin-inline: auto; padding: clamp(28px, 6vw, 56px) 20px 72px; }
.doc h1 { font-size: clamp(27px, 5.5vw, 38px); margin-bottom: 8px; }
.doc h2 { font-size: 21px; margin-top: var(--sp-6); }
.doc h3 { font-size: 17px; margin-top: var(--sp-5); }
.doc .tiny { margin-bottom: var(--sp-5); }
.doc ul li { margin-bottom: 6px; }
.doc-destaque {
  background: var(--brand-softer); border: 1px solid rgba(75,59,214,.18);
  border-radius: var(--r-md); padding: var(--sp-4); margin-block: var(--sp-4);
}
.doc-aviso {
  background: var(--warn-soft); border: 1px solid rgba(178,106,0,.2);
  border-radius: var(--r-md); padding: var(--sp-4); margin-block: var(--sp-4);
  font-size: 15px;
}
.rodape-simples {
  border-top: 1px solid var(--line);
  padding: var(--sp-5) 20px; text-align: center;
  font-size: 14px; color: var(--ink-3);
}
.rodape-simples a { margin-inline: 10px; }

/* bem-vindo */
.bemvindo {
  min-height: 72vh; display: grid; place-items: center;
  padding: clamp(40px, 8vw, 88px) 20px;
  background:
    radial-gradient(800px 440px at 50% -10%, var(--brand-soft) 0%, transparent 60%),
    var(--bg);
  text-align: center;
}
.bemvindo__inner { max-width: 640px; }
.bemvindo h1 { margin-bottom: var(--sp-4); }
.bemvindo .btn { margin-block: var(--sp-4); }
.bemvindo-passos {
  display: grid; gap: 10px; margin: var(--sp-6) auto 0; max-width: 420px; text-align: left;
  counter-reset: passo;
}
.bemvindo-passo {
  display: flex; align-items: center; gap: 12px;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md);
  padding: 12px 16px; font-weight: 550; color: var(--ink);
}
.bemvindo-passo::before {
  counter-increment: passo; content: counter(passo);
  flex: none; width: 26px; height: 26px; border-radius: 50%;
  background: var(--brand); color: #fff; font-size: 13px; font-weight: 700;
  display: grid; place-items: center;
}