/* ══════════════════════════════════════════
   Donara — Banner de consentimento de cookies
   Overlay fixo: precisa ser legível sobre qualquer
   fundo de página host (landing escura, docs claros)
   ══════════════════════════════════════════ */

.cc-bar {
    position: fixed;
    left: 0; right: 0; bottom: -200px;
    z-index: 2000;
    background: rgba(13, 13, 26, .96);
    backdrop-filter: blur(14px) saturate(160%);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    border-top: 1px solid rgba(255, 255, 255, .1);
    color: #e8e8f0;
    padding: 18px 20px;
    transition: bottom .35s ease;
    font-family: 'Lato', system-ui, sans-serif;
}
.cc-bar.cc-bar-visible { bottom: 0; }

.cc-bar-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}
.cc-bar-text { flex: 1 1 420px; font-size: .87rem; line-height: 1.55; margin: 0; color: rgba(232, 232, 240, .85); }
.cc-link { color: #a29bfe; text-decoration: underline; }
.cc-link:hover { color: #c8c4ff; }

.cc-bar-actions { display: flex; flex-wrap: wrap; gap: 10px; flex: 0 0 auto; }

.cc-btn {
    border-radius: 999px;
    padding: 8px 18px;
    font-size: .85rem;
    font-weight: 700;
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
}
.cc-btn-solid { background: #6c5ce7; color: #fff; }
.cc-btn-solid:hover { background: #7d6cf0; }
.cc-btn-outline { background: transparent; color: #e8e8f0; border-color: rgba(255, 255, 255, .3); }
.cc-btn-outline:hover { background: rgba(255, 255, 255, .08); }
.cc-btn-ghost { background: transparent; color: rgba(232, 232, 240, .7); border-color: transparent; text-decoration: underline; padding-left: 6px; padding-right: 6px; }
.cc-btn-ghost:hover { color: #fff; }

/* ── Modal de preferências ── */
.cc-modal-content { border-radius: 14px; }
.cc-category { padding: 14px 0; border-bottom: 1px solid rgba(0, 0, 0, .08); }
.cc-category:last-child { border-bottom: none; }
.cc-category-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.cc-category-desc { font-size: .85rem; color: #6c757d; margin: 0; line-height: 1.55; }

@media (max-width: 576px) {
    .cc-bar { padding: 14px 16px; }
    .cc-bar-inner { flex-direction: column; align-items: stretch; gap: 12px; }
    /* Em row (desktop) o "420px" acima é largura; em column ele vira altura mínima do
       parágrafo e estica o card vazio até lá — precisa ser resetado aqui. */
    .cc-bar-text { flex: 0 1 auto; font-size: .82rem; }
    .cc-bar-actions { flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 8px; }
    .cc-btn { width: 100%; text-align: center; }
    .cc-btn-ghost { padding: 6px; }
}