
.podcast-details .details .img-podcast {
    max-width: 232px;
    position: relative;
}
.podcast-details .details .img-podcast img.back {
    width: 100%;
    border-radius: 16px;
}
.podcast-details .details .img-podcast .logo-podcast img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius:0; 
}
.seasons .rows-list .imgs .back {
    border-radius: 16px;
}
.seasons .rows-list .imgs .logo-front {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    width: 88%;
}


.playlist__podcast .plyr__controls .btn__plyr__play button{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
    padding: 8.81px 25px;
    border-radius: 79px;
    background: #FFFFFF;
}
.playlist__podcast .plyr__controls .plyr__control svg {
    color: #000;
}
.playlist__podcast .plyr__controls .btn__plyr__play button span{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-left: 15px;
}
.playlist__podcast .plyr__controls .content__third .plyr__control svg {
    color: #FFFFFF;
}
@media (hover: hover){
    .playlist__podcast .plyr__controls .btn__plyr__play button:hover{
        background: linear-gradient(135deg, #00F0FF 0%, #FF00E5 100%);
    }
    .playlist__podcast .plyr__controls .plyr__control:hover svg {
        color: #FFFFFF;
    }
    .playlist__podcast .plyr__controls .btn__plyr__play button:hover span{
        color: #FFFFFF;
    }
}
.podcast__destacados{
    padding-bottom: 20px;
    padding-top: 40px;
}
.slide__podcast h2{
    padding-bottom: 30px;
}
.slide__podcast.altavoz{
    padding-top: 80px;
    padding-bottom: 20px;
}
.slide__podcast .image__title img{
    width: 250px;
    margin-bottom: 30px;
}
.slide__podcast.imer {
    padding-top: 80px;
    padding-bottom: 20px;
}
.podcast-vivo.detalles{
    padding-top: 40px;
}
.podcast-vivo .logo__player{
    padding-bottom: 40px;
}
.podcast-vivo .logo__player img{
    width: 200px;
}
.podcast-vivo.detalles .h3-radio{
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 29px;
}
.podcast-vivo.detalles .make__sticky{
    position: sticky;
    top: 0;
}
.playlist__podcast .plyr__controls .plyr__progress__buffer{
    display: none;
}
.podcast-vivo.detalles.bg__podcast .sticky{
    display: flex;
    justify-content: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.podcast-vivo.detalles.bg__podcast .sticky.is-sticky{
    justify-content: inherit;
}
.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 83px;
    z-index: 1000;
    width: 100%;
    padding: 0 40px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.podcast-vivo.detalles .sticky img{
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: block;
    width: 80%;
    margin-left: auto;
}
.podcast-vivo.detalles .sticky.is-sticky img{
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: block;
    width: 40%;
}
.podcast-vivo.detalles .sticky.is-sticky{
    /* background: #000000; */
    background: #5907a7;
    background: -moz-linear-gradient(left, #5907a7 1%, #836cd1 100%);
    background: -webkit-linear-gradient(left, #5907a7 1%, #836cd1 100%);
    background: linear-gradient(to right, #5907a7 1%, #836cd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5907a7', endColorstr='#836cd1', GradientType=1);
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
}
.podcast-vivo.detalles .sticky.is-sticky .h3-radio{
    display: none;
}
.podcast-vivo.detalles .sticky.is-sticky .logo-card-size{
    display: none;
}
/* Setup
================================================== */

.content-playlist { position:relative; margin:0 auto; width:100%; }
.column { width:inherit; }

 #audio1 h3, #audio1 h2, #audio1 p{
    display: none !important;
}
/* Typography / Links
================================================== */

.content-playlist p,
.playlist__podcast p { color:#fff; display:block; font-size:.9rem; font-weight:400; margin:0 0 2px; }

.content-playlist a, .content-playlist a:visited,
.playlist__podcast a, .playlist__podcast a:visited { color:#8cc3e6; outline:0; text-decoration:none; }

.content-playlist a:hover, .content-playlist a:focus,
.playlist__podcast a:hover, .playlist__podcast a:focus { color:#bbdef5; }

.content-playlist p a, .content-playlist p a:visited,
.playlist__podcast p a, .playlist__podcast p a:visited { line-height:inherit; }



/* Misc.
================================================== */

.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.hidden { display:none; }

.no-support {
margin:2rem auto;
text-align:center;
width:90%;
}


/* Audio Player Styles
================================================== */

audio {
    display:none;
}
#audiowrap,
#plwrap {
    margin:0 auto;
}
#tracks {
    font-size:0;
    position:relative;
    text-align:center;
}
#nowPlay {
    display:block;
    font-size:0;
}
#nowPlay span {
    display:inline-block;
    font-size:1.05rem;
    vertical-align:top;
}
#nowPlay span#npAction {
    padding: 21px 21px 0;
    width:30%;
}
#nowPlay span#npTitle {
    padding: 21px 21px 0;
    text-align:right;
    width:70%;
}
#podcastList li {
    cursor:pointer;
    display:block;
    margin:0;
    padding:21px 0;
}
#podcastList li:hover {
    background-color:rgba(0, 0, 0, .1);
}
.podcastItem {
    position:relative;
    width: 50%;
    margin: auto;
}
.podcastTitle {
    left:50px;
    overflow:hidden;
    position:absolute;
    right:65px;
    text-overflow:ellipsis;
    top:0;
    white-space:nowrap;
    }

.podcastNum {
    padding-left:21px;
    width:25px;
}
.podcastLength {
    padding-left:21px;
    display: block;
}
.plSel,
.plSel:hover {
    background-color:rgba(0, 0, 0, .1);
    color:#fff;
    cursor:default !important;
}
#tracks a {
    border-radius:3px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:2.3rem;
    height:40px;
    line-height:.2;
    margin:0 5px 30px;
    padding:12px;
    text-decoration:none;
    transition:background .3s ease;
}
#tracks a:hover,
#tracks a:active {
    background-color:rgba(0, 0, 0, .1);
    color:#fff;
}
#tracks a::-moz-focus-inner {
    border:0;
    padding:0;
}
#podcastList figure{
    margin-bottom: 60px;
}
.plyr__controls .progress__bar{
    width: 70%;
}
.plyr__controls .conten__second{
    width: 20%;
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.plyr__controls .plyr__actions{
    display: flex;
    align-items: center;
    justify-content: center;
}
.plyr__controls .plyr__actions .icon__item__share{
    padding-left: 30px;
}
.plyr__controls .content__third{
    text-align: right;
    float: right;
}
.plyr__controls .content__third .plyr__wrap{
    width: 20%;
    display: flex;
    align-items: center;
}
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    
    background: linear-gradient(135deg, #00F0FF 0%, #FF00E5 100%);
    border-radius: 79px;
}
.icon__item__share.podss{
    position: absolute;
    left: 20%;
    bottom: 9.6%;
}
.bplay .social-feature.podss .social {
    z-index: 0;
}
/* Plyr Overrides
================================================== */

.plyr--audio .plyr__controls {
    background-color: transparent;
    border: none;
    color: #fff;
    padding: 20px 20px 20px 13px;
    width: 100%;
    display: initial;
}
.podcast-vivo.detalles .sticky.is-sticky .plyr--audio .plyr__controls{
    padding: 0 20px 0 13px;
}
.plyr__progress--played,
.plyr__volume--display {
color:rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
background-color:rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer {
color:rgba(0, 0, 0, .1);
}

.plyr__controls .plyr__controls__item.plyr__time {
font-size:14px;
margin-left:7px;
}
.playlist__podcast #podcastList{
    padding-left: 0;
}
#podcastList{
    padding-left: 0;
}
.view__movil .sticky h3{
    display: none;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.podcast-vivo.detalles .sticky.is-sticky .sticky h3{
    display: block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 15px;
    margin-top: 10px;
    line-height: initial;
}
.bplay .btn-play-custom.list .pl-list__eq {
    display: none;
}
.enVivo .bplay .btn-play-custom.list .pl-list__eq {
    display: block;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}
.enVivo .bplay .btn-play-custom.list label{
    display: none;
}
 @keyframes eq {
	 0% {
		 height: 3px;
	}
	 50% {
		 height: 15px;
	}
	 100% {
		 height: 3px;
	}
}
.bplay .btn-play-custom.list .eq {
    display: flex;
    width: 35px;
    height: 25px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-end;
}
.bplay .btn-play-custom.list .eq__bar {
    width: 4px;
    background: #000;
    filter: drop-shadow(0 0 5px #000);
}
.bplay .btn-play-custom.list:hover .eq__bar {
    background: #FFFFFF;
    filter: drop-shadow(0 0 5px #FFFFFF);
}
.bplay .btn-play-custom.list .eq__bar:nth-child(2) {
    animation: eq 1.2s ease-in-out infinite 0s;
}
.bplay .btn-play-custom.list .eq__bar:nth-child(4) {
    animation: eq 1.2s ease-in-out infinite 0.2s;
}
.bplay .btn-play-custom.list .eq__bar:nth-child(1) {
    animation: eq 1.2s ease-in-out infinite 0.4s;
}
.bplay .btn-play-custom.list .eq__bar:nth-child(3) {
    animation: eq 1.2s ease-in-out infinite 0.6s;
}
.jspodcast .icon__item__share .copy{
    padding-left: 25px;
}

.podcast-details .details .text-podcast h2 p{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.swiper-two-rows .swiper-wrapper{
    height: 600px ;
}
.swiper-two-rows .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-two-rows .swiper-slide {
  text-align: center;
  height: calc((100% - 30px) / 2) !important;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-two-rows .swiper-slide a{
    object-fit: cover;
    border-radius: 15px;
    cursor: pointer;
    transition: .25s ease-in-out;
    width: 100%;
    position: relative;
}
.swiper-two-rows .swiper-slide a:hover{
    transform: scale(1.05);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);
}
.swiper-two-rows .swiper-slide .logo-podcast{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    border-radius: 0;
    width: 100%;
}


/* Media Queries
================================================== */

@media only screen and (max-width:600px) {
    #nowPlay span#npAction { display:none; }
    #nowPlay span#npTitle { display:block; text-align:center; width:100%; }
}
@media (max-width: 767px) {
    .playlist__podcast .plyr__controls .plyr__controls__item.plyr__progress__container {
        width: 100px !important;
        min-width: 58px;
    }
    .plyr--audio .plyr__controls {
        background-color: transparent;
        border: none;
        color: #fff;
        padding: 10px 0 20px 0;
        width: 100%;
    }
    .playlist__podcast .view__movil{
        position: sticky;
        position: -webkit-sticky;
        top: 0;
    }
    .sticky.is-sticky {
        position: fixed;
        left: 0;
        right: 0;
        top: 57px;
        z-index: 1000;
        width: 100%;
        padding: 0;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        margin: 0;
        padding-bottom: 15px;
    }
    .podcast-vivo.detalles .sticky.is-sticky img {
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        display: block;
        width: 32%;
        margin: auto;
    }
    .podcast-vivo.detalles .sticky img {
        margin: auto;
    }
    .podcast-vivo.detalles .sticky.is-sticky .plyr--audio .plyr__controls {
        padding: 0 ;
    }
    .podcast-vivo.detalles .sticky.is-sticky .h3-radio{
        display: block;
    }
    .podcast-vivo.detalles .sticky.is-sticky #nowPlay span#npTitle {
        padding: 0 21px 21px;
    }
    .icon__item__share.podss {
        position: absolute;
        left: 50%;
        bottom: 10%;
        width: 35px;
        height: 35px;
    }
    .bplay .social-feature.podss div:first-child {
        margin-right: 20px;
        width: initial;
        height: auto;
    }
    .bplay .social-feature.podss .social a {
        display: block;
        position: relative;
        width: 35px;
        height: 35px;
    }
    .seasons .nav-pills .nav-link {
        background-color: transparent;
    }
    .playlist__podcast .plyr__controls .btn__plyr__play button span {
        font-size: 13px;
        margin-left: 10px;
    }
    .playlist__podcast .plyr__controls .btn__plyr__play button {
        padding: 8px 15px;
    }
    .playlist__podcast .plyr__controls .plyr__control svg {
        height: 13px;
        width: 13px;
    }
    .playlist__podcast .plyr__controls .content__third .plyr__control svg {
        width: 20px;
        height: 20px;
    }
    .bplay .social-feature .podss .social {
        margin-right: 20px;
        width: initial;
        height: initial;
    }
    .plyr__controls .progress__bar {
        width: 100%;
    }
    .podcast-details .details .text-podcast h2 p{
        font-size: 16px;
        padding-top: 11px;
        display: block;
    }
}

/* ── Paginación Bootstrap — estilo pill/tab Altavoz ──────────── */

.seasons .pagination.list-podcast {
gap: 0;
margin-bottom: 0;
align-items: center;
flex-wrap: wrap;
}
/* Separación de flechas respecto a los números */
.seasons .pagination.list-podcast #pag-prev {
margin-right: 20px;
}
.seasons .pagination.list-podcast #pag-next {
margin-left: 20px;
}
/* Cada item */
.seasons .pagination.list-podcast .page-item .page-link {
background-color: transparent;
border: none;
color: #ffffff;
font-family: Montserrat, sans-serif;
font-size: 25px;
font-weight: 600;
line-height: normal;
padding: 6px 14px;
position: relative;
transition: color 300ms;
border-radius: 0;
box-shadow: none;
}
/* Subrayado bajo cada número */
.seasons .pagination.list-podcast .page-item .page-link::before {
content: "";
position: absolute;
bottom: -3px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 6px;
background-color: #ffffff;
opacity: 0;
transition: width 300ms, opacity 300ms;
}
/* Número activo */
.seasons .pagination.list-podcast .page-item.active .page-link {
background-color: transparent;
color: #ffffff;
border: none;
}
.seasons .pagination.list-podcast .page-item.active .page-link::before {
width: 100%;
opacity: 1;
}
/* Hover */
@media (hover: hover) {
.seasons .pagination.list-podcast .page-item:not(.disabled) .page-link:hover {
color: #ffffff;
background-color: transparent;
}
.seasons .pagination.list-podcast .page-item:not(.disabled) .page-link:hover::before {
width: 100%;
opacity: 1;
}
}
/* Deshabilitado */
.seasons .pagination.list-podcast .page-item.disabled .page-link {
color: #ffffff;
cursor: default;
}
/* Flechas ‹ › — más grandes */
.seasons .pagination.list-podcast #pag-prev .page-link,
.seasons .pagination.list-podcast #pag-next .page-link {
font-size: 54px;
padding: 0 20px;
color: #ffffff;
line-height: 1.2;
}
.seasons .pagination.list-podcast #pag-prev .page-link:hover,
.seasons .pagination.list-podcast #pag-next .page-link:hover {
color: #ffffff;
}
/* Sin subrayado en flechas */
.seasons .pagination.list-podcast #pag-prev .page-link::before,
.seasons .pagination.list-podcast #pag-next .page-link::before {
display: none;
}
/* Elipsis */
.seasons .pagination.list-podcast .pgn-ellipsis-item .page-link {
font-size: 25px;
color: #ffffff;
cursor: default;
padding: 6px 8px;
}
.seasons .pagination.list-podcast .pgn-ellipsis-item .page-link::before {
display: none;
}

/* Espaciado y justificado para la sinopsis de capítulos */
.podcast-synopsis {
    text-align: justify;
    margin-top: 15px;
    margin-bottom: 25px;
}
