/* =========================================================
   PODCAST
   ========================================================= */

.bloque-podcast {
    width: 100%;
    padding: 70px 0 90px;
    box-sizing: border-box;

    background-image: url("../../assets/images/podcast_fondo.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bloque-container-podcast h2 {
    margin: 0 0 45px;

    color: #fff;

    font-family: "Manrope", sans-serif;
    font-size: 65px;
    font-weight: 700;
    letter-spacing: -3px;
    line-height: 1.2;
    text-align: center;
}


/* =========================================================
   TARJETAS PODCAST
   ========================================================= */

.bloque-podcast .links-fila-contenedor {
    width: 90%;
    margin: 0 auto;
}

.bloque-podcast .links-fila {
    gap: 30px;
}

.bloque-podcast .links-item {
    flex: 0 0 var(--ancho-tarjeta);
    width: var(--ancho-tarjeta);
}


/* Texto de las tarjetas */

.bloque-podcast .links-texto {
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
}


/* Botón */

.bloque-podcast .links-boton {
    font-family: "Manrope", sans-serif;
}

.bloque-podcast .podcast-descripcion {
    width: 90%;
    max-width: 800px;
    margin: -25px auto 50px;

    color: #fff;

    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;

    text-align: center;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .bloque-podcast {
        padding: 50px 0 70px;
        background-position: center center;
    }

    .bloque-container-podcast h2 {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .bloque-podcast .links-fila-contenedor {
        width: 90%;
    }

    .bloque-podcast .links-fila {
        gap: 20px;
    }

    .bloque-podcast .links-texto {
        font-size: 16px;
        line-height: 1.5;
    }

    .bloque-podcast .podcast-descripcion {
        width: 85%;
        margin: -15px auto 35px;

        font-size: 16px;
        line-height: 1.5;
    }
}