/* Reproductor del vídeo de presentación del curso (30/10/2026): landing del curso y /go/. Lógica en
   assets/presentacion-video.js; marcado en render-commerce-pages.mjs → presentationPlayer(). */
.ii-player { margin: 0; min-width: 0; }
.ii-course-hero .ii-player { grid-area: media; }
.ii-player__frame { position: relative; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #050d19; box-shadow: 0 24px 60px rgba(0, 0, 0, .35); border: 1px solid rgba(255, 255, 255, .12); }
.ii-player__video { display: block; width: 100%; height: 100%; object-fit: contain; background: #050d19; }
.ii-player__poster { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; background: #050d19; }
.ii-player__poster[hidden] { display: none; }
.ii-player__slot { position: absolute; inset: 0; z-index: 1; }
.ii-player__iframe { display: block; width: 100%; height: 100%; border: 0; }
.ii-player__noscript { position: absolute; inset: auto 12px 12px; z-index: 3; padding: 10px 14px; border-radius: 999px; background: var(--ii-plate, #f3be34); color: #1c1503; font-weight: 800; text-align: center; }
.ii-player__sound { position: absolute; left: 12px; top: 12px; z-index: 4; display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 20px 0 16px; border: 0; border-radius: 999px; background: var(--ii-plate, #f3be34); color: #1c1503; font: 800 1.05rem/1 Manrope, sans-serif; cursor: pointer; box-shadow: 0 8px 24px rgba(0, 0, 0, .35); animation: ii-sound-pulse 2.4s ease-in-out infinite; }
@keyframes ii-sound-pulse { 0%, 100% { box-shadow: 0 8px 24px rgba(0, 0, 0, .35), 0 0 0 0 rgba(243, 190, 52, .55); } 50% { box-shadow: 0 8px 24px rgba(0, 0, 0, .35), 0 0 0 10px rgba(243, 190, 52, 0); } }
.ii-player__start { position: absolute; inset: 0; z-index: 4; display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; padding: 16px; border: 0; background: linear-gradient(180deg, rgba(5, 13, 25, .25), rgba(5, 13, 25, .7)); color: #fff; cursor: pointer; text-align: left; }
.ii-player__play { flex: none; position: relative; width: 64px; height: 64px; border-radius: 50%; background: var(--ii-plate, #f3be34); box-shadow: 0 10px 30px rgba(0, 0, 0, .4); }
.ii-player__play::after { content: ""; position: absolute; left: 26px; top: 20px; border-style: solid; border-width: 12px 0 12px 19px; border-color: transparent transparent transparent #1c1503; }
.ii-player__start[hidden], .ii-player__sound[hidden] { display: none; }
.ii-player__fallback { text-decoration: none; }
.ii-player__sound:focus-visible, .ii-player__start:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.ii-player__start-text { display: grid; gap: 4px; }
.ii-player__start-text strong { font: 800 1.2rem/1.15 Manrope, sans-serif; }
.ii-player__start-text small { color: #dfe7f1; font-size: .9rem; }
.ii-player__start:hover .ii-player__play { transform: scale(1.05); }
.ii-player__caption { margin-top: 10px; font-size: .95rem; color: #dfe7f1; line-height: 1.45; text-align: center; }
.ii-player__caption strong { color: #fff; }
@media (prefers-reduced-motion: reduce) { .ii-player__sound { animation: none; } }
@media (max-width: 720px) {
  .ii-player__frame { border-radius: 12px; }
  .ii-player__caption { font-size: .9rem; }
  .ii-player__play { width: 54px; height: 54px; }
  .ii-player__play::after { left: 22px; top: 16px; border-width: 11px 0 11px 17px; }
}