/* Inicio: bloque destacado del podcast, justo después de la portada */
.np-podcast {
    position: relative; overflow: hidden; padding: 64px clamp(16px, 6vw, 80px);
    background: linear-gradient(120deg, #06172d 0%, #0b2748 60%, #3a1420 100%); color: #fff;
    border-top: 3px solid #d7b65d;
}
.np-contenido { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(28px, 5vw, 70px); align-items: center; width: min(1120px, 100%); margin: 0 auto; }
.np-etiqueta { display: flex; align-items: center; gap: 8px; margin: 0; color: #d7b65d; font-size: 13px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.np-etiqueta span { padding: 4px 8px 3px; border-radius: 5px; background: #c72632; color: #fff; }
.np-podcast h2 { margin: 16px 0 18px; color: #fff; font-size: clamp(2rem, 4.4vw, 3.2rem); line-height: 1.08; text-wrap: balance; }
.np-ultimo { display: grid; gap: 6px; margin: 0 0 28px; max-width: 520px; }
.np-ultimo span { color: #a8c9dc; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.np-ultimo strong { color: #f4f1ea; font-size: 1.15rem; line-height: 1.45; overflow-wrap: anywhere; }
.np-boton {
    display: inline-flex; padding: 14px 26px; border-radius: 999px; background: #c72632; color: #fff; font-weight: 800;
    text-decoration: none; box-shadow: 0 10px 26px rgba(199, 38, 50, .4); transition: transform .15s, background .15s;
}
.np-boton:hover, .np-boton:focus-visible { background: #a91d28; transform: translateY(-1px); }
/* Mini televisor */
.np-tele {
    display: grid; gap: 12px; padding: 14px; border-radius: 24px; border: 3px solid #d7b65d; text-decoration: none;
    background: radial-gradient(120% 90% at 20% 0%, #163b66, #10284b 40%, #06172d); box-shadow: 0 24px 50px rgba(0, 0, 0, .45);
    transform: rotate(-1.5deg); transition: transform .2s;
}
.np-tele:hover, .np-tele:focus-visible { transform: rotate(0deg) scale(1.01); }
.np-pantalla {
    position: relative; display: block; aspect-ratio: 16 / 9; max-width: 100%; overflow: hidden; border-radius: 16px / 20px; background: #000;
    box-shadow: 0 0 0 8px #0b0d12, inset 0 0 40px rgba(0, 0, 0, .7);
}
.np-pantalla::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(transparent 0 2px, rgba(0, 0, 0, .16) 2px 3px); }
.np-pantalla img { width: 100%; height: 100%; object-fit: cover; display: block; }
.np-play { position: absolute; inset: 0; z-index: 1; margin: auto; width: 68px; height: 48px; border-radius: 14px; background: #c72632; box-shadow: 0 6px 16px rgba(0, 0, 0, .5); }
.np-play::after { content: ""; position: absolute; left: 27px; top: 14px; border-left: 18px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.np-carta { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(7, 1fr); }
.np-carta i:nth-child(1) { background: #f4f1ea; } .np-carta i:nth-child(2) { background: #d7b65d; } .np-carta i:nth-child(3) { background: #5fb3cf; }
.np-carta i:nth-child(4) { background: #15966f; } .np-carta i:nth-child(5) { background: #a64d86; } .np-carta i:nth-child(6) { background: #c72632; }
.np-carta i:nth-child(7) { background: #1672b8; }
.np-carta b {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 10px 16px; border: 3px solid #f4f1ea; border-radius: 10px;
    background: rgba(6, 23, 45, .9); color: #f4f1ea; font: 800 clamp(14px, 2.2vw, 22px)/1 "Courier New", monospace; letter-spacing: .08em;
    animation: np-parpadeo 1.6s steps(1) infinite;
}
@keyframes np-parpadeo { 0%, 70% { opacity: 1; } 71%, 100% { opacity: .35; } }
.np-piloto { justify-self: end; display: flex; align-items: center; gap: 7px; color: #f4f1ea; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.np-piloto i { width: 9px; height: 9px; border-radius: 50%; background: #ff3b47; box-shadow: 0 0 8px 2px rgba(255, 59, 71, .7); }
@media (max-width: 800px) {
    .np-contenido { grid-template-columns: 1fr; }
    .np-tele { order: -1; transform: none; padding: 9px; border-radius: 18px; }
    .np-podcast { padding-top: 44px; padding-bottom: 50px; }
    .np-ultimo { margin-bottom: 22px; }
}
@media (prefers-reduced-motion: reduce) { .np-carta b { animation: none; } .np-tele, .np-boton { transition: none; } }