:root{
  --sr-vt-primary:#6d5dfc;
  --sr-vt-primary-2:#4f46e5;
  --sr-vt-cyan:#06b6d4;
  --sr-vt-indigo:#4338ca;
  --sr-vt-text:#ffffff;
  --sr-vt-shadow:0 24px 64px rgba(15,23,42,.22);
  --sr-vt-radius:28px;
}

.sr-vt{
  position:relative;
  overflow:hidden;
  padding:0 0 140px;
}

.sr-vt__slides{
  position:relative;
  min-height:645px;
  height:645px;
  border-radius:var(--sr-vt-radius);
  overflow:hidden;
  box-shadow:var(--sr-vt-shadow);
  background:#0f172a;
}

.sr-vt__slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .9s ease, visibility .9s ease;
  background-image:var(--sr-vt-bg);
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  will-change:opacity;
}

.sr-vt__slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.sr-vt__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(15,23,42,.18) 0%, rgba(15,23,42,.44) 100%),
    linear-gradient(135deg, rgba(109,93,252,.62) 0%, rgba(79,70,229,.56) 100%);
}

.sr-vt__slide[data-accent="cyan"] .sr-vt__overlay{
  background:
    linear-gradient(180deg, rgba(15,23,42,.18) 0%, rgba(15,23,42,.44) 100%),
    linear-gradient(135deg, rgba(6,182,212,.62) 0%, rgba(14,116,144,.56) 100%);
}

.sr-vt__slide[data-accent="indigo"] .sr-vt__overlay{
  background:
    linear-gradient(180deg, rgba(15,23,42,.18) 0%, rgba(15,23,42,.44) 100%),
    linear-gradient(135deg, rgba(67,56,202,.64) 0%, rgba(49,46,129,.58) 100%);
}

.sr-vt__content{
  position:relative;
  z-index:1;
  min-height:645px;
  height:645px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:64px 28px 148px;
}

.sr-vt__quote{
  margin:0;
  width:100%;
  max-width:980px;
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
}

.sr-vt__quote p{
  margin:0;
  color:var(--sr-vt-text);
  font-size:clamp(1.9rem, 3vw, 3rem);
  line-height:1.14;
  font-style:italic;
  letter-spacing:-.02em;
  max-width:860px;
  text-wrap:balance;
  opacity:0;
  transform:translate3d(0,24px,0);
}

.sr-vt__quote cite{
  display:block;
  margin-top:18px;
  color:rgba(255,255,255,.92);
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-style:normal;
  opacity:0;
  transform:translate3d(0,24px,0);
}

.sr-vt__play{
  position:relative;
  margin-top:28px;
  width:94px;
  height:94px;
  border:0;
  background:none;
  color:#fff;
  cursor:pointer;
  padding:0;
  flex:none;
  opacity:0;
  transform:translate3d(0,24px,0);
}


/* Estado visible del slide activo */
.sr-vt__slide.is-active .sr-vt__quote p,
.sr-vt__slide.is-active .sr-vt__quote cite,
.sr-vt__slide.is-active .sr-vt__play{
  opacity:1;
  transform:translate3d(0,0,0);
}

/* Animación real al entrar */
.sr-vt__slide.is-active.is-animating .sr-vt__quote p{
  animation:sr-vt-slide-up .72s cubic-bezier(.22,.61,.36,1) .06s both;
}

.sr-vt__slide.is-active.is-animating .sr-vt__quote cite{
  animation:sr-vt-slide-up .72s cubic-bezier(.22,.61,.36,1) .18s both;
}

.sr-vt__slide.is-active.is-animating .sr-vt__play{
  animation:sr-vt-slide-up .72s cubic-bezier(.22,.61,.36,1) .3s both;
}

.sr-vt__play-ring,
.sr-vt__play-core{
  position:absolute;
  inset:0;
  border-radius:999px;
}

.sr-vt__play-ring{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.28);
  animation:sr-vt-pulse 1.8s ease-out infinite;
}

.sr-vt__play-core{
  inset:7px;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--sr-vt-primary);
  box-shadow:0 18px 40px rgba(15,23,42,.18);
  transition:transform .18s ease;
}

.sr-vt__slide[data-accent="cyan"] .sr-vt__play-core{
  color:var(--sr-vt-cyan);
}

.sr-vt__slide[data-accent="indigo"] .sr-vt__play-core{
  color:var(--sr-vt-indigo);
}

.sr-vt__play:hover .sr-vt__play-core{
  transform:scale(1.04);
}

.sr-vt__play:focus-visible,
.sr-vt__avatar:focus-visible,
.sr-vt__close:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}

.sr-vt__avatars{
  position:relative;
  z-index:3;
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:-120px;
  padding:0 16px;
}

.sr-vt__avatar{
  width:78px;
  height:78px;
  padding:0;
  border:0;
  border-radius:999px;
  background:none;
  cursor:pointer;
  opacity:.78;
  transform:none;
  transition:opacity .28s ease, filter .28s ease, box-shadow .28s ease;
}

.sr-vt__avatar img{
  display:block;
  width:100%;
  height:100%;
  border-radius:999px;
  object-fit:cover;
  box-shadow:0 10px 24px rgba(15,23,42,.18);
  filter:saturate(.72);
  border:3px solid rgba(255,255,255,.9);
}

.sr-vt__avatar:hover{
  opacity:.96;
}

.sr-vt__avatar.is-active{
  opacity:1;
}

.sr-vt__avatar.is-active img{
  filter:saturate(1);
  box-shadow:0 16px 32px rgba(15,23,42,.22);
}

.sr-vt__modal{
  position:fixed;
  inset:0;
  z-index:10090;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.sr-vt__modal[hidden]{
  display:none;
}

.sr-vt__backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(2,6,23,.82);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  cursor:pointer;
}

.sr-vt__dialog{
  position:relative;
  z-index:1;
  width:min(1100px, calc(100vw - 24px));
  background:#000;
  border-radius:24px;
  overflow:visible;
  box-shadow:0 24px 70px rgba(0,0,0,.4);
}
  
  .sr-vt__close{
  position:absolute;
  top:-18px;
  right:-18px;
  z-index:3;
  width:50px;
  height:50px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#6b7280;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(15,23,42,.22);
  transition:transform .18s ease, color .18s ease;
}

.sr-vt__close:hover{
  transform:scale(1.04);
  color:#111827;
}

.sr-vt__frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
}

.sr-vt__frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

body.sr-vt-open{
  overflow:hidden;
}

@keyframes sr-vt-slide-up{
  0%{
    opacity:0;
    transform:translate3d(0,24px,0);
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

@keyframes sr-vt-pulse{
  0%{
    transform:scale(1);
    opacity:.9;
  }
  100%{
    transform:scale(1.22);
    opacity:0;
  }
}

@media (max-width:820px){
  .sr-vt{
    padding-bottom:112px;
  }

  .sr-vt__slides{
    min-height:560px;
    height:560px;
  }

  .sr-vt__content{
    min-height:560px;
    height:560px;
    padding:38px 18px 122px;
  }

  .sr-vt__quote{
    min-height:190px;
  }

  .sr-vt__quote p{
    line-height:1.18;
    max-width:700px;
  }

  .sr-vt__avatars{
    margin-top:-96px;
    gap:8px;
  }

  .sr-vt__avatar{
    width:64px;
    height:64px;
  }
}

@media (max-width:560px){
  .sr-vt{
    padding-bottom:96px;
  }

  .sr-vt__slides{
    min-height:520px;
    height:520px;
  }

  .sr-vt__content{
    min-height:520px;
    height:520px;
    padding:28px 16px 108px;
  }

  .sr-vt__quote{
    min-height:170px;
  }

  .sr-vt__play{
    width:82px;
    height:82px;
    margin-top:22px;
  }

  .sr-vt__avatars{
    margin-top:-84px;
  }

  .sr-vt__dialog{
    width:calc(100vw - 14px);
    border-radius:18px;
  }

  .sr-vt__close{
    top:10px;
    right:10px;
    width:38px;
    height:38px;
  }
}

@media (prefers-reduced-motion:reduce){
  .sr-vt__slide,
  .sr-vt__avatar,
  .sr-vt__play-core,
  .sr-vt__play-ring,
  .sr-vt__quote p,
  .sr-vt__quote cite,
  .sr-vt__play{
    transition:none;
    animation:none;
  }
}