:root{
  --navy-900:#061530;
  --navy-800:#0A2247;
  --navy-700:#123162;
  --gold:#C4922C;
  --gold-lt:#E3C273;
  --cream:#F5EFE2;
  --cream-2:#EDE4D2;
  --ink:#14213C;
  --ink-soft:#4A5573;

  --shell:min(760px,90vw);
  --display:'Oswald','Arial Narrow',sans-serif;
  --body:'Barlow',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--cream);color:var(--ink);
  font-family:var(--body);font-weight:400;
  font-size:16.5px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--navy-700)}
a:hover{color:var(--gold)}
::selection{background:var(--gold);color:var(--navy-900)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.shell{width:var(--shell);margin-inline:auto}

/* topo */
.topbar{background:var(--navy-900);border-bottom:1px solid rgba(196,146,44,.28)}
.topbar .shell{display:flex;align-items:center;gap:14px;height:64px;width:min(1180px,92vw)}
.topbar .mono{width:30px;height:30px;flex:none}
.topbar .mono path{fill:none;stroke:var(--gold);stroke-linecap:butt}
.topbar .nm{
  font-family:var(--display);font-weight:500;letter-spacing:.14em;
  font-size:14px;text-transform:uppercase;color:var(--cream);text-decoration:none;
}
.topbar .nm b{color:var(--gold-lt);font-weight:600}
.topbar .back{
  margin-left:auto;font-family:var(--display);font-weight:300;font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;color:rgba(245,239,226,.65);text-decoration:none;
}
.topbar .back:hover{color:var(--gold-lt)}

/* cabeçalho da página */
.doc-head{padding:clamp(56px,9vw,96px) 0 clamp(30px,4vw,44px)}
.doc-head .tag{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--display);font-weight:400;font-size:11px;
  letter-spacing:.34em;text-transform:uppercase;color:var(--navy-700);
}
.doc-head .tag::before{content:"";width:40px;height:2px;background:var(--gold)}
.doc-head h1{
  font-family:var(--display);font-weight:600;text-transform:uppercase;
  font-size:clamp(30px,5.2vw,48px);line-height:1.04;letter-spacing:.01em;
  color:var(--navy-800);margin-top:20px;
}
.doc-head .upd{margin-top:18px;font-size:14px;color:var(--ink-soft)}

/* corpo */
.doc{padding-bottom:clamp(70px,10vw,120px)}
.doc h2{
  font-family:var(--display);font-weight:600;text-transform:uppercase;
  font-size:clamp(18px,2.4vw,23px);line-height:1.2;letter-spacing:.03em;
  color:var(--navy-800);margin:clamp(40px,6vw,58px) 0 16px;
  padding-top:26px;border-top:1px solid rgba(20,33,60,.14);
}
.doc h3{
  font-family:var(--display);font-weight:500;text-transform:uppercase;
  font-size:15px;letter-spacing:.08em;color:var(--navy-700);margin:28px 0 10px;
}
.doc p{margin-bottom:16px}
.doc ul{margin:0 0 18px;padding-left:0;list-style:none}
.doc li{position:relative;padding-left:24px;margin-bottom:11px}
.doc li::before{
  content:"";position:absolute;left:0;top:.62em;
  width:7px;height:7px;background:var(--gold);transform:rotate(45deg);
}
.doc strong{font-weight:600;color:var(--navy-800)}

.ph{background:rgba(196,146,44,.22);padding:1px 6px;font-weight:600;color:var(--navy-800);white-space:nowrap}

.note{
  background:var(--cream-2);border-left:2px solid var(--gold);
  padding:20px 24px;margin:26px 0;font-size:15px;color:var(--ink-soft);
}
.note strong{color:var(--navy-800)}

table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:14.5px}
th,td{text-align:left;padding:12px 14px 12px 0;border-bottom:1px solid rgba(20,33,60,.14);vertical-align:top}
th{
  font-family:var(--display);font-weight:500;text-transform:uppercase;
  font-size:11px;letter-spacing:.16em;color:var(--navy-700);
}
td code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:var(--navy-800)}
@media (max-width:620px){
  table,thead,tbody,tr,th,td{display:block}
  thead{display:none}
  tr{border-bottom:1px solid rgba(20,33,60,.14);padding:14px 0}
  th,td{border:0;padding:2px 0}
  td::before{content:attr(data-l) " — ";font-weight:600;color:var(--navy-700)}
}

/* rodapé */
.end{background:var(--navy-900);color:var(--cream);padding:clamp(44px,6vw,64px) 0}
.end .shell{width:min(1180px,92vw)}
.end .nm{font-family:var(--display);font-weight:300;text-transform:uppercase;letter-spacing:.16em;font-size:15px}
.end .nm b{font-weight:600;color:var(--gold-lt)}
.end nav{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:13px}
.end nav a,.end nav button{
  color:rgba(245,239,226,.6);text-decoration:none;background:none;border:0;
  font-family:var(--body);font-size:13px;cursor:pointer;padding:0;
}
.end nav a:hover,.end nav button:hover{color:var(--gold-lt)}
.end .legal{margin-top:24px;font-size:11.5px;color:rgba(245,239,226,.34);line-height:1.7}

/* botão */
.btn-ig{
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  font-family:var(--display);font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;font-size:12.5px;padding:14px 28px;
  color:var(--navy-900);background:var(--gold);border:1px solid var(--gold);
  transition:background .25s ease,transform .25s ease;
}
.btn-ig:hover{background:var(--gold-lt);color:var(--navy-900);transform:translateY(-2px)}
.btn-ig svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.end .numero{
  margin-top:6px;font-family:var(--display);font-weight:700;
  font-size:22px;letter-spacing:.06em;color:var(--gold-lt);
}
.end .numero i{font-style:normal;font-weight:400;font-size:.5em;letter-spacing:.24em;color:rgba(245,239,226,.55)}
.end .legal a{color:rgba(227,194,115,.7)}