/* Aviso de cookies do site público (Onda 8, 4.1): barra fixa + tela de preferências.
   Usa os tokens da casca (--ink, --ground, --surface, --line, --soft, --cta). Rótulos em Sora, corpo em Inter. */

/* a barra não cobre o fim da página: o JS mede a altura e o body ganha folga igual */
body{padding-bottom:var(--ck-altura,0px)}

.nh-ck-barra{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface);color:var(--ink);border-top:1px solid var(--line-strong);box-shadow:0 -10px 30px -18px rgba(24,22,37,.35);font-family:'Inter',ui-sans-serif,system-ui,sans-serif}
.nh-ck-barra[hidden],.nh-ck-prefs:not([open]){display:none}
.nh-ck-in{max-width:1240px;margin:0 auto;padding:16px clamp(16px,3vw,24px);display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.nh-ck-txt{flex:1 1 34rem;min-width:0}
.nh-ck-titulo{margin:0 0 4px;font-family:'Sora',ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:.9375rem;line-height:1.3}
.nh-ck-p{margin:0;font-size:.875rem;line-height:1.5;color:var(--soft);text-wrap:pretty}
.nh-ck-p a{color:var(--ink);font-weight:600;text-decoration:none}
.nh-ck-acoes{display:flex;gap:10px;flex:0 0 auto}

/* Aceitar todos e Recusar: mesma classe, mesmo tamanho, mesma cor, mesmo peso (guia da ANPD).
   Qualquer ajuste de aparência vale para os dois ao mesmo tempo. */
.nh-ck-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:8px;border:1.5px solid var(--ink);background:var(--ink);color:var(--ground);font-family:'Sora',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:.875rem;line-height:1.2;text-align:center;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
.nh-ck-btn:hover{box-shadow:0 8px 20px -12px rgba(24,22,37,.5)}
.nh-ck-btn--neutro{background:transparent;color:var(--ink)}
.nh-ck-btn--neutro:hover{background:var(--surface-2)}
.nh-ck-btn:focus-visible,.nh-ck-link:focus-visible,.nh-ck-sw input:focus-visible+.nh-ck-trilho{outline:3px solid var(--accent);outline-offset:2px}

.nh-ck-link{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-decoration:none;cursor:pointer;transition:color .15s ease}
.nh-ck-link:hover{color:var(--ink)}

/* tela de preferências */
.nh-ck-barra.is-recolhida{display:none}
.nh-ck-prefs{border:1px solid var(--line-strong);border-radius:16px;padding:0;background:var(--surface);color:var(--ink);width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:var(--shadow);font-family:'Inter',ui-sans-serif,system-ui,sans-serif}
.nh-ck-prefs::backdrop{background:rgba(24,22,37,.55)}
.nh-ck-prefs-in{padding:clamp(20px,4vw,28px)}
.nh-ck-prefs h2{margin:0 0 8px;font-family:'Sora',ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:1.25rem;line-height:1.25}
.nh-ck-lista{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--line)}
.nh-ck-item{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}
.nh-ck-item h3{margin:0 0 4px;font-family:'Sora',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:.9375rem;line-height:1.3}
.nh-ck-item p{margin:0;font-size:.875rem;line-height:1.5;color:var(--soft)}
.nh-ck-estado{display:block;margin-top:2px;font-size:.75rem;color:var(--muted)}
.nh-ck-sw{position:relative;flex:none;display:inline-block;width:48px;height:28px;margin-top:2px}
.nh-ck-sw input{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.nh-ck-sw input:disabled{cursor:not-allowed}
.nh-ck-trilho{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;border-radius:999px;background:var(--line-strong);transition:background-color .15s ease}
.nh-ck-trilho::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(24,22,37,.35);transition:transform .15s ease}
.nh-ck-sw input:checked+.nh-ck-trilho{background:var(--cta)}
.nh-ck-sw input:checked+.nh-ck-trilho::after{transform:translateX(20px)}
.nh-ck-sw input:disabled+.nh-ck-trilho{opacity:.55}
.nh-ck-prefs-acoes{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.nh-ck-prefs-acoes .nh-ck-btn{flex:1 1 9rem}
.nh-ck-btn--salvar{background:var(--cta);border-color:var(--cta);color:var(--cta-ink)}
.nh-ck-fechar{position:absolute;top:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--soft);border-radius:8px;cursor:pointer}
.nh-ck-fechar:hover{color:var(--ink);background:var(--surface-2)}
.nh-ck-fechar:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}

/* celular: texto curto em cima, os três botões em uma linha só, sem cobrir mais que o necessário */
@media (max-width:640px){
  .nh-ck-in{padding:12px 16px 14px;gap:10px}
  .nh-ck-titulo{display:none}
  .nh-ck-p{font-size:.8125rem;line-height:1.45}
  .nh-ck-acoes{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
  .nh-ck-btn{padding:0 6px;font-size:.8125rem;min-height:44px}
  .nh-ck-prefs-acoes .nh-ck-btn{flex-basis:100%;white-space:normal}
}
@media (prefers-reduced-motion:reduce){.nh-ck-trilho,.nh-ck-trilho::after{transition:none}}
