/* ═══════════════════════════════════════════════════════════
   Emperador Digital · Capa compartida PAQUETE BÁSICO ($1.000)
   Sitio corporativo semi-personalizado · sin e-commerce · sin blog
   Hereda la paleta del nicho vía cadena de fallback de variables.
   ═══════════════════════════════════════════════════════════ */
:root{
  --bx-accent: var(--gold, var(--accent, var(--accent-1, var(--primary, #c8a24a))));
  --bx-accent-l: var(--gold-l, var(--accent-l, var(--accent-2, var(--bx-accent))));
  --bx-ink: var(--text, #f4ecde);
  --bx-mute: var(--mute, var(--muted, rgba(244,236,222,.65)));
  --bx-border: var(--border, rgba(200,162,74,.22));
  --bx-surf: var(--surf, var(--surface, rgba(255,255,255,.04)));
}

/* Reveal simple en scroll (microinteracción permitida en Básico) */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.25,.8,.25,1)}
[data-reveal].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}

/* Cinta discreta de tier (esquina) — comunica el paquete del demo */
.bx-tier{
  position:fixed;left:1rem;bottom:1rem;z-index:70;
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(10,8,6,.82);backdrop-filter:blur(10px);
  border:1px solid var(--bx-border);border-radius:999px;
  padding:.42rem .9rem;font-size:.72rem;letter-spacing:.04em;
  color:var(--bx-accent-l);text-decoration:none;
  box-shadow:0 14px 34px -14px rgba(0,0,0,.6);transition:transform .15s,border-color .2s}
.bx-tier:hover{transform:translateY(-2px);border-color:var(--bx-accent)}
.bx-tier b{color:var(--bx-ink);font-weight:700}
.bx-tier .bx-dot{width:7px;height:7px;border-radius:50%;background:var(--bx-accent);box-shadow:0 0 10px var(--bx-accent)}
@media(max-width:760px){.bx-tier{font-size:.66rem;padding:.36rem .7rem;bottom:.7rem;left:.7rem}}

/* Badge reCAPTCHA en formularios (incluido en el paquete Básico) */
.bx-recaptcha{
  display:flex;align-items:center;gap:.55rem;margin:.6rem 0 .2rem;
  font-size:.74rem;color:var(--bx-mute);opacity:.85}
.bx-recaptcha svg{flex:none}
.bx-recaptcha b{color:var(--bx-ink);font-weight:600}

/* Toast de confirmación de formularios */
.bx-toast{
  position:fixed;left:50%;bottom:1.4rem;transform:translateX(-50%) translateY(140%);
  background:var(--bx-accent);color:#16110a;font-weight:600;
  padding:.85rem 1.4rem;border-radius:10px;font-size:.92rem;z-index:90;
  box-shadow:0 20px 50px -14px rgba(0,0,0,.6);transition:transform .35s cubic-bezier(.25,.9,.3,1);max-width:90vw}
.bx-toast.show{transform:translateX(-50%) translateY(0)}