/* Páginas de texto (Quem somos, Privacidade, Termos), sobre o hub.css. */
.page { max-width: 760px; margin: 0 auto; padding: 36px 20px 56px; }
.page-head { display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px; }
.page-head h1 { margin: 0; font-size: clamp(44px, 8vw, 68px); color: var(--gold-2); }
.page-head .updated { margin: 0; color: var(--muted); font-size: 13px; }
.page h2 { margin: 32px 0 10px; font-size: 19px; font-weight: 800; color: var(--text); }
.page p, .page li { color: #d3ccbc; }
.page p { margin: 0 0 12px; }
.page ul { margin: 0 0 12px; padding-left: 22px; }
.page li { margin-bottom: 6px; }
.page li b, .page p b { color: var(--text); font-weight: 600; }
.page a { color: var(--gold-2); text-underline-offset: 3px; }
.page a:hover { color: var(--gold); }
.page .note {
  border: 1px solid var(--line-2); border-left: 3px solid var(--gold); border-radius: 4px;
  background: var(--panel); padding: 14px 16px; margin: 0 0 12px;
}
.page .note p:last-child { margin-bottom: 0; }
@media (max-width: 560px) { .page { padding: 28px 16px 48px; } }

/* Acabamento "hextech": quadro de aviso com borda em degradê e canto dourado. */
.page .note { position: relative; border: 1px solid transparent; border-left: 3px solid var(--gold);
  background: linear-gradient(180deg, #1a1813, #101010) padding-box,
    linear-gradient(160deg, rgba(245, 207, 90, 0.55), rgba(59, 53, 42, 0.6) 60%, rgba(217, 168, 43, 0.35)) border-box; }
.page .note::after { content: ''; position: absolute; bottom: -2px; right: -2px; width: 12px; height: 12px; border: 2px solid var(--gold-2); border-left: 0; border-top: 0; border-bottom-right-radius: 4px; }
.page h2 { display: flex; align-items: center; gap: 12px; }
.page h2::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(217, 168, 43, 0.45), transparent); }