/* Páginas legais (privacidade e termos): leitura confortável, no estilo do site */
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/barlow-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/barlow-latin-600-normal.woff2) format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/barlow-latin-700-normal.woff2) format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-style: italic; font-weight: 900; font-display: swap; src: url(fonts/barlow-condensed-latin-900-italic.woff2) format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/barlow-condensed-latin-700-normal.woff2) format('woff2'); }
:root { --noite: #070D1A; --noite-3: #121D35; --laranja: #FF6B1A; --laranja-2: #FF8A3D; --tinta: #F5F7FB; --tinta-2: rgba(245, 247, 251, .78); --linha: rgba(255, 255, 255, .1); }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--noite); color: var(--tinta); font: 17px/1.7 Barlow, system-ui, -apple-system, 'Segoe UI', sans-serif; }
a { color: var(--laranja-2); }
.topo, .rodape, main { width: min(820px, 100% - 40px); margin-inline: auto; }
.topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--linha); }
.marca { display: flex; align-items: center; gap: 10px; color: var(--tinta); text-decoration: none; }
.marca b { display: block; font: italic 900 22px/1 'Barlow Condensed', sans-serif; letter-spacing: .05em; }
.marca small { display: block; font: 700 10px/1 'Barlow Condensed', sans-serif; letter-spacing: .3em; color: var(--laranja); margin-top: 3px; }
.voltar { font-weight: 600; font-size: 15px; text-decoration: none; }
main { padding: 50px 0 70px; }
.eti { margin: 0; font: 700 14px/1 'Barlow Condensed', sans-serif; letter-spacing: .2em; text-transform: uppercase; color: var(--laranja); }
h1 { margin: 12px 0 6px; font: italic 900 clamp(46px, 8vw, 76px)/.92 'Barlow Condensed', sans-serif; text-transform: uppercase; }
.data { margin: 0 0 26px; color: var(--tinta-2); font-size: 15px; }
.intro { font-size: 19px; color: var(--tinta); }
h2 { margin: 46px 0 10px; padding-top: 10px; font: italic 900 30px/1.05 'Barlow Condensed', sans-serif; text-transform: uppercase; scroll-margin-top: 20px; }
p, li { color: var(--tinta-2); }
b { color: var(--tinta); }
ul { padding-left: 22px; }
li { margin: 6px 0; }
.indice { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 10px; padding: 16px; border-radius: 18px; background: var(--noite-3); border: 1px solid var(--linha); }
.indice a { padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .05); font-size: 14px; font-weight: 600; text-decoration: none; color: var(--tinta-2); }
.indice a:hover { color: var(--tinta); background: rgba(255, 107, 26, .18); }
.tabela { overflow-x: auto; margin: 14px 0; border-radius: 16px; border: 1px solid var(--linha); }
table { width: 100%; border-collapse: collapse; font-size: 15.5px; }
th, td { text-align: left; vertical-align: top; padding: 12px 14px; border-top: 1px solid var(--linha); }
th { border-top: 0; background: var(--noite-3); font: 700 15px/1.2 'Barlow Condensed', sans-serif; letter-spacing: .08em; text-transform: uppercase; }
td:first-child { font-weight: 700; color: var(--tinta); white-space: nowrap; }
td { color: var(--tinta-2); }
.rodape { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; padding: 26px 0 40px; border-top: 1px solid var(--linha); font-size: 14px; color: var(--tinta-2); }
.rodape nav { display: flex; flex-wrap: wrap; gap: 18px; }
.rodape a { text-decoration: none; }
@media (max-width: 600px) { td:first-child { white-space: normal; } body { font-size: 16px; } }
