/* Cookies: panel independiente; hereda colores y espaciados del layout. */
.deleg-cookie-banner[hidden], .deleg-cookie-options[hidden] { display: none !important; }
.deleg-cookie-banner {
    position: fixed; z-index: 10000; bottom: 16px; left: var(--page-gutter, 16px);
    right: var(--page-gutter, 16px); display: flex; flex-wrap: wrap; align-items: center; gap: 20px;
    max-width: 1100px; margin-inline: auto; padding: 20px;
    border: 1px solid var(--deleg-panel-border, #d5e0eb); border-radius: 12px;
    background: var(--deleg-panel-bg, #fff); color: var(--deleg-panel-text, #102c53);
    box-shadow: 0 10px 32px rgb(0 0 0 / 25%);
}
.deleg-cookie-text { flex: 1 1 380px; }
.deleg-cookie-text p {
    margin: 6px 0; font-size: 14px; line-height: 1.5;
}
.deleg-cookie-text a {
    color: inherit; font-size: 13px; text-decoration: underline;
}
.deleg-cookie-actions {
    display: flex; flex-wrap: wrap; gap: 8px;
}
.deleg-cookie-actions button,
.deleg-cookie-options button {
    padding: 10px 16px; border: 1px solid var(--deleg-panel-border, #9bb2c4); border-radius: 8px;
    background: var(--deleg-panel-active, #087bc6); color: var(--deleg-panel-active-text, #fff);
    font: inherit; font-size: 14px; cursor: pointer;
}
.deleg-cookie-actions button:nth-child(3) { background: transparent; color: var(--deleg-panel-text, #102c53); }
.deleg-cookie-options {
    display: flex; flex: 0 0 100%; flex-wrap: wrap; align-items: center; gap: 15px; padding-top: 12px;
    border-top: 1px solid var(--deleg-panel-border, #d5e0eb); font-size: 14px;
}
@media (max-width: 600px) {
    .deleg-cookie-banner {
        bottom: 8px; left: 8px; right: 8px; max-height: 85vh; padding: 14px; overflow-y: auto;
    }
    .deleg-cookie-actions { width: 100%; }
    .deleg-cookie-actions button { flex: 1 1 95px; }
}