/* HERO base */

#header{
  position: fixed!important;
  left: 0!important;
  right: 0!important;
  background: rgba(var(--rgb-shadow), 0.5) !important;
  backdrop-filter: blur(11px) !important;
}

.podscat-hero{
  position: relative;
  width: 100%;
  min-height: clamp(640px, 100vh, 960px);
  height: auto;
  overflow: hidden;
}

/* Martillo: siempre al fondo del hero */
.podscat-hero .podscat-hero-mid{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: clamp(520px, 70vw, 1131px);
  height: auto;
  z-index: 5;
  pointer-events: none;
  max-width: 90%;
  display: block;
}

@media (min-width: 992px) and (max-width: 1249px){

  .podscat-hero{
    min-height: clamp(560px, 80vh, 820px);
  }

  .podscat-hero .podscat-hero-mid{
    width: clamp(460px, 78vw, 920px);
    bottom: clamp(0px, 1.2vw, 16px);
  }
}

/* =================================
   Descripción (arriba derecha)
   ================================= */
.podscat-hero .podscat-hero-desc{
  position: absolute;
  right: clamp(30vh, 0vw, 110px);
  top: clamp(25vh, 0px, 40px);
  max-width: min(420px, 42vw);
  text-align: left;
  z-index: 6;
  color: var(--color-text-inverse);
}

/* ==========================
   Breakpoint 1280x720 (típico)
   ========================== */
@media (max-width: 1280px){
  .podscat-hero{
    min-height: clamp(560px, 75vh, 880px);
  }
  .podscat-hero .podscat-hero-mid{
    top: clamp(181px, 55vh, 26vw);
    width: clamp(520px, 72vw, 980px);
  }
  .podscat-hero .podscat-hero-desc{
    max-width: min(420px, 46vw);
  }
}

/* ==========================
   Tablet
   ========================== */
@media (max-width: 992px){
  .podscat-hero{
    min-height: 720px;
  }
  .podscat-hero .podscat-hero-mid{
    top: 280px;
    width: min(720px, 88vw);
  }
  .podscat-hero .podscat-hero-desc{
    right: 24px;
    max-width: min(520px, 70vw);
    font-size: 8.38px;
  }
}

/* ==========================
   Mobile
   ========================== */
@media (max-width: 576px){
  .podscat-hero{
    min-height: 640px;
    top: -30vh;
    margin-bottom: -30vh;
  }

  .podscat-hero.hero.lab .text-size3 p{
    font-size: var(--fs-h4);
    padding-left: 0;
  }
  .hero.lab::before, .hero.lab .hero-image {
    top: 51%;
    
  }
  .podscat-video-wrap{
    padding: 0;
  }

  .podscat-hero .podscat-hero-desc{
    position: relative;
    top: 40vh;
    left: 5vh;
    text-align: center;
    margin: 0 16px;
    line-height: 1.2em !important;
  }
  .podscat-hero .hero.lab::after{
    height: 51% !important;
  }
  .podscat-hero .podscat-hero-mid{
    top: 74vh;
    width: 92vw;
  }
}
#header .animated-icon:before, #header .animated-icon:after, #header .navbar-toggler.active .animated-icon:before, #header .navbar-toggler.active .animated-icon:after{
  background: var(--color-white);
}
/* ============ PODSCAT - Text banner ============ */
.podscat-textbanner {
  padding-top: 80px;
  padding-bottom: 80px;
}

.podscat-tb-title{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 64px;
  line-height: 1.15;
  text-align: center;
  margin: 0 auto 7vh;
  color: var(--color-text);
}

.podscat-tb-desc{
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.podscat-tb-desc p{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 40px;
  line-height: 1.35;
  margin: 0;
  color: var(--color-text);
}

.podscat-tb-platforms{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 30px;
  text-align: center;
  margin-top: 28px;
  color: var(--color-text);
}

/* Flecha hacia abajo (línea + punta) */
.podscat-tb-arrow{
  display: flex;
  justify-content: center;
  margin-top: 44px;
}

.podscat-arrow-down{
  position: relative;
  width: 1px;
  height: 90px;
  background: var(--color-text);
  opacity: 0.85;
}

.podscat-arrow-down::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 18px;
  height: 18px;
  border-right: 1px solid var(--color-text);
  border-bottom: 1px solid var(--color-text);
  transform: translateX(-50%) rotate(45deg);
  opacity: 0.85;
}

/* Responsive (por si baja a móvil) */
@media (max-width: 992px){
  .podscat-tb-title{ font-size: 40px; margin:0px 0vh 4vh}
  .podscat-tb-desc p{ font-size: var(--fs-h4); margin: 0 20px;}
  .podscat-tb-platforms{ font-size: 18px; margin-top: 2vh;}
  .podscat-arrow-down{ height: 70px; }
  .podscat-arrow-down::after{bottom: 0.3vh;}
}

/* ============ PODSCAT – HERO TRAILER ============ */

/* Kicker */
.dark.podscat-trailer{
  border-radius: 25px;
}
.podscat-trailer-kicker{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: var(--fs-h4);
  letter-spacing: 0.02em;
}

/* VIDEO: centrado, tamaño figma 1415x764 dentro de un wrapper */
.podscat-trailer-video{
  position: relative;
  display: flex;
  justify-content: center;
}

.podscat-video-wrap{
  width: 1415px;
  max-width: 100%;
  aspect-ratio: 1415 / 764;
  position: relative;
}

.podscat-video-wrap iframe,
.podscat-video-wrap embed,
.podscat-video-wrap object{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Lower third */
.podscat-lowerthird{
  position: absolute;
  left: 0;
  bottom: 16px;
  background: var(--color-bg-dark);
  color: var(--color-text-inverse);
  padding: 12px 60px;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: var(--fs-h5);
}

/* Bottom layout */
.podscat-trailer-bottom{
  margin-top: 64px !important;
}
.podscat-trailer-left-img{
  overflow: visible !important;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.podscat-trailer-left-img img{
  width: auto;
  height: 149px;
  max-width: 400px;
  max-height: none;
  object-fit: contain;
  object-position: left;
  display: block;
}

/* Divider vertical entre columnas*/
.podscat-trailer-bullets-col{
  position: relative;
  padding: 5vh 64px;
}
.podscat-trailer-bullets-col:before{
  content: "";
  position: absolute;
  left: 24px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(var(--rgb-white),.25);
}

/* Bullets */
.podscat-bullets{
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: var(--fs-h4);
}
.podscat-bullets li{
  display: grid;
  grid-template-columns: 32px 1fr;
  column-gap: 18px;
  margin-bottom: 64px;
}
.podscat-bullet-arrow{
  display: inline-block;
  opacity: .9;
}

/* ===== Featured Episodes ===== */
.podscat-featured{
  background: var(--site-bg);
}

/* Título sección */
.podscat-featured h2{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 48px;
  text-align: left;
}

/* Card */
.podscat-episode{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* IMAGEN */
.podscat-episode-img{
  width: 100%;
  aspect-ratio: 1415 / 764;
  border-radius: 16px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 18px;
}

/* Textos */
.podscat-episode-date{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 21px;
  color: var(--color-text);
  margin-top: 10px;
}

/* divider */
.podscat-episode-divider{
  height: 1px;
  background: rgba(var(--rgb-white),.25);
  margin: 12px 0 16px;
}

.podscat-episode-title a{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 30px;
  color: var(--color-text);
  margin: 0;
}

.podscat-episode-desc{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 21px;
  color: var(--color-text);
  margin-top: 12px;
  line-height: 1.35;
}

/* Link */
.podscat-platforms-link{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 21px;
  color: var(--color-text);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  text-decoration: none;
  opacity: .9;
  background: transparent;
  border: none;
}
.podscat-platforms-link:hover{
  opacity: 1;
  text-decoration: underline;
}
.podscat-featured .row > [class*="col-"]{
  display: flex;
}

.podscat-featured .podscat-episode{
  width: 100%;
}

/* =========================
   Previous Episodes
   ========================= */
.podscat-previous{
  background: var(--color-bg);
}

/* Título de sección */
.podscat-prev-title{
  text-align: left;
  color: var(--color-text);
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 48px;
  line-height: 1.4;
  margin-top: -15vh;
}

/* Card */
.podscat-prev-card{
  color: var(--color-text);
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* Imagen */
.podscat-prev-img{
  width: 100%;
  height: 220px;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 14px;
}

/* Fecha */
.podscat-prev-date{
  color: var(--color-text);
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 10px;
}

/* Línea divisoria */
.podscat-prev-divider{
  height: 1px;
  width: 100%;
  background: rgba(var(--rgb-shadow),.25);
  margin: 8px 0 12px;
}

/* Título episodio */
.podscat-prev-ep-title{
  margin: 0 0 10px 0;
}

.podscat-prev-ep-title a{
  display: block;
  color: var(--color-text);
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: var(--fs-h5);
  line-height: 1.2;
  margin: 0;
  text-decoration: none;
}

.podscat-prev-ep-title a{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Descripción */
.podscat-prev-desc{
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 18px;
}

/* View Platforms */
.podscat-prev-body{
  flex: 1;
  display: flex;
  flex-direction: column;
}
.podscat-prev-link{
  color: var(--color-text);
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: var(--fs-body);
  line-height: 1.3;
  text-decoration: none;
  margin-top: auto;
  display: inline-flex;
  padding-top: 10px;
}
.podscat-prev-link:hover{
  text-decoration: underline;
}
.podscat-previous .row{
  align-items: stretch;
}
.podscat-previous .row > [class*="col-"]{
  display: flex;
}

/* =========================
   HOSTS SECTION
   ========================= */

.podscat-hosts{
  background: var(--color-bg); 
}

.podscat-hosts .container{
  padding-top: 64px;
  padding-bottom: 64px;
}

/* -------- Left column -------- */
.podscat-hosts-title{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 48px;
  line-height: 1.1;
  color: var(--color-text);
  margin: 0;
}

.podscat-hosts-desc{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 32px;
  line-height: 1.3;
  color: var(--color-text);
  margin-top: 18px;
  margin-bottom: 0;
  max-width: 520px;
}

/* Flecha larga 32 x 152 */
.podscat-hosts-arrow{
  margin-top: 15vh;
}

.podscat-arrow-long{
  position: relative;
  display: inline-block;
  width: clamp(120px, 14vw, 152px);
  height: clamp(22px, 2.5vw, 32px);
}

/* línea */
.podscat-arrow-long::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width: 100%;
  height: 1px;
  background: var(--color-text);
  transform: translateY(-50%);
  opacity: .8;
}

/* punta */
.podscat-arrow-long::after{
  content:"";
  position:absolute;
  top:50%;
  right: 0;
  width: clamp(10px, 1.2vw, 14px);
  height: clamp(10px, 1.2vw, 14px);
  border-right: 1px solid var(--color-text);
  border-top: 1px solid var(--color-text);
  transform: translateY(-50%) rotate(45deg);
  opacity: .8;
  box-sizing: border-box;
}

/* -------- Right column (cards) -------- */
.podscat-host-card{
  padding-right: 12px;
}

.podscat-host-img{
  width: 324px;
  height: 327px;
  border-radius: 16px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 14px;
}

/* que no se rompa en pantallas chicas */
@media (max-width: 991px){
  .podscat-host-img{
    width: 100%;
    max-width: 324px;
    height: 327px;
  }
  /* Trailer */
  .podscat-hero, .podscat-textbanner, .podscat-featured, .podscat-previous{
    padding: 1.5rem 0!important;
  }
  .podscat-trailer.section{
    border-radius: 25px;
  }
  .podscat-trailer{
    padding: 1.5rem 2vh!important;
    border-radius: 25px;
  }
  .podscat-trailer-left-img img{
    width: 240px;
    height: 51.47px;
    margin: 0vh 3vh 6vh;
  }
  .podscat-bullets li{
    font-size: 18px;
    grid-template-columns: 2px 1fr; 
    margin-bottom: 15px;
  }
  .podscat-trailer-bullets-col{
    padding: 0 5vh;
  }
  .podscat-trailer-bullets-col:before{
    display: none;
  }
  /*.dark{
    border-radius: 25px 25px 0 0;
  }*/
  /* Featured */
  .podscat-featured h2{
    font-size: 32px;
  }
.podscat-episode-date, .podscat-prev-date{
  font-size: 22px;
}

.podscat-episode-title, .podscat-prev-ep-title{
    font-size: var(--fs-h4);
    line-height: 1.2 !important;
    margin: 0 !important;
}

.podscat-episode-title a, .podscat-prev-ep-title a{
    display: inline;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.podscat-episode-title a, .podscat-prev-ep-title a{
  line-height: inherit;
}
  div.podscat-prev-ep-title a{
    line-height: 1.15px;
  }
  .podscat-episode-desc, .podscat-prev-desc{
    font-size: 14px;
  }
  .podscat-platforms-link{
    font-size: 14px;
    margin-bottom: -10vh;
  }
  .podscat-featured .row > [class*="col-"]{
    padding: 0 5vh;
  }
  /* Featured */
  .podscat-prev-title{
    font-size: 32px;
  }
  .podscat-prev-card{
    padding: 0 4vh;
    margin: 10vh 0vh;
  }
  /* Producers */
  .podscat-producers-title{
    font-size: 32px!important;
    text-align: center;
    margin-bottom: 1vh;
  }
  .podscat-producers-arrow{
    display: none;
  }
  .podscat-producers{
    padding: 0.5rem 2vh 1.5rem!important;
  }
  .podscat-producers-desc{
    font-size: var(--fs-body)!important;
    text-align: center;
    margin: 0 0 3vh 0!important;
    padding: 0 0vh;
  }
  .podscat-producer-name{
    font-size: var(--fs-body)!important;
    text-align: center;
  }
  .podscat-producer-row{
    padding: 10px!important;
  }
  .podscat-producers-list{
    border: none!important;
    padding: 0 6vh;
  }
  .podscat-producer-arrow{
    font-size: var(--fs-h5);
  }
}

/* =========================
   HOSTS – MOBILE
   ========================= */
@media (max-width: 576px){

  /* Sección y container */
  .podscat-hosts{
    padding: 0!important;
  }
  .podscat-hosts .container{
    padding: 0 6vh 10vh;
  }

  /* Columna izquierda centrada */
  .podscat-hosts-title{
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    text-align: center;
    margin: 2vh auto 8px !important;
  }

  .podscat-hosts-desc{
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: var(--fs-body);
    line-height: 1.45;
    text-align: center;
    margin: 0 2vh 4vh !important;
    max-width: 320px;
  }

  .podscat-hosts-arrow{ display:none !important; }

  /* row interno de cards pasa a 2 columnas */
  .podscat-hosts .col-lg-6 > .row{
    display: flex;
    flex-wrap: wrap;
    padding: 0 2vh;
  }

  /* Cada card ocupa 50% */
  .podscat-host-card{
    width: 50% !important;
    max-width: 50% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-bottom: 18px !important;
  }

  /* misma “caja” y sin estirar */
  .podscat-host-img{
    width: 100% !important;
    height: 0 !important;
    padding-top: 78% !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  /* Textos de card */
  .podscat-host-name{
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: var(--fs-body) !important;
    line-height: 1.25;
    margin: 0 0 4px 0 !important;
  }

  .podscat-host-role{
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: var(--fs-caption) !important;
    line-height: 1.25;
    margin: 0 0 -3vh 0 !important;
  }

  .podscat-host-link{
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: var(--fs-caption) !important;
    line-height: 1.25;
  }
}

/* Textos */
.podscat-host-name{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.2;
  color: var(--color-text);
  margin: 0 0 6px 0;
}

.podscat-host-role{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.2;
  color: var(--color-text-muted);
  margin: 0 0 16px 0;
}

.podscat-host-link{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.2;
  color: var(--color-text);
  text-decoration: none;
}

.podscat-host-link:hover{
  text-decoration: underline;
}

/* ===== Producers (section) ===== */
/* Producers: izquierda */
.podscat-producers-title{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 48px;
  color: var(--color-text);
}
.podscat-producers-desc{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 32px;
  color: var(--color-text);
  margin-top: 16px;
}
.podscat-producers-arrow{ 
  margin-top: 15vh; 
}

.podscat-producers-list{
  border-top: 1px solid rgba(var(--rgb-shadow),.25);
}

.podscat-producer-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(var(--rgb-shadow),.25);
  text-decoration:none;
  color: inherit;
  font-size: var(--fs-h4);
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 32px;
  color: var(--color-text);
}

.podscat-producer-row:hover{
  opacity: .85;
}

.podscat-producer-arrow{
  flex: 0 0 auto;
}

.podscat-producer-name{
  font-weight: 500;
}

.podscat-producer-row.is-disabled{
  opacity: .6;
  cursor: default;
}

/* =========================
   PODSCAT MODAL (UNIFICADO)
   - Usa aria-hidden + .is-open
   - Iconos SVG inline (.plat-ic)
========================= */

.podscat-modal[aria-hidden="true"]{ display:none; }
.podscat-modal.is-open{ display:block; }

.podscat-modal{
  position:fixed;
  inset:0;
  z-index:9999;
}

.podscat-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(var(--rgb-shadow),.55);
}

.podscat-modal__dialog{
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.podscat-modal__content{
  width:min(520px, 92vw);
  background:var(--color-bg);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 80px rgba(var(--rgb-shadow),.35);
}

.podscat-modal__box{
  padding:26px 28px 18px;
  text-align:center;
  background: var(--color-bg-surface);
  margin:18px;
  border-radius:14px;
  border:1px solid rgba(var(--rgb-shadow),.08);
}

.podscat-modal__title{
  font-family: var(--font-primary);
  font-weight:400;
  font-size: var(--fs-h4);
  color: var(--color-text);
  margin-bottom:14px;
}

.podscat-modal__icons{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}

/* Links de iconos (los <a> que crea el JS) */
.podscat-modal__icon{
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  text-decoration:none;
}

/* Close */
.podscat-modal__close{
  width:100%;
  border:0;
  background:transparent;
  padding:20px 0 22px;
  font-family: var(--font-primary);
  font-weight:400;
  font-size: var(--fs-h5);
  color: var(--color-text-muted);
  cursor:pointer;
}

html.podscat-modal-open{ overflow:hidden; }

.plat-ic{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: var(--fs-h4);
  line-height: 1;
  flex: 0 0 24px;
  overflow: hidden;
  color: var(--color-text);
}

/* New Apple . Stotify */
.podscat-platform-link {
  position: relative;
  font-weight: 500;
  color: var(--color-text);
  text-decoration: none;
  padding-bottom: 6px;
}

.podscat-platform-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 2px dotted currentColor;
}

.platform-separator {
  font-size: var(--fs-h5);
  line-height: 1;
  margin: 0 6px;
}

/* img sobre video */
.podscat-video-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
}

.podscat-video-wrap iframe,
.podscat-video-poster,
.podscat-video-poster img {
  width: 100%;
  height: 100%;
  display: block;
}

.podscat-video-wrap iframe {
  border: 0;
}

.podscat-video-poster {
  position: relative;
  cursor: pointer;
}

.podscat-video-poster img {
  object-fit: fill;
}

.podscat-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 74px;
  height: 74px;
  border: 0;
  border-radius: 50%;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  background: transparent;
  color: var(--color-text-inverse);
}

/* ==================================================
   PODSCAT RESET NUEVO - menos márgenes, menos aire,
   tipografía un poco más chica, video más contenido
   ================================================== */

.podscat-container{
  width: min(100%, 1240px);
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* sacar exceso de espacio vertical entre secciones */
.podscat-textbanner,
.podscat-hosts,
.podscat-trailer,
.podscat-featured,
.podscat-previous{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/* evitar que las utilidades globales del theme sumen más aire */
.podscat-textbanner.pb-5,
.podscat-textbanner.pt-5,
.podscat-hosts.pb-5,
.podscat-hosts.pt-5,
.podscat-trailer.pb-5,
.podscat-trailer.pt-5,
.podscat-featured.pb-5,
.podscat-featured.pt-5,
.podscat-previous.pb-5,
.podscat-previous.pt-5{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* títulos y textos un poco más chicos */
.podscat-tb-title{
  font-size: 45px;
  margin: 1rem auto;
}

.podscat-tb-desc p{
  font-size: 30px;
  line-height: 1.28;
}

.podscat-tb-platforms{
  font-size: var(--fs-h4);
  margin-top: 20px;
}

.podscat-hosts-title,
.podscat-producers-title,
.podscat-featured h2,
.podscat-prev-title{
  font-size: 40px;
  margin-bottom: 4vh;
}

.podscat-hosts-desc,
.podscat-producers-desc{
  font-size: 26px;
  line-height: 1.28;
}

.podscat-host-name{
  font-size: 22px;
}

.podscat-host-role,
.podscat-host-link{
  font-size: 15px;
}

.podscat-producer-row{
  font-size: 26px;
}

.podscat-episode-date{
  font-size: 18px;
}

.podscat-episode-title a{
  font-size: 26px;
  line-height: 1.2;
}

.podscat-episode-desc{
  font-size: 18px;
}

.podscat-platforms-link{
  font-size: 18px;
}

.podscat-prev-date{
  font-size: 13px;
}

.podscat-prev-ep-title a{
  font-size: 18px;
}

.podscat-prev-desc{
  font-size: 13px;
}

.podscat-prev-link{
  font-size: 15px;
}

/* video más chico + título arriba */
.podscat-trailer-title{
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 28px;
  line-height: 1.2;
  color: var(--color-text-inverse);
  text-align: center;
  margin: 0 0 22px 0;
}

.podscat-video-wrap{
  width: min(100%, 980px);
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
}

.podscat-lowerthird{
  padding: 10px 28px;
  font-size: var(--fs-body);
}

/* menos separación en bloque inferior del trailer */
.podscat-trailer-bottom{
  margin-top: 42px !important;
}

.podscat-bullets{
  font-size: var(--fs-h5);
}

.podscat-bullets li{
  margin-bottom: 28px;
}

/* menos espacio extra interno en hosts */
.podscat-hosts .container,
.podscat-featured .container,
.podscat-previous .container,
.podscat-trailer .container,
.podscat-textbanner .container{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* mobile */
@media (max-width: 991px){
  .podscat-container{
    padding-left: 18px;
    padding-right: 18px;
  }

  .podscat-textbanner,
  .podscat-hosts,
  .podscat-trailer,
  .podscat-featured,
  .podscat-previous{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .podscat-tb-title{
    font-size: 34px;
    margin-bottom: 1.75rem;
  }

  .podscat-tb-desc p{
    font-size: 22px;
  }

  .podscat-tb-platforms{
    font-size: 18px;
  }

  .podscat-hosts-title,
  .podscat-producers-title,
  .podscat-featured h2,
  .podscat-prev-title{
    font-size: 30px !important;
  }

  .podscat-hosts-desc,
  .podscat-producers-desc{
    font-size: var(--fs-body) !important;
  }

  .podscat-trailer-title{
    font-size: 22px;
    margin-bottom: 16px;
  }

  .podscat-video-wrap{
    width: min(100%, 100%);
  }

  .podscat-bullets{
    font-size: 17px;
  }

  .podscat-bullets li{
    margin-bottom: 16px;
  }
}

.podscat-episode-title,
.podscat-prev-ep-title {
  font-size: var(--fs-h4);
  line-height: 1.2 !important;
  margin: 0 !important;
}

.podscat-episode-title a,
.podscat-prev-ep-title a {
  display: inline;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.podscat-prev-wrap:not(.is-expanded) .podscat-prev-extra {
  display: none !important;
}

@media (max-width: 576px) {
  .podscat-prev-wrap:not(.is-expanded) .podscat-prev-card:nth-child(n+4) {
    display: none !important;
  }
}

.podscat-see-more {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 48px auto 0;
  padding-top: 18px;
  gap: 8px;
  position: relative;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: var(--fs-body);
  color: var(--color-text);
  cursor: pointer;
  user-select: none;
  text-align: center;
}

.podscat-see-more::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(320px, 80vw);
  height: 1px;
  background: rgba(var(--rgb-shadow), .25);
}