/* GERADO por preparar-legais.mjs a partir de ..\AppSupabase\privacidade.html.
   Nao edite este arquivo: edite o CSS dentro do HTML no app e rode o build do site. */

:root{
    /* 🔁 30/09/2026 — a mesma paleta do tema "nevoa" do app (cinza-azulado),
       a pedido do titular, para combinar com o fundo novo do site. Antes:
       --bg:#0b0b0c · --card:#141416 · --text:#e8e8ea · --muted:#a1a1a6 ·
       --border:#2a2a2e · --link:#fdba74 */
    --bg:#333c4a; --card:#3f4a5c; --text:#f4f7fb; --muted:#c2cbd9;
    --border:#4e5a6e; --accent:#f97316; --link:#fed7aa;
    /* `--accent` é FUNDO (botão "Voltar"): como TEXTO ele dá 3,97:1 e reprova. */
    --accent-texto:#fed7aa;
  }
  *{box-sizing:border-box}
  body{
    margin:0; background:var(--bg); color:var(--text);
    font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  }
  .wrap{max-width:820px; margin:0 auto; padding:24px 18px 64px}
  header.top{
    border-bottom:1px solid var(--border); padding-bottom:14px; margin-bottom:26px;
    display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  }
  header.top strong{font-size:17px}
  a{color:var(--link)}
  h1{font-size:26px; margin:0 0 6px}
  h2{font-size:19px; margin:34px 0 10px; color:#fff}
  h3{font-size:16px; margin:22px 0 6px}
  p,li{color:#e6ecf5}
  ul{padding-left:22px}
  li{margin:5px 0}
  .meta{color:var(--muted); font-size:14px; margin:0 0 22px}
  .box{
    background:var(--card); border:1px solid var(--border); border-radius:12px;
    padding:16px 18px; margin:18px 0;
  }
  .box.hl{border-color:#7c4a12}
  code{background:#2b333f; padding:2px 6px; border-radius:5px; font-size:14px}
  table{width:100%; border-collapse:collapse; margin:12px 0; font-size:15px}
  th,td{border:1px solid var(--border); padding:8px 10px; text-align:left; vertical-align:top; overflow-wrap:break-word}
  th{background:#48546a}
  /* Tela estreita: a tabela vira uma faixa que desliza de lado. Assim nenhuma
     palavra é cortada no meio e nada estoura a largura da tela do celular. */
  @media (max-width:560px){
    table{display:block; overflow-x:auto; width:auto}
    th,td{overflow-wrap:normal}
  }
  footer{
    margin-top:44px; padding-top:18px; border-top:1px solid var(--border);
    color:var(--muted); font-size:14px;
  }
  .back{
    display:inline-block; margin-top:8px; background:var(--accent); color:#2b1000;
    text-decoration:none; font-weight:700; padding:10px 16px; border-radius:10px;
  }

/* Convertidos de style inline (a CSP do site bloqueia atributo style). */
.estilo-1{margin-top:0}
.estilo-2{margin:6px 0}
.estilo-3{margin:6px 0 0; color:var(--muted); font-size:15px}
.estilo-4{margin:0 0 10px;color:var(--accent-texto);font-weight:600;}
.estilo-5{margin:0 0 4px}
.estilo-6{margin:0}