/* Aviso de cookies (js/pixel.js). Carregado em todas as páginas estáticas; não depende de avistou.css nem de legal.css. */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-700-normal.woff2) format('woff2');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:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
.ck{position:fixed;z-index:60;left:24px;bottom:24px;width:min(408px,calc(100vw - 48px));box-sizing:border-box;
  background:#fff;color:#0B0F19;border:1px solid #DDE2EE;border-radius:14px;padding:18px 20px 18px;
  box-shadow:0 18px 40px -18px rgba(11,15,25,.35),0 2px 6px rgba(11,15,25,.06);
  font:400 14.5px/1.5 'Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  display:none;opacity:0;transform:translateY(12px);transition:opacity .22s ease,transform .22s ease}
.ck.on{display:block;opacity:1;transform:none}
@starting-style{.ck.on{opacity:0;transform:translateY(12px)}}
.ck-tit{margin:0 0 6px;font:700 17px/1.2 'Bricolage Grotesque','Source Sans 3',system-ui,sans-serif;letter-spacing:-.01em;color:#1B2A6B}
.ck-txt{margin:0;color:#0B0F19}
.ck-txt a{color:#1B2A6B;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.ck-txt a:hover{text-decoration-thickness:2px}
.ck-atual{margin:8px 0 0;font-size:13px;color:#4A5372}
.ck-bts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.ck-bt{appearance:none;-webkit-appearance:none;margin:0;min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid #E9BE1F;background:#FFD23F;color:#0B0F19;
  font:700 15px/1 'Source Sans 3',system-ui,sans-serif;cursor:pointer;transition:background .15s ease}
.ck-bt:hover{background:#F7C51E}
.ck-bt:active{transform:translateY(1px)}
.ck-bt:focus-visible{outline:3px solid #1B2A6B;outline-offset:2px}
@media (max-width:600px){
  .ck{left:10px;right:10px;bottom:10px;width:auto;padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px));font-size:14px}
  .ck-tit{font-size:16px}
}
/* enquanto o aviso está aberto, as barras fixas do celular (CTA e "Assinar") não disputam o rodapé da tela */
.ck-aberto .mcta,.ck-aberto .ac-bar{visibility:hidden}
@media (prefers-reduced-motion:reduce){.ck{transition:none}}
@media print{.ck{display:none!important}}
/* preview engaja: no celular o aviso vira uma faixa curta que não cobre o campo do CNPJ */
.ck-curto{display:none}
@media (max-width:600px){
  .ck{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));bottom:8px;left:8px;right:8px}
  .ck-tit{font-size:15px;margin-bottom:2px}
  .ck-longo{display:none}.ck-curto{display:block;font-size:13.5px;line-height:1.4}
  .ck-bts{margin-top:10px}.ck-bt{min-height:40px}
}
/* cadastro v2: com o formulário de assinatura na tela (js/pixel.js põe .ck-compacto), o aviso vira uma faixa de uma linha.
   Continua com Recusar e Aceitar do mesmo tamanho e o link para a política; o texto completo volta quando o formulário sai da tela. */
.ck.ck-compacto{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px}
.ck.ck-compacto .ck-tit,.ck.ck-compacto .ck-longo,.ck.ck-compacto .ck-atual{display:none}
.ck.ck-compacto .ck-curto{display:block;flex:1;min-width:0;font-size:13px;line-height:1.3}
.ck.ck-compacto .ck-curto .ck-x{display:none}
.ck.ck-compacto .ck-curto .ck-c{display:inline}
.ck .ck-c{display:none}
.ck.ck-compacto .ck-bts{margin:0;flex:none;grid-template-columns:auto auto;gap:6px}
.ck.ck-compacto .ck-bt{min-height:40px;padding:8px 12px;font-size:14px}
@media (max-width:600px){.ck.ck-compacto{padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px)) 12px}}
