/* Banner de consentimiento, kit v1. Usa los tokens de tokens.css; los respaldos permiten cargarlo solo. */
.elc-consent[hidden] { display: none !important; }
.elc-consent { position: fixed; z-index: 60; inset: auto 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; border-top: 1px solid var(--elc-mist-500, #8791a8); background: var(--elc-panel, #0f1a2c); padding: 8px 24px max(8px, env(safe-area-inset-bottom)); font: 14px/1.4 var(--elc-font-sans, system-ui, sans-serif); color: var(--elc-mist, #c9d1e0); }
.elc-consent p { flex: 1 1 320px; margin: 0; }
.elc-consent a { color: var(--elc-sheet, #eceef2); text-decoration: underline; text-underline-offset: 4px; }
.elc-consent-actions { display: flex; gap: 8px; }
.elc-consent button { min-height: 44px; border: 0; border-radius: 8px; background: var(--elc-sky, #8db4ff); color: var(--elc-ink, #060a12); padding-inline: 16px; font: 500 14px var(--elc-font-sans, system-ui, sans-serif); cursor: pointer; }
.elc-consent button:hover { opacity: .85; }
.elc-consent button:focus-visible, .elc-consent a:focus-visible { outline: 2px solid var(--elc-sky, #8db4ff); outline-offset: 3px; }
@media (min-width: 768px) { .elc-consent { padding-inline: 32px; } }
@media (max-width: 639px) { .elc-consent-actions { flex-basis: 100%; } .elc-consent button { flex: 1; } }