/* Banner de consentimiento (partials/cookie-banner.php). Fondo propio oscuro: válido en claro y oscuro. */
#cookie-notice {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: #26262d;
    color: #fff;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.35);
    max-height: 90vh;
    overflow-y: auto;
}
#cookie-notice.cookie-notice-hidden { display: none; }
#cookie-notice .cn-inner { max-width: 760px; margin: 0 auto; padding: 1.1rem 1.25rem 1.25rem; }
#cookie-notice h2 { margin: 0 0 0.4rem; font-size: 1.15rem; color: #fff; }
#cookie-notice p { margin: 0 0 0.8rem; font-size: 0.92rem; line-height: 1.5; }
#cookie-notice a { color: var(--color-gold, #f0c36a); }
#cookie-notice .cn-panel { margin: 0 0 0.9rem; display: grid; gap: 0.6rem; }
#cookie-notice .cn-cat { display: flex; gap: 0.7rem; align-items: flex-start; font-size: 0.9rem; cursor: pointer; }
#cookie-notice .cn-cat input { margin-top: 0.25rem; width: 1.1rem; height: 1.1rem; flex: none; }
#cookie-notice .cn-cat small { display: block; opacity: 0.8; line-height: 1.4; }
#cookie-notice .cn-actions { display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: flex-end; }
#cookie-notice .cn-btn {
    background: #fff;
    color: #26262d;
    border: 2px solid #fff;
    border-radius: 6px;
    padding: 0.55rem 1.3rem;
    min-width: 7.5rem;
    cursor: pointer;
    font: inherit;
    font-weight: 600;
}
#cookie-notice .cn-btn:hover { opacity: 0.9; }
#cookie-notice .cn-btn:focus-visible, #cookie-notice .cn-cat input:focus-visible { outline: 3px solid var(--color-gold, #f0c36a); outline-offset: 2px; }
#cookie-notice .cn-btn-link { background: transparent; color: #fff; }
#cookie-notice [hidden] { display: none; }
@media (max-width: 480px) {
    #cookie-notice .cn-actions { flex-direction: column; }
    #cookie-notice .cn-btn { width: 100%; }
}