/* ==========================================================================
   Aviso de cookies (Parte 5). Um estilo só, em todas as páginas do site.
   Cartão claro (Papel), Figtree, cantos 14px, borda fina, sombra leve.
   Computador: canto inferior esquerdo, até 420px. Celular (até 640px): largura toda embaixo, 12px de margem.
   Entra deslizando de baixo 1 segundo depois de a página abrir (o JS em js/nx5/base.js abre o aviso).
   A lógica de consentimento (chave nx-ck-v1) não mudou.
   ========================================================================== */
.ck{position:fixed;left:max(16px,env(safe-area-inset-left));right:auto;bottom:max(16px,env(safe-area-inset-bottom));z-index:1100;
  width:min(420px,calc(100vw - 32px));display:block;pointer-events:none;font-family:Figtree,'Figtree Fallback',Arial,sans-serif}
.ck-in{pointer-events:auto;display:grid;gap:14px;max-width:none;padding:18px 20px 20px;
  background:#F5F3EC;color:#4B5262;border:1px solid #DBD6C6;border-radius:14px;box-shadow:0 18px 40px -22px rgba(22,35,61,.45),0 2px 6px rgba(22,35,61,.08);
  transform:translateY(calc(100% + 32px));opacity:0;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .4s ease}
.ck.on .ck-in{transform:none;opacity:1}
.ck p{margin:0;font:400 14px/1.55 Figtree,'Figtree Fallback',Arial,sans-serif;color:#4B5262}
.ck p b{display:block;margin:0 0 6px;font:600 17px/1.3 Figtree,'Figtree Fallback',Arial,sans-serif;color:#16233D}
.ck p a{color:#0E6B58;text-decoration:underline;text-underline-offset:2px}
.ck-bt{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ck-bt button{min-height:46px;padding:0 16px;border-radius:8px;font:600 15px/1 Figtree,'Figtree Fallback',Arial,sans-serif;cursor:pointer}
.ck-no{background:transparent;color:#16233D;border:1px solid #16233D}
.ck-no:hover{background:rgba(22,35,61,.06)}
.ck-ok{background:#16233D;color:#F5F3EC;border:1px solid #16233D}
.ck-ok:hover{background:#22345A;border-color:#22345A}
.ck-bt button:focus-visible{outline:3px solid #0E6B58;outline-offset:2px}
@media (max-width:640px){
  .ck{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto}
  /* a bolinha do WhatsApp sobe e fica acima do aviso; ao fechar, volta para o canto */
  .wa-fab{transition:transform .45s cubic-bezier(.2,.7,.2,1)!important}
  .ck:not([hidden])~.wa-fab{transform:translateY(calc(-1 * (var(--ck-h,0px) + 12px)))!important}
}
@media (prefers-reduced-motion:reduce){.ck-in,.wa-fab{transition:none!important}}

/* Botão do WhatsApp: sempre visível (não some com a rolagem) e com mais destaque */
html body .wa-fab{width:60px!important;height:60px!important;opacity:1!important;pointer-events:auto!important;
  box-shadow:0 0 0 4px #fff,0 10px 24px -6px rgba(14,24,40,.55)!important;z-index:70}
html body .wa-fab[data-hidden]{opacity:1!important;transform:none!important;pointer-events:auto!important}
html body .wa-fab svg{width:32px!important;height:32px!important}
@media (max-width:860px){html body .wa-fab{width:56px!important;height:56px!important}html body .wa-fab svg{width:30px!important;height:30px!important}}
