/* Banner de cookies (LoreAPI) */
:root{--border:rgba(255,255,255,.09);--muted:#9a9ab0;--accent:#a78bfa;--accent2:#22d3ee;}
/* ==== banner de cookies ==== */
.cc-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 999;
  padding: 0 12px calc(12px + env(safe-area-inset-bottom));
  transform: translateY(120%);
  transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}
.cc-bar.cc-on { transform: translateY(0); pointer-events: auto; }
.cc-box {
  max-width: 720px; margin: 0 auto;
  display: flex; align-items: center; gap: 14px;
  background: #0d0d1a; border: 1px solid var(--border);
  border-radius: 16px; padding: 14px 16px;
  box-shadow: 0 -12px 50px rgba(0, 0, 0, 0.55);
}
.cc-cookie {
  font-size: 34px; flex-shrink: 0;
  animation: cc-bob 3s ease-in-out infinite;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,0.4));
  transition: transform 0.4s ease;
}
@keyframes cc-bob { 0%,100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-6px) rotate(4deg); } }
.cc-box.cc-sim .cc-cookie { animation: cc-pulo 0.8s cubic-bezier(0.22,1.4,0.36,1); }
@keyframes cc-pulo { 0%{transform:translateY(0) scale(1,1)} 30%{transform:translateY(-18px) scale(.92,1.12)} 60%{transform:translateY(0) scale(1.08,.92)} 100%{transform:translateY(0) scale(1,1)} }
.cc-box.cc-nao .cc-cookie { transform: rotate(-14deg) translateY(6px) scale(.92); filter: grayscale(0.6) drop-shadow(0 4px 8px rgba(0,0,0,0.4)); }
.cc-txt { flex: 1; min-width: 0; }
.cc-txt h3 { margin: 0 0 3px; font-size: 14.5px; }
.cc-txt p { margin: 0; font-size: 12.5px; color: var(--muted); }
.cc-txt a { color: var(--accent); }
.cc-btns { display: flex; gap: 8px; flex-shrink: 0; }
.cc-btn {
  border: 0; border-radius: 11px; padding: 9px 14px; font-size: 13px; font-weight: 700;
  cursor: pointer; font-family: inherit; transition: transform 0.15s, opacity 0.15s;
}
.cc-btn:active { transform: scale(0.96); }
.cc-sim-btn { background: linear-gradient(90deg, var(--accent), var(--accent2)); color: #fff; }
.cc-nao-btn { background: rgba(255,255,255,0.08); color: var(--muted); }
.cc-nao-btn:hover { color: #fff; }
@media (max-width: 560px) {
  .cc-box { flex-wrap: wrap; }
  .cc-btns { width: 100%; }
  .cc-btn { flex: 1; }
}