/* AS PÁGINAS LEGAIS DO PAYFLOW (termos e privacidade): as do Tracktor, em roxo.

   Cada plataforma tem os seus termos (Shelton, 25/10), e só as páginas de
   cadastro os ligam: o /afiliar e, com a fase C4, o /registar. Português
   primeiro, porque quem se regista hoje é de Moçambique; o inglês a seguir. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--canvas); color:var(--ink); font-family:'Google Sans','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:16px; line-height:1.65}
.topo{display:flex; align-items:center; gap:12px; max-width:760px; margin:0 auto; padding:24px 16px 8px}
.topo img{width:40px; height:40px; border-radius:11px}
.topo b{display:block; font-weight:500; font-size:16px}
.topo small{color:var(--muted); font-size:13px}
.linguas{margin-left:auto; display:flex; gap:6px}
.linguas a{font-size:13px; padding:5px 12px; border:1px solid var(--line-strong); border-radius:var(--r-pilula); color:var(--ink-2); text-decoration:none}
.linguas a:hover{border-color:var(--roxo-500); color:var(--roxo-ink)}
main{max-width:760px; margin:0 auto; padding:8px 16px 64px}
article{background:var(--card-bg); border:1px solid var(--line); border-radius:var(--r-cartao); padding:32px 28px; margin-top:16px}
h1{font-size:28px; font-weight:500; letter-spacing:-.015em; line-height:1.25; margin:0 0 6px}
h2{font-size:19px; font-weight:500; margin:32px 0 8px}
h3{font-size:16px; font-weight:500; margin:20px 0 6px}
p, li{color:var(--ink-2)}
p{margin:0 0 12px}
ul, ol{margin:0 0 12px; padding-left:22px}
li{margin:4px 0}
a{color:var(--roxo-ink)}
.data{color:var(--muted); font-size:14px; margin-bottom:20px}
.ficha{display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 18px; background:var(--surface-2, var(--sunken)); border:1px solid var(--line);
  border-radius:12px; padding:14px 16px; font-size:14.5px; margin:8px 0 16px}
.ficha dt{color:var(--muted)}
.ficha dd{margin:0; overflow-wrap:anywhere}
.passos{counter-reset:p; list-style:none; padding:0}
.passos li{counter-increment:p; position:relative; padding-left:38px; margin:10px 0}
.passos li::before{content:counter(p); position:absolute; left:0; top:1px; width:26px; height:26px; border-radius:50%;
  background:var(--roxo-soft); color:var(--roxo-ink); font-size:13px; font-weight:500; display:grid; place-items:center}
.nota{background:var(--roxo-soft); color:var(--roxo-ink); border-radius:12px; padding:12px 14px; font-size:14.5px; margin:12px 0}
.separa{margin-top:28px; border-top:1px solid var(--line); padding-top:8px}
footer{max-width:760px; margin:0 auto; padding:0 16px 40px; color:var(--muted); font-size:13px; display:flex; flex-wrap:wrap; gap:6px 16px}
footer a{color:var(--muted)}
@media (max-width:600px){ article{padding:22px 18px} h1{font-size:24px} .topo{flex-wrap:wrap} .linguas{margin-left:0} }