/* Páginas de texto (privacidade) e 404. Usa só tokens de base.css. */
.texto { max-width: 760px; }
.texto h1 { margin-bottom: 12px; }
.texto h2 { font-size: 26px; margin: 40px 0 12px; }
.texto p, .texto li { color: var(--cor-texto-suave); }
.texto ul { padding-left: 22px; margin: 12px 0; }
.texto li { margin-bottom: 8px; }
.texto strong { color: var(--cor-tinta); }
.texto a { color: var(--cor-primaria-escura); text-decoration: underline; text-underline-offset: 3px; }
.tabela-rolagem { overflow-x: auto; margin: 16px 0; }
.tabela-rolagem table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 16px; }
.tabela-rolagem th, .tabela-rolagem td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--cor-borda); vertical-align: top; }
.tabela-rolagem th { color: var(--cor-tinta); background: var(--cor-fundo-alt); }
.erro-404 { min-height: 60vh; display: flex; align-items: center; }
.erro-404 .codigo { font-size: clamp(72px, 16vw, 160px); font-weight: 800; letter-spacing: -0.04em; line-height: 1; color: var(--cor-primaria); margin: 0 0 16px; }
.erro-404 .btn { margin-top: 24px; }