/*
 * Tarjetas de "Escucha sus episodios" en la portada.
 *
 * Las tarjetas se quedan pegadas al hacer scroll (top: 74px) y se van apilando
 * una sobre otra. Con el fondo al 68% que traía Webflow, la de delante deja ver
 * el texto de la de atrás y las dos se leen mal — se nota sobre todo en móvil,
 * donde ocupan casi toda la pantalla.
 *
 * Aquí el fondo pasa a ser prácticamente opaco y el desenfoque sube, así que la
 * tarjeta de arriba tapa de verdad. Se conserva el resto del diseño: el borde,
 * el radio y el propio efecto de apilado.
 */
.recomended-episode {
  background-color: #000000fa;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* el párrafo iba en un gris que sobre negro queda flojo */
.recomended-episode .body-whitetext {
  color: #e6e6e6;
}
