/* MedUse — página do Podcast */

.podcast-hero .watermark{
  right:-80px;
  top:-70px;
  width:440px;
  opacity:.07;
}
.podcast-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}

.podcast-intro{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:48px;
  align-items:center;
}
.podcast-intro__copy h2{
  font-size:clamp(29px,4vw,42px);
  line-height:1.13;
  color:var(--navy-700);
  margin-top:12px;
  max-width:760px;
}
.podcast-intro__copy p{
  color:var(--text-muted);
  font-size:16.5px;
  line-height:1.78;
  margin-top:18px;
  max-width:760px;
}
.podcast-highlight{
  position:relative;
  overflow:hidden;
  padding:34px;
  border-radius:var(--radius-lg);
  background:var(--navy-700);
  color:#fff;
  box-shadow:var(--shadow-lg);
}
.podcast-highlight::after{
  content:"";
  position:absolute;
  right:-74px;
  bottom:-84px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:rgba(0,159,227,.18);
}
.podcast-highlight__eyebrow{
  display:block;
  position:relative;
  z-index:1;
  color:var(--cyan-300);
  font-size:12px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.podcast-highlight strong{
  display:block;
  position:relative;
  z-index:1;
  font-size:25px;
  line-height:1.25;
  letter-spacing:-.015em;
}
.podcast-highlight p{
  position:relative;
  z-index:1;
  margin-top:16px;
  color:rgba(255,255,255,.78);
  font-size:15px;
  line-height:1.7;
}

.podcast-player{
  max-width:980px;
  margin:0 auto;
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);
  background:var(--surface-card);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.podcast-player__placeholder{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  min-height:190px;
  padding:32px 36px;
}
.podcast-player__icon{
  width:70px;
  height:70px;
  border-radius:20px;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--gradient-brand);
  box-shadow:var(--shadow-brand);
}
.podcast-player__icon svg{ width:34px; height:34px; }
.podcast-player__copy h3{
  color:var(--navy-700);
  font-size:22px;
  font-weight:800;
  line-height:1.25;
}
.podcast-player__copy p{
  margin-top:8px;
  color:var(--text-muted);
  font-size:14.5px;
  line-height:1.65;
  max-width:580px;
}
.podcast-player__frame{
  display:block;
  width:100%;
  height:500px;
  border:0;
  background:#fff;
}
.podcast-player__noscript{
  padding:18px 24px;
  color:var(--text-muted);
}
.podcast-topics .podcast-topic{
  position:relative;
  padding:28px;
}
.podcast-topic__number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:var(--cyan-50);
  color:var(--cyan-700);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  margin-bottom:20px;
}
.podcast-topic h3{
  color:var(--navy-700);
  font-size:19px;
  line-height:1.3;
  margin-bottom:10px;
}
.podcast-topic p{
  color:var(--text-muted);
  font-size:14px;
  line-height:1.65;
}

@media (max-width:960px){
  .podcast-intro{
    grid-template-columns:1fr;
    gap:34px;
  }
  .podcast-highlight{ max-width:680px; }
}

@media (max-width:720px){
  .podcast-hero__actions{
    flex-direction:column;
    align-items:stretch;
  }
  .podcast-hero__actions .btn{ width:100%; }
  .podcast-player__placeholder{
    grid-template-columns:1fr;
    text-align:left;
    padding:28px 24px;
  }
  .podcast-player__load{ width:100%; }
  .podcast-player__frame{ height:560px; }
}

@media (max-width:420px){
  .podcast-highlight{ padding:28px 24px; }
  .podcast-highlight strong{ font-size:22px; }
  .podcast-player__frame{ height:600px; }
}
