/* ============================================================
   SANTELLE — páginas legais
   Mesmos tokens do index.html, só o necessário para texto corrido.
   ============================================================ */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/cormorant-garamond-400-latin-sub.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;
  src:url("fonts/cormorant-garamond-500-latin-sub.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;
  src:url("fonts/cormorant-garamond-400-italic-latin-sub.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/inter-400-latin-sub.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;
  src:url("fonts/inter-500-latin-sub.woff2") format("woff2")}

:root{
  --ivory:#F6F2EC; --linen:#EDE7DE; --white:#FFFFFF;
  --softblack:#16150F; --espresso:#2B241D; --terracotta:#A5553D;
  --fig:#38442F; --ink-secondary:#4A463D; --ink-muted:#7A7367; --ink-numeral:#B0A99C;
  --font-serif:"Cormorant Garamond", ui-serif, Georgia, "Times New Roman", serif;
  --font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--ivory); color:var(--ink-secondary);
  font-family:var(--font-sans); font-size:1rem; line-height:1.75;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{max-width:100%; display:block}
h1,h2,h3,p,ul,ol{margin:0}
h1,h2,h3{font-weight:400; color:var(--softblack); font-family:var(--font-serif)}
a{color:inherit}
:where(a,button):focus-visible{outline:2px solid var(--terracotta); outline-offset:3px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.wrap{width:100%; max-width:44rem; margin-inline:auto; padding-inline:1.5rem}
@media (min-width:768px){ .wrap{padding-inline:2.5rem} }

/* ---------- Cabeçalho ---------- */
.site-header{background:var(--ivory); border-bottom:1px solid rgba(22,21,15,.08)}
.site-header .bar{display:flex; align-items:center; justify-content:center; height:5rem}
.site-header img{height:2.75rem; width:auto; object-fit:contain}
@media (min-width:768px){ .site-header .bar{height:6rem} .site-header img{height:3.25rem} }

/* ---------- Conteúdo ---------- */
.doc{padding-block:3.5rem 5rem}
@media (min-width:768px){ .doc{padding-block:5rem 7rem} }
.doc__eyebrow{font-size:.7rem; text-transform:uppercase; letter-spacing:.32em; color:var(--ink-numeral); margin-bottom:1.25rem}
.doc h1{font-size:2.25rem; line-height:1.1; letter-spacing:-.01em; text-wrap:balance}
@media (min-width:768px){ .doc h1{font-size:3.25rem} }
.doc__data{margin-top:1rem; font-size:.8125rem; color:var(--ink-muted); text-transform:uppercase; letter-spacing:.12em}
.doc__rule{height:1px; background:rgba(22,21,15,.15); margin:2.5rem 0}

.doc h2{font-size:1.375rem; line-height:1.3; margin-top:2.75rem; margin-bottom:.875rem}
@media (min-width:768px){ .doc h2{font-size:1.625rem} }
.doc p + p{margin-top:1rem}
.doc ul{list-style:none; padding:0; margin-top:1rem; display:flex; flex-direction:column; gap:.75rem}
.doc li{position:relative; padding-left:1.25rem}
.doc li::before{content:""; position:absolute; left:0; top:.7em; width:.3125rem; height:.3125rem; border-radius:50%; background:var(--ink-numeral)}
.doc strong{font-weight:500; color:var(--softblack)}
.doc a{color:var(--terracotta); text-decoration:underline; text-underline-offset:.2em}
.doc a:hover{color:var(--fig)}

/* Aviso de rascunho — remover quando o texto for validado juridicamente. */
.aviso{
  margin-top:2.5rem; padding:1.25rem 1.375rem;
  background:var(--linen); border-left:3px solid var(--terracotta);
  font-size:.9375rem; line-height:1.65;
}
.aviso strong{display:block; color:var(--softblack); font-weight:500; margin-bottom:.25rem}

.voltar{
  display:inline-flex; align-items:center; gap:.5rem; margin-top:3.5rem;
  font-size:.72rem; text-transform:uppercase; letter-spacing:.2em;
  color:var(--softblack); text-decoration:none; border-bottom:1px solid rgba(22,21,15,.25);
  padding-bottom:.35rem; transition:color .3s var(--ease), border-color .3s var(--ease);
}
.voltar:hover{color:var(--terracotta); border-color:var(--terracotta)}

/* ---------- Rodapé ---------- */
.site-footer{background:var(--espresso); color:rgba(255,255,255,.55); padding-block:2.5rem; font-size:.75rem}
.site-footer .bar{display:flex; flex-direction:column; align-items:center; gap:1rem; text-align:center}
@media (min-width:768px){ .site-footer .bar{flex-direction:row; justify-content:space-between; text-align:left} }
.site-footer nav{display:flex; gap:1.5rem}
.site-footer a{text-decoration:none; transition:color .3s var(--ease)}
.site-footer a:hover{color:#fff}