.wa-vsl{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink,#eaf2ff);background:var(--bg,#0b1220);padding:12px;border-radius:16px}
.wa-viewing{display:flex;align-items:center;gap:8px;margin:4px 0 8px;color:var(--viewColor,#b8c2d8);font-weight:600}
.wa-viewing .dot{width:10px;height:10px;background:var(--dotColor,#22c55e);border-radius:50%;box-shadow:0 0 8px var(--dotColor,#22c55e)}
.wa-viewing .num{font-weight:800;color:var(--ink,#eaf2ff)}

.wa-player{position:relative;border-radius:16px;overflow:hidden;background:#0b1220;border:1px solid rgba(255,255,255,.08)}
.wa-player.blur:before{content:"";position:absolute;inset:0;backdrop-filter:blur(10px) brightness(.75);-webkit-backdrop-filter:blur(10px) brightness(.75);z-index:2}

/* El usuario NO puede interactuar con el player (ni pausar) */
.wa-iframe-wrap{position:relative;padding-top:56.25%}
.wa-yt{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.wa-html5{width:100%;height:auto;outline:none;pointer-events:none;user-select:none}
.wa-html5::-webkit-media-controls{display:none!important}

/* Overlay de audio más compacto */
.wa-audio-overlay{
  position:absolute; inset:22% 26%; z-index:3;
  background:rgba(18,46,62,.78); border:2px solid rgba(255,255,255,.45); border-radius:18px;
  display:flex; align-items:center; justify-content:center; cursor:pointer
}
.wa-audio-overlay *{pointer-events:none}
.wa-audio-title{font-weight:800;font-size:clamp(16px,2.2vw,22px);margin-bottom:.25rem;color:#fff;text-align:center}
.wa-audio-sub{font-weight:700;font-size:clamp(13px,1.8vw,16px);color:#fff;opacity:.95;text-align:center}

/* Barra + marcadores arriba del video y de los CTAs */
.wa-progress{position:absolute;left:10px;right:10px;bottom:10px;height:10px;border-radius:8px;background:#0b1328;border:1px solid rgba(255,255,255,.08);z-index:5;overflow:hidden}
.wa-progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--btnA,#aa00ff),var(--btnB,#6600ff))}
.wa-marker{position:absolute;top:1px;bottom:1px;width:2px;background:#facc15;box-shadow:0 0 8px #facc15}

.wa-hint{color:var(--hint,#b8c2d8);margin:12px 4px}
.wa-cta-wrap{position:relative;z-index:4;display:flex;flex-direction:column;gap:14px;margin-top:10px}

.wa-btn{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;
  height:56px;padding:0 22px;border-radius:var(--btnR,999px);
  background:linear-gradient(90deg,var(--btnA,#aa00ff),var(--btnB,#6600ff));color:#fff;
  font-weight:800;text-decoration:none;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  transition:transform .12s,filter .2s,opacity .2s
}
.wa-btn:hover{filter:brightness(1.05)} .wa-btn:active{transform:scale(.985)}
.wa-btn.hidden{display:none}

/* Efecto “eco/pulse” continuo tras revelar */
@keyframes waBtnPulse {
  0%{ box-shadow:0 0 0 0 rgba(170,0,255,.55); }
  70%{ box-shadow:0 0 0 16px rgba(170,0,255,0); }
  100%{ box-shadow:0 0 0 0 rgba(170,0,255,0); }
}
.wa-btn.reveal-anim{ animation: waBtnPulse 1.8s ease-out infinite; }

/* Sutil halo pulsante permanente */
.wa-btn.reveal-anim::after{
  content:""; position:absolute; inset:-3px; border-radius:inherit;
  box-shadow:0 0 14px rgba(170,0,255,.35);
  animation: waGlow 2.4s ease-in-out infinite
}
@keyframes waGlow{
  0%,100%{opacity:.65} 50%{opacity:1}
}

@keyframes waPulse{0%{filter:brightness(1)}50%{filter:brightness(1.25)}100%{filter:brightness(1)}}

@media (max-width:768px){
  .wa-audio-overlay{inset:18% 14%}
}