/* Tarjeta "Noticiero IA 24 h" (sidebar derecho). Hereda .widget de main.css.
   Variables del sitio: --paper --ink --ink-soft --muted --line --red --r-sm. */
.ln-card { padding: 12px; }
.ln-head { display: flex; align-items: center; margin-bottom: 6px; }
.ln-badge {
    display: inline-flex; align-items: center; gap: 6px;
    background: #C8102E; color: #fff;               /* fijo en ambos temas: ~6:1 con texto blanco */
    font-size: 11px; font-weight: 800; letter-spacing: .08em; line-height: 1;
    padding: 5px 9px 5px 8px; border-radius: 999px;
}
.ln-dot { width: 8px; height: 8px; border-radius: 50%; background: #fff; flex: none; }
@media (prefers-reduced-motion: no-preference) {
    .ln-dot { animation: ln-pulse 1.8s ease-in-out infinite; }
    .ln-play-icon { transition: transform .15s ease; }
    .ln-play:hover .ln-play-icon { transform: scale(1.08); }
}
@keyframes ln-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }

.ln-title { font-size: 16px; font-weight: 800; line-height: 1.2; color: var(--ink); margin: 0 0 2px; }
.ln-sub   { font-size: 12.5px; line-height: 1.35; color: var(--muted); margin: 0 0 10px; }

.ln-stage { position: relative; }
.ln-play {
    position: relative; display: block; width: 100%; aspect-ratio: 16 / 9;
    padding: 0; border: 0; border-radius: var(--r-sm); overflow: hidden;
    background: #0E1015; cursor: pointer; font: inherit; color: #fff;
}
.ln-play:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; }
.ln-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ln-thumb[hidden] { display: none; }
.ln-play-icon {
    position: absolute; left: 50%; top: 50%; width: 56px; height: 56px; margin: -28px 0 0 -28px;
    display: flex; align-items: center; justify-content: center; padding-left: 3px;
    border-radius: 50%; background: rgba(14, 16, 21, .8); border: 2px solid #fff; color: #fff;
}
.ln-frame {
    position: relative; width: 100%; aspect-ratio: 16 / 9;
    border-radius: var(--r-sm); overflow: hidden; background: #0E1015;
}
.ln-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }

.ln-yt {
    display: inline-block; margin-top: 8px; font-size: 12px; font-weight: 700;
    color: var(--ink-soft); text-decoration: underline; text-underline-offset: 2px;
}
.ln-yt:hover { color: var(--red); }
.ln-yt:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; border-radius: 2px; }