/**
 * LOZANO DESIGN SYSTEM -- Video Lazy (YouTube). Un solo componente para
 * toda la plataforma: nunca se inserta un iframe hasta que el usuario
 * hace click -- antes de eso solo se ve una miniatura liviana.
 */
.ln-ui-video-lazy { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--ln-radius-card); overflow: hidden; cursor: pointer; background: #000; }
.ln-ui-video-lazy img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--ln-transition-slow); }
.ln-ui-video-lazy:hover img { transform: scale(1.04); }
.ln-ui-video-lazy-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 68px; border-radius: 50%; background: rgba(23, 23, 23, 0.75); border: 2px solid var(--ln-accent); display: flex; align-items: center; justify-content: center; transition: background var(--ln-transition-fast), transform var(--ln-transition-fast); }
.ln-ui-video-lazy:hover .ln-ui-video-lazy-play { background: var(--ln-accent); transform: translate(-50%, -50%) scale(1.06); }
.ln-ui-video-lazy-play svg { fill: #fff; margin-left: 4px; }
.ln-ui-video-lazy:hover .ln-ui-video-lazy-play svg { fill: #171717; }
.ln-ui-video-lazy iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }