/* Páginas legais do Checkolino — privacidade, termos, exclusão de conta.
   Tokens espelhados de site/index.html, de .docs/MARCA.md e de
   app/lib/core/brand.dart. Mudou lá, muda aqui.

   Folha separada de propósito: estas páginas existem porque as lojas exigem
   URL pública, ativa, sem geofence e não editável. Quanto menos elas
   dependerem do index, menos chance de uma mudança de landing derrubar a
   conformidade. */
:root{
  --checo:#0F9D63; --checo-deep:#0A7A4C; --checo-campo:#E6F5EC;
  --tinta:#0A2318; --tinta2:#5A6B63; --linha:#DCE7E1;
  --fundo:#ffffff; --fundo2:#F3F7F4;
  --vermelho:#C4453F;
  --r:20px;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--fundo); color:var(--tinta);
  font-family:'Nunito','Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  font-size:18px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
a{color:var(--checo-deep)}
.wrap{max-width:760px; margin:0 auto; padding:0 24px}

header.topo{border-bottom:1px solid var(--linha); padding:20px 0; background:var(--fundo2)}
header.topo .wrap{display:flex; align-items:center; gap:12px}
header.topo .marca{font-weight:800; letter-spacing:-.02em; font-size:20px; text-decoration:none; color:var(--tinta)}
header.topo .voltar{margin-left:auto; font-size:15px; color:var(--tinta2)}

main{padding:44px 0 72px}
h1{font-size:34px; line-height:1.15; letter-spacing:-.03em; margin:0 0 8px; font-weight:800}
h2{font-size:22px; line-height:1.25; letter-spacing:-.02em; margin:38px 0 10px; font-weight:800}
h3{font-size:17px; margin:24px 0 6px; font-weight:800}
p{margin:0 0 14px}
ul{margin:0 0 16px; padding-left:22px}
li{margin:0 0 8px}
.atualizado{color:var(--tinta2); font-size:15px; margin:0 0 28px}

.destaque{
  background:var(--checo-campo); border:1px solid #CBE6D7; border-radius:var(--r);
  padding:20px 22px; margin:0 0 26px;
}
.destaque p:last-child{margin-bottom:0}

.alerta{
  background:#FDECEA; border:1px solid #F3C6C3; border-radius:var(--r);
  padding:20px 22px; margin:0 0 26px;
}
.alerta p:last-child{margin-bottom:0}

.pendente{
  background:#FFF6DC; border:1px dashed #E0BE63; border-radius:10px;
  padding:2px 8px; font-size:.92em; font-weight:700;
}

table{border-collapse:collapse; width:100%; margin:0 0 20px; font-size:16px}
th,td{border:1px solid var(--linha); padding:10px 12px; text-align:left; vertical-align:top}
th{background:var(--fundo2); font-weight:800}

.passos{counter-reset:passo; list-style:none; padding:0}
.passos li{
  counter-increment:passo; position:relative; padding-left:44px; margin-bottom:16px;
}
.passos li::before{
  content:counter(passo); position:absolute; left:0; top:0;
  width:30px; height:30px; border-radius:50%; background:var(--checo); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px;
}

footer{border-top:1px solid var(--linha); padding:28px 0 56px; color:var(--tinta2); font-size:15px}
footer a{color:var(--tinta2)}
footer nav{display:flex; gap:18px; flex-wrap:wrap; margin-bottom:10px}

@media(max-width:640px){
  body{font-size:17px}
  h1{font-size:27px}
  h2{font-size:20px}
  main{padding:32px 0 56px}
}