/* Estilos compartilhados das páginas legais (privacidade, cookies)
   Hereda da paleta principal do site MAKEINSITES */
:root{
  --bg:#000000;
  --ink:#ffffff;
  --ink-2:#c9d1c7;
  --muted:#7c857a;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --green:#9FD356;
  --green-soft:rgba(159,211,86,.14);
  --serif:"Instrument Serif", "Times New Roman", serif;
  --sans:"Hanken Grotesk", system-ui, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, monospace;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html,body{ background:var(--bg); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
body{ line-height:1.65; min-height:100vh; }
a{ color:var(--green); text-decoration:none; transition:opacity .2s; }
a:hover{ opacity:.7; }
::selection{ background:var(--green); color:#000; }

/* dotted background, more subtle than the homepage canvas */
body{
  background-image:
    radial-gradient(rgba(159,211,86,.08) 1px, transparent 1px),
    radial-gradient(rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 24px 24px, 12px 12px;
  background-position: 0 0, 0 0;
}

/* Top nav (simplified) */
.nav{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px clamp(20px,4vw,48px);
  background:rgba(0,0,0,.7); backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--line);
}
.logo{
  font-family:var(--sans); font-weight:700; letter-spacing:.08em; font-size:15px;
  display:inline-flex; align-items:baseline;
}
.logo .i{ color:var(--green); }
.logo .dot{
  display:inline-block; width:5px; height:5px; border-radius:50%;
  background:var(--green); margin-left:8px;
  box-shadow:0 0 12px rgba(159,211,86,.6);
  animation:pulse 2.4s infinite;
}
@keyframes pulse{ 0%,100%{ opacity:1; transform:scale(1);} 50%{ opacity:.4; transform:scale(.7);} }
.back-link{
  font-family:var(--mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink-2); display:inline-flex; align-items:center; gap:10px;
  padding:9px 16px; border:1px solid var(--line-2); border-radius:999px;
  transition:all .2s;
}
.back-link:hover{ border-color:var(--green); color:var(--green); opacity:1; }

/* Page header */
.page-head{
  padding: clamp(60px,10vw,140px) clamp(20px,5vw,60px) 60px;
  max-width:1100px; margin:0 auto;
  text-align:center; position:relative;
}
.page-head .eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--green); padding:8px 16px; border:1px solid rgba(159,211,86,.3); border-radius:999px;
  background:rgba(159,211,86,.04);
}
.page-head .eyebrow::before{
  content:""; width:6px; height:6px; border-radius:50%; background:var(--green);
  box-shadow:0 0 10px var(--green);
}
.page-head h1{
  font-family:var(--serif); font-weight:400;
  font-size:clamp(44px,7vw,88px); line-height:1; letter-spacing:-.02em;
  margin:28px 0 22px; text-wrap:balance;
}
.page-head h1 em{ font-style:italic; color:var(--green); font-weight:400; }
.page-head .meta{
  display:flex; gap:24px; justify-content:center; flex-wrap:wrap;
  font-family:var(--mono); font-size:11px; letter-spacing:.15em; text-transform:uppercase;
  color:var(--muted);
}
.page-head .meta span{ display:inline-flex; align-items:center; gap:10px; }
.page-head .meta span::before{
  content:""; width:4px; height:4px; border-radius:50%; background:var(--green);
}

/* Body content */
.content-wrap{
  max-width: 880px; margin:0 auto;
  padding: 40px clamp(20px,5vw,60px) 120px;
  display:grid; grid-template-columns: 220px 1fr; gap:60px;
}
@media (max-width: 880px){
  .content-wrap{ grid-template-columns: 1fr; gap:30px; padding-bottom:80px; }
  .toc{ position:static !important; }
}

.toc{
  position:sticky; top:90px; align-self:start;
  font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase;
}
.toc h5{
  color:var(--muted); margin-bottom:14px; font-weight:500;
  padding-bottom:10px; border-bottom:1px solid var(--line);
}
.toc ol{
  list-style:none; counter-reset: toc;
  display:flex; flex-direction:column; gap:10px;
}
.toc li{
  counter-increment: toc;
  position:relative; padding-left:28px;
}
.toc li::before{
  content: "0" counter(toc);
  position:absolute; left:0; top:0;
  color:var(--muted); font-size:10px;
}
.toc a{ color:var(--ink-2); }
.toc a:hover{ color:var(--green); }

.content article{ font-size:15.5px; color:var(--ink-2); }
.content h2{
  font-family:var(--serif); font-weight:400;
  font-size:clamp(28px, 3.4vw, 40px); line-height:1.1; letter-spacing:-.01em;
  color:var(--ink); margin-top:60px; margin-bottom:18px;
  display:flex; align-items:baseline; gap:18px;
}
.content h2:first-child{ margin-top:0; }
.content h2 .n{
  font-family:var(--mono); font-size:12px; color:var(--green);
  letter-spacing:.15em; flex-shrink:0; padding-top:6px;
}
.content h3{
  font-family:var(--sans); font-weight:500; color:var(--ink);
  font-size:16px; margin-top:28px; margin-bottom:10px;
  letter-spacing:.02em;
}
.content p{ margin-bottom:16px; line-height:1.7; }
.content ul{ list-style:none; margin:12px 0 24px; }
.content ul li{
  padding:8px 0 8px 24px; position:relative;
  border-bottom:1px dashed var(--line);
  line-height:1.55;
}
.content ul li::before{
  content:""; position:absolute; left:0; top:18px;
  width:6px; height:6px; border-radius:50%; background:var(--green);
  box-shadow:0 0 6px rgba(159,211,86,.5);
}
.content ul li:last-child{ border-bottom:0; }
.content strong{ color:var(--ink); font-weight:500; }
.content .callout{
  margin:24px 0; padding:20px 22px; border-radius:14px;
  background: linear-gradient(180deg, rgba(159,211,86,.05), transparent);
  border:1px solid var(--line-2); border-left:2px solid var(--green);
}
.content .callout p{ margin:0; font-size:14px; }
.content .callout .label{
  font-family:var(--mono); font-size:10px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--green); margin-bottom:8px;
}

/* Cookie types table */
.cookie-table{
  margin:24px 0; border:1px solid var(--line); border-radius:14px; overflow:hidden;
}
.cookie-row{
  display:grid; grid-template-columns: 1fr 2.2fr 100px;
  padding:18px 20px; gap:20px; border-bottom:1px solid var(--line);
  align-items:start;
}
.cookie-row:last-child{ border-bottom:0; }
.cookie-row.head{
  background:rgba(255,255,255,.02);
  font-family:var(--mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--muted);
}
.cookie-row .type{ font-family:var(--mono); font-size:12px; color:var(--green); letter-spacing:.04em; }
.cookie-row .desc{ font-size:14px; line-height:1.55; }
.cookie-row .duration{
  font-family:var(--mono); font-size:11px; color:var(--ink-2); letter-spacing:.05em;
  text-align:right;
}
@media (max-width: 600px){
  .cookie-row{ grid-template-columns: 1fr; gap:8px; }
  .cookie-row.head{ display:none; }
  .cookie-row .duration{ text-align:left; }
}

/* Footer (lightweight) */
footer.legal-foot{
  border-top:1px solid var(--line); padding:40px clamp(20px,5vw,60px);
  background:rgba(0,0,0,.5); backdrop-filter:blur(8px);
}
.legal-foot-inner{
  max-width:1100px; margin:0 auto;
  display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;
  font-family:var(--mono); font-size:11px; letter-spacing:.1em; color:var(--muted);
}
.legal-foot-inner a{ color:var(--ink-2); }
.legal-foot-inner a:hover{ color:var(--green); }
.legal-foot-inner .links{ display:flex; gap:24px; }