/* Video de YouTube con carga diferida: hasta que alguien toca play no se pide
   nada a Google (la miniatura es local). Al tocar, se inyecta el iframe de
   youtube-nocookie. Horizontal (demo 16:9) o vertical (Shorts 9:16). */
.video-yt{position:relative;margin:28px auto;max-width:100%;border-radius:10px;overflow:hidden;background:#171A20;box-shadow:0 18px 44px rgba(23,26,32,.18)}
.video-yt[data-ratio="16/9"]{aspect-ratio:16/9}
.video-yt[data-ratio="9/16"]{aspect-ratio:9/16;max-width:340px}
.video-yt-play{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:#171A20;cursor:pointer;display:block}
.video-yt-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transition:opacity .2s}
.video-yt-play:hover img,.video-yt-play:focus-visible img{opacity:1}
.video-yt-boton{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:#F0A400;color:#171A20;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .15s}
.video-yt-boton::before{content:"";display:block;margin-left:6px;border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent #171A20}
.video-yt-play:hover .video-yt-boton{transform:scale(1.06)}
.video-yt-play:focus-visible{outline:3px solid #F0A400;outline-offset:-3px}
.video-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-yt-pie{position:absolute;left:0;right:0;bottom:0;margin:0;padding:8px 12px;font-size:11px;line-height:1.3;color:rgba(242,243,245,.75);background:linear-gradient(transparent,rgba(23,26,32,.85));pointer-events:none}
.video-yt-titulo{font-size:15px;margin:0 0 10px;color:inherit}