/* Aviso de cookies do Teologia Em Conta. Cores vêm de /assets/tokens.css (grupo --ck-*). */
.ck-bar{position:fixed;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);z-index:50;max-width:560px;margin:0 auto;padding:var(--space-5);border-radius:var(--radius-lg);
background:var(--ck-surface);border:1px solid var(--ck-line);border-left:5px solid var(--color-accent);color:var(--ck-text);font-family:var(--font-ui);
box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 18%,transparent),0 20px 44px rgba(0,0,0,.5);animation:ck-in var(--duration-base) var(--ease-out)}
.ck-bar[hidden]{display:none}
.ck-bar p{margin:0 0 var(--space-4);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--ck-text-2)}
.ck-bar p b{color:var(--ck-text);font-weight:var(--weight-bold)}
.ck-bar a,.ck-panel a{color:var(--ck-action);font-weight:var(--weight-bold);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:3px}
.ck-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}
.ck-btn{font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;
border:1.5px solid var(--ck-action);background:transparent;color:var(--ck-action);transition:transform var(--duration-fast) var(--ease-out)}
.ck-btn:hover{background:color-mix(in srgb,var(--ck-action) 8%,transparent)}
.ck-btn:active{transform:var(--press)}
.ck-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}
.ck-btn.ck-ok{background:var(--ck-action);color:var(--ck-surface)}
.ck-btn.ck-ok:hover{background:var(--ck-action-hover);border-color:var(--ck-action-hover)}
@media (max-width:480px){.ck-bar{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);padding:var(--space-4)}.ck-bar p{margin-bottom:var(--space-3)}.ck-bar .ck-btn{padding:var(--space-2) var(--space-1)}}

.ck-panel{width:min(520px,calc(100% - 32px));max-height:calc(100% - 32px);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--ck-line);border-top:5px solid var(--color-accent);
background:var(--ck-surface);color:var(--ck-text);font-family:var(--font-ui);box-shadow:0 24px 60px rgba(0,0,0,.55)}
.ck-panel::backdrop{background:color-mix(in srgb,var(--color-base) 78%,transparent)}
.ck-panel h2{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--ck-text)}
.ck-panel>p{margin:0 0 var(--space-5);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--ck-text-2)}
.ck-cat{display:flex;gap:var(--space-4);align-items:flex-start;justify-content:space-between;padding:var(--space-4) 0;border-top:1px solid var(--ck-line)}
.ck-cat b{display:block;font-size:var(--text-base);font-weight:var(--weight-bold);margin-bottom:var(--space-1);color:var(--ck-text)}
.ck-cat span{display:block;font-size:var(--text-sm);line-height:var(--leading-body);color:var(--ck-text-2)}
.ck-fixed{flex:none;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--ck-action);background:color-mix(in srgb,var(--color-accent) 35%,transparent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}
.ck-sw{flex:none;position:relative;width:48px;height:28px;margin-top:2px}
.ck-sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.ck-sw i{position:absolute;inset:0;border-radius:var(--radius-full);background:var(--ck-switch-off);pointer-events:none}
.ck-sw i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ck-surface);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform var(--duration-fast) var(--ease-out)}
.ck-sw input:checked+i{background:var(--ck-action)}
.ck-sw input:checked+i::after{transform:translateX(20px);background:var(--color-accent)}
.ck-sw input:focus-visible+i{outline:3px solid var(--color-accent);outline-offset:2px}
.ck-panel .ck-btns{grid-template-columns:1fr 1fr;margin-top:var(--space-5)}
@keyframes ck-in{from{opacity:0;transform:translateY(16px)}}
@media (prefers-reduced-motion:reduce){.ck-bar{animation:none}.ck-btn,.ck-sw i,.ck-sw i::after{transition:none}}