@layer pagina {
  .legal { max-width: 760px; margin: 0 auto; padding: 160px var(--margem) 96px; }
  .legal h1 { font-size: clamp(2.4rem, 6vw, 4rem); margin-bottom: 14px; }
  .legal__data { color: var(--mudo); margin-bottom: 48px; }
  .legal h2 { font-size: 1.3rem; font-weight: 400; color: var(--ouro-claro); margin: 40px 0 12px; letter-spacing: 0; }
  .legal p { color: #cfc7b8; margin-bottom: 14px; }
  .legal a { color: var(--ouro); text-decoration: underline; text-underline-offset: 3px; }

  .legal__rodape {
    display: flex; flex-wrap: wrap; gap: 12px 32px; justify-content: center;
    padding: 28px var(--margem) 36px; border-top: 1px solid var(--linha);
    font-size: .85rem; color: var(--mudo);
  }
  .legal__rodape a:hover { color: var(--ouro-claro); }
}