/* Estilo das páginas públicas do Minha UPA.
   O público lê em celular simples: fonte grande, contraste alto, sem firula. */
:root {
  --azul: #14337a;
  --texto: #14152b;
  --fraco: #5b6070;
  --borda: #e2e4ef;
  --fundo: #ffffff;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: var(--texto);
  background: var(--fundo);
}

header {
  background: var(--azul);
  color: #fff;
  padding: 20px 24px;
}

header a { color: #fff; text-decoration: none; font-weight: 700; font-size: 20px; }

main { max-width: 760px; margin: 0 auto; padding: 32px 24px 64px; }

h1 { font-size: 30px; line-height: 1.25; margin: 0 0 8px; }
h2 { font-size: 21px; margin: 32px 0 8px; }
p, li { color: var(--texto); }
ul { padding-left: 22px; }
li { margin-bottom: 6px; }

.data { color: var(--fraco); font-size: 15px; margin: 0 0 24px; }

.aviso {
  border: 2px solid var(--azul);
  border-radius: 12px;
  padding: 16px 18px;
  margin: 24px 0;
  background: #f4f6fd;
}

.aviso strong { display: block; margin-bottom: 4px; }

footer {
  border-top: 1px solid var(--borda);
  padding: 24px;
  color: var(--fraco);
  font-size: 15px;
  text-align: center;
}

footer a { color: var(--azul); }

@media (prefers-color-scheme: dark) {
  :root { --texto: #eceef5; --fraco: #a6abbd; --borda: #2a2e3f; --fundo: #12131b; }
  .aviso { background: #1b2340; }
}