/* Estilo compartilhado das páginas legais — Leandro Baterias */
:root{
  --ink:#06060A;--ink-2:#0C0D12;--line:rgba(255,255,255,.075);--line-2:rgba(255,255,255,.14);
  --fg:#F5F5F7;--fg-2:#A3A3AD;--fg-3:#70707C;--brand:#F97316;--brand-2:#FB923C;
  --brand-soft:rgba(249,115,22,.10);--brand-line:rgba(249,115,22,.30);
  --ease:cubic-bezier(.22,1,.36,1);--t:.55s var(--ease);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,sans-serif;
  font-size:17px;line-height:1.72;letter-spacing:-.011em;color:var(--fg);background:var(--ink);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand-2);text-decoration:none;transition:color var(--t)}
a:hover{color:var(--brand)}
::selection{background:var(--brand);color:#fff}

.wrap{width:100%;max-width:820px;margin-inline:auto;padding-inline:24px}

header{border-bottom:1px solid var(--line);background:var(--ink-2)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:86px}
.brand{display:flex;align-items:center;transition:opacity var(--t)}
.brand:hover{opacity:.82}
.brand img{height:54px;width:auto;display:block}
.back{font-size:14.5px;font-weight:500;color:var(--fg-2)}
.back:hover{color:var(--fg)}

main{padding:clamp(48px,7vw,84px) 0 clamp(64px,8vw,96px)}
.kicker{
  display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--brand-2);margin-bottom:18px;
}
h1{font-size:clamp(32px,4.6vw,46px);font-weight:750;letter-spacing:-.045em;line-height:1.06}
.updated{margin-top:14px;font-size:14px;color:var(--fg-3)}
h2{
  font-size:clamp(21px,2.5vw,25px);font-weight:650;letter-spacing:-.032em;line-height:1.2;
  margin:44px 0 14px;padding-top:28px;border-top:1px solid var(--line);
}
h2:first-of-type{border-top:0;padding-top:0;margin-top:38px}
h3{font-size:18px;font-weight:600;letter-spacing:-.025em;margin:26px 0 10px}
p{color:var(--fg-2);margin-bottom:15px;font-weight:400}
strong{color:var(--fg);font-weight:600}
ul,ol{color:var(--fg-2);margin:0 0 16px 22px}
li{margin-bottom:9px}
.box{
  border:1px solid var(--brand-line);background:var(--brand-soft);
  border-radius:16px;padding:22px 24px;margin:26px 0;
}
.box p:last-child{margin-bottom:0}
.box strong{color:var(--brand-2)}

footer{border-top:1px solid var(--line);background:var(--ink-2);padding:34px 0;margin-top:20px}
footer .row{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;font-size:13px;color:var(--fg-3)}
footer .links{display:flex;flex-wrap:wrap;gap:8px 18px}

@media (max-width:700px){
  body{font-size:16px;line-height:1.66}
  .wrap{padding-inline:20px}
  .nav{height:76px;gap:12px}
  .brand img{height:48px}
  .back{font-size:13.5px}
  main{padding:40px 0 56px}
  h1{font-size:clamp(28px,7.4vw,34px);line-height:1.1}
  h2{font-size:21px;margin:34px 0 12px;padding-top:24px}
  h2:first-of-type{margin-top:30px}
  h3{font-size:17px;margin:22px 0 8px}
  p{font-size:15.5px;margin-bottom:14px}
  ul,ol{margin-left:20px;font-size:15.5px}
  li{margin-bottom:8px}
  .kicker{font-size:11.5px;margin-bottom:14px}
  .updated{font-size:13.5px}
  .box{padding:18px 18px;border-radius:14px;margin:22px 0}
  footer{padding:28px 0}
  footer .row{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (max-width:400px){
  .wrap{padding-inline:16px}
  .brand img{height:44px}
  h1{font-size:26px}
  h2{font-size:20px}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}html{scroll-behavior:auto}}