/* ============================================================
   PODCAST SINGLE — Trainologym
   Reutiliza tokens globales de styles.css.
   ============================================================ */

.pod-page{background:var(--tgy-bg)}

.pod-hero{display:grid;grid-template-columns:minmax(0,710px) minmax(0,1fr);background:var(--tgy-rojo);overflow:hidden}
.pod-hero__content{min-height:675px;position:relative}
.pod-hero__inner{position:absolute;left:105px;top:190px;width:min(540px,calc(100% - 140px));display:flex;flex-direction:column;gap:24px}
.pod-overline{display:inline-flex;align-items:center;gap:8px}
.pod-overline__dot{width:18px;height:18px;border-radius:50%;background:#fff;flex-shrink:0}
.pod-overline span:last-child{font-family:var(--tgy-font-body);font-weight:500;font-size:22px;line-height:1.3;color:#fff}
.pod-hero__meta span{display:inline-flex;align-items:center;font-family:var(--tgy-font-body);font-size:18px;line-height:24px;color:rgba(255,255,255,.82)}
.pod-hero__title{font-family:var(--tgy-font-display);font-weight:400;font-size:62px;line-height:1.05;letter-spacing:.5px;text-transform:uppercase;color:#fff;margin:0}
.pod-hero__lead{font-family:var(--tgy-font-body);font-weight:400;font-size:21px;line-height:1.45;color:rgba(255,255,255,.92);margin:0;max-width:500px}

.pod-hero__media{min-height:675px;position:relative;overflow:hidden}
.pod-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pod-hero__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#f0785f 0%,#b31a23 48%,#641219 100%);color:#fff}
.pod-hero__fallback svg{width:148px;height:148px;opacity:.95}

.pod-shell{padding:80px 0 120px}
.pod-shell__grid{width:100%;max-width:1231px;margin-inline:auto;padding-inline:16px;display:grid;grid-template-columns:minmax(0,900px) 260px;gap:48px}

.pod-main{display:flex;flex-direction:column;gap:32px;min-width:0}
.pod-player{background:#f2f4f8;border-radius:24px;padding:28px 30px}
.pod-player__label{font-family:var(--tgy-font-label);font-weight:600;font-size:14px;line-height:20px;letter-spacing:.5px;text-transform:uppercase;color:var(--tgy-rojo);margin-bottom:16px}
.pod-player__embed{border-radius:18px;overflow:hidden;background:#fff}
.pod-player__embed iframe{display:block;width:100%;min-height:200px}

.pod-content{display:flex;flex-direction:column;gap:22px;color:#fff}
.pod-content p,
.pod-content li{font-family:var(--tgy-font-body);font-weight:400;font-size:19px;line-height:30px;color:rgba(255,255,255,.94)}
.pod-content a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:3px}
.pod-content h2,
.pod-content h3,
.pod-content h4{font-family:var(--tgy-font-display);font-weight:400;color:#fff;text-transform:uppercase;line-height:1.1;margin:8px 0 0}
.pod-content h2{font-size:40px}
.pod-content h3{font-size:30px}
.pod-content > *{margin:0}

.pod-side{display:flex;flex-direction:column;gap:24px}
.pod-side__card{border:2px solid #fff;border-radius:34px;overflow:hidden}
.pod-side__head{display:flex;align-items:center;justify-content:center;min-height:67px;background:#f2f4f8;color:#000;font-family:var(--tgy-font-display);font-size:28px;line-height:1;text-transform:uppercase;padding:12px 18px}
.pod-side__list{display:flex;flex-direction:column;padding:22px}
.pod-side__item{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16);text-decoration:none}
.pod-side__item:last-child{border-bottom:0}
.pod-side__item-date{font-family:var(--tgy-font-label);font-weight:600;font-size:12px;line-height:16px;letter-spacing:.4px;text-transform:uppercase;color:rgba(255,255,255,.58)}
.pod-side__item-title{font-family:var(--tgy-font-body);font-weight:600;font-size:20px;line-height:1.2;color:#fff;transition:color .2s}
.pod-side__item:hover .pod-side__item-title{color:var(--tgy-rojo)}

@media (max-width:991.98px){
  .pod-hero{grid-template-columns:1fr}
  .pod-hero__media{order:-1;min-height:320px}
  .pod-hero__content{min-height:auto;padding:40px 24px 48px}
  .pod-hero__inner{position:static;width:100%}
  .pod-hero__title{font-size:40px}
  .pod-hero__lead{font-size:18px;max-width:none}

  .pod-shell{padding:48px 0 72px}
  .pod-shell__grid{grid-template-columns:1fr;gap:32px}
  .pod-player{padding:22px}
  .pod-content p,
  .pod-content li{font-size:17px;line-height:28px}
  .pod-content h2{font-size:34px}
  .pod-content h3{font-size:28px}
}

@media (max-width:575.98px){
  .pod-hero__content{padding:32px 18px 40px}
  .pod-hero__title{font-size:34px}
  .pod-side__head{font-size:24px}
  .pod-side__item-title{font-size:18px}
}