/* Site mínimo da BubbleData (Cloudflare Pages) — sem fonte, script ou recurso de terceiros. */
:root {
  --fundo: #f7f5fc;
  --superficie: #ffffff;
  --texto: #1b1326;
  --suave: #6a6380;
  --linha: #e6dff3;
  --marca: #6c3fc6;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fundo: #130d1c;
    --superficie: #1d1529;
    --texto: #efe9f8;
    --suave: #a69cb8;
    --linha: #2f2540;
    --marca: #b394f2;
    color-scheme: dark;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
a { color: var(--marca); }
.faixa {
  max-width: 760px;
  margin: 0 auto;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}
.topo { border-bottom: 1px solid var(--linha); background: var(--superficie); }
.topo .faixa { display: flex; justify-content: space-between; align-items: center; padding-block: 14px; }
.marca { font-weight: 700; font-size: 20px; color: var(--marca); letter-spacing: -0.01em; }
main.faixa { padding-block: 40px 56px; display: grid; gap: 36px; }
main.faixa > * { min-width: 0; }
h1 { font-size: clamp(26px, 5vw, 36px); line-height: 1.2; margin: 0 0 14px; text-wrap: balance; }
h2 { font-size: 21px; margin: 0 0 10px; }
h3 { font-size: 17px; margin: 22px 0 6px; }
p, li { max-width: 68ch; }
.nota { color: var(--suave); }
.bloco { background: var(--superficie); border: 1px solid var(--linha); border-radius: 12px; padding: 20px; }
.dados { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0; }
.dados dt { color: var(--suave); }
.dados dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 480px) { .dados { grid-template-columns: 1fr; } .dados dd { margin-bottom: 8px; } }
table { border-collapse: collapse; width: 100%; font-size: 15px; }
.tabela { overflow-x: auto; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--linha); }
th { color: var(--suave); font-weight: 600; }
.rodape { border-top: 1px solid var(--linha); color: var(--suave); font-size: 14px; }
.rodape .faixa { padding-block: 18px; }