/* Páginas de documento (termos e privacidade): a identidade da landing
   (tokens, fontes, fundo) com uma coluna de leitura confortável. */
.doc { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; padding: 48px 20px 96px; }
.doc-topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 48px; }
.doc-marca { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; font-weight: 600; }
.doc-marca img { border-radius: 8px; }
.doc-voltar { color: var(--c-texto-suave, #9faabd); text-decoration: none; font-size: 14px; }
.doc-voltar:hover { color: inherit; }
.doc-cartao { background: rgba(17, 26, 43, .72); border: 1px solid rgba(255, 255, 255, .08); border-radius: 24px;
  padding: 40px 36px; backdrop-filter: blur(22px) saturate(170%); -webkit-backdrop-filter: blur(22px) saturate(170%);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, .06) inset, 0 24px 60px -20px rgba(0, 0, 0, .6); }
.doc h1 { font-size: clamp(28px, 4vw, 38px); line-height: 1.15; letter-spacing: -.02em; margin: 0 0 8px; }
.doc .doc-versao { color: #9faabd; font-size: 14px; margin: 0 0 32px; }
.doc h2 { font-size: 19px; letter-spacing: -.01em; margin: 36px 0 10px; }
.doc p, .doc li { color: #d3dae6; font-size: 15.5px; line-height: 1.7; }
.doc ul { padding-left: 20px; }
.doc li { margin: 4px 0; }
.doc a { color: #6fa8ff; }
.doc .doc-destaque { border-left: 3px solid #6fa8ff; padding: 12px 16px; background: rgba(111, 168, 255, .08);
  border-radius: 0 12px 12px 0; margin: 20px 0; }
.doc-rodape { margin-top: 40px; color: #8592a8; font-size: 13px; text-align: center; }
@media (max-width: 560px) { .doc-cartao { padding: 28px 20px; } }