/* Estilo das páginas públicas (/seguranca, /privacidade, /termo, /status): sem login, sem script de terceiros */
:root { --grafite:#1b1d21; --laranja:#f97316; --cinza:#6b7280; --fundo:#f8fafc; --texto:#1e293b; --linha:#e2e8f0; --ok:#047857; --alerta:#b45309; --erro:#b91c1c; }
* { box-sizing: border-box; }
body { margin:0; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background:var(--fundo); color:var(--texto); line-height:1.6; }
html { scroll-padding-top:64px; }
/* barra fixa no topo: no celular a pessoa sai da página em qualquer ponto, sem rolar até o fim */
header { background:var(--grafite); padding:8px 16px; position:sticky; top:0; z-index:20; }
header .in { display:flex; align-items:center; gap:12px; }
header .titulo { flex:1; min-width:0; color:#fff; font-weight:600; font-size:.95rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fechar { flex:none; font:inherit; font-size:.85rem; font-weight:600; color:#fff; background:transparent; border:1px solid rgba(255,255,255,.35); border-radius:8px; padding:6px 12px; cursor:pointer; }
.fechar:hover { background:rgba(255,255,255,.12); }
header .in, main { max-width:820px; margin:0 auto; }
header img { height:34px; display:block; flex:none; }
main { padding:24px 16px 56px; }
h1 { font-size:1.6rem; margin:0 0 4px; color:var(--grafite); }
h2 { font-size:1.1rem; margin:32px 0 8px; color:var(--grafite); border-left:4px solid var(--laranja); padding-left:10px; }
p, li, td, th { font-size:.95rem; }
.sub { color:var(--cinza); margin:0 0 8px; }
ul { padding-left:20px; margin:8px 0; }
li { margin:4px 0; }
a { color:#c2410c; }
code { background:#eef2f7; padding:1px 5px; border-radius:4px; font-size:.85em; }
.cartao { background:#fff; border:1px solid var(--linha); border-radius:12px; padding:14px 16px; margin:12px 0; }
.nota { background:#fff7ed; border:1px solid #fed7aa; border-radius:12px; padding:12px 16px; margin:12px 0; font-size:.9rem; }
table { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--linha); border-radius:12px; overflow:hidden; margin:12px 0; }
th, td { text-align:left; vertical-align:top; padding:8px 12px; border-bottom:1px solid var(--linha); }
th { background:#f1f5f9; color:var(--grafite); font-size:.8rem; text-transform:uppercase; letter-spacing:.03em; }
tr:last-child td { border-bottom:0; }
.selo { display:flex; align-items:center; gap:14px; }
.selo b { font-size:2rem; color:var(--ok); line-height:1; }
.linha-estado { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--linha); }
.linha-estado:last-child { border-bottom:0; }
.ponto { display:inline-block; width:10px; height:10px; border-radius:50%; background:var(--cinza); margin-right:8px; }
.ponto.ok { background:var(--ok); } .ponto.alerta { background:var(--alerta); } .ponto.erro { background:var(--erro); }
.data-cl { margin:6px 0; color:var(--cinza); font-size:.85rem; }
footer { color:var(--cinza); font-size:.8rem; margin-top:40px; }
@media (max-width:560px) { th, td { padding:8px; } table { display:block; overflow-x:auto; } }
@media print { header { position:static; } .fechar { display:none; } }