/* Somente no mobile: podcast em andamento no topo com capa à esquerda e informações à direita,
   seguindo a mesma lógica lateral aplicada ao e-book em andamento. */
@media (max-width:620px){
  #page-podcasts .podcast-feature-card{
    display:grid!important;
    grid-template-columns:32.5% minmax(0,1fr)!important;
    gap:4.8%!important;
    align-items:center!important;
    padding:4.1%!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  #page-podcasts .podcast-feature-cover{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1 / 1.34!important;
    align-self:center!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:#06163e!important;
    box-shadow:0 12px 24px rgba(6,27,70,.18)!important;
  }

  #page-podcasts .podcast-feature-cover img,
  #page-podcasts .podcast-feature-cover-image{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
  }

  #page-podcasts .podcast-feature-info{
    min-width:0!important;
    width:100%!important;
    padding:0!important;
    justify-content:center!important;
  }

  #page-podcasts .podcast-feature-status{
    margin:0 0 7px!important;
    padding:5px 9px!important;
    font-size:8.5px!important;
    line-height:1!important;
  }

  #page-podcasts .podcast-feature-info h2{
    margin:0 0 7px!important;
    font-size:16px!important;
    line-height:1.08!important;
    letter-spacing:-.45px!important;
  }

  #page-podcasts .podcast-feature-desc{
    margin:0 0 9px!important;
    font-size:9.4px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }

  #page-podcasts .podcast-feature-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px 10px!important;
    margin:0 0 9px!important;
    font-size:8.8px!important;
    line-height:1.25!important;
  }

  #page-podcasts .podcast-feature-meta span{
    gap:4px!important;
    white-space:nowrap!important;
  }

  #page-podcasts .podcast-feature-meta svg{
    width:13px!important;
    height:13px!important;
  }

  #page-podcasts .podcast-feature-progress-head{
    margin:0 0 4px!important;
    font-size:8.8px!important;
  }

  #page-podcasts .podcast-feature-progress-head b{
    font-size:8.8px!important;
  }

  #page-podcasts .podcast-feature-progress{
    height:6px!important;
  }

  #page-podcasts .podcast-feature-time{
    margin:5px 0 9px!important;
    font-size:8.8px!important;
  }

  #page-podcasts .podcast-feature-open{
    min-height:38px!important;
    padding:5px 6px 5px 10px!important;
    border-radius:13px!important;
    font-size:9.6px!important;
    gap:6px!important;
  }

  #page-podcasts .podcast-feature-open .podcast-feature-arrow{
    width:28px!important;
    height:28px!important;
  }

  #page-podcasts .podcast-feature-open svg{
    width:15px!important;
    height:15px!important;
  }
}

@media (max-width:420px){
  #page-podcasts .podcast-feature-card{
    grid-template-columns:32.5% minmax(0,1fr)!important;
    gap:4.2%!important;
    padding:3.8%!important;
  }

  #page-podcasts .podcast-feature-info h2{font-size:14.5px!important}
  #page-podcasts .podcast-feature-desc{font-size:8.8px!important;-webkit-line-clamp:2!important}
  #page-podcasts .podcast-feature-meta,
  #page-podcasts .podcast-feature-progress-head,
  #page-podcasts .podcast-feature-progress-head b,
  #page-podcasts .podcast-feature-time{font-size:8.3px!important}
  #page-podcasts .podcast-feature-open{min-height:36px!important;font-size:9px!important}
}