/* Depoimento vertical no mesmo padrão visual da VSL, com a cor de Facetas. */
.course-video-testimonial{margin:64px auto 0;width:min(100%,340px)}
.course-video-frame{position:relative;aspect-ratio:9/16;overflow:hidden;border:2px solid var(--course-wine-bright,#9a2d46);border-radius:22px;background:#10090b;box-shadow:0 0 40px rgba(154,45,70,.38),0 25px 60px rgba(0,0,0,.45)}
.course-video-frame iframe{position:absolute;top:0;left:50%;width:316%;max-width:none;height:100%;border:0;transform:translateX(-50%)}
.course-video-sound{position:absolute;z-index:2;left:50%;top:64%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 32px);min-height:52px;padding:12px 22px;border:1px solid #ca6078;border-radius:999px;background:linear-gradient(110deg,rgba(80,20,36,.97),rgba(40,10,18,.97));box-shadow:0 0 32px rgba(154,45,70,.5),0 12px 30px rgba(0,0,0,.45);color:#fff;font:700 14px Inter,Arial,sans-serif;cursor:pointer}
.course-video-sound[hidden]{display:none}
.course-video-sound:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:760px){.course-video-testimonial{width:min(100%,280px);margin-top:40px}.course-video-frame{border-radius:18px}}

/* Título do depoimento, após os objetivos de aprendizado. */
.course-video-heading{max-width:760px;margin:64px auto 0;text-align:center;font-size:clamp(28px,3.2vw,44px);line-height:1.15}
.course-video-heading + .course-video-testimonial{margin-top:32px}
@media(max-width:760px){.course-video-heading{margin-top:40px}.course-video-heading + .course-video-testimonial{margin-top:24px}}

/* Chamada abaixo do vídeo e ícones do formato da formação. */
.course-video-cta{margin-top:28px;text-align:center}
.course-video-cta .course-cta{max-width:100%;letter-spacing:.08em}
.course-feature__top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.course-feature__icon{display:block;flex:0 0 40px;width:40px;height:40px;color:#b3324e}
@media(max-width:760px){
  .course-video-heading{font-size:clamp(20px,5.8vw,28px)}
  .course-video-heading__line,.course-video-heading__accent{display:block;white-space:nowrap}
  .course-video-heading__accent{background:linear-gradient(100deg,#e46a7d,#a72d46);-webkit-background-clip:text;background-clip:text;color:transparent}
  html[lang^="es"] .course-video-heading{font-size:clamp(16px,4.8vw,26px)}
  .course-video-cta{margin-top:24px}
}