/* IAvance Funnel — capa de animaciones + CRO para dossiers (vanilla, sin build).
   Efectos inspirados en Magic UI: blur-fade, number-ticker, pulsating/shimmer-button,
   animated-shiny-text, marquee, scroll-progress, glare-hover. */
:root{ --ia-gold:#C9A84C; --ia-dark:#1a1a1a; }

/* Barra de progreso de lectura (scroll-progress) */
.ia-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:9999;
  background:linear-gradient(90deg,#C9A84C,#e7cf86);transition:width .1s linear}

/* Aparición al hacer scroll (blur-fade) */
.reveal{opacity:0;transform:translateY(26px);filter:blur(8px);
  transition:opacity .75s cubic-bezier(.2,.65,.3,1),transform .75s cubic-bezier(.2,.65,.3,1),filter .75s}
.reveal.in{opacity:1;transform:none;filter:none}

/* Contador animado (number-ticker) */
.ia-ticker{font-variant-numeric:tabular-nums}

/* Badge de urgencia con brillo (animated-shiny-text) */
.ia-shiny{background:linear-gradient(110deg,#8a7223 0%,#8a7223 40%,#f4e3a8 50%,#8a7223 60%,#8a7223 100%);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:ia-shine 4.5s linear infinite;font-weight:700}
@keyframes ia-shine{to{background-position:-200% 0}}

/* CTA WhatsApp flotante (pulsating-button + shimmer-button) */
.ia-cta{position:fixed;right:18px;bottom:18px;z-index:9998;display:inline-flex;align-items:center;gap:10px;
  background:#25D366;color:#fff;font-family:Arial,sans-serif;font-weight:700;font-size:15px;text-decoration:none;
  padding:14px 20px;border-radius:100px;box-shadow:0 8px 24px rgba(0,0,0,.25);
  transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.7,.2,1);overflow:hidden}
.ia-cta.show{transform:none;animation:ia-pulse 2.4s infinite}
.ia-cta::after{content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);
  transform:translateX(-130%);animation:ia-shimmer 3.4s infinite}
.ia-cta svg{width:20px;height:20px;fill:#fff;flex-shrink:0;position:relative;z-index:1}
.ia-cta span{position:relative;z-index:1}
@keyframes ia-pulse{0%{box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 0 rgba(37,211,102,.55)}
  70%{box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 16px rgba(37,211,102,0)}
  100%{box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 0 rgba(37,211,102,0)}}
@keyframes ia-shimmer{0%{transform:translateX(-130%)}60%,100%{transform:translateX(130%)}}

/* Cinta de confianza (marquee) */
.ia-marquee{overflow:hidden;background:var(--ia-dark);border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a}
.ia-marquee-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:ia-marq 28s linear infinite}
.ia-marquee:hover .ia-marquee-track{animation-play-state:paused}
.ia-marquee span{display:inline-flex;align-items:center;gap:10px;color:#cdba80;font-family:Arial,sans-serif;
  font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:14px 26px}
.ia-marquee span::before{content:"◆";color:var(--ia-gold);font-size:9px}
@keyframes ia-marq{to{transform:translateX(-50%)}}

/* Foto de galería con brillo + zoom (glare-hover). Envuelve cada <img> del template. */
.ia-shot{position:relative;overflow:hidden;display:block}
.ia-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}
.ia-shot:hover img{transform:scale(1.06)}
.ia-shot::before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;z-index:2;pointer-events:none;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.ia-shot:hover::before{left:130%}
.gallery-split .ia-shot{height:420px}
.gallery-col-right .ia-shot{height:206px}
.gallery-row .ia-shot{height:260px}
.gallery-row-4 .ia-shot{height:220px}
@media (max-width:768px){ .gallery-split .ia-shot{height:300px} .gallery-col-right .ia-shot{height:180px} }
@media (prefers-reduced-motion: reduce){ .ia-shot:hover img{transform:none} }

/* Brillo + zoom en imagen suelta (glare-hover) */
.ia-glare{position:relative;overflow:hidden}
.ia-glare::before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;z-index:2;pointer-events:none;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.ia-glare:hover::before{left:130%}
.ia-glare img{transition:transform .6s}
.ia-glare:hover img{transform:scale(1.05)}

@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none}
  .ia-shiny{animation:none;-webkit-text-fill-color:#8a7223;color:#8a7223}
  .ia-cta.show{animation:none}.ia-cta::after{display:none}
  .ia-marquee-track{animation:none}.ia-glare:hover img{transform:none}
}
@media (max-width:768px){ .ia-cta{right:12px;bottom:12px;font-size:14px;padding:12px 16px} }