/* Páginas do Lumescroll: uma coluna de leitura sobre o Fundo, com as cores e fontes do BRAND.md. Só modo claro. */
:root {
  --noite: #0e1325;
  --grafite: #2a3048;
  --cinza: #676d85;
  --linha: #e4e6ee;
  --fundo: #f4f5f8;
  --branco: #ffffff;
  --azul: #4555d6;
  --titulo: 'Outfit', system-ui, -apple-system, sans-serif;
  --texto: 'Figtree', system-ui, -apple-system, sans-serif;
  color-scheme: light;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--fundo);
  color: var(--grafite);
  font: 400 1.0625rem/1.6 var(--texto);
  -webkit-text-size-adjust: 100%;
}

.pagina {
  max-width: 42rem;
  margin: 0 auto;
  padding-block: 2rem 4rem;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}

.marca {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--noite);
  text-decoration: none;
  font: 400 1.25rem/1 var(--titulo);
  letter-spacing: -0.03em;
}
.marca img { width: 2.5rem; height: 2.5rem; }
.marca b { font-weight: 700; }

h1, h2 {
  font-family: var(--titulo);
  font-weight: 700;
  color: var(--noite);
  text-wrap: balance;
  line-height: 1.2;
}
h1 { font-size: 2rem; margin: 2.5rem 0 0.5rem; }
h2 { font-size: 1.25rem; margin: 2.25rem 0 0.5rem; }
p, ul { margin: 0 0 1rem; }
ul { padding-left: 1.25rem; }
li { margin-bottom: 0.5rem; }
strong { color: var(--noite); font-weight: 700; }

.data { color: var(--cinza); margin-bottom: 2rem; }

.cartao {
  background: var(--branco);
  border: 1px solid var(--linha);
  border-radius: 1.25rem;
  padding: 1.25rem;
  margin: 1.5rem 0;
}
.cartao p:last-child { margin-bottom: 0; }

a { color: var(--azul); text-underline-offset: 0.15em; }
a:focus-visible { outline: 2px solid var(--azul); outline-offset: 2px; border-radius: 4px; }

.email { font-weight: 700; user-select: all; }

.rodape {
  margin-top: 3rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--linha);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  color: var(--cinza);
  font-size: 0.9375rem;
}