/* ===== Politica de Privacidade no celular (so telas de ate 720 px; o computador nao usa este arquivo) ===== */

/* ---- escala e espacos (mesma das paginas internas aprovadas) ---- */
.privacy .phero{padding-top:92px;padding-bottom:14px}
.privacy .phero h1{font-size:1.9rem;line-height:1.1;margin:14px 0 10px}
.privacy .phero .tag{font-size:1.02rem;margin-bottom:8px}
.privacy .phero .lede{font-size:1rem;margin-top:10px}
.privacy .crumbs{font-size:.7rem;gap:8px}
.atualiza{margin-top:10px;font-size:.78rem;line-height:1.4}
.privacy .sec{padding-top:18px;padding-bottom:30px}
.policy-grid{gap:16px}

/* ---- indice: bloco compacto acima do texto, com abrir e fechar ---- */
.toc{padding:0;border-radius:16px}
.toc h2{margin:0;font-size:13px;letter-spacing:.2em;line-height:1}
.toc-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:0 16px;background:none;border:0;border-radius:16px;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.toc-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.toc-btn::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-2px) rotate(45deg)}
.toc-btn[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)}
.toc.js ol[hidden]{display:none}
.toc ol{gap:0;padding:0 16px 8px;border-top:1px solid rgba(102,120,159,.3)}
.toc li+li{border-top:1px solid rgba(102,120,159,.2)}
.toc a{min-height:44px;align-items:center;padding:6px 0;font-size:.95rem}
.toc a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.toc a::before{line-height:1}

/* ---- texto: leitura continua no tamanho atual, so com espacos mais enxutos ---- */
.policy{max-width:none}
/* a distancia do cabecalho vem do scroll-padding da pagina (90 px); aqui nao se soma outra */
.policy section{padding:22px 0;scroll-margin-top:0}
.policy h2{font-size:26px;line-height:1.2;margin-bottom:12px;scroll-margin-top:0}
.policy p+p,.policy ul,.policy p+ul{margin-top:10px}
.policy ul{gap:8px}
.policy a{overflow-wrap:anywhere;word-break:break-word}
.policy li{padding-left:20px}
.resumo{padding:16px 18px;border-radius:14px}
.resumo h2{font-size:13px;letter-spacing:.2em;margin-bottom:12px;line-height:1}
.policy ul.forn{gap:10px}
.policy ul.forn li{padding:14px 16px}
.policy a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
