/* cookies.css — aviso de cookies do site da 7ª (vale pro index e pras 3 páginas legais).
   Cores literais (as legais não têm as mesmas variáveis do index). Recusar e Aceitar com o mesmo
   tamanho e o mesmo destaque: o guia da ANPD não aceita recusar escondido. */
/* no PC fica no canto esquerdo: o botão do herói (à direita) continua livre */
.ck-barra{position:fixed;left:24px;bottom:20px;z-index:300;width:min(720px,calc(100% - 48px));display:flex;align-items:center;gap:10px 20px;padding:12px 12px 12px 20px;border-radius:16px;background:#171717;border:1px solid #2f2f2f;color:#fff;font-family:Poppins,system-ui,sans-serif;box-shadow:0 18px 50px rgba(0,0,0,.55);opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s}
.ck-barra.on{opacity:1;transform:none}
.ck-texto{flex:1;min-width:0;margin:0;font-size:13px;line-height:1.45;color:#c4c4c4}
.ck-escolher{font:inherit;color:#00d854;background:none;border:0;border-bottom:1px solid rgba(0,216,84,.45);padding:0;cursor:pointer}
.ck-escolher:focus-visible{outline:3px solid #00d854;outline-offset:3px}
.ck-barra .ck-botoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck-barra .ck-b{font-size:13px;padding:9px 14px;min-width:0;white-space:nowrap}
.ck-barra a,.ck-janela a{color:#00d854;text-decoration:none;border-bottom:1px solid rgba(0,216,84,.45)}
.ck-botoes{display:flex;gap:10px;flex-wrap:wrap;flex:none}
.ck-b{font:600 14px Poppins,system-ui,sans-serif;padding:11px 20px;border-radius:999px;cursor:pointer;border:1.5px solid #fff;background:transparent;color:#fff;min-width:108px;transition:background .2s,color .2s,border-color .2s}
.ck-b:hover{background:#fff;color:#000}
.ck-b.ck-sim,.ck-b.ck-nao{background:#fff;color:#000}
.ck-b.ck-sim:hover,.ck-b.ck-nao:hover{background:#00d854;border-color:#00d854;color:#04140a}
.ck-b.ck-escolher,.ck-b.ck-salva{border-color:#555}
.ck-b:focus-visible,.ck-x:focus-visible,.ck-chave:focus-visible,.ck-barra a:focus-visible,.ck-janela a:focus-visible{outline:3px solid #00d854;outline-offset:3px}

.ck-fundo{position:fixed;inset:0;z-index:310;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.66);opacity:0;transition:opacity .25s}
.ck-fundo.on{opacity:1}
.ck-janela{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:28px 26px 24px;border-radius:20px;background:#171717;border:1px solid #2f2f2f;color:#fff;font-family:Poppins,system-ui,sans-serif}
.ck-janela h2{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 32px 6px 0;line-height:1.2}
.ck-sub{font-size:14px;color:#bdbdbd;margin:0 0 16px}
.ck-x{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;border:0;background:#262626;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.ck-linha{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid #2a2a2a}
.ck-linha label{font-size:15px;cursor:pointer}
.ck-linha small{font-size:12px;color:#00d854;font-weight:600;margin-left:4px}
.ck-linha p{font-size:13px;line-height:1.5;color:#b5b5b5;margin:4px 0 0}
.ck-chave{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:48px;height:28px;margin-top:2px;border-radius:999px;background:#3a3a3a;cursor:pointer;transition:background .2s}
.ck-chave::after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}
.ck-chave:checked{background:#00d854}
.ck-chave:checked::after{transform:translateX(20px)}
.ck-chave:disabled{opacity:.55;cursor:not-allowed}
.ck-nota{font-size:12.5px;color:#9a9a9a;margin:4px 0 18px;padding-top:14px;border-top:1px solid #2a2a2a}
.ck-janela .ck-botoes{justify-content:flex-end}

/* rodapé: o botão "Preferências de cookies" com cara de link */
[data-cookies]{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
[data-cookies]:hover{color:#00d854}

@media (max-width:760px){
  .ck-barra{flex-direction:column;align-items:stretch;left:10px;right:10px;bottom:10px;padding:12px 12px 12px 14px;gap:10px}
  .ck-texto{font-size:12.5px}
  .ck-botoes{display:grid;grid-template-columns:1fr 1fr}
  .ck-b{min-width:0;padding:10px 8px}
  .ck-barra{width:auto}
  .ck-barra .ck-b{font-size:12px;padding:10px 4px;white-space:nowrap}
  .ck-janela{padding:24px 18px 18px}
  .ck-janela .ck-botoes{grid-template-columns:1fr 1fr}
  .ck-janela .ck-salva{grid-column:1/-1;grid-row:2}
}
@media (prefers-reduced-motion:reduce){.ck-barra,.ck-fundo{transition:none}}
/* o index tem "label b{display:block}" no formulário: aqui o título e a ferramenta ficam um embaixo do outro, de propósito */
.ck-linha label b{display:block;font-size:15px;margin:0}
.ck-linha label small{display:block;margin:2px 0 0}
