:root {
    --bg-color: #F8ECD9;
    --bg-secondary-color: #FCFBFD;
    --primary-color: #FD7C69;
    --secondary-color: #FFDCA5;
    --text-color: #000000;
}

@font-face {
    font-family: 'ptsans_regular';
    src: url("../fonts/hombre/NotoSans-Regular.ttf") !important;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ptsans_bold';
    src: url("../fonts/hombre/NotoSans-Bold.ttf") !;
    font-weight: normal;
    font-style: normal
}

body {
    background-color: var(--bg-color);
    color: var(--text-color); 
}

section.tabsAnimation {
    padding-bottom: 30px;
}

.logoHeader{
    width: 150px;
    margin-top: -15px;
    margin-left: -15px;
}

header .logoHeaderMb{
    width: 105px !important;
}

@media (max-width: 991px) {
    .animationNavMb {
        height: 125px;
    }
}

.img_portada {
    width: 740px;
    max-width: 100%;
}

@media (max-width: 1366px) {
    .logoDesktop img {
        width: 135px;
    }
    section.tabsAnimation .numeroEpisosdio {
        overflow: visible;
    }
    .img_portada {
        width: 570px;
    }
}

@media (max-width: 991px) {
    header {
        background: var(--bg-color);
    }
    .toggle-btn, .toggle-btn a {
        color: var(--text-color);
      }
    section.tabsAnimation {
        padding-bottom: 0px;
    }
}

.paragraph_space {
    padding-bottom: 40px;
}
@media (max-width: 768px) {
    .paragraph_space {
        padding-bottom: 20px;
    }
}


section.infoSerie p.sipnosisSerie,
.menu .navPrimary li a {
    color: var(--text-color);
}

.loadAnimationTop.loadUp {
    padding-bottom: 20px;
}
.serie-tag {
    background-color: var(--bg-secondary-color);
    padding: 10px 28px 10px 18px !important;
}

.master-container {
    border: none;
    background-color: var(--bg-secondary-color);
}
.landing-footer.master-container {
    background-color: unset;
}

.imgDestacadaSerie img {
    border-radius: 20px;
}


.rrss__platforms path {
    fill: var(--primary-color);
}
.rrss__platforms img {
    filter: invert(66%) sepia(9%) saturate(7305%) hue-rotate(169deg) brightness(92%) contrast(91%);
}
.button-circle {
    background-color: var(--bg-color);
}
.button-circle.inst, .button-circle.twt {
    background-color: var(--primary-color);
}
.landing-footer .button-circle {
    border: 1px solid #E0E0E0;
}
.landing-footer .button-circle path {
    fill: var(--bg-color);
}
.landing-footer .button-circle:hover path {
    fill: var(--primary-color) !important;
    filter: none !important;
}
.landing-footer .button-circle:hover svg {
    filter: none !important;
}
.landing-footer .button-circle:hover {
    background-color: white !important;
}

.reproductor {
    background-color: var(--secondary-color);
    border-top: unset;
}
.reproductor .imagenReproductor img {
    border-color: var(--bg-color) !important;
    border-width: 0px;
}
.reproductor .contentTitR p a,
.reproductor .contentTitR p a:hover {
    color: var(--text-color)
}
.player-bar .time {
    opacity: 1;
}

.reproductor .button-circle img {
    filter: invert(35%) sepia(47%) saturate(1000%) hue-rotate(315deg) brightness(97%) contrast(105%);
    /* filter: invert(63%) sepia(66%) saturate(1831%) hue-rotate(169deg) brightness(91%) contrast(94%); */
}

.reproductor .button-circle line {
    stroke: var(--primary-color);
}

.player-right .button-circle line {
    stroke: var(--primary-color);
}
.pcast-mute span.active {
    filter: brightness(0)
}

.seasons-counter {
    /* display: none; */
}

.imgDestacadaSerie {
    padding: 40px;
}

.serie-footer-mobile>span {
    display: none;
}
.landing-footer .--list a {
    color: var(--text-color);
}

@media (max-width: 1366px) {
    .container {
        padding: 0 40px;
    }
    .textDescrip {
        max-width: 380px;
    }
    .rrss__platforms .button-circle.size-m {
        width: 45px !important;
        height: 45px !important;
    }
}
@media (max-width: 1024px) {
    .textDescrip {
        max-width: 356px;
    }
}
@media (max-width: 768px) {
    .wrapper {
        padding-top: 80px;
    }

    section.infoSerie {
        padding-top: 0px;
    }

    
}

@media (max-width: 500px) {
    section.infoSerie {
        padding-top: 0;
    }
    section.tabsAnimation .contentAnination {
        padding-top: 0;
    }
}

@media (min-width: 992px) {
    .button-circle:hover {
        background-color: var(--primary-color);
        border: unset;
    }
    .button-circle:hover img, .button-circle:hover svg {
        filter: brightness(100)
    }
    .player-right .button-circle:hover img,
    .reproductor .button-circle:hover img {
        filter: brightness(100);
    }
    
    .player-right .button-circle:hover line {
        stroke: var(--bg-color);
    }
}

.serie-fila:not(:last-of-type), .serie-fila:not(:first-of-type) {
    border: none;
    padding: 0;
}

.serie-fila:not(:first-of-type) {
    border: none !important
}

.serie-fila {
    padding-bottom: 36px;
}

@media (max-width: 768px) {
    .serie-fila {
        padding-bottom: 40px;
    }
    .serie-fila {
        padding-bottom: 0;
    }
    .info_org_logo {
        max-height: 20px;
    }
}

@media (min-width: 992px) {
    .menu .navPrimary li a:after {
        border-color: var(--text-color);
    }
}

.downNav {
    background-color: var(--bg-color);
    color: var(--text-color)
}
.downNav:hover, .downNav.open {
    background-color: var(--primary-color);
    color: var(--bg-color);
}
.downNav .navDown ul li a {
    color: var(--bg-color);
    opacity: .8;
}
.downNav .navDown ul li a:hover, .downNav .navDown ul li a.active {
    color: var(--bg-color);
    opacity: 1;
}
.downNav .navDown .sep {
    background-color: var(--bg-color);
}

.downNav svg path {
    stroke: var(--text-color);
}

.downNav:hover svg path,
.downNav.open svg path {
    stroke: var(--bg-color);
}

.textTitulo {
    color: var(--text-color);
}

.time {
    color: var(--text-color);
    opacity: .6;
}

section.tabsAnimation .numeroEpisosdio {
    border-color: var(--bg-color);
    /* margin-left: 0 !important; */
    border-width: 0px;
    border-radius: 20px;
    overflow: hidden;
}

section.tabsAnimation .numeroEpisosdio img{
    height: 100%;
}

.episode-play-container {
    background-color: var(--bg-color);
}
section.tabsAnimation a.play {
    background-image: url(../images/hombre/play_orange.svg);
    width: 20px;
    height: 22px;
}
@media (max-width: 768px) {
    section.tabsAnimation a.play {
        width: 16px;
        height: 17px;
    }
}
section.tabsAnimation .episode-play-container:hover {
    background-color: var(--primary-color);
}
section.tabsAnimation .episode-play-container:hover a.play {
    background-image: url(../images/hombre/play_white.svg);
}

.external_link_item {
    color: var(--text-color);
}
.external_link_item:hover {
    text-decoration: none;
    color: var(--text-color);
}

.external_link_item_title img {
    border-color: var(--bg-color);
    border: none;
}

@media (max-width: 768px) {
    section.tabsAnimation .numeroEpisosdio {
        border: 18px solid var(--bg-color) !important;
        border-width: 0px !important;
        border-radius: 18px;
    }
}


input[type="range"]::-ms-thumb {
    border: 1px solid var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    box-shadow: -8000px 0 0 8000px var(--primary-color) !important;
}

input[type="range"]::-moz-range-thumb {
    border: 1px solid var(--primary-color) !important;
    box-shadow: -8000px 0 0 8000px var(--primary-color) !important;
    background-color: var(--primary-color) !important;
}

input[type="range"]::-webkit-slider-thumb {
    border: 1px solid var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    box-shadow: -8000px 0 0 8000px var(--primary-color) !important;
}

input[type="range"]:active::-webkit-slider-thumb {
    background: var(--primary-color) !important;
}


#cookie-law-info-bar {
    background-color: var(--secondary-color) !important;
}

.cli-bar-message,.cli_settings_button {
    color: var(--text-color) !important;
}


#wt-cli-accept-all-btn {
color: var(--text-color) !important;
background-color: var(--bg-color) !important;
border-radius: 100px;
padding: 20px 64px;
text-transform: uppercase;
font-size: 16px !important;
}