/* Identidade do app: monograma "S" branco sobre preto neutro, fonte Barlow. */
:root {
  --fundo: #F5F6F7;
  --texto: #0E1215;
  --secundario: #5B646B;
  --linha: #DDE1E4;
  --cartao: #FFFFFF;
  --logo-fundo: #0E1215;
  --logo-texto: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fundo: #0E1215;
    --texto: #F1F3F4;
    --secundario: #A3ABB1;
    --linha: #262D33;
    --cartao: #161C21;
    --logo-fundo: #F1F3F4;
    --logo-texto: #0E1215;
  }
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font: 17px/1.6 "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
a { color: inherit; }

.topo { padding: 16px; border-bottom: 1px solid var(--linha); }
.marca { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; text-decoration: none; }
.logo {
  display: inline-grid; place-items: center;
  width: 32px; height: 32px; border-radius: 9px;
  background: var(--logo-fundo); color: var(--logo-texto);
  font-weight: 800;
}
.logo.grande { width: 88px; height: 88px; border-radius: 24px; font-size: 52px; }

main { max-width: 720px; margin: 0 auto; padding: 32px 16px 48px; }
.inicio { text-align: center; }
.inicio h1 { letter-spacing: .3em; text-transform: uppercase; font-size: 26px; margin: 20px 0 4px; }
.lema { color: var(--secundario); margin-top: 0; }
.em-breve { margin-top: 28px; font-weight: 700; }

.texto h1 { font-size: 30px; line-height: 1.2; margin: 0 0 4px; }
.texto h2 { font-size: 20px; margin: 32px 0 8px; }
.texto ul { padding-left: 20px; }
.texto li { margin-bottom: 8px; }
.vigencia { color: var(--secundario); margin-top: 0; }
.destaque { background: var(--cartao); border: 1px solid var(--linha); border-radius: 14px; padding: 16px; }

.rodape { border-top: 1px solid var(--linha); padding: 20px 16px; text-align: center; color: var(--secundario); font-size: 15px; }
.rodape p { margin: 4px 0; }