/* Reproductor de VSL de los mini webinars de go.dania.ai («puesta en escena», prefijo fv-), con la marca ISMMA.
   Estados en [data-estado]: poster · silencio · viendo · pausa · reanudar · fin · incrustado. */
.fv-video{max-width:50rem;margin:1.75rem auto 0;position:relative;border-radius:1.25rem;box-shadow:0 30px 90px -30px rgba(16,224,152,.45),0 0 0 1px rgba(255,255,255,.04)}
.fv-video__btn,.fv-video iframe,.fv-video video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:1.25rem;overflow:hidden;position:relative;padding:0;background:#05070a;cursor:pointer}
.fv-video::before{content:"";position:absolute;inset:-1px;border-radius:1.3rem;padding:1px;background:linear-gradient(135deg,rgba(16,224,152,.75),rgba(255,255,255,.08) 40%,rgba(52,245,176,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.fv-video__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.fv-video__btn:hover .fv-video__poster{transform:scale(1.03)}
.fv-video__velo{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(5,7,10,.05) 0%,rgba(5,7,10,.55) 100%),linear-gradient(to top,rgba(5,7,10,.8) 0%,transparent 45%)}
.fv-video__play{position:absolute;left:50%;top:50%;width:5.25rem;height:5.25rem;margin:-2.625rem 0 0 -2.625rem;border-radius:999px;display:grid;place-items:center;color:#04231a;background:#10E098;box-shadow:0 0 40px rgba(16,224,152,.6);transition:transform .3s}
.fv-video__play svg{margin-left:4px;position:relative}
.fv-video__btn:hover .fv-video__play{transform:scale(1.08)}
.fv-video__onda{position:absolute;inset:0;border-radius:999px;background:rgba(16,224,152,.35);animation:fvOnda 2.4s ease-out infinite}
@keyframes fvOnda{0%{transform:scale(1);opacity:.6}75%,100%{transform:scale(1.9);opacity:0}}
.fv-video__rotulo{position:absolute;left:1.25rem;right:1.25rem;bottom:1.1rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;text-align:left;color:#fff;font-size:.95rem}
.fv-video__rotulo strong{font-weight:600;text-wrap:balance}
.fv-video__rotulo em{font-style:normal;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#b8f5dc;white-space:nowrap}
.fv-bajo-boton{margin-top:.9rem;font-size:.8rem;opacity:.65;text-align:center}
@media(min-width:640px){.fv-video__rotulo{font-size:1.05rem;left:1.75rem;right:1.75rem;bottom:1.5rem}}
@media(max-width:639px){.fv-video{margin-left:-.5rem;margin-right:-.5rem}.fv-video__play{width:4.25rem;height:4.25rem;margin:-2.125rem 0 0 -2.125rem}.fv-video__rotulo em{display:none}}
.fv-barra{display:none}
  .fv-barra{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.65rem .9rem calc(.65rem + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(5,7,10,.96) 60%,rgba(5,7,10,0));transform:translateY(110%);transition:transform .35s cubic-bezier(.2,.7,.2,1);pointer-events:none}
  .fv-barra.es-visible{transform:none;pointer-events:auto}
  .fv-barra a{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.25rem;border-radius:999px;color:#fff;font-weight:600;font-size:1rem;box-shadow:0 10px 30px -8px rgba(16,224,152,.6)}
  .fv-barra a svg{width:1.2rem;height:1.2rem}
.fv-marco{position:relative;aspect-ratio:16/9;border-radius:1.25rem;overflow:hidden;background:#05070a;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}
.fv-marco>video,.fv-marco>iframe,.fv-marco>.fv-video__btn,.fv-capa,.fv-ov{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;aspect-ratio:auto;margin:0;padding:0}
.fv-marco>video{object-fit:cover;background:#05070a;pointer-events:none}
.fv-marco>.fv-video__btn{z-index:4;transition:opacity .45s ease,visibility .45s}
.fv-capa{z-index:2;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;display:none}
.fv-ov{z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.4rem,1.6vw,.7rem);text-align:center;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s;padding:.5rem 1rem 11%}
[data-estado="silencio"] .fv-capa,[data-estado="viendo"] .fv-capa,[data-estado="pausa"] .fv-capa{display:block}
[data-estado]:not([data-estado="poster"]):not([data-estado="reanudar"]) .fv-marco>.fv-video__btn{opacity:0;visibility:hidden;pointer-events:none}
[data-estado="reanudar"] .fv-marco>.fv-video__btn{pointer-events:none}
[data-estado="reanudar"] .fv-video__play,[data-estado="reanudar"] .fv-video__rotulo{display:none}
[data-estado="silencio"] .fv-ov--silencio,[data-estado="pausa"] .fv-ov--pausa,[data-estado="reanudar"] .fv-ov--reanudar,[data-estado="fin"] .fv-ov--fin{opacity:1;visibility:visible}
[data-estado="reanudar"] .fv-ov--reanudar,[data-estado="fin"] .fv-ov--fin{pointer-events:auto;z-index:5}
.fv-ov--silencio{background:radial-gradient(ellipse at center,rgba(5,7,10,.5) 0%,rgba(5,7,10,.18) 70%)}
.fv-son{position:relative;width:clamp(3.3rem,14vw,4.75rem);height:clamp(3.3rem,14vw,4.75rem);border-radius:999px;display:grid;place-items:center;background:#10E098;color:#04231a;box-shadow:0 0 44px rgba(16,224,152,.65)}
.fv-son::before,.fv-son::after{content:"";position:absolute;inset:0;border-radius:999px;background:rgba(16,224,152,.4);animation:fvOnda 2s ease-out infinite}
.fv-son::after{animation-delay:1s}
.fv-son svg{position:relative;z-index:1;width:46%;height:46%}
.fv-ov__t{font-weight:700;font-size:clamp(1rem,3.6vw,1.35rem);letter-spacing:-.01em;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.fv-ov__p{font-size:clamp(.8rem,2.9vw,.95rem);font-weight:600;padding:.4rem .95rem;border-radius:999px;background:rgba(5,7,10,.72);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.fv-ov--pausa{background:rgba(5,7,10,.55)}
.fv-ov--pausa .fv-son::before,.fv-ov--pausa .fv-son::after{display:none}
.fv-ov--reanudar,.fv-ov--fin{padding-bottom:1rem;background:rgba(5,7,10,.74);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);gap:.85rem}
.fv-ov__fila{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.fv-b{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:clamp(.85rem,3vw,1rem);padding:.75rem 1.2rem;border-radius:999px;color:#04231a;background:linear-gradient(135deg,#34f5b0,#10E098);box-shadow:0 10px 30px -10px rgba(16,224,152,.8);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;min-height:44px}
.fv-b--2{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:none;font-weight:600}
.fv-b svg{width:1.15em;height:1.15em}
.fv-progreso{position:absolute;left:0;right:0;bottom:0;height:5px;z-index:6;background:rgba(255,255,255,.16);pointer-events:none;opacity:0;transition:opacity .3s}
.fv-progreso i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#06b67c,#10E098);will-change:transform}
[data-estado="silencio"] .fv-progreso,[data-estado="viendo"] .fv-progreso,[data-estado="pausa"] .fv-progreso,[data-estado="fin"] .fv-progreso{opacity:1}
.fv-gira{position:absolute;left:50%;top:50%;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;border-radius:999px;border:3px solid rgba(255,255,255,.25);border-top-color:#10E098;z-index:3;opacity:0;pointer-events:none;animation:fvGira .8s linear infinite}
[data-estado="viendo"].fv-cargando .fv-gira{opacity:1}
@keyframes fvGira{to{transform:rotate(360deg)}}
@keyframes fvLatido{0%,100%{box-shadow:0 0 0 0 rgba(16,224,152,.0)}50%{box-shadow:0 0 0 12px rgba(16,224,152,.28),0 0 46px rgba(16,224,152,.55)}}
.fv-ov--anuncio{justify-content:flex-start;padding:clamp(.55rem,2.6vw,1rem) .75rem 0;background:linear-gradient(180deg,rgba(5,7,10,.62) 0%,rgba(5,7,10,.12) 42%,rgba(5,7,10,0) 60%)}
[data-anuncio="si"] .fv-ov--silencio:not(.fv-ov--anuncio),[data-anuncio="no"] .fv-ov--anuncio{display:none}
[data-estado="silencio"] .fv-ov--anuncio{opacity:1;visibility:visible}
.fv-anuncio{display:flex;align-items:center;gap:clamp(.55rem,2.4vw,.85rem);max-width:min(34rem,100%);padding:clamp(.45rem,1.8vw,.7rem) clamp(.8rem,3vw,1.2rem) clamp(.45rem,1.8vw,.7rem) clamp(.45rem,1.8vw,.7rem);border-radius:999px;background:rgba(5,7,10,.82);border:1.5px solid rgba(16,224,152,.9);box-shadow:0 8px 30px rgba(0,0,0,.45),0 0 0 0 rgba(16,224,152,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:left;animation:fvLlama 2.2s ease-in-out infinite}
.fv-anuncio .fv-son{flex:none;width:clamp(2.5rem,10vw,3.3rem);height:clamp(2.5rem,10vw,3.3rem)}
.fv-anuncio b{display:block;font-weight:800;font-size:clamp(1.02rem,4.3vw,1.4rem);line-height:1.15;letter-spacing:-.01em}
.fv-anuncio small{display:block;margin-top:.15rem;font-size:clamp(.72rem,2.9vw,.9rem);line-height:1.3;font-weight:500;opacity:.88}
@keyframes fvLlama{0%,100%{box-shadow:0 8px 30px rgba(0,0,0,.45),0 0 0 0 rgba(16,224,152,.45)}50%{box-shadow:0 8px 30px rgba(0,0,0,.45),0 0 0 7px rgba(16,224,152,0)}}
.fv-video__anuncio{position:absolute;left:clamp(.6rem,2.6vw,1rem);top:clamp(.6rem,2.6vw,1rem);z-index:2;white-space:nowrap;font-weight:700;font-size:clamp(.82rem,3.4vw,1.05rem);color:#fff;padding:.38rem .9rem;border-radius:999px;background:rgba(5,7,10,.78);border:1.5px solid rgba(16,224,152,.9);pointer-events:none}
[data-anuncio="no"] .fv-video__anuncio,[data-estado="reanudar"] .fv-video__anuncio{display:none}
.fv-subs{position:absolute;left:50%;bottom:clamp(.7rem,4vw,1.4rem);transform:translateX(-50%);z-index:3;width:max-content;max-width:92%;padding:.22rem .6rem;border-radius:.45rem;background:rgba(5,7,10,.8);color:#fff;font-weight:700;font-size:clamp(.86rem,3.7vw,1.3rem);line-height:1.28;text-align:center;text-wrap:balance;pointer-events:none;visibility:hidden}
.fv-flota-x{display:none}
.fv-flotando .fv-marco{position:fixed;z-index:60;right:.75rem;bottom:calc(5.25rem + env(safe-area-inset-bottom,0px));width:min(58vw,22rem);border-radius:.9rem;box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12);animation:fvEntra .25s ease-out}
.fv-flotando .fv-flota-x{display:grid;place-items:center;position:absolute;top:.3rem;right:.3rem;z-index:8;width:2rem;height:2rem;border:0;border-radius:999px;background:rgba(5,7,10,.8);color:#fff;font:700 1.1rem/1 system-ui,sans-serif;cursor:pointer}
.fv-flotando .fv-ov--pausa .fv-ov__t,.fv-flotando .fv-ov--pausa .fv-ov__p{display:none}
@keyframes fvEntra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fv-anuncio,.fv-flotando .fv-marco{animation:none}}
@media (prefers-reduced-motion:reduce){.fv-son::before,.fv-son::after,.fv-cta-vivo{animation:none}}
