/* Authority Layer — elementos psicoventas/neuro-persuasión + tech avanzado
   Sin tocar el diseño visual base de cada demo. Solo overlays + ribbons + counters. */

/* Reading progress bar — BOTTOM (movido del top para no cruzar el menú nav) */
.au-progress{position:fixed;bottom:0;top:auto;left:0;right:0;height:2px;background:linear-gradient(90deg,#c9a86b,#e3c98a);z-index:40;transition:width .15s;box-shadow:0 -2px 8px rgba(201,168,107,.4);width:0}
body.pm-active .au-progress{bottom:0;top:auto}
@media(max-width:640px){body.pm-active .au-progress{bottom:0;top:auto}}

/* Awards ribbon — discretely inserted after nav (per-demo customizable via data attribute) */
.au-ribbon{padding:.7rem 1.2rem;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden;font-family:'Inter',system-ui,sans-serif}
.au-ribbon-track{display:flex;justify-content:center;align-items:center;gap:2.5rem;flex-wrap:wrap;max-width:1320px;margin:0 auto;font-size:.74rem;color:rgba(255,255,255,.78);letter-spacing:.03em}
.au-ribbon-item{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}
.au-ribbon-item::before{content:"";width:5px;height:5px;background:rgba(255,255,255,.45);border-radius:50%}
.au-ribbon-item strong{color:rgba(255,255,255,.95);font-weight:600;letter-spacing:.04em}
@media(max-width:760px){.au-ribbon-track{gap:1.2rem;font-size:.68rem}}

/* Activity toast — bottom-left social proof */
.au-toast{position:fixed;bottom:5.5rem;left:1.4rem;z-index:54;background:rgba(13,16,30,.96);border:1px solid rgba(255,255,255,.1);padding:.9rem 1.2rem .9rem 1.1rem;max-width:300px;font-family:'Inter',sans-serif;color:#e8edf8;font-size:.82rem;line-height:1.45;box-shadow:0 16px 40px -10px rgba(0,0,0,.55);transform:translateX(-150%);transition:transform .55s cubic-bezier(.25,.8,.25,1);border-radius:10px;border-left:3px solid #c9a86b}
.au-toast.in{transform:translateX(0)}
.au-toast small{display:block;color:#c9a86b;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem;font-weight:600}
.au-toast strong{color:#e3c98a;font-weight:600}
@media(max-width:480px){.au-toast{max-width:calc(100% - 2.8rem)}}

/* Sticky CTA — bottom-right next to chat */
.au-sticky{position:fixed;bottom:1.5rem;right:6rem;z-index:55;background:rgba(13,16,30,.94);border:1px solid rgba(201,168,107,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.85rem 1.3rem;display:flex;align-items:center;gap:.95rem;transform:translateY(160%);transition:transform .45s cubic-bezier(.25,.8,.25,1);box-shadow:0 20px 50px -12px rgba(0,0,0,.55);max-width:calc(100vw - 8.5rem);border-radius:10px;font-family:'Inter',sans-serif}
.au-sticky.in{transform:translateY(0)}
.au-sticky-text{color:#e8edf8;font-size:.86rem;line-height:1.3}
.au-sticky-text strong{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#c9a86b;margin-bottom:.2rem;font-weight:600}
.au-sticky-btn{background:linear-gradient(135deg,#c9a86b,#9c8147);color:#0a1426;border:none;padding:.55rem 1.1rem;font-weight:700;font-size:.74rem;letter-spacing:.05em;border-radius:6px;cursor:pointer;text-decoration:none;white-space:nowrap;text-transform:uppercase;font-family:inherit;transition:transform .15s,box-shadow .15s}
.au-sticky-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px -6px rgba(201,168,107,.5)}
@media(max-width:760px){.au-sticky{right:1.4rem;left:5.2rem;justify-content:space-between}}
@media(max-width:480px){.au-sticky{display:none}}

/* Animated counters — applied to existing stat elements via [data-au-count] */
.au-count{display:inline-block}

/* Scroll-triggered reveal class for non-existing reveals */
.au-reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.25,.8,.25,1),transform .8s cubic-bezier(.25,.8,.25,1)}
.au-reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.au-reveal{opacity:1;transform:none}}