/* Documentos do site: leitura confortável e identidade EPC. */
.legal-page { color: var(--ink-muted); }
.legal-page .wrap { max-width: 1040px; margin: 0 auto; padding: 32px var(--layout-gutter) 80px; }
.legal-page .brand { color: var(--ink); margin-bottom: 64px; font-family: var(--font-display); font-weight: 600; font-size: 13px; }
.legal-page h1 { max-width: 850px; font-family: var(--font-display); font-size: clamp(32px,3.8vw,48px); font-weight: 900; letter-spacing: -.025em; line-height: 1.12; color: var(--ink); }
.legal-page .updated { margin-top: 16px; margin-bottom: 32px; color: var(--ink-dim); font-size: 13px; }
.legal-page h2 { margin-top: 40px; margin-bottom: 16px; font-family: var(--font-display); font-size: 22px; font-weight: 700; line-height: 1.35; letter-spacing: -.015em; color: var(--ink); }
.legal-page p, .legal-page ul, .legal-page ol { margin-top: 16px; max-width: 82ch; font-size: 16px; line-height: 1.8; }
.legal-page ul, .legal-page ol { padding-left: 22px; }
.legal-page li { padding-left: 4px; margin-top: 10px; }
.legal-page li::marker { color: var(--accent); }
.legal-page strong { color: var(--ink); font-weight: 700; }
.legal-page a:not(.brand) { text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.legal-page a:hover { color: var(--accent); }
.legal-page table { width: 100%; margin-top: 24px; border-collapse: collapse; table-layout: fixed; font-size: 15px; }
.legal-page th, .legal-page td { text-align: left; vertical-align: top; padding: 16px 16px 16px 0; border-bottom: 1px solid var(--hairline); overflow-wrap: anywhere; line-height: 1.65; }
.legal-page th { color: var(--ink); font-weight: 700; }
.legal-page th:first-child { width: 38%; }
.legal-page th:last-child, .legal-page td:last-child { padding-right: 0; }
.legal-page .back { display: inline-block; margin-top: 48px; padding: 12px 0; color: var(--accent); font-size: 15px; }
@media (max-width:767px) {
  .legal-page .wrap { padding-top: 22px; padding-bottom: 48px; }
  .legal-page .brand { margin-bottom: 40px; }
  .legal-page h1 { font-size: 32px; }
  .legal-page h2 { margin-top: 32px; font-size: 20px; }
  .legal-page table { font-size: 14px; }
  .legal-page th, .legal-page td { padding-top: 14px; padding-bottom: 14px; padding-right: 12px; }
}
@media (max-width:359px) {
  .legal-page h1 { font-size: 28px; }
}