/* ============================================================================
 * consent.css — estilos del banner de consentimiento · dueño: lp-cyber
 * Estética LexusFX (negro cálido + creme; naranja SOLO en Aceptar como acción).
 * Reutiliza los tokens de styles.css si están; si no, define fallbacks.
 * WCAG AA: contraste, foco visible, touch ≥44px, reduced-motion.
 * ==========================================================================*/
.lx-consent{
  position:fixed; left:0; right:0; bottom:0; z-index:9000;
  padding:1rem clamp(1rem,4vw,1.5rem) calc(1rem + env(safe-area-inset-bottom));
  background:var(--surface-2,#241F18);
  border-top:1px solid var(--border-strong,#443A2E);
  box-shadow:0 -12px 40px rgba(0,0,0,.5);
  transition:transform .25s cubic-bezier(.16,1,.3,1), opacity .25s;
}
.lx-consent--hidden{ transform:translateY(110%); opacity:0; }
.lx-consent__box{
  max-width:960px; margin-inline:auto;
  display:flex; align-items:center; gap:1.2rem; flex-wrap:wrap;
}
.lx-consent__txt{
  flex:1 1 340px; margin:0; color:var(--ink-mid,#BDB4A6);
  font-size:.92rem; line-height:1.5;
}
.lx-consent__txt strong{ color:var(--ink,#F4EFE7); }
.lx-consent__link{ color:var(--ink,#F4EFE7); text-decoration:underline; text-underline-offset:2px; }
.lx-consent__actions{ display:flex; gap:.7rem; flex:0 0 auto; }
.lx-consent__btn{
  font-family:var(--f-display,system-ui,sans-serif); font-weight:600; font-size:.95rem;
  padding:.7em 1.4em; min-height:44px; border-radius:var(--r-full,999px);
  border:1px solid transparent; cursor:pointer;
  transition:background .2s, border-color .2s, transform .2s;
}
/* Rechazar y Aceptar al MISMO nivel visual (requisito AEPD): ambos legibles y
   clicables por igual; el naranja marca la acción, pero rechazar NO se esconde. */
.lx-consent__btn--reject{ background:transparent; color:var(--ink,#F4EFE7); border-color:var(--border-strong,#443A2E); }
.lx-consent__btn--reject:hover{ border-color:var(--ink-mid,#BDB4A6); }
.lx-consent__btn--accept{ background:var(--cta,#F97316); color:var(--cta-ink,#140B04); }
.lx-consent__btn--accept:hover{ background:var(--cta-hover,#FF8534); transform:translateY(-1px); }
.lx-consent__btn:focus-visible{ outline:none; box-shadow:0 0 0 3px var(--cta-ring,rgba(249,115,22,.5)); }

@media (min-width:640px){ .lx-consent__box{ flex-wrap:nowrap; } }
@media (forced-colors:active){ .lx-consent__btn:focus-visible{ outline:2px solid; outline-offset:2px; } }
@media (prefers-reduced-motion:reduce){ .lx-consent{ transition:none; } .lx-consent__btn{ transition:none; } }