/* Video de YouTube de carga ligera. Uso: ver el comentario de video-youtube.js. */
.yt-block{margin-top:1.5rem;max-width:850px}
.yt-video{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px rgba(13,74,114,0.08)}
.yt-video-poster{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer}
.yt-video-poster img{display:block;width:100%;height:100%;object-fit:cover}
.yt-video-play{position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(13,74,114,0.88);transition:background 0.2s,transform 0.2s}
.yt-video-play::after{content:"";position:absolute;top:50%;left:50%;margin:-14px 0 0 -9px;border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent #fff}
.yt-video-poster:hover .yt-video-play,.yt-video-poster:focus-visible .yt-video-play{background:#3AABE0;transform:scale(1.08)}
.yt-video-poster:focus-visible{outline:3px solid #3AABE0;outline-offset:-3px}
.yt-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-link{margin-top:0.5rem;font-size:0.78rem;line-height:1.4}
.yt-link a{color:#0D4A72;text-decoration:underline}
/* Dentro de una ficha de Aprende con Sumsi: pegado a los bordes, como los <video>. */
.video-card .yt-block{margin-top:0}
.video-card .yt-video{border-radius:0;box-shadow:none}
.video-card .yt-link{margin-top:0;padding:0.75rem 1.75rem 0}