/* ============================================================================= Ligacao do aviso de cookies (12/09/2026) - proposta, nada disto esta no ar 1. rodape: o link "Preferencias de cookies" entrou do lado dos documentos, e no celular (360px) a linha passou a nao caber -> deixa quebrar em vez de vazar. 2. Politica de Privacidade: tabela (trechos 6 e 8) e a MARCACAO DE REVISAO. A marcacao so aparece com `class="revisao"` no . Tirou a classe, some tudo: rotulos, fundo amarelo, avisos e notas. O texto novo fica. ============================================================================= */ /* ---------- 1. rodapes ---------- */ .rod-legal, .doc-rodape nav, .lg-rodape nav { flex-wrap: wrap; row-gap: 0; } /* na tela estreita a linha quebra: o ponto separador sobraria pendurado no fim */ @media (max-width: 430px) { .rod-legal span[aria-hidden="true"], .doc-rodape nav span[aria-hidden="true"], .lg-rodape nav span[aria-hidden="true"] { display: none; } .rod-legal, .doc-rodape nav, .lg-rodape nav { gap: 14px; } } /* ---------- 2a. tabela da politica (opcao "a" do TRECHOS-PRA-POLITICA.md) ---------- */ .doc-rolagem { margin-top: 16px; overflow-x: auto; overscroll-behavior-x: contain; } .doc-tab { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 14.5px; line-height: 1.5; } .doc-tab th, .doc-tab td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; } .doc-tab th { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); font-weight: 700; } .doc-tab td:first-child { font-family: var(--f-mono); font-size: 13px; color: var(--text); white-space: nowrap; } /* a de cookies tem 6 colunas: cabe inteira na coluna de texto no computador (o nome pode quebrar em duas linhas) e rola dentro da propria caixa no celular */ .doc-tab-6 { min-width: 560px; font-size: 13.6px; } .doc-tab-6 th, .doc-tab-6 td { padding: 9px 10px; } .doc-tab-6 td:first-child { white-space: normal; } .doc-tab-simples { min-width: 420px; } .doc-tab-simples td:first-child { font-family: inherit; font-size: inherit; white-space: normal; } /* espacamento dos blocos novos (vale com ou sem revisao) */ .doc-texto .tn { margin-top: 12px; } .doc-texto .tn + p, .doc-texto .doc-rolagem + p, .doc-texto .doc-rolagem + .tn { margin-top: 12px; } /* ---------- 2b. marcacao de revisao (so com body.revisao) ---------- */ .tn-aviso, .tn-nota, .tn-so-revisao { display: none; } .revisao .tn-aviso { display: block; max-width: 820px; margin: -12px 0 32px; padding: 16px 18px; border: 1px solid rgba(247, 193, 24, .45); border-radius: var(--r); background: rgba(247, 193, 24, .08); color: var(--text-2); font-size: 15px; line-height: 1.6; } .revisao .tn-aviso b { color: var(--yellow); } .revisao .doc-texto .tn { position: relative; padding: 34px 14px 12px 16px; border-radius: 0 10px 10px 0; background: rgba(247, 193, 24, .07); box-shadow: inset 3px 0 0 var(--yellow); } .revisao .doc-texto ul li.tn { padding-left: 38px; } .revisao .doc-texto ul li.tn::before { left: 19px; top: calc(34px + .82em); } .revisao .doc-texto ul.doc-alineas li.tn { padding-left: 16px !important; } .revisao .doc-texto .tn::after { content: attr(data-tn); position: absolute; left: 16px; top: 9px; right: 12px; font: 700 11.5px/1.3 var(--f-body); letter-spacing: .04em; text-transform: uppercase; color: var(--yellow); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .revisao .tn-inline { background: rgba(247, 193, 24, .22); box-shadow: 0 0 0 2px rgba(247, 193, 24, .22); border-radius: 3px; color: var(--text); } .revisao .tn-so-revisao { display: inline; color: var(--yellow); font-weight: 600; } .revisao .tn-nota { display: block; margin-top: 12px; padding: 12px 14px; border: 1px dashed rgba(247, 193, 24, .5); border-radius: 10px; color: var(--text-2); font-size: 14px; line-height: 1.55; } .revisao .tn-nota b { color: var(--yellow); } .revisao .tn-nota code { font-family: var(--f-mono); font-size: 12.5px; color: var(--text); } @media (max-width: 640px) { .revisao .doc-texto .tn { padding-top: 40px; } .revisao .doc-texto ul li.tn::before { top: calc(40px + .82em); } .revisao .doc-texto .tn::after { white-space: normal; } } @media print { .tn-aviso, .tn-nota { display: none !important; } }