/* ============================================================
   SAMTRIXX — folha compartilhada das páginas legais
   Mesma identidade da institucional: carvão, âmbar, Bodoni + Archivo
   ============================================================ */

:root{
  --ink:#0B0B0D; --ink-2:#101014; --paper:#F2EFE8; --muted:#8C877E;
  --gold:#D9A441; --gold-dim:#A87F32;
  --line:rgba(242,239,232,.11); --line-2:rgba(242,239,232,.055);
  --display:"Bodoni Moda","Didot",Georgia,serif;
  --body:"Archivo","Helvetica Neue",Arial,sans-serif;
  --pad:clamp(1.25rem,5vw,4rem);
}
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0; background:var(--ink); color:var(--paper);
  font-family:var(--body); font-size:clamp(.9375rem,.9rem + .15vw,1.0313rem);
  line-height:1.72; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

body::before{
  content:""; position:fixed; inset:-50%; z-index:0; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
  opacity:.05; mix-blend-mode:overlay;
}
body::after{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(70rem 34rem at 82% -10%, rgba(217,164,65,.09), transparent 60%);
}
.shell{ position:relative; z-index:1; }
.wrap{ width:100%; max-width:820px; margin-inline:auto; padding-inline:var(--pad); }

/* cabeçalho */
header{
  border-bottom:1px solid var(--line-2); background:rgba(11,11,13,.8);
  backdrop-filter:blur(14px); position:sticky; top:0; z-index:20;
}
.bar{ display:flex; align-items:center; justify-content:space-between; height:72px; gap:1.5rem; }
.brand{ display:flex; align-items:center; gap:.8rem; text-decoration:none; color:inherit; }
.brand svg{ width:24px; height:24px; flex:none; }
.brand b{ font-family:var(--display); font-weight:500; font-size:1.1rem; }
.brand span{
  display:block; font-size:.5rem; letter-spacing:.28em; text-transform:uppercase;
  color:var(--muted); font-family:var(--body); font-weight:500; margin-top:1px;
}
header a.back{
  font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted);
  text-decoration:none; transition:color .25s ease; white-space:nowrap;
}
header a.back:hover{ color:var(--gold); }

/* título */
.hero{ padding:clamp(3rem,8vh,5.5rem) 0 clamp(1.75rem,4vh,2.75rem); }
.eyebrow{
  font-size:.625rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gold);
  font-weight:600; margin:0 0 1.1rem; display:flex; align-items:center; gap:.85rem;
}
.eyebrow::before{ content:""; width:1.75rem; height:1px; background:var(--gold-dim); flex:none; }
h1{
  font-family:var(--display); font-weight:400; letter-spacing:-.015em; line-height:1.1;
  font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem); margin:0 0 1.5rem;
}
.meta{
  color:var(--muted); font-size:.8125rem; border-top:1px solid var(--line-2);
  border-bottom:1px solid var(--line-2); padding:1rem 0; margin:0;
  display:flex; flex-wrap:wrap; gap:.4rem 1.75rem;
}
.meta b{ color:var(--paper); font-weight:500; }

/* corpo */
main{ padding-bottom:clamp(3rem,8vh,6rem); }
section{ padding-top:clamp(2.25rem,5vh,3.25rem); }
h2{
  font-family:var(--display); font-weight:400; letter-spacing:-.01em; line-height:1.2;
  font-size:clamp(1.3rem,1.1rem + .9vw,1.85rem); margin:0 0 1rem;
  display:flex; gap:.9rem; align-items:baseline;
}
h2 i{
  font-style:normal; font-family:var(--body); font-size:.625rem; letter-spacing:.18em;
  color:var(--gold-dim); flex:none; padding-top:.15rem;
}
h3{
  font-family:var(--body); font-weight:600; font-size:.9375rem; letter-spacing:.01em;
  margin:1.75rem 0 .5rem; color:var(--paper);
}
p{ color:var(--muted); margin:0 0 1rem; }
p:last-child{ margin-bottom:0; }
strong{ color:var(--paper); font-weight:500; }
a{ color:var(--gold); text-decoration:none; border-bottom:1px solid var(--gold-dim); }
a:hover{ color:var(--paper); border-color:var(--paper); }

ul,ol{ color:var(--muted); margin:0 0 1rem; padding-left:1.15rem; }
li{ margin-bottom:.5rem; }
li::marker{ color:var(--gold-dim); }

.box{
  border:1px solid var(--line); background:var(--ink-2);
  padding:clamp(1.15rem,3vw,1.75rem); margin:1.5rem 0;
}
.box p:last-child{ margin-bottom:0; }

table{ width:100%; border-collapse:collapse; margin:1.25rem 0; font-size:.875rem; }
th,td{ text-align:left; padding:.8rem .9rem; border-bottom:1px solid var(--line-2); vertical-align:top; }
th{ color:var(--gold); font-weight:600; font-size:.6875rem; letter-spacing:.14em; text-transform:uppercase; }
td{ color:var(--muted); }
td:first-child{ color:var(--paper); }
.scroll{ overflow-x:auto; }

/* rodapé */
footer{ border-top:1px solid var(--line-2); padding:2.5rem 0 3.25rem; }
.foot{ display:flex; flex-wrap:wrap; gap:1rem 2rem; align-items:center; justify-content:space-between; }
.foot p{ margin:0; font-size:.8125rem; }
.foot nav{ display:flex; flex-wrap:wrap; gap:1.4rem; }
.foot nav a{ font-size:.75rem; color:var(--muted); border:0; }
.foot nav a:hover{ color:var(--gold); }
.foot nav a[aria-current]{ color:var(--gold); }

.foot{ align-items:flex-start; }
.legalname{ margin-top:.5rem !important; font-size:.75rem; line-height:1.6; }
.legalname b{ color:var(--paper); font-weight:500; }