/* Folha das paginas de documento (termos, privacidade).
   Sem vidro e sem efeito: documento se le, nao se admira. O que importa aqui
   e largura de linha curta, hierarquia clara e ancora em cada titulo. */
:root{
  --verde:#22C55E; --escuro:#0F3D2E; --fundo:#F4F9F5; --texto:#17241d;
  --texto-2:#556259; --linha:#e3ebe6;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:16px/1.72 Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--texto);background:#fff}
img{max-width:100%;height:auto}
a{color:#15803d}
a:hover{text-decoration:underline}
.w{max-width:760px;margin:0 auto;padding:0 20px}

header{position:sticky;top:0;z-index:20;background:#fffffff2;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--linha)}
header .w{display:flex;align-items:center;gap:14px;height:62px;max-width:1080px}
header img{height:36px;width:auto;display:block}
header nav{margin-left:auto;display:flex;gap:18px;font-size:14.4px}
header nav a{color:#516059;font-weight:500}

.capa-doc{background:linear-gradient(180deg,#eaf7ef,#fff);padding:44px 0 34px;
  border-bottom:1px solid var(--linha)}
.capa-doc h1{font-size:clamp(27px,5.6vw,38px);color:var(--escuro);letter-spacing:-.022em;
  line-height:1.15}
.capa-doc p{color:var(--texto-2);margin-top:10px;font-size:15.4px}

main{padding:38px 0 60px}
.indice{background:var(--fundo);border:1px solid var(--linha);border-radius:14px;
  padding:18px 20px;margin-bottom:34px}
.indice b{display:block;font-size:14px;color:var(--escuro);margin-bottom:8px}
.indice ol{margin:0;padding-left:20px;columns:2;column-gap:26px;font-size:14.3px}
.indice li{margin-bottom:4px;break-inside:avoid}
.indice a{color:var(--texto-2)}

h2{font-size:20.5px;color:var(--escuro);letter-spacing:-.018em;margin:34px 0 10px;
  scroll-margin-top:76px;line-height:1.25}
h2:first-of-type{margin-top:0}
h3{font-size:16.4px;color:var(--escuro);margin:20px 0 7px}
p{margin-bottom:12px;color:#2c3a33}
ul,ol{margin:0 0 14px 21px;color:#2c3a33}
li{margin-bottom:7px}
strong{color:var(--escuro)}
table{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:14.3px}
th,td{text-align:left;padding:9px 11px;border:1px solid var(--linha);vertical-align:top}
th{background:var(--fundo);color:var(--escuro);font-weight:600}

/* Bloco de destaque: usado no aviso de risco, que e a parte que o cliente
   precisa mesmo ler antes de assinar. */
.atencao{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;
  border-radius:12px;padding:16px 18px;margin:18px 0}
.atencao b{color:#78350f}
.atencao p{color:#653b0c;margin-bottom:8px}
.atencao p:last-child{margin-bottom:0}
.aviso{background:var(--fundo);border:1px solid var(--linha);border-radius:12px;
  padding:15px 17px;margin:16px 0;font-size:14.6px;color:var(--texto-2)}

footer{background:var(--escuro);color:#a9d8bf;padding:30px 0;font-size:13.8px;margin-top:20px}
footer .w{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;max-width:1080px}
footer a{color:#a9d8bf}

@media(max-width:620px){
  .indice ol{columns:1}
  header nav a:nth-child(-n+2){display:none}
  table{display:block;overflow-x:auto;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}