/* ============================================================ AUSCULTO · páginas legais (Política de Privacidade e Termos de Uso) Um só fundo marfim do topo ao rodapé; navy nos títulos; o dourado vivo aparece só como marcador (régua do título, seção ativa, marcadores). O texto legal não é estilizado por conteúdo: só por estrutura. ============================================================ */ /* ---------- fontes (self-hosted, as mesmas da homepage) ---------- */ @font-face{ font-family:'Inter'; src:url('/assets/fonts/enamed/inter-var-latin.woff2') format('woff2'); font-weight:100 900;font-style:normal;font-display:swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{font-family:'Inter Fallback';src:local('Arial');size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%} @font-face{ font-family:'Roboto Serif Hero'; src:url('/assets/fonts/home/roboto-serif-cond-600-latin.woff2') format('woff2'); font-weight:600;font-style:normal;font-display:swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{font-family:'Roboto Serif Hero Fallback';src:local('Georgia Bold'),local('Georgia-Bold'),local('Georgia');font-weight:600;size-adjust:88%;ascent-override:105.3%;descent-override:27.7%;line-gap-override:0%} /* ---------- tokens ---------- */ :root{ --bg:#FDFAF7; /* marfim: fundo único da página */ --surface:#FFFFFF; /* só superfícies funcionais: selos, tabela, aviso, sumário mobile */ --navy:#0D2148; --ink:#0B1730; --text:#2A3551; /* corpo do texto legal (11,6:1 sobre o marfim) */ --text-2:#4A5670; --mut:#5B6780; --line:#E7DED4; --line-2:#EFE9E1; --gold-grad:linear-gradient(180deg,#F8D57C 0%,#F1BE4B 40%,#E8AA30 75%,#DC9B22 100%); --gold-rule:linear-gradient(90deg,#DC9B22 0%,#E8AA30 55%,#F1BE4B 100%); --gold-dot:#E3A42C; --gold-ink:#8C6410; /* dourado para texto pequeno sobre claro */ --gold-icon:#B07F1A; --gold-on-navy:#F5C451; --royal:#0037A8; --font:'Inter','Inter Fallback',system-ui,-apple-system,'Segoe UI',sans-serif; --serif:'Roboto Serif Hero','Roboto Serif Hero Fallback',Georgia,'Times New Roman',serif; --rail:288px; /* sumário fixo: cada item cabe numa linha */ --gap:80px; /* respiro entre sumário e documento */ --col:780px; /* coluna do documento (tabela usa a largura toda) */ --measure:40rem; /* 640 px de medida para parágrafos e títulos */ --unit:calc(var(--rail) + var(--gap) + var(--col)); --gutter:clamp(20px,5vw,72px); --bar-h:64px; } /* ---------- base ---------- */ *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--bar-h) + 28px)} @media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}} body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} img,svg{display:block} a{color:inherit;text-decoration:none} h1,h2,p,ul,ol,figure{margin:0} ul,ol{padding:0} :focus-visible{outline:2px solid var(--royal);outline-offset:3px;border-radius:6px} ::selection{background:rgba(231,182,77,.35);color:var(--navy)} .shell{width:100%;max-width:calc(var(--unit) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)} @media (max-width:1023.98px){:root{--unit:var(--col)}} .skip-link{position:fixed;top:-80px;left:16px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--navy);color:#fff;font-size:14px;font-weight:600} .skip-link:focus{top:12px} /* ---------- barra superior ---------- */ .bar{position:sticky;top:0;z-index:50;background:rgba(253,250,247,.9);-webkit-backdrop-filter:saturate(1.3) blur(14px);backdrop-filter:saturate(1.3) blur(14px);border-bottom:1px solid var(--line-2);transition:box-shadow .3s ease} .bar.is-scrolled{box-shadow:0 12px 30px -24px rgba(11,23,48,.4)} .bar__in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--bar-h)} .brand{display:inline-flex;align-items:flex-end;gap:9px;padding:7px 0;border-radius:8px} .brand__mark{width:30px;height:30px;flex:none} .brand__word{width:114px;height:22.4px;flex:none;margin-bottom:.5px} .bar__login{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px;font-weight:500;line-height:1;letter-spacing:-.005em;color:var(--navy);transition:border-color .2s,box-shadow .2s} .bar__login:hover{border-color:#D5BF98;box-shadow:0 8px 18px -14px rgba(11,23,48,.45)} .bar__login:focus-visible{border-radius:999px} /* ---------- cabeçalho do documento ---------- */ .doc-head{padding-top:clamp(40px,6.4vw,92px)} .doc-head h1{font-family:var(--serif);font-weight:600;font-size:clamp(40px,calc(4.6vw + 12px),72px);line-height:1.02;letter-spacing:-.034em;color:var(--navy);font-synthesis:none;text-wrap:balance} .doc-updated{margin-top:18px;font-size:15px;line-height:1.5;color:var(--mut);font-variant-numeric:tabular-nums} .doc-updated time{color:var(--navy);font-weight:500} .doc-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;list-style:none} .doc-chips li{display:flex} .chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 15px 7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13.5px;font-weight:500;line-height:1.3;letter-spacing:-.003em;color:var(--ink)} .chip svg{flex:none;width:16px;height:16px;color:var(--gold-icon)} a.chip{transition:border-color .2s,box-shadow .2s} a.chip:hover{border-color:#D5BF98;box-shadow:0 8px 18px -14px rgba(11,23,48,.45)} a.chip:focus-visible{border-radius:999px} /* régua do cabeçalho: um traço dourado sobre o fio marfim, uma linha só */ .doc-head::after{content:"";display:block;height:2px;margin-top:clamp(32px,4vw,52px);background:var(--gold-rule) 0 0/72px 2px no-repeat,linear-gradient(var(--line),var(--line)) 0 100%/100% 1px no-repeat} /* ---------- grade: sumário + documento ---------- */ .doc-grid{margin-top:clamp(32px,4.4vw,64px)} @media (min-width:1024px){ .doc-grid{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);column-gap:var(--gap);align-items:start} } @media (min-width:1024px) and (max-width:1279.98px){:root{--rail:236px;--gap:56px}} /* um só