body{
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    font-size: 17px;
}

/* .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
} */

.container{
    max-width: 1140px!important;
}
h1,h2,h3,h4,h5,h6{font-weight: bold;}

h1{font-size: 50px;}
h2{font-size: 42px;}
h3{font-size: 35px;}
h4{font-size: 27px;}

a{
    color: #194173;
    text-decoration: none;
}

a:hover{
    cursor: pointer;
    color: #19a3a6;
    text-decoration: none;
}

.primario{color:#794696}
.secundario{color:#29388d}

#dyscrollup-btn{z-index:999999;position:fixed;cursor:pointer;display:none;bottom:32px}


.hero-image{
    background-image:url('../img/bg-hero.png');
    background-position:center;
    background-repeat:no-repeat;
    /* background-size:cover; */
}

.logo-play{
    max-width: 380px;
}

.caja-patrocinador{
    background: rgb(25,61,113);
    background: linear-gradient(90deg, rgba(121,70,150,1) 0%, rgba(41,56,141,1) 100%);
    border-radius: 25px;
}

.caja-podcast{
    background-image:url('../img/bg-podcast.jpg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius: 30px;
}

    .caja-podcast .boton-play{
        bottom: -110px;
        transition-duration: 250ms;
    }
    .caja-podcast .boton-play:hover{
        bottom: -110px;
        cursor:pointer;
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

.fila-podcast{
    padding-bottom: 100px;
    background-image:url('../img/bg-shadow.png');
    background-position:bottom;
    background-repeat:no-repeat;
}

    .mini-podcast{
        padding: 0;
        height: 100%;
        background-color: white;
        overflow: hidden;
        transition-duration: 250ms;
        border-radius: 30px;
        -webkit-box-shadow: 0px 10px 15px 1px rgba(0,0,0,0.1);
        box-shadow: 0px 10px 15px 1px rgba(0,0,0,0.1);
    }
    .mini-podcast:hover{
        cursor:pointer;
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-box-shadow: 0px 10px 15px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 10px 15px 1px rgba(0,0,0,0.2);
    }

        .mini-podcast .boton-play-mini{
            bottom: 40px;
            z-index: 999999;
        }

        .mini-podcast .portada-podcast img{
            display: block;
            max-width: 100%;
            width: 100%;
            height: auto;
        }
        .mini-podcast2{
        padding: 0;
        height: 100%;
        background-color: white;
        overflow: hidden;
        transition-duration: 250ms;
        border-radius: 30px;
        -webkit-box-shadow: 0px 10px 15px 1px rgba(0,0,0,0.1);
        box-shadow: 0px 10px 15px 1px rgba(0,0,0,0.1);
    }
    
        .mini-podcast2 .boton-play-mini{
            bottom: 40px;
            z-index: 999999;
        }

        .mini-podcast2 .portada-podcast img{
            display: block;
            max-width: 100%;
            width: 100%;
            height: auto;
        }

        .texto-mini{
            font-size: 14px;
            line-height: 12px;
            color: rgb(170, 170, 170);
        }

.caja-footer{
    background-image:url('../imgcorazon/pie.jpg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
    .caja-footer a{
        color: #ffffff;
    }
    .caja-footer a:hover{
        color: #19a3a6;
    }
    .caja-footer ul{
        list-style-type: none;
    }

/* /xl/  (desktops, less than 1200px) */
@media (max-width: 991.98px) {
    h1{font-size: 40px;}
    h2{font-size: 32px;}
    h3{font-size: 30px;}
    h4{font-size: 25px;}

    .logo-play{
        max-width: 300px;
        margin-top: 20px;
    }
}

/* /xl/  (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    h1{font-size: 42px;}
    h2{font-size: 32px;}
    h3{font-size: 30px;}
    h4{font-size: 25px;}
    .logo-play{
        max-width: 300px;
    }
}