/* ==========================================================================
   ÁGORA INVESTORS — banner y panel de preferencias de cookies
   Reutiliza las variables de /css/style.css (--ink-900, --brass, --f-mono...).
   Cárguese DESPUÉS de style.css.
   ========================================================================== */

#agora-cookie-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:1500;
  display:flex;justify-content:center;
  padding:18px;
  opacity:0;visibility:hidden;transform:translateY(16px);
  transition:opacity .45s var(--ease,cubic-bezier(.16,.84,.28,1)),
             transform .45s var(--ease,cubic-bezier(.16,.84,.28,1)),
             visibility .45s;
}
#agora-cookie-banner.is-visible{opacity:1;visibility:visible;transform:none}
@media (prefers-reduced-motion:reduce){#agora-cookie-banner{transition:opacity .2s linear}}

#agora-cookie-banner .acb-card{
  width:100%;max-width:760px;
  background:var(--ink-850,#100D09);
  border:1px solid var(--line,rgba(192,168,120,.18));
  box-shadow:0 18px 60px -18px rgba(0,0,0,.65);
  padding:26px 28px;
  color:var(--text,#E4DDCF);
}
#agora-cookie-banner .acb-eyebrow{
  font-family:var(--f-mono,monospace);font-size:10.5px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--brass,#C0A878);display:block;margin:0 0 10px;
}
#agora-cookie-banner p{
  font-family:var(--f-body,Georgia,serif);font-size:.98rem;line-height:1.55;
  color:var(--text-soft,#A79E8C);margin:0 0 14px;max-width:none;
}
#agora-cookie-banner a{color:var(--brass,#C0A878);border-bottom:1px solid var(--line,rgba(192,168,120,.18))}
#agora-cookie-banner a:hover{color:var(--brass-hi,#D9C79B)}

.acb-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:6px}
.acb-btn{
  font-family:var(--f-mono,monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  padding:12px 22px;cursor:pointer;border:1px solid var(--brass,#C0A878);
  background:transparent;color:var(--brass,#C0A878);
  transition:background .3s ease,color .3s ease,border-color .3s ease;
}
.acb-btn:hover{border-color:var(--brass-hi,#D9C79B);color:var(--brass-hi,#D9C79B)}
.acb-btn:focus-visible{outline:2px solid var(--brass-hi,#D9C79B);outline-offset:2px}
.acb-btn-primary{
  background:linear-gradient(135deg,var(--brass-hi,#D9C79B) 0%,var(--brass,#C0A878) 48%,var(--brass-lo,#8C7449) 100%);
  color:var(--ink-900,#0B0906);border-color:var(--brass,#C0A878);
}
.acb-btn-primary:hover{filter:brightness(1.06)}
.acb-btn-text{border-color:transparent;padding-left:4px;padding-right:4px}
.acb-btn-text:hover{border-color:transparent;text-decoration:underline}

/* ---------- Panel de preferencias (modal) ---------- */
#agora-cookie-modal{
  position:fixed;inset:0;z-index:1600;
  display:flex;align-items:center;justify-content:center;padding:20px;
  background:rgba(11,9,6,.72);
  opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;
}
#agora-cookie-modal.is-visible{opacity:1;visibility:visible}
#agora-cookie-modal .acb-panel{
  width:100%;max-width:560px;max-height:86vh;overflow:auto;
  background:var(--ink-900,#0B0906);border:1px solid var(--line,rgba(192,168,120,.18));
  padding:34px 32px;color:var(--text,#E4DDCF);
}
#agora-cookie-modal h2{
  font-family:var(--f-display,Georgia,serif);font-weight:400;font-size:1.4rem;margin:0 0 20px;
}
.acb-cat{
  border-top:1px solid var(--line-soft,rgba(192,168,120,.09));
  padding:18px 0;display:flex;gap:18px;align-items:flex-start;justify-content:space-between;
}
.acb-cat:last-of-type{border-bottom:1px solid var(--line-soft,rgba(192,168,120,.09))}
.acb-cat-text h3{
  font-family:var(--f-mono,monospace);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass,#C0A878);margin:0 0 8px;font-weight:400;
}
.acb-cat-text p{margin:0;font-size:.92rem;color:var(--text-soft,#A79E8C)}
.acb-switch{position:relative;flex-shrink:0;width:42px;height:24px;margin-top:2px}
.acb-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.acb-switch input:disabled{cursor:not-allowed}
.acb-switch .acb-track{
  position:absolute;inset:0;background:var(--ink-700,#1E1912);border:1px solid var(--line,rgba(192,168,120,.18));
  transition:background .3s ease;
}
.acb-switch .acb-thumb{
  position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-faint,#6F6858);
  transition:transform .3s ease,background .3s ease;
}
.acb-switch input:checked ~ .acb-track{border-color:var(--brass,#C0A878)}
.acb-switch input:checked ~ .acb-thumb{transform:translateX(18px);background:var(--brass,#C0A878)}
.acb-switch input:disabled ~ .acb-thumb{background:var(--brass-lo,#8C7449);opacity:.8}

.acb-panel-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.acb-close{
  position:absolute;top:18px;right:18px;background:transparent;border:0;color:var(--text-faint,#6F6858);
  font-size:20px;line-height:1;cursor:pointer;padding:6px;
}
.acb-close:hover{color:var(--brass,#C0A878)}
#agora-cookie-modal .acb-panel{position:relative}

@media (max-width:600px){
  #agora-cookie-banner{padding:12px}
  #agora-cookie-banner .acb-card{padding:22px 20px}
  .acb-actions{flex-direction:column;align-items:stretch}
  .acb-btn{width:100%;text-align:center}
}