.cont-bg-programas{
    width: 95%;
    height: auto;
    margin: auto;
}

.bg-programas{
    width: 100%;
    height: auto;
}

.img-intro-programas{
    width: 100%;
    height: 110px;
    display: block;
    object-fit: cover;
}

.content-cardProgram{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center ;
    margin-top: 20px;
}

.card-programa{
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}

.card-programa img{
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.card-programa span{
    color: gray;
    font-size: 1rem;
    padding: 10px 0px;
    display: inline-block;
}

.card-programa h3{
    font-size: 2rem;
}

.body-card-programa{
    width: 100%;
    height: auto;
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.178);
}

/* -------------------------------- */

.section-sliderPodcast{
    width: 100%;
    height: auto;
    padding: 40px 0px;
}

.contenedor-podcast{
    width: 100%;
    height: auto;
}

.title-podcast{
    /* text-align: center; */
    background-color: var(--colorPrimario);
    color: white;
    padding: 12px;
    border-radius: 25px 0px 25px 0px;
}

.arrows-podcast{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 5px;
}

.arrows{
    font-size: 1.7rem;
    color: gray;
    cursor: pointer;
    margin-right: 5px;
    transition: .5s ease-in;
}

.arrows:hover{
    color: var(--colorPrimario);
}

.img-podcast2{
    width: 100%;
    height: auto;
}

.section-podcasts{
    width: 100%;
    height: auto;
    margin: auto;
}

.bg-podcasts{
    width: 100%;
    height: auto;
    margin: 20px 0px;
}

.img-bg-podcasts{
    width: 100%;
    height: auto;
}

.content-intro-podcasts{
    width: 100%;
    height: auto;
    margin: auto;
    display: flex ;
    flex-direction: column ;
}




.castos-player .play-progress .play-pause-controls .play-btn{background-color: var(--colorPrimario)!important;}
.castos-player .progress__filled{background-color: var(--colorPrimario)!important;}
.castos-player.light-mode .playlist__item.active h2{color: var(--colorPrimario)!important;}
/* Media Querie phone Landscape */

.desactive-btn{
    opacity: 0.6;
    pointer-events: none;
}

.banner-900x90-podcast{
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px auto;
    background-color: #fafafa;
    border: 1px solid rgba(128, 128, 128, 0.178);
}

/* ------------------------------------------------- */

.background-archive{
    width: 100%;
    height: 250px;
    margin: auto;
    background-size: cover;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#background1{background-image: url('../img/backgrounds/music.jpg');background-position: top;}
#background2{background-image: url('../img/backgrounds/farandula.jpg');background-position: center;}
#background3{background-image: url('../img/backgrounds/deportes.jpg');background-position: bottom;}

/* ------------------------------------------- */

.contenedor-videos{
    width: 100%;
    height: auto;
    /* background-color: aliceblue; */
    margin-top: 25px;
    padding: 10px;
}

.cardVideo{
    width: auto;
    height: auto;
    /* border: 1px solid rgba(128, 128, 128, 0.116); */
    position: relative;
}

.title-videos{
    display: inline-block;
    /* text-align: center; */
    background-color: var(--colorPrimario);
    color: white;
    padding: 12px;
    border-radius: 25px 0px 25px 0px;
    margin: 10px auto;
    font-size: 1.5rem;
}

.arrow-video1,.arrow-video2{
 font-size: 1.5rem;
 cursor: pointer;
 color: var(--colorPrimario);
}

#contArrows{
    width: 110%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
}

.video{
    width: 85%;
    height: auto;
    margin: auto;
    display: block;
    position: relative;
    z-index: 2;
}
/* ------------------------------- */


@media screen and (min-width:576px){

}


/* Media Querie Tablet */
@media screen and (min-width:768px){

    .card-programa{
        width: 47%;
    }

    .card-programa img{
        height: 200px;
    }

   .card-programa h3{
    font-size: 1.6rem;
   }

    .content-cardProgram{
        flex-direction: row;
        justify-content: space-around ;
    }


    /* -------------- */
  .bg-podcasts{
    margin: 0;
  }

  .img-podcast2{
    width: 100%;
    height: 270px;
    object-fit: cover;
   }

  .content-intro-podcasts{
     flex-direction: row;
     justify-content: space-between;
     flex-wrap: wrap;
     margin: 30px auto;
  }

  .card-podcasts{
     width: 48%;
     height: auto;
  }

  .podcasts-contenedor{
    width: 95%;
    height: auto;
    margin: auto;
  }

  .btn-card-podcats{
    padding: 20px 40px;
    color: white;
    font-size: 1rem;
   }

   /* -------------------------- */
   .contenedor-videos{
    margin-top: 25px;
    /* padding: 10px 50px; */
   }

   .title-videos{
    font-size: 2rem;
   }
  
}

/* Media Querie Tablet-desktop */
@media screen and (min-width:992px){

    .img-intro-programas{
        height: 340px;
    }
    .card-programa{
        width: 43%;
    }

    .card-programa img{
        height: 250px;
    }
  
}

/* Media Querie desktop */
@media screen and (min-width:1200px){
      
      .card-programa{
        width: 30%;
    }

    /* ----------------------- */
   
    .card-podcasts{
        width: 30%;
    }

    .btn-card-podcats{
        padding: 20px 50px;
    }

    .background-archive{
        height: 270px;
    }

    #contArrows{
        width: 107%;
    }

    .video{
        width: 98%;
    }
}

/* Media Querie desktop large*/
@media screen and (min-width:1366px){
    .img-intro-programas{
        height: 320px;
    }

    .card-programa img{
        height: 270px;
    }
}

@media screen and (min-width:1700px){
    p{
        font-size: 22px;
    }
    
}   

@media screen and (min-width:1920px){

    .cont-bg-programas{
        width: 80%;
    }

    .img-intro-programas{
        height: 400px;
    }

    .card-programa img{
        height: 300px;
    }

    /* -------------------- */
     
    h3{
        font-size: 3rem;
    }

    .contenedor-programas{
        width: 85%;
    }

    .section-podcasts{
        width: 90%;
    }

    .background-archive{
        width: 100%;
        height: 340px;
    }

    .contenedor-videos{
        width: 85%;
        margin: 20px auto;
    }

    .contenedor-podcast{
        width: 85%;
        margin: 20px auto;
    }

}

@media screen and (min-width:2560px){

    .img-intro-programas{
        height: 440px;
    }

    .contenedor-programas{
        margin-top: 30px;
    }

    .card-programa{
        margin-bottom: 25px;
    }

    /* ------------------------ */
    
    p{
        font-size: 25px;
    }

    .btn-card-podcats{
        padding: 20px 40px;
        color: white;
        font-size: 2rem;
    }

    .banner-900x90-podcast{
        width: 100%;
     }

     .background-archive{
        width: 100%;
        height: 370px;
    }

}