/* Página de episodio del podcast (ver src/podcast/render.mjs). Héroe en la cabecera, como las soluciones: el
   programa como insignia dorada, el invitado y el vídeo a la derecha (portada con play; el reproductor solo
   se carga al pulsar). Debajo, el artículo en columna de lectura con las citas del invitado destacadas y, al
   lado, los capítulos (saltan a ese minuto del vídeo) y la solución relacionada. */
.pod-hero{align-items:center}
.pod-hero h1{font-size:clamp(30px,3.3vw,46px);line-height:1.05;font-stretch:114%}
.pod-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--fog);font:650 14px/1 var(--font-body);text-decoration:none}
.pod-back:hover{color:#fff}
.pod-back svg{width:16px;height:16px}
.pod-show{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 14px 7px 10px;border-radius:999px;background:var(--gold);color:var(--ink);font:760 14px/1 var(--font-body);transform:rotate(-1.5deg)}
.pod-show svg{width:18px;height:18px}
.pod-guest-line{margin:22px 0 0;color:var(--fog);font-size:18px;line-height:1.5}
.pod-guest-line strong{color:#fff}
.pod-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;padding:0;color:var(--fog);font-size:15px;font-weight:600}
.pod-facts li{display:flex;align-items:center;gap:8px}
.pod-facts svg{width:18px;height:18px;color:var(--gold)}
/* vídeo: portada + botón; al pulsar, el reproductor ocupa el mismo hueco 16:9 */
.pod-video{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 40px 80px -36px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.pod-play{position:absolute;inset:0;display:block}
.pod-play img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .3s}
.pod-play:hover img{transform:scale(1.03);filter:brightness(.85)}
.pod-play-btn{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--gold);color:var(--ink);box-shadow:0 6px 0 #C9831D,0 20px 40px -10px rgba(0,0,0,.6);transition:transform .2s}
.pod-play-btn svg{width:36px;height:36px;margin-left:5px;fill:currentColor}
.pod-play:hover .pod-play-btn{transform:scale(1.08)}
.pod-play:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.pod-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* artículo + columna lateral */
.pod{background:#fff}
.pod-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(40px,5vw,72px);align-items:start;padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(56px,6vw,88px)}
.pod-art{max-width:720px}
.pod-art .pod-lead{margin:0 0 8px;color:var(--ink);font-size:clamp(19px,1.5vw,21px);line-height:1.6;font-weight:500}
.pod-art h2{margin:1.8em 0 .55em}
.pod-art p{font-size:17.5px;line-height:1.72}
.pod-quote{position:relative;margin:34px 0;padding:6px 0 6px 28px;border-left:5px solid var(--gold)}
.pod-quote blockquote{margin:0}
.pod-quote p{margin:0;color:var(--ink);font:620 clamp(20px,1.7vw,24px)/1.45 var(--font-head);font-stretch:104%;letter-spacing:-.005em}
.pod-quote p::before{content:"“"}
.pod-quote p::after{content:"”"}
.pod-quote figcaption{margin-top:12px;color:var(--muted);font-size:15px;font-weight:650}
.pod-quote figcaption::before{content:"— "}
.pod-keys{margin:44px 0 0;padding:28px 30px;border-radius:20px;background:var(--ink);color:#fff}
.pod-keys h2{margin:0 0 16px!important;color:#fff!important;font-size:22px!important}
.pod-keys h2::before{display:none!important}
.pod-keys ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pod-keys li{position:relative;padding-left:30px;color:var(--fog);font-size:16.5px;line-height:1.55}
.pod-keys li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:5px;background:var(--gold);transform:rotate(-6deg)}
.pod-side{position:sticky;top:24px;display:grid;gap:18px}
.pod-box{display:block;padding:24px;border-radius:20px;background:var(--paper)}
.pod-box h2{margin:0 0 14px;font:800 19px/1.2 var(--font-head);font-stretch:112%;color:var(--ink)}
.pod-chapters ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pod-chapters a{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:9px 10px;border-radius:12px;color:var(--ink);font-size:15px;line-height:1.35;text-decoration:none;transition:background-color .2s}
.pod-chapters a:hover{background:#fff}
.pod-chapters a span{color:var(--action);font-weight:760;font-variant-numeric:tabular-nums}
.pod-chapters a.is-on{background:#fff;box-shadow:inset 3px 0 0 var(--gold)}
.pod-sol{background:#fff;box-shadow:0 0 0 1px var(--rule);color:var(--ink);text-decoration:none;transition:box-shadow .2s,transform .2s}
.pod-sol:hover{box-shadow:0 0 0 2px var(--action);transform:translateY(-3px)}
.pod-sol img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin:0 0 16px;border-radius:12px}
.pod-sol-k{display:inline-block;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:var(--gold);font:720 12.5px/1.2 var(--font-body)}
.pod-sol strong{display:block;font:780 18px/1.2 var(--font-head);font-stretch:110%}
.pod-sol span:last-child{display:block;margin-top:6px;color:var(--muted);font-size:14.5px;line-height:1.45}
.pod-more{padding:clamp(56px,6vw,80px) 0;background:var(--paper)}
.pod-more h2{margin:0 0 28px;font:820 clamp(26px,3vw,36px)/1.08 var(--font-head);font-stretch:116%;letter-spacing:-.02em;color:var(--ink)}
.pod-more .res-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pod-more .res-card{background:#fff}
@media (max-width:1060px){
  .pod-grid{grid-template-columns:minmax(0,1fr)}
  .pod-side{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
}
@media (max-width:760px){.pod-more .res-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.pod-hero h1{font-size:29px}.pod-quote{padding-left:20px}.pod-keys{padding:24px 22px}}
@media (prefers-reduced-motion:reduce){.pod-play img,.pod-play-btn{transition:none}}