/* V233 - Podcast corrigido de verdade: estrutura própria sem herdar .card/.grid bugado */

.podcast-list-v233{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

.podcast-card-v233{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--line,#e2e8f0)!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#0f172a!important;
  text-decoration:none!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

.podcast-thumb-v233{
  position:relative!important;
  width:100%!important;
  display:block!important;
  overflow:hidden!important;
  background:#0f172a!important;
  aspect-ratio:16/9!important;
}

.podcast-thumb-v233 img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
}

.podcast-thumb-v233 .podcast-play{
  position:absolute!important;
  inset:0!important;
  margin:auto!important;
}

.podcast-body-v233{
  padding:18px!important;
  box-sizing:border-box!important;
}

.podcast-body-v233 h3{
  margin:14px 0 8px!important;
  color:#0f172a!important;
  font-size:21px!important;
  line-height:1.22!important;
  font-weight:900!important;
}

.podcast-body-v233 p{
  margin:0!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.45!important;
}

/* Tablet */
@media(max-width:1024px){
  .podcast-list-v233{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile: mesma largura do filtro, sem sobra lateral */
@media(max-width:760px){
  html,body{
    overflow-x:hidden!important;
  }

  .podcast-listing-v232,
  .listing-section.podcast-listing-v232{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .podcast-listing-v232 .podcast-container-v232,
  .podcast-listing-v232 > .container{
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding-left:26px!important;
    padding-right:26px!important;
    box-sizing:border-box!important;
  }

  .podcast-listing-v232 .listing-filter,
  .podcast-listing-v232 .podcast-list-v233{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .podcast-list-v233{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:0!important;
  }

  .podcast-card-v233{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    border-radius:24px!important;
  }

  .podcast-thumb-v233{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:16/9!important;
    border-radius:24px 24px 0 0!important;
  }

  .podcast-body-v233{
    padding:20px!important;
  }

  .podcast-body-v233 h3{
    font-size:28px!important;
    line-height:1.25!important;
    margin-top:14px!important;
  }
}

@media(max-width:430px){
  .podcast-listing-v232 .podcast-container-v232,
  .podcast-listing-v232 > .container{
    padding-left:26px!important;
    padding-right:26px!important;
  }

  .podcast-body-v233 h3{
    font-size:26px!important;
  }
}