/* Estilo das paginas de texto (privacidade e termos).
   Arquivo separado e compartilhado pelas duas de proposito: o index.html tem
   o CSS embutido porque e uma pagina so, mas duplicar 200 linhas em dois
   documentos juridicos que mudam juntos seria pedir para eles divergirem. */
:root{
  --breu:#04060a;
  --breu-2:#080c12;
  --lanterna:#ffd9a0;
  --sangue:#a81d16;
  --sangue-vivo:#d93829;
  --nevoa:#93a6ad;
  --osso:#e8e4dc;
  --display:"Big Shoulders Stencil Display",Impact,sans-serif;
  --corpo:"Barlow",-apple-system,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--breu);color:var(--osso);font-family:var(--corpo);
  font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:-50%;z-index:60;pointer-events:none;opacity:.26;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}
.vinheta{
  position:fixed;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 0%, transparent 45%, rgba(0,0,0,.6) 85%, rgba(0,0,0,.9) 100%);
}

header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:18px clamp(20px,5vw,64px);
  background:rgba(4,6,10,.9);backdrop-filter:blur(8px);
  border-bottom:1px solid #131a22;
}
header a.marca{display:flex;align-items:center}
header img{height:30px;width:auto}
.nav{display:flex;gap:24px;font-family:var(--mono);font-size:11.5px;letter-spacing:.15em;text-transform:uppercase}
.nav a{color:var(--nevoa);text-decoration:none;transition:color .25s}
.nav a:hover,.nav a[aria-current]{color:var(--lanterna)}

main{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:clamp(56px,9vw,110px) clamp(20px,6vw,40px) 120px}

.selo{
  font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--sangue-vivo);display:block;margin-bottom:18px;
}
h1{
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(46px,9vw,96px);line-height:.88;letter-spacing:.02em;
}
.atualizado{font-family:var(--mono);font-size:12px;color:#5d6b75;letter-spacing:.1em;margin-top:16px}

.resumo{
  margin:44px 0 8px;padding:24px 26px;background:rgba(12,17,24,.7);
  border-left:2px solid var(--sangue);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
}
.resumo strong{color:var(--lanterna);font-weight:600}

h2{
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(26px,4.4vw,40px);line-height:1;letter-spacing:.03em;
  margin:56px 0 16px;padding-top:26px;border-top:1px solid #131a22;
}
h3{font-family:var(--mono);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--sangue-vivo);margin:30px 0 10px}
p{margin:14px 0;color:#c9cdc9}
ul{margin:14px 0 14px 4px;list-style:none}
li{position:relative;padding:7px 0 7px 24px;color:#c9cdc9}
li::before{content:"";position:absolute;left:2px;top:17px;width:7px;height:1px;background:var(--sangue-vivo)}
a{color:var(--lanterna)}
a:hover{color:#fff}
code{font-family:var(--mono);font-size:.92em;background:rgba(147,166,173,.1);padding:2px 7px;color:var(--nevoa)}

footer{
  position:relative;z-index:2;border-top:1px solid #131a22;
  padding:44px clamp(20px,6vw,80px) 64px;
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:#4e5b65;
}
footer nav{display:flex;gap:22px}
footer a{color:#5d6b75;text-decoration:none}
footer a:hover{color:var(--lanterna)}