/* ===== AlkoraOS — banner de consentimento de cookies (LGPD/ANPD) ===== */
.ck-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:none;padding:18px;pointer-events:none}
.ck-banner.show{display:flex;justify-content:center}
.ck-box{pointer-events:auto;max-width:920px;width:100%;background:var(--panel,#111214);border:1px solid var(--line,rgba(177,220,193,.18));border-radius:16px;padding:22px 24px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.ck-text{flex:1;min-width:260px}
.ck-text h4{font-family:var(--display,'Space Grotesk',sans-serif);font-weight:600;font-size:15px;color:var(--white,#fff);margin:0 0 6px}
.ck-text p{font-family:var(--body,'Inter',sans-serif);font-size:13.5px;line-height:1.55;color:var(--dim,rgba(255,255,255,.6));margin:0}
.ck-text a{color:var(--mint,#B1DCC1);text-decoration:none;border-bottom:1px solid rgba(177,220,193,.3)}
.ck-text a:hover{border-bottom-color:var(--mint,#B1DCC1)}
.ck-actions{display:flex;gap:10px;flex:none}
@media(max-width:560px){.ck-box{flex-direction:column;align-items:stretch;gap:16px}.ck-actions{flex-direction:column}}
.ck-btn{font-family:var(--display,'Space Grotesk',sans-serif);font-weight:600;font-size:14px;border-radius:10px;padding:11px 22px;cursor:pointer;border:1px solid transparent;transition:opacity .2s,border-color .2s,background .2s;white-space:nowrap}
.ck-accept{background:var(--mint,#B1DCC1);color:#0A0B0C;border-color:var(--mint,#B1DCC1)}
.ck-accept:hover{opacity:.9}
.ck-reject{background:transparent;color:var(--white,#fff);border-color:var(--line,rgba(255,255,255,.18))}
.ck-reject:hover{border-color:var(--mint,#B1DCC1);color:var(--mint,#B1DCC1)}
/* floating reopen button (canto) */
.ck-reopen{position:fixed;left:16px;bottom:16px;z-index:9998;display:none;width:42px;height:42px;border-radius:50%;background:var(--panel,#111214);border:1px solid var(--line,rgba(177,220,193,.18));color:var(--mint,#B1DCC1);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.ck-reopen.show{display:flex}
.ck-reopen:hover{border-color:var(--mint,#B1DCC1)}
