/* Páginas de texto longo (política de privacidade) no visual do site: usa as variáveis e o menu e rodapé de site.css. */
.s-doc { padding-block: clamp(36px, 6vw, 80px) clamp(64px, 8vw, 112px); background: radial-gradient(60% 320px at 50% 0, rgba(10,111,224,.14), rgba(10,111,224,0) 100%) no-repeat; }
.s-doc-wrap { max-width: 720px; margin: 0 auto; padding-inline: clamp(16px, 4vw, 32px); }
.s-doc-voltar { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--fg2); text-decoration: none; margin-bottom: 36px; }
.s-doc-voltar:hover { color: var(--fg); }
.s-doc h1 { font-size: clamp(34px, 5.4vw, 56px); font-weight: 700; letter-spacing: -.035em; line-height: 1.06; text-wrap: balance; margin-top: 10px; }
.s-doc .s-eyebrow { font-size: 15px; line-height: 1.4; color: var(--blue-text); }
.s-doc-data { margin-top: 14px; font-size: 13px; color: var(--fg3); font-variant-numeric: tabular-nums; }
.s-doc-intro { margin-top: 32px; font-size: clamp(17px, 1.9vw, 20px); line-height: 1.55; color: var(--fg2); text-wrap: pretty; }
.s-doc section { margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--line); }
.s-doc h2 { font-size: 22px; font-weight: 650; letter-spacing: -.02em; line-height: 1.25; color: var(--fg); }
.s-doc p, .s-doc li { font-size: 16px; line-height: 1.7; color: var(--fg2); text-wrap: pretty; }
.s-doc h2 + p, .s-doc p + p { margin-top: 12px; }
.s-doc ul { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.s-doc li { position: relative; padding-left: 22px; }
.s-doc li::before { content: ''; position: absolute; left: 2px; top: .78em; width: 6px; height: 6px; border-radius: 50%; background: var(--blue-text); }
.s-doc strong { color: var(--fg); font-weight: 600; }
.s-doc section a, .s-doc-intro a { color: var(--blue-text); text-decoration: underline; text-underline-offset: 3px; }
.s-doc a:focus-visible { outline: 2px solid var(--blue-text); outline-offset: 3px; border-radius: 4px; }