/* ============================================================
   HORSE FORCE GELATIN — estilos das páginas legais
   ============================================================ */
:root{
  --void:#0A0A0C;
  --steel:#131318;
  --steel-2:#1C1C23;
  --chalk:#F4F3F1;
  --ash:#9C9CA6;
  --ash-dark:#6A6A74;
  --blood:#E01B24;
  --blood-lite:#FF3B44;
  --line:#282830;
  --ease:cubic-bezier(.16,.84,.14,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--void);color:var(--chalk);
  font-family:'Barlow',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
a{color:var(--blood-lite)}
a:focus-visible{outline:3px solid var(--blood);outline-offset:3px}
.wrap{width:100%;max-width:840px;margin:0 auto;padding:0 26px}

/* topo */
.bar{background:var(--steel);border-bottom:2px solid var(--blood);padding:16px 0;position:sticky;top:0;z-index:20}
.bar__in{max-width:1200px;margin:0 auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.mark{display:flex;align-items:center;text-decoration:none}
.mark img{height:42px;width:auto}
.bar .back{
  color:var(--chalk);text-decoration:none;font-family:'Roboto Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
}
.bar .back:hover{color:var(--blood-lite)}

/* cabecalho do documento */
.head{background:var(--steel);border-bottom:1px solid var(--line);padding:58px 0 48px}
.head h1{
  font-family:'Saira Condensed','Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;
  font-size:clamp(36px,6.6vw,64px);line-height:.96;margin:0 0 16px;letter-spacing:.005em;
}
.stamp{font-family:'Roboto Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--blood-lite);margin:0}
.stamp+.stamp{margin-top:6px;color:var(--ash-dark)}

/* corpo */
.doc{padding:54px 0 84px}
.doc h2{
  font-family:'Saira Condensed',sans-serif;font-weight:800;text-transform:uppercase;
  font-size:clamp(22px,3.2vw,30px);line-height:1.06;margin:50px 0 15px;padding-top:24px;
  border-top:1px solid var(--line);letter-spacing:.01em;
}
.doc h2:first-of-type{margin-top:0;border-top:0;padding-top:0}
.doc h3{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:19px;text-transform:uppercase;margin:28px 0 9px;letter-spacing:.02em}
.doc p{margin:0 0 16px;color:var(--chalk)}
.doc ul,.doc ol{margin:0 0 18px;padding-left:21px;color:var(--chalk)}
.doc li{margin-bottom:9px}
.doc strong{font-weight:600}

.index{background:var(--steel);border-left:3px solid var(--blood);padding:24px 26px;margin-bottom:42px}
.index h4{font-family:'Roboto Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;color:var(--ash);font-weight:500}
.index ol{margin:0;padding-left:20px;columns:2;column-gap:30px;color:var(--ash)}
.index li{margin-bottom:7px;break-inside:avoid}
.index a{text-decoration:none}
.index a:hover{text-decoration:underline}

.flagbox{background:var(--steel-2);border:1px solid var(--line);border-left:3px solid var(--blood);padding:18px 20px;margin:0 0 26px}
.flagbox p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px}
th,td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
th{background:var(--steel);font-family:'Roboto Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--ash)}

/* rodape */
.foot{background:var(--steel);border-top:1px solid var(--line);padding:50px 0 28px;font-size:14px;color:var(--ash)}
.foot .wrap{max-width:1200px}
.fda{
  border:2px solid var(--blood);background:rgba(224,27,36,.09);color:var(--chalk);
  padding:18px 20px;font-weight:700;font-size:13.5px;line-height:1.6;margin-bottom:38px;
}
.foot__nav{display:flex;flex-wrap:wrap;gap:12px 26px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.foot a{color:var(--ash);text-decoration:none}
.foot a:hover{color:var(--blood-lite)}
.foot__end{padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px}
.mor{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mor img{width:132px;height:auto}
.mor span{color:var(--chalk);font-weight:600}

@media (max-width:640px){
  body{font-size:16px}
  .index ol{columns:1}
  .head{padding:40px 0 34px}
  .doc{padding:42px 0 62px}
  .foot__end{flex-direction:column}
  .mark img{height:34px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}