@import url('https://fonts.googleapis.com/css?family=Lato:400,900'); 
html {
    background: var(--color-de-fondo);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, p, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, a, td, section {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

:root {
    /* === LOGO BARRA TEMPORAL DE DOCUMENTALES === */
    --logo-temporal-doc : url(/apps/imag/1973_50_anos/50.svg);
    --logo-chile-doc : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/logos/chile-doc.svg);
    --logo-gobierno : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/logos/gob.svg);
    --logo-coop : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/logos/coop.svg);
    --logo-coop-esp : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/coop_footer.svg);
    /* === LOGO REDES SOCIALES === */
    --logo-twitter : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/twitter-celeste.svg);
    /* === ICON REDES SOCIALES === */
    --icon-twitter : url(/apps/imag/1973_50_anos/logo_twitter.svg);
    --icon-face : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/icon_social/facebook.svg);
    --icon-insta : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/icon_social/instagram_v2.svg);
    --icon-wsp : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/icon_social/wsp.svg);
    /* === ICONOS ROTULOS === */
    --icon-sinopsis : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/sinopsis.svg);
    --icon-ficha-tec : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/ficha_tecnica.svg);
    --icon-fest-pre : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/festivales_y_premios.svg);
    --icon-silla-direct : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/silla.svg);
    /* === GIF ROTULOS === */
    --gif-cart-doc : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/gif_cartelera_documentales.gif);
    --gif-entrev : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/gif_entrevista.gif);
    /* === BTN === */
    --btn-ver-mas : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/ver_mas.svg);
    --btn-play : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/play_multimedia.svg);
    --btn-modal : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/btn_modal.svg);
    /* === COLORES === */
    --color-de-fondo : #171b1e;
    --color-orange : #d88d00;
    --color-dark : #101010;
    --color-rgba-barra-doc : rgba(31, 37, 43, 0.5);
    --color-face : #4267b2;
    --color-ficha : #212e38;
    /* === FONDO ROTULO === */
    --fondo-rotulo: url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/star_wars.jpg);
    /* === VER ACERCA DE === */
    --fondo-acerca : url(https://temporaldedocumentales.cooperativa.cl/apps/imag/2021/tdd2021/acerca.jpg);
}

/* === MOBILE === */
@media only screen and (max-width: 767px) {
    .wrapper {
        display:table;
        width: 100%;
        height: 100%;
        margin: auto;
        background: #000000;
        font-family: 'Montserrat', sans-serif;
    }

    .wrapper .separador {
        background: var(--color-de-fondo);
    }

    .wrapper .separador-two {
        background: #000000;
    }

    /* === BARRA TEMPORAL DE DOCUMENTALES === */
    .wrapper .container-player-main .container-barra-temp-doc {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100vw;
        height: 15.625vw;
        background: rgb(31 37 43 / 80%);
        position: fixed;
        top: 0;
        z-index: 100;
    }

    .wrapper .container-player-main .container-barra-temp-doc.barra-mode-default {
        position: static;
        display: grid !important;
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-left {
        display: inline-grid;
        margin: auto 0;
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-left .box-logo-temp-doc {
        background: var(--logo-temporal-doc) no-repeat center;
        background-size: 100%;
        width: 35vw;
        height: 16vw;
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-right {
        display: inline-grid;
        margin: auto 0;
        grid-template-columns: repeat(3, 1fr);
        justify-content: flex-end;
        grid-gap: 10px;
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-right .box-logo-coop {
        background: url(/apps/imag/1973_50_anos/coopsincl.svg) no-repeat center;
        background-size: 100%;
        width: 30vw;
        height: 10vw;
        /* display: none; */
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-right .box-logo-chile-doc {
        /* background: var(--logo-chile-doc) no-repeat center; */
        /* background-size: 100%; */
        /* width: 10vw; */
        /* height: 15vw; */
        display: none;
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-right .box-logo-gob {
        /* background: var(--logo-gobierno) no-repeat center; */
        /* background-size: 100%; */
        /* width: 10vw; */
        /* background: red; */
        /* height: 15vw; */
        display: none;
    }

    /* === */
    /* === PLAYER PRINCIPAL === */
    /* === */
    .wrapper .container-player-main {
        width: 100%;
        margin: auto;
        display: table;
        position: relative;
    }

    .wrapper .container-player-main .container-img-player {
        width: 100%;
        display: table;
        height: auto;
        position: relative;
        max-width: 760px;
    }

    .wrapper .container-player-main .container-img-player .img-player {
        padding-bottom: calc(5 / 6* 100%);
        position: relative;
    }

    .wrapper .container-player-main .container-img-player .img-player img {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    /*.wrapper .container-player-main .container-img-player .btn-play {
        background: var(--btn-play) no-repeat center;
        background-size: cover;
        width: 21.875vw;
        height: 21.875vw;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 3;
        cursor: pointer;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
       
    }*/
    .wrapper .container-player-main .container-img-player .box-contents-player {
        position: absolute;
        left: 5vw;
        bottom: 5vw;
    }

    .wrapper .container-player-main .container-img-player .box-contents-player .box-title {
        display: table;
        width: auto;
        /* margin: auto; */
    }

    .wrapper .container-player-main .container-img-player .box-contents-player .box-title .txt-title {
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        font-size: 10vw;
        text-transform: uppercase;
        font-weight: 900;
    }

    .wrapper .container-player-main .container-img-player .box-contents-player .box-bajada {
        display: table;
        width: auto;
    }

    .wrapper .container-player-main .container-img-player .box-contents-player .box-bajada .txt-bajada {
        color: var(--color-orange);
        display: table-cell;
        vertical-align: middle;
        font-size: 3.5vw;
    }

    .wrapper .container-player-main .container-img-player .container-player {
        margin: auto;
        width: 100vw;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: none;
    }

    .wrapper .container-player-main .container-img-player .container-player .embed {
        position: relative;
        padding-bottom: 56.25%;
    }

    .wrapper .container-player-main .container-img-player .container-player .embed.horizontal-player {
    }

    .wrapper .container-player-main .container-img-player .container-player .embed iframe {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    /* === PLAYER CERRAR PRINCIPAL === */
    .wrapper .container-player-main .container-img-player .cerrar-player-principal {
        display: none !important;
    }

    /* === FIN PLAYER CERRAR PRINCIPAL === */
    .wrapper .container-player-main .container-player .embed .cont-btn-close-player {
        display: flex;
        position: absolute;
        bottom: -13vw;
        width: 100%;
        height: auto;
        /* border-bottom: 1px solid white; */
        background: black;
        padding: 3.125vw;
        justify-content: center;
        align-items: center;
        flex-flow: row-reverse;
    }

    .wrapper .container-player-main .container-player .embed .cont-btn-close-player .btn-cerrar {
        width: 10vw;
        height: 10vw;
        color: #ffffff;
        z-index: 2;
        background: #000;
        font-weight: bold;
        border-radius: 50%;
        border: 1px solid #fff;
        text-shadow: 1px 1px 1px #000;
        cursor: pointer;
        display: inline-table;
    }

    .wrapper .container-player-main .container-player .embed .cont-btn-close-player .btn-cerrar .icon-x {
        display: table-cell;
        vertical-align: middle;
        margin: auto;
        text-align: center;
        font-weight: bold;
        font-size: 3.5vw;
    }

    /*.wrapper .container-player-main .container-player .btn-cerrar::before{content:'X';width: 10vw;display: block;font-size: 5vw;position: absolute;right: 0;left: 0;top: 30%;}*/
    .cont-txt-doc {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: row wrap;
        flex: 1;
        margin: 0 3.125vw 0 0;
    }

    .rotulo-documental {
        width: 100%;
        display: inline-flex;
    }

    .rotulo-documental p {
        color: var(--color-orange);
        font-size: 3.5vw;
        text-transform: uppercase;
        font-weight: bold;
        /* display: table-cell; */
        /* vertical-align: middle; */
    }

    .rotulo-viendo {
        width: 100%;
        display: inline-flex;
        /* height: auto; */
        /* width: 60vw; */
        /* margin: auto; */
    }

    .rotulo-viendo p {
        color: white;
        font-size: 3.5vw;
        text-transform: uppercase;
        font-weight: bold;
        /* display: table-cell; */
        /* vertical-align: middle; */
    }

    /* === */
    /* === CONTENIDO ACERCA === */
    /* === */
    .wrapper section.container-img-acerca {
        width: 100%;
        background: #0c171d;
        display: none;
    }

    .wrapper section.container-img-acerca .cont-img {
        background: var(--fondo-acerca)no-repeat center;
        background-size: contain;
        width: 90vw;
        height: 90vw;
        margin: auto;
        border: 1px solid var(--color-orange);
    }

    .wrapper section.container-img-acerca.activar-acerca {
        display: block;
    }

    /* === */
    /* === CONTENIDO SINOPSIS === */
    /* === */
    .wrapper .container-sinopsis {
        display: table;
        /* margin: -44vw auto auto 0; */
        background: #a01e1e;
        position: absolute;
        right: 0;
        top: 44vw;
        border-radius: 7px 0 0 7px;
    }

    .wrapper .container-sinopsis .btn-info {
        position: absolute;
        right: 0;
        color: #fff;
        top: -2vw;
        /* width: 8vw; */
        /* height: 8vw; */
        text-align: center;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1.5625vw;
        background: var(--color-orange);
        /* background: var(--btn-modal) no-repeat center; */
    }

    .wrapper .container-sinopsis .btn-info p {
        font-size: 3.125vw;
        font-weight: bold;
        text-transform: uppercase;
    }

    .wrapper .container-sinopsis .sinopsis {
        margin: auto;
        display: flex;
        position: relative;
        padding: 10px;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor {
        margin: 0 2.5vw 2.5vw 0;
        display: table;
        float: left;
        shape-outside: circle(50% at 50% 50%);
        -webkit-shape-outside: circle(closest-side at 52% 50%);
        position: relative;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis {
        overflow: hidden;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 25vw;
        height: 25vw;
        margin: auto;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis img {
        width: auto;
        height: 100%;
        display: table;
        margin: auto;
        position: relative;
        overflow: hidden;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .texto-img-autor {
        position: absolute;
        padding: 2px;
        color: #fff;
        background: #212e38;
        width: 100%;
        text-align: center;
        top: 20vw;
        text-transform: uppercase;
        font-size: 3vw;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .btn-play {
        background: var(--btn-play) no-repeat center;
        background-size: cover;
        width: 7.8125vw;
        height: 7.8125vw;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        cursor: pointer;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .btn-play:hover::after {
        cursor: pointer;
        left: -3px;
        clip: rect(85px, 550px, 140px, 0);
        animation: glitch-anim 1s infinite linear alternate-reverse;
        box-shadow: inset 0 0 0px 3px #ee3169;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .btn-play:hover::before {
        cursor: pointer;
        left: -3px;
        clip: rect(24px, 550px, 90px, 0);
        animation: glitch-anim-2 1s infinite linear alternate-reverse;
        box-shadow: inset 0 0 0px 3px #95d4ce;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .btn-play::before, .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .btn-play::after {
        color: white;
        content: "";
        background: var(--btn-play) no-repeat center;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        border-radius: 100%;
    }

    .wrapper .container-sinopsis .sinopsis .box-presentado {
        color: #b1b1b1;
        font-size: 4vw;
        /* text-transform: uppercase; */
        text-align: left;
        width: 50%;
    }

    .wrapper .container-sinopsis .sinopsis .box-presentado p {
    }

    .wrapper .container-sinopsis .sinopsis .box-contents {
        display: table;
        width: 100%;
    }

    .wrapper .container-sinopsis .sinopsis .box-contents .box-rotulo {
        margin: 7.6875vw 0 4vw 0;
        width: 100%;
    }

    .wrapper .container-sinopsis .sinopsis .box-contents .box-rotulo .box-logo {
        width: 7.815vw;
        height: 7.815vw;
        background: var(--icon-sinopsis) no-repeat center;
        float: left;
        margin-right: 2.5vw;
    }

    .wrapper .container-sinopsis .sinopsis .box-contents .box-rotulo .box-title {
        display: table;
        width: auto;
    }

    .wrapper .container-sinopsis .sinopsis .box-contents .box-rotulo .box-title .txt-title {
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }

    .wrapper .container-sinopsis .sinopsis .txt-bajada {
        color: #fff;
        font-size: 4.375vw;
        text-align: left;
        margin-bottom: 0;
    }

    /* === */
    /* === CONTENIDO TWITTER === */
    /* === */
    .wrapper .container-sinopsis .seccion-redes {
        background: var(--color-dark);
        width: 90vw;
        margin: 9.375vw auto;
        height: 17.19vw;
        position: relative;
        border-radius: 50px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .wrapper .container-sinopsis .seccion-redes .cont-name-redes {
    }

    .wrapper .container-sinopsis .seccion-redes .cont-name-redes .txt {
    }

    .wrapper .container-sinopsis .seccion-redes a .cont-icon {
        width: 14.0625vw;
        height: 14.0625vw;
        border-radius: 100%;
        display: inline-block;
    }

    .wrapper .container-sinopsis .seccion-redes a .cont-icon.color-face {
        background: var(--color-face);
    }

    .wrapper .container-sinopsis .seccion-redes a .cont-icon.color-face .cont-face {
        background: var(--icon-face) no-repeat center;
        background-size: cover;
        width: 14.0625vw;
        height: 14.0625vw;
    }

    .wrapper .container-sinopsis .seccion-redes a .cont-icon.color-insta {
        background: #f09433;
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
        background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    }

    .wrapper .container-sinopsis .seccion-redes a .cont-icon.color-insta .cont-insta {
        background: var(--icon-insta) no-repeat center;
        background-size: cover;
        width: 14.0625vw;
        height: 14.0625vw;
        border: 2px solid #fff;
        border-radius: 100%;
        /* background-position: 2.5vw 0.5vw; */
    }

    .wrapper .container-sinopsis .seccion-redes a .cont-icon.color-tweet {
        background: #1da1f2;
    }

    .wrapper .container-sinopsis .seccion-redes a .cont-icon.color-tweet .cont-tweet {
        background: var(--icon-twitter) no-repeat center;
        background-size: cover;
        width: 14.0625vw;
        height: 14.0625vw;
    }

    .wrapper .container-sinopsis .seccion_twitter {
        background: var(--color-dark);
        width: 90vw;
        margin: 9.375vw auto;
        height: 17.19vw;
        position: relative;
        border-radius: 50px;
        display: none;
    }

    .wrapper .container-sinopsis .seccion_twitter .cont-titulo-twitter {
        position: relative;
        width: 17.19vw;
        margin: auto;
        height: 17.19vw;
        float: left;
    }

    .wrapper .container-sinopsis .seccion_twitter .cont-titulo-twitter::after {
        content: '';
        position: absolute;
        right: -2vw;
        top: 1.25vw;
        width: 5px;
        height: 15vw;
        background: var(--color-de-fondo);
    }

    .wrapper .container-sinopsis .seccion_twitter .cont-titulo-twitter .cont-logo-twitter {
        width: 17.19vw;
        height: 17.19vw;
        position: absolute;
        left: 0;
        background: url('https://www.cooperativapodcast.cl/podcast/imag/custom/logos/fav.png') no-repeat center;
        background-size: 80%;
    }

    .wrapper .container-sinopsis .seccion_twitter .cont_twitter {
        width: 70vw;
        height: 17.19vw;
        float: left;
    }

    .wrapper-twt {
        width: 70vw;
        height: auto;
        padding: 0 4.685vw;
    }

    .wrapper-twt .default-ticker {
        height: auto;
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    .wrapper-twt .default-ticker .cont-twt {
        display: inline-block;
        margin: auto;
        height: 17.19vw;
    }

    .wrapper-twt .default-ticker .cont-twt .img-user {
        display: inline-block;
        float: left;
        width: 10vw;
        height: 10vw;
        padding: 3.5vw 0;
    }

    .wrapper-twt .default-ticker .cont-twt .img-user img {
        width: 100%;
        height: auto;
        border-radius: 50%;
    }

    .wrapper-twt .default-ticker .cont-twt .news-item {
        cursor: pointer;
        color: #fff;
        margin: auto;
        font-size: 4.5vw;
        text-decoration: underline;
        margin: 0 5vw;
        display: inline-block;
        padding: 5vw 0;
    }

    /* === */
    /* === CONTENIDO FICHA TECNICA === */
    /* === */
    .wrapper .container-ficha-tecnica {
        width: 96%;
        display: table;
        /* background: var(--color-dark); */
        margin: auto;
        background: #141211;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column wrap;
        justify-content: space-between;
        align-items: start;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .cont-one-date {
        float: left;
        display: inline-block;
        width: 100%;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .cont-two-date {
        float: left;
        display: inline-block;
        width: 50%;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .box-title {
        display: table;
        margin: auto;
        flex-basis: 100%;
        /* padding: 4.75vw 0; */
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .box-title .logo-fichas {
        background: var(--icon-ficha-tec) no-repeat center;
        background-size: contain;
        width: 29.375vw;
        height: 29.375vw;
        margin-right: 2.5vw;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .box-title .txt-title {
        color: #fff;
        font-size: 4vw;
        text-transform: uppercase;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
        text-decoration: underline;
        text-decoration-color: #d88d00;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .box-ficha {
        flex-grow: 0;
        flex-basis: 100%;
        padding: 0px 0px 20px 10px;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .box-ficha .rotulo-ficha {
        display: table;
        margin: auto;
        width: 100%;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .box-ficha .rotulo-ficha .txt-rotulo {
        color: #ffffff;
        text-transform: capitalize;
        font-size: 3.5vw;
        /* font-weight: bold; */
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .box-ficha .bajada-ficha {
        /* width: 100%; */
        /* display: table; */
        /* margin: auto; */
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .box-ficha .bajada-ficha .txt-bajada {
        /* display: table-cell; */
        /* vertical-align: middle; */
        color: #ffffffbd;
        font-size: 3vw;
        padding-bottom: 10px;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .cont-festival {
        padding: 10px 15px;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .cont-festival p {
        color: #754c00;
        text-transform: capitalize;
        font-size: 4.5vw;
        font-weight: bold;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .cont-festival ul {
        padding: 5vw;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .cont-festival ul li {
        color: #ffffffbd;
    }

    .wrapper .container-ficha-tecnica .ficha-tecnica .cont-festival ul li a {
    }

    .wrapper .container-ficha-tecnica .rot-ficha {
        width: 90%;
        height: 50px;
        /* background: #000000; */
        color: white;
        font-size: 4vw;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 3.7;
        margin-bottom: 0px;
        position: relative;
        left: 6%;
        /* border-top: 5px solid #1f2931; */
        /* border-bottom: 5px solid #1f2931; */
        /* top: 0px; */
        text-align: left;
    }

    .wrapper .container-ficha-tecnica .box-title {
        display: table;
        margin: auto;
        /* width: 50%; */
        /* height: 15vw; */
        float: left;
        position: relative;
        /* background: var(--color-rgba-barra-doc); */
        /* opacity: .3; */
    }

    .wrapper .container-ficha-tecnica .box-title.active {
        opacity: 1;
    }

    .wrapper .container-ficha-tecnica .box-title:nth-child(1)::after {
        content: '';
        position: absolute;
        right: 0;
        top: 5vw;
        width: 2px;
        height: 25vw;
        /* background: #fff; */
    }

    .wrapper .container-ficha-tecnica .box-title .logo-fichas {
        background: var(--icon-ficha-tec) no-repeat center;
        background-size: contain;
        width: 80px;
        height: 80px;
        margin: 0vw auto 0vw auto;
        position: relative;
    }

    .wrapper .container-ficha-tecnica .box-title .btn-title {
        color: #fff;
        font-size: 3.5vw;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        display: table;
        margin: 5vw auto;
    }

    .wrapper .container-ficha-tecnica .box-title:nth-child(2) .logo-fichas {
        background: var(--icon-fest-pre) no-repeat center;
    }

    /* === */
    /* === CONTENIDO PLAYER, RESUMEN, SOCIAL === */
    /* === */
    .wrapper .container-social .social-contents .seccion-redes {
        display: none;
    }

    .wrapper .container-social {
        width: 100%;
        margin: auto;
        display: table;
    }

    .wrapper .container-social .fondo-player {
        display: table;
        width: 95vw;
        padding: 5vw;
        margin: auto;
    }

    .wrapper .container-social .fondo-player .player-stream {
        height: 0;
        width: 100%;
        position: relative;
        padding-bottom: calc(9/16*100%);
    }

    .wrapper .container-social .fondo-player .player-stream .cont-logo-fid {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%,-50%);
        width: 100px;
        height: 100px;
        background: #d88d00a6 var(--btn-play) no-repeat center;
        border-radius: 50%;
        z-index: 1;
    }

    .wrapper .container-social .fondo-player .player-stream .embed-container {
        padding-bottom: 56.25%;
        position: relative;
    }

    .wrapper .container-social .fondo-player .player-stream .embed-container iframe {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .wrapper .container-social .fondo-player .player-stream img {
        width: 100%;
        height: auto;
    }

    .wrapper .container-social .resumen-contents {
        display: table;
        width: 100%;
        margin: 20px auto;
    }

    .wrapper .container-social .resumen-contents .box-rotulo {
        width: 100%;
        margin-bottom: 20px;
    }

    .wrapper .container-social .resumen-contents .box-rotulo .box-title {
        width: 100%;
        display: table;
        margin: auto;
    }

    .wrapper .container-social .resumen-contents .box-rotulo .box-title .logo-silla {
        background: var(--icon-silla-direct) no-repeat center;
        width: 10.95vw;
        height: 14.15vw;
        background-size: cover;
        position: relative;
        left: 2.5vw;
    }

    .wrapper .container-social .resumen-contents .box-rotulo .box-title .txt-title {
        color: var(--color-orange);
        display: table-cell;
        text-transform: uppercase;
        vertical-align: middle;
        font-size: 5vw;
        font-weight: bold;
        padding-left: 4.5vw;
    }

    .wrapper .container-social .resumen-contents .box-contents-resumen {
        width: 100%;
        display: table;
        margin: auto;
        height: auto;
        position: relative;
        background-color: #1a2127;
    }

    .wrapper .container-social .resumen-contents .box-contents-resumen .capa-opacidad-lineas {
        width: 100%;
        height: 100%;
        position: absolute;
        background: url(/apps/imag/2019/temporal_de_documentales/m_lineas.svg) no-repeat top;
        background-size: contain;
        opacity: .2;
    }

    .wrapper .container-social .resumen-contents .box-contents-resumen .txt-resumen {
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        font-size: 4.375vw;
        padding: 0 5vw;
    }

    .wrapper .container-social .social-contents {
        display: inline-block;
        width: 30%;
        background: #476098;
        float: left;
        margin: auto;
        display: none;
    }

    .wrapper .container-social .social-contents span {
    }

    .wrapper .container-social .social-contents span .rot {
        width: 100%;
        display: table;
    }

    .wrapper .container-social .social-contents span .rot .txt-face {
        color: #fff;
        display: table-cell;
        vertical-align: middle;
        font-size: 1.5rem;
        text-align: center;
        padding: 10px 0;
    }

    .wrapper .container-social .social-contents span .muro {
        background: #fff;
        width: 100%;
        height: 225px;
        overflow-y: scroll;
    }

    .wrapper .container-social .social-contents span .muro .cont-fb {
    }

    /* === */
    /* === CARTELERA DE DOCUMENTALES === */
    /* === */
    .wrapper .container-cartel-doc {
        display: table;
        margin: 6.25vw auto;
        width: 100%;
    }

    .wrapper .container-cartel-doc .titular-cartelera {
        display: table;
        width: 100%;
    }

    .wrapper .container-cartel-doc .titular-cartelera .titular-cartelera-small {
        width: 100%;
        display: table;
        margin: auto;
        background: var(--fondo-rotulo) no-repeat center;
        background-size: cover;
        position: relative;
    }

    .wrapper .container-cartel-doc .titular-cartelera .titular-cartelera-small .capa-opacidad {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.9;
        background-color: #1a2127;
    }

    .wrapper .container-cartel-doc .titular-cartelera .titular-cartelera-small .cartelera-documentales {
        display: table;
        width: 100%;
        filter: opacity(1);
    }

    .wrapper .container-cartel-doc .titular-cartelera .titular-cartelera-small .cartelera-documentales .logo-cartelera-documental {
        background: var(--gif-cart-doc) no-repeat center;
        width: 6.5vw;
        height: 7.815vw;
        background-size: cover;
        position: relative;
        left: 2.5vw;
    }

    .wrapper .container-cartel-doc .titular-cartelera .titular-cartelera-small .cartelera-documentales .txt-cartelera-documentales {
        color: #fff;
        text-transform: uppercase;
        display: table-cell;
        vertical-align: middle;
        font-size: 5.5vw;
        padding-left: 4.5vw;
        font-weight: bold;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: start;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small {
        /* flex-grow: 1; */
        flex-basis: 40vw;
        height: auto;
        position: relative;
        margin: auto;
        padding: 3.25vw 0;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .box-date {
        width: 100%;
        display: table;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .box-date .txt-date {
        color: #d88d00;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        font-size: 3.75vw;
        text-transform: capitalize;
        padding: 5px 0;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .box-date-bajada {
        width: 100%;
        display: table;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .box-date-bajada .txt-date-bajada {
        color: var(--color-orange);
        text-transform: capitalize;
        font-size: 4.5vw;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding-bottom: 10px;
        font-weight: bold;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .box-player-cartelera {
        padding-bottom: calc(7.5/5*100%);
        position: relative;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .box-player-cartelera img {
        width: 100%;
        height: auto;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .btn-trailer {
        width: 100%;
        display: table;
        margin: 10px auto auto auto;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .btn-trailer .btn-enlace {
        color: #fff;
        display: table;
        width: 90%;
        text-align: center;
        font-size: 4.4vw;
        text-transform: uppercase;
        background: var(--color-orange);
        margin: auto;
        padding: 5px;
    }

    /* === */
    /* === ENTREVISTAS CON LOS REALIZADORES === */
    /* === */
    .wrapper .container-e-con-r .titular-entrevistas {
        display: table;
        width: 100%;
    }

    .wrapper .container-e-con-r .titular-entrevistas .titular-entrevistas-small {
        width: 100%;
        display: table;
        margin: auto;
        background: var(--fondo-rotulo) no-repeat center;
        background-size: cover;
        position: relative;
    }

    .wrapper .container-e-con-r .titular-entrevistas .titular-entrevistas-small .capa-opacidad {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.9;
        background-color: #1a2127;
    }

    .wrapper .container-e-con-r .titular-entrevistas .titular-entrevistas-small .entrevista-realizadores {
        display: table;
        width: 100%;
        filter: opacity(1);
    }

    .wrapper .container-e-con-r .titular-entrevistas .titular-entrevistas-small .entrevista-realizadores .logo-entrevista {
        background: var(--gif-entrev) no-repeat center;
        height: 7.815vw;
        width: 9.375vw;
        background-size: cover;
        position: relative;
        left: 2.5vw;
    }

    .wrapper .container-e-con-r .titular-entrevistas .titular-entrevistas-small .entrevista-realizadores .txt-entrevista-realizadores {
        color: #fff;
        text-transform: uppercase;
        display: table-cell;
        vertical-align: middle;
        font-size: 5vw;
        padding-left: 4.5vw;
        font-weight: 900;
    }

    .wrapper .container-e-con-r {
        width: 100%;
        display: table;
        margin: auto;
    }

    .wrapper .container-e-con-r .container-repeat-entrev {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
        height: auto;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small {
        /* flex-grow: 1; */
        flex-basis: 40vw;
        height: auto;
        margin: auto;
        padding: 5vw 0;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small:nth-child(9) {
        display: none;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-title-contents {
        width: 100%;
        min-height: 16.5vw;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-title-contents .txt-title {
        color: #fff;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        font-size: 3vw;
        text-transform: capitalize;
        font-weight: normal;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-title-bajada {
        width: 100%;
        display: table;
        margin: auto;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-title-bajada .txt-title-bajada {
        color: #fff;
        text-transform: capitalize;
        font-size: 3.75vw;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding-bottom: 25px;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents {
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        background: #fff;
        cursor: pointer;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents .btn-ver-mas {
        background: var(--btn-ver-mas);
        background-size: cover;
        width: 7.5vw;
        height: 7.5vw;
        position: absolute;
        right: 0;
        margin: 1vw 1vw 0 0;
        z-index: 1;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents img {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents .cont-logo-fid {
        cursor: pointer;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%,-50%);
        width: 14.0625vw;
        height: 14.0625vw;
        background: #d88d00a6 var(--btn-play) no-repeat center;
        border-radius: 50%;
        z-index: 1;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents .cont-logo-fid:hover::after {
        left: -3px;
        clip: rect(85px, 550px, 140px, 0);
        animation: glitch-anim 1s infinite linear alternate-reverse;
        box-shadow: inset 0 0 0px 3px #ee3169;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents .cont-logo-fid:hover::before {
        left: -3px;
        clip: rect(24px, 550px, 90px, 0);
        animation: glitch-anim-2 1s infinite linear alternate-reverse;
        box-shadow: inset 0 0 0px 3px #95d4ce;
    }

    /* === */
    /* === VER TEMPORAL === */
    /* === */
    .wrapper .container-ver-temporal {
        margin: 9.375vw auto;
    }

    .wrapper .container-ver-temporal a {
        display: table;
        margin: auto;
    }

    .wrapper .container-ver-temporal a .btn-prev-temp {
        color: #fff;
        width: 80vw;
        padding: 5vw 0;
        margin: auto;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 3.5vw;
        text-transform: uppercase;
        font-weight: bold;
        background: #5f7484;
        border-radius: 10px;
        border: 2px solid #fff;
    }

    /* === */
    /* === FOOTER === */
    /* === */
    .wrapper footer {
        width: 100vw;
        background-color: var(--color-dark);
        height: auto;
        margin: auto;
    }

    .wrapper footer .cont-full-footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        margin: auto;
        width: 100%;
        height: auto;
    }

    .wrapper footer .cont-full-footer .contacto-creditos {
        width: 375px;
        height: 71px;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        margin: 41px 0 0 0;
        float: left;
    }

    .wrapper footer .cont-full-footer .contacto-creditos p {
        color: #cccccc;
        text-align: left;
        font-size: 14px;
        font-family: 'Montserrat', sans-serif;
        margin: 0px 0px 0 22px;
    }

    .wrapper footer .cont-full-footer .contacto-creditos strong {
        color: #999797;
        text-transform: uppercase;
        font-weight: normal;
    }

    .wrapper footer .cont-full-footer .contacto-radio {
        width: 100vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .wrapper footer .cont-full-footer .contacto-radio .contacto-correo {
        height: auto;
        width: 100vw;
    }

    .wrapper footer .cont-full-footer .contacto-radio .contacto-correo p {
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        font-size: 4vw;
        color: #fff;
        margin: 10px 0 0 0;
    }

    .wrapper footer .cont-full-footer .contacto-radio .contacto-cooperativa {
        height: auto;
        width: 100vw;
        display: table;
    }

    .wrapper footer .cont-full-footer .contacto-radio .contacto-cooperativa p {
        font-size: 4vw;
        font-family: 'Montserrat', sans-serif;
        margin: auto;
        text-align: center;
        color: #fff;
    }

    .wrapper footer .cont-full-footer .contacto-radio .punto {
        display: none;
    }

    .wrapper footer .cont-full-footer .contacto-logo {
        width: 100%;
        height: auto;
    }

    .wrapper footer .cont-full-footer .contacto-logo .logo {
        width: 40vw;
        margin: auto;
        height: 102px;
        background: url(/apps/imag/1973_50_anos/coopsincl.svg) no-repeat center;
        background-size: 100%;
    }

    .container-logo-left .box-presentado {
        color: #b1b1b1;
        font-size: 9px;
        text-indent: 2px;
        display: none;
    }
}

/* === DESKTOP === */
@media only screen and (min-width: 768px) {
    .container-logo-left .box-presentado {
        color: #a5a5a5;
        font-size: 10px;
        margin-left: 72px;
        display: none;
    }

    /* === */
    /* === DIV SEPARADORES === */
    /* === */
    .wrapper .separador {
        position: static !important;
        height: auto !important;
    }

    .wrapper .separador-two {
        position: static !important;
        top: 0!important;
        padding: 20px 10%;
    }

    /* === */
    /* === BARRA TEMPORAL DE DOCUMENTALES === */
    /* === */
    .wrapper {
        width: 100%;
        height: auto;
        margin: auto;
        background: #000000;
        font-family: 'Montserrat', sans-serif;
    }

    .wrapper .container-player-main .container-barra-temp-doc {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        height: 80px;
        background: var(--color-rgba-barra-doc);
        position: fixed;
        top: 0;
        z-index: 99;
    }

    .wrapper .container-player-main .container-barra-temp-doc.barra-mode-default {
        position: static;
        display: grid !important;
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-left {
        display: inline-grid;
        height: 70px;
        padding-left: 60px;
        align-self: center;
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-left .box-logo-temp-doc {
        background: url(/apps/imag/1973_50_anos/50.svg)no-repeat;
        background-size: contain;
        width: 230px;
        height: 70px;
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-right {
        display: inline-grid;
        align-self: center;
        grid-template-columns: repeat(1, 184px 0px 0px);
        justify-content: flex-end;
        grid-gap: 4px;
        padding-right: 57px;
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-right .box-logo-coop {
        background: url(/apps/imag/1973_50_anos/coopsincl.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        width: 144px;
        height: 38px;
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-right .box-logo-chile-doc {
        background: #494949;
        background-size: contain;
        width: 50px;
        height: 50px;
        display: none;
    }

    .wrapper .container-player-main .container-barra-temp-doc .container-logo-right .box-logo-gob {
        background: #494949;
        background-size: contain;
        width: 60px;
        height: 50px;
        display: none;
    }

    /* === */
    /* === PLAYER PRINCIPAL === */
    /* === */
    .wrapper .container-player-main {
        width: 100%;
        height: auto;
        margin: auto;
        position: relative;
    }

    .wrapper .container-player-main .container-img-player {
        width: 100%;
        height: auto;
        z-index: 2;
        min-height: 650px;
        position: relative;
        background: #000;
    }

    .wrapper .container-player-main .container-img-player .img-player {
        width: 100%;
        height: 100%;
        min-height: 720px;
    }

    .wrapper .container-player-main .container-img-player .img-player img {
        width: auto;
        height: 100%;
        display: table;
        margin: auto;
    }

    .wrapper .container-player-main .container-img-player .btn-play {
        background: var(--btn-play) no-repeat center;
        background-size: cover;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        position: relative;
        left: 60px;
        top: -100px;
        /* transform: translate(-50%, -50%); */
        /* -webkit-transform: translate(-50%, -50%); */
        cursor: pointer;
    }

    .wrapper .container-player-main .container-img-player .btn-play:hover::after {
        left: -3px;
        clip: rect(85px, 550px, 140px, 0);
        animation: glitch-anim 1s infinite linear alternate-reverse;
        box-shadow: inset 0 0 0px 3px #ee3169;
    }

    .wrapper .container-player-main .container-img-player .btn-play:hover::before {
        /* left: -3px; */
        /* clip: rect(24px, 550px, 90px, 0); */
        /* animation: glitch-anim-2 1s infinite linear alternate-reverse; */
        /* box-shadow: inset 0 0 0px 3px #95d4ce; */
    }

    .wrapper .container-player-main .container-img-player .btn-play::before, .wrapper .container-player-main .container-img-player .btn-play::after {
        color: white;
        content: "";
        background: url(../../../../imag/2019/temporal_de_documentales/play_multimedia.svg) no-repeat center;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        border-radius: 100%;
    }

    .wrapper .container-player-main .container-img-player .box-contents-player {
        width: 100%;
        position: absolute;
        bottom: 1.5vw;
    }

    .wrapper .container-player-main .container-img-player .box-contents-player .box-title {
        display: table;
        width: auto;
        margin: auto;
    }

    .wrapper .container-player-main .container-img-player .box-contents-player .box-title .txt-title {
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        font-size: 3.5rem;
        text-transform: uppercase;
        font-weight: 900;
        display: flex;
        margin: auto;
        flex-wrap: nowrap;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .wrapper .container-player-main .container-img-player .box-contents-player .box-bajada {
        display: table;
        width: auto;
        margin: auto;
    }

    .wrapper .container-player-main .container-img-player .box-contents-player .box-bajada .txt-bajada {
        color: var(--color-orange);
        display: table-cell;
        vertical-align: middle;
        font-size: 1.75rem;
    }

    .wrapper .container-player-main .container-img-player .container-player {
        display: none;
        position: absolute;
        margin: 0 auto;
        top: 0;
        left: 0;
        right: 0;
        width: 1155px;
    }

    .wrapper .container-player-main .container-img-player .container-player .embed {
        position: relative;
        padding-bottom: 56.25%;
    }

    .wrapper .container-player-main .container-img-player .container-player .embed.move-player {
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 350px;
        height: 200px;
        animation: fade-in-up .25s ease forwards;
        padding-bottom: 0;
        z-index: 2;
    }

    .wrapper .container-player-main .container-img-player .container-player .embed iframe {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .wrapper .container-player-main .container-img-player .container-player .embed iframe video {
        width: 100%;
        height: 100%;
    }

    /* === PLAYER CERRAR PRINCIPAL === */
    .wrapper .container-player-main .container-img-player .cerrar-player-principal {
        display: none;
        position: absolute;
        bottom: 15px;
        right: 15px;
        height: auto;
        width: 250px;
        justify-content: center;
        align-items: center;
        z-index: 3;
        background: #101010;
        padding: 10px;
    }

    .wrapper .container-player-main .container-img-player .cerrar-player-principal .btn-cerrar {
        width: 35px;
        height: 35px;
        color: #ffffff;
        z-index: 2;
        background: #000000;
        border-radius: 50%;
        border: 1px solid #fff;
        text-shadow: 1px 1px 1px #000;
        cursor: pointer;
        display: inline-flex;
        margin: 0 15px 0 0;
    }

    .wrapper .container-player-main .container-img-player .cerrar-player-principal .btn-cerrar .icon-x {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        margin: auto;
        font-weight: normal;
        line-height: 2;
    }

    .wrapper .container-player-main .container-img-player .cerrar-player-principal .cont-txt-doc {
        display: inline-flex;
        flex: 1;
        flex-direction: column;
    }

    .wrapper .container-player-main .container-img-player .cerrar-player-principal .cont-txt-doc .rotulo-documental {
        display: table;
    }

    .wrapper .container-player-main .container-img-player .cerrar-player-principal .cont-txt-doc .rotulo-documental p {
        font-size: 0.875rem;
        color: var(--color-orange);
        font-weight: bold;
        text-transform: uppercase;
        display: table-cell;
        vertical-align: middle;
    }

    .wrapper .container-player-main .container-img-player .cerrar-player-principal .rotulo-viendo {
        display: table;
        /* height: auto; */
    }

    .wrapper .container-player-main .container-img-player .cerrar-player-principal .rotulo-viendo p {
        color: #fff;
        display: table-cell;
        vertical-align: middle;
        text-transform: uppercase;
        font-size: 1rem;
        font-weight: bold;
        margin: auto;
        word-break: break-word;
    }

    /* === FIN PLAYER CERRAR PRINCIPAL === */
    .wrapper .container-player-main .container-player .embed .cont-btn-close-player {
        display: none;
        position: absolute;
        bottom: 0;
        right: -373.5px;
        height: auto;
        width: 32.25%;
        justify-content: center;
        align-items: center;
    }

    .wrapper .container-player-main .container-player .embed .cont-btn-close-player .btn-cerrar {
        width: 35px;
        height: 35px;
        color: #ffffff;
        z-index: 2;
        background: #000000;
        border-radius: 50%;
        border: 1px solid #fff;
        text-shadow: 1px 1px 1px #000;
        cursor: pointer;
        float: left;
        display: table;
        margin: 10px auto;
    }

    .wrapper .container-player-main .container-player .embed .cont-btn-close-player .btn-cerrar .icon-x {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        margin: auto;
        font-weight: normal;
        line-height: 2;
    }

    .wrapper .container-player-main .container-player .embed.move-player .cont-btn-close-player {
        display: flex;
        right: 0;
        width: 100%;
        top: -80px;
        height: 80px;
        background: var(--color-dark);
    }

    .wrapper .container-player-main .container-player .embed.move-player .cont-btn-close-player .btn-cerrar {
    }

    .wrapper .container-player-main .container-player .embed.move-player .cont-btn-close-player .btn-cerrar .icon-x {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        margin: 0 auto;
        font-weight: bold;
    }

    .wrapper .container-player-main .container-player .embed.move-player .cont-btn-close-player {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transition: .3s linear;
    }

    /* === */
    /* === CONTENIDO REPRODUCIENDO MOVE-PLAYER=== */
    /* === */
    .wrapper .container-player-main .container-player .embed.move-player .cont-btn-close-player .cont-txt-doc {
        float: right;
    }

    .wrapper .container-player-main .container-player .embed.move-player .cont-btn-close-player .cont-txt-doc .rotulo-documental {
        display: table;
    }

    .wrapper .container-player-main .container-player .embed.move-player .cont-btn-close-player .cont-txt-doc .rotulo-documental p {
        font-size: 0.875rem;
        color: var(--color-orange);
        font-weight: bold;
        text-transform: uppercase;
        display: table-cell;
        vertical-align: middle;
    }

    .wrapper .container-player-main .container-player .embed.move-player .cont-btn-close-player .rotulo-viendo {
        float: right;
        display: table;
        width: 300px;
        height: auto;
    }

    .wrapper .container-player-main .container-player .embed.move-player .cont-btn-close-player .rotulo-viendo p {
        color: #fff;
        display: table-cell;
        vertical-align: middle;
        text-transform: uppercase;
        font-size: 1rem;
        font-weight: bold;
        margin: auto;
        word-break: break-word;
    }

    /* === */
    /* === CONTENIDO ACERCA === */
    /* === */
    .wrapper section.container-img-acerca {
        display: none;
        position: relative;
        padding-bottom: 56.25%;
        margin: 1.85rem auto 1.25rem auto;
    }

    .wrapper section.container-img-acerca .cont-img {
        background: var(--fondo-acerca)no-repeat center;
        background-size: contain;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .wrapper section.container-img-acerca.activar-acerca {
        display: block;
    }

    /* === */
    /* === CONTENIDO SINOPSIS === */
    /* === */
    .wrapper .container-sinopsis {
        width: 95%;
        display: table;
        margin: 6px auto;
    }

    .wrapper .container-sinopsis .btn-info {
        position: relative;
        right: 0;
        top: 0px;
        width: 139px;
        /* height: 30px; */
        /* background: var(--btn-modal) no-repeat center; */
        /* background-size: cover; */
        background: #780000;
        border-radius: 5px;
        cursor: pointer;
        padding: 5px;
        /* border: 1px solid #929292; */
    }

    .wrapper .container-sinopsis .btn-info p {
        font-size: 0.875rem;
        color: white;
        font-weight: bold;
        text-transform: uppercase;
    }

    .wrapper .container-sinopsis .btn-info:hover {
        background: var(--color-dark);
        transition: 0.5s linear;
        -webkit-transition: 0.5s linear;
    }

    .wrapper .container-sinopsis .sinopsis {
        width: auto;
        max-width: 1000px;
        display: table;
        height: auto;
        position: absolute;
        /* margin: auto; */
        background: #a01e1e;
        box-shadow: -1px 5px 19px 2px black;
        right: 0px;
        margin-top: -387px;
        z-index: 9;
        padding: 10px;
        border-radius: 10px 0 0px 10px;
        /* border-left: 4px solid #ffffff9e; */
        /* border-bottom: 2px solid #ffffff54; */
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor {
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis {
        border: 2px solid #fff;
        overflow: hidden;
        border-radius: 50%;
        width: 150px;
        height: 150px;
        margin: auto;
        cursor: pointer;
        /* position: relative; */
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis img {
        width: auto;
        height: 100%;
        display: table;
        margin: auto;
        position: relative;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .texto-img-autor {
        color: white;
        position: absolute;
        padding: 10px;
        background: #212e38;
        width: 150px;
        text-align: center;
        margin-top: -35px;
        font-size: 0.75rem;
        text-transform: uppercase;
        border-bottom: 2px solid #ffffff;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .btn-play {
        background: var(--btn-play) no-repeat center;
        background-size: cover;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        cursor: pointer;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .btn-play:hover::after {
        cursor: pointer;
        left: -3px;
        clip: rect(85px, 550px, 140px, 0);
        animation: glitch-anim 1s infinite linear alternate-reverse;
        box-shadow: inset 0 0 0px 3px #ee3169;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .btn-play:hover::before {
        cursor: pointer;
        left: -3px;
        clip: rect(24px, 550px, 90px, 0);
        animation: glitch-anim-2 1s infinite linear alternate-reverse;
        box-shadow: inset 0 0 0px 3px #95d4ce;
    }

    .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .btn-play::before, .wrapper .container-sinopsis .sinopsis .box-img-autor .cont-img-sinopsis .btn-play::after {
        color: white;
        content: "";
        background: var(--btn-play) no-repeat center;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        border-radius: 100%;
    }

    .wrapper .container-sinopsis .sinopsis .box-presentado {
        /* margin-left: -200px; */
        font-size: 1.3rem;
        color: #ababab;
        /* text-transform: uppercase; */
        font-weight: lighter;
        text-align: left;
    }

    .wrapper .container-sinopsis .sinopsis .box-presentado p {
    }

    .wrapper .container-sinopsis .sinopsis .box-contents {
        width: 70%;
        /* float: right; */
        display: table;
        margin-left: 4%;
    }

    .wrapper .container-sinopsis .sinopsis .box-contents .box-rotulo {
        display: table;
        width: auto;
        margin: 10px 0 0px 0;
        font-family: 'Montserrat', sans-serif;
    }

    .wrapper .container-sinopsis .sinopsis .box-contents .box-rotulo .box-logo {
        width: 25px;
        height: 25px;
        background: var(--icon-sinopsis) no-repeat center;
        float: left;
        margin-right: 10px;
    }

    .wrapper .container-sinopsis .sinopsis .box-contents .box-rotulo .box-title {
        display: table;
        width: auto;
    }

    .wrapper .container-sinopsis .sinopsis .box-contents .box-rotulo .box-title:nth-child(2) {
    }

    .wrapper .container-sinopsis .sinopsis .box-contents .box-rotulo .box-title .txt-title {
        /* display: table-cell; */
        /* vertical-align: middle; */
        color: #fff;
        font-size: 1.5rem;
        text-transform: uppercase;
        font-weight: bold;
    }

    .wrapper .container-sinopsis .sinopsis .txt-bajada {
        width: 100%;
        color: #fff;
        /* text-shadow: -2px 3px 0px #00000033; */
        font-size: 1.5rem;
        /* text-align: left; */
        /* float: right; */
        margin: auto;
        /* display: table; */
        /* vertical-align: middle; */
    }

    /* === *
/* === TWITTER === */
    /* === */
    .wrapper .container-sinopsis .seccion-redes {
        display: none;
    }

    .wrapper .container-sinopsis .seccion_twitter {
        background: var(--color-dark);
        width: 60%;
        margin: 30px auto;
        height: 55px;
        display: table;
        position: relative;
        border-radius: 50px;
    }

    .wrapper .container-sinopsis .seccion_twitter .cont-titulo-twitter {
        position: relative;
        width: 10%;
        margin: auto;
        height: 55px;
        float: left;
    }

    .wrapper .container-sinopsis .seccion_twitter .cont-titulo-twitter::after {
        content: '';
        position: absolute;
        right: 0;
        top: 5px;
        width: 5px;
        height: 45px;
        background: var(--color-de-fondo);
    }

    .wrapper .container-sinopsis .seccion_twitter .cont-titulo-twitter .cont-logo-twitter {
        width: 55px;
        height: 55px;
        position: absolute;
        left: 0;
        background: url('https://www.cooperativapodcast.cl/podcast/imag/custom/logos/fav.png') no-repeat center;
        background-size: 80%;
        /* background: red; */
    }

    .wrapper .container-sinopsis .seccion_twitter .cont_twitter {
        height: 55px;
        width: 90%;
        margin: auto;
        float: left;
        max-width: 768px;
    }

    .wrapper-twt {
        width: 100%;
        height: auto;
    }

    .wrapper-twt .default-ticker {
        height: auto;
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    .wrapper-twt .default-ticker .cont-twt {
        height: 55px;
        display: inline-block;
    }

    .wrapper-twt .default-ticker .cont-twt .img-user {
        display: inline-block;
        float: left;
        width: 25px;
        height: 25px;
        padding: 15px 0;
    }

    .wrapper-twt .default-ticker .cont-twt .img-user img {
        width: 100%;
        height: auto;
        border-radius: 100%;
    }

    .wrapper-twt .default-ticker .cont-twt .news-item {
        cursor: pointer;
        color: #fff;
        display: inline-block;
        padding: 15px 0;
        margin: 0 15px;
    }

    .wrapper-twt .default-ticker .cont-twt .news-item[ng-href^="https://"] {
        text-decoration: underline;
        cursor: pointer;
    }

    /*.wrapper-twt .default-ticker .cont-twt .news-item[ng-href^="https://"][href^="https://t.co"]{color:red;}*/
    /* === */
    /* === CONTENIDO FICHA TECNICA === */
    /* === */
    .wrapper .container-ficha-tecnica {
        width: 100%;
        display: flex;
        background: #141211;
        /* border: 1px solid white; */
        /* padding: 10px 0; */
        justify-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: column;
        border-radius: 5px;
        padding: 0 10px;
        padding-bottom: 10px;
        position: relative;
    }

    .wrapper .container-ficha-tecnica .cont-btn-ficha-doc {
        /* width: 30%; */
        height: auto;
        display: flex;
        position: relative;
        /* float: left; */
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-start;
        height: 250px;
    }

    .wrapper .container-ficha-tecnica .cont-btn-ficha-doc::after {
        content: '';
        position: absolute;
        /* width: 1px; */
        background: #bd7a00;
        height: 150px;
        right: 0;
        top: 12.5px;
        display: none;
    }

    .wrapper .container-ficha-tecnica .cont-btn-ficha-doc .box-title .logo-fichas {
        background: var(--icon-ficha-tec) no-repeat center;
        background-size: contain;
        width: 250px;
        height: 250px;
        margin: auto;
        border-radius: 5px;
    }

    .wrapper .container-ficha-tecnica .cont-btn-ficha-doc .btn-title {
        color: #fff;
        font-size: 1rem;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        display: flex;
        padding-bottom: 10px;
        height: auto;
        cursor: pointer;
        width: 100%;
        /* background: #7ec8ff59; */
        /* opacity: .3; */
        /* justify-content: flex-start; */
        /* flex-wrap: nowrap; */
        /* flex-direction: row; */
        position: relative;
    }

    .wrapper .container-ficha-tecnica .cont-btn-ficha-doc .box-title:hover .btn-title {
        color: #fff;
    }

    .wrapper .container-ficha-tecnica .cont-btn-ficha-doc .box-title .btn-title {
        background: none;
        opacity: 1;
        color: #ffffff;
    }

    .wrapper .container-ficha-tecnica .cont-ficha-doc {
        /* width: 80%; */
        /* height: 200px; */
        /* margin: auto; */
        /* align-items: start; */
        display: -ms-grid;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: row;
        margin-left: 30px;
    }

    .wrapper .container-ficha-tecnica .cont-ficha-doc .ficha-tecnica {
        display: flex;
        /* justify-items: stretch; */
        /* align-items: start; */
        /* grid-template-columns: auto; */
        width: 100%;
    }

    .wrapper .container-ficha-tecnica .cont-ficha-doc .ficha-tecnica .cont-one-date {
        /* display: grid; */
        /* grid-template-columns: repeat(6, 1fr); */
        /* grid-gap: 20px; */
        /* background: #333333; */
        /* border-radius: 5px; */
        border-radius: 0.25rem;
        padding: 0 10px;
    }

    .wrapper .container-ficha-tecnica .cont-ficha-doc .ficha-tecnica .cont-two-date {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 20px;
    }

    .wrapper .container-ficha-tecnica .cont-ficha-doc .ficha-tecnica .box-ficha {
        width: 100%;
        align-self: stretch;
    }

    .wrapper .container-ficha-tecnica .cont-ficha-doc .ficha-tecnica .box-ficha .rotulo-ficha {
        display: table;
        margin: auto;
        width: 100%;
    }

    .wrapper .container-ficha-tecnica .cont-ficha-doc .ficha-tecnica .box-ficha .rotulo-ficha .txt-rotulo {
        color: #ffffff;
        text-transform: inherit;
        font-size: 1.2rem;
        font-weight: bold;
    }

    .wrapper .container-ficha-tecnica .cont-ficha-doc .ficha-tecnica .box-ficha .bajada-ficha {
        width: 100%;
        display: table;
        margin: auto;
    }

    .wrapper .container-ficha-tecnica .cont-ficha-doc .ficha-tecnica .box-ficha .bajada-ficha .txt-bajada {
        display: table-cell;
        vertical-align: baseline;
        color: #ffffffbd;
        /* text-transform: capitalize; */
        /* font-size: 1rem; */
        /* font-style: italic; */
    }

    .wrapper .container-ficha-tecnica .rot-ficha {
        width: 100%;
        /* height: 50px; */
        /* background: #101010; */
        color: white;
        font-size: 20px;
        text-align: left;
        font-weight: bold;
        text-transform: uppercase;
        /* margin-bottom: 20px; */
        padding: 20px;
    }

    .wrapper .container-ficha-tecnica .box-title:nth-child(2) .logo-fichas {
        background: var(--icon-fest-pre) no-repeat center;
    }

    .wrapper .container-ficha-tecnica .box-title:nth-child(2) {
        padding-bottom: 0;
    }

    .wrapper .container-ficha-tecnica .btn-title.active {
        /* background: #202020; */
        opacity: 1;
    }

    /* === */
    /* === CONTENIDO PLAYER, RESUMEN, SOCIAL === */
    /* === */
    .wrapper .container-social {
        width: 100%;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        justify-items: center;
        align-items: center;
        grid-gap: 30px;
        margin: 40px auto;
        border: 1px solid white;
    }

    .wrapper .container-social .fondo-player {
        display: -ms-inline-grid;
        display: inline-grid;
        width: 100%;
        align-self: center;
    }

    .wrapper .container-social .fondo-player .player-stream {
        width: 100%;
        margin: auto;
        padding-bottom: 56.25%;
        position: relative;
        height: 0;
    }

    .wrapper .container-social .fondo-player .player-stream .cont-logo-fid {
        cursor: pointer;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%,-50%);
        width: 100px;
        height: 100px;
        /* background: var(--btn-play) no-repeat center; */
        background: #d88d00a6 var(--btn-play) no-repeat center;
        border-radius: 50%;
        z-index: 1;
    }

    .wrapper .container-social .fondo-player .player-stream .cont-logo-fid:hover::after {
        cursor: pointer;
        left: -3px;
        clip: rect(85px, 550px, 140px, 0);
        animation: glitch-anim 1s infinite linear alternate-reverse;
        box-shadow: inset 0 0 0px 3px #ee3169;
    }

    .wrapper .container-social .fondo-player .player-stream .cont-logo-fid:hover::before {
        cursor: pointer;
        left: -3px;
        clip: rect(24px, 550px, 90px, 0);
        animation: glitch-anim-2 1s infinite linear alternate-reverse;
        box-shadow: inset 0 0 0px 3px #95d4ce;
    }

    .wrapper .container-social .fondo-player .player-stream .cont-logo-fid::before, .wrapper .container-social .fondo-player .player-stream .cont-logo-fid::after {
        color: white;
        content: "";
        background: var(--btn-play) no-repeat center;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        border-radius: 100%;
    }

    .wrapper .container-social .fondo-player .player-stream:hover {
        box-shadow: 0 0 0px 4px rgb(33, 46, 56);
    }

    .wrapper .container-social .fondo-player .player-stream .embed-container {
        padding-bottom: 56.25%;
        position: relative;
    }

    .wrapper .container-social .fondo-player .player-stream .embed-container iframe {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .wrapper .container-social .fondo-player .player-stream img {
        /* padding-bottom: 56.25%; */
        position: relative;
        height: auto;
        cursor: pointer;
        height: 300px;
    }

    .wrapper .container-social .fondo-player .player-stream img:hover {
        box-shadow: 0px 0px 20px 8px #2e343a;
    }

    .wrapper .container-social .resumen-contents {
        width: 100%;
        align-self: baseline;
    }

    .wrapper .container-social .resumen-contents .box-rotulo {
        width: 100%;
        display: table;
        margin: 0 0 15px 0;
    }

    .wrapper .container-social .resumen-contents .box-rotulo .box-title {
        width: 100%;
        display: table;
    }

    .wrapper .container-social .resumen-contents .box-rotulo .box-title .logo-silla {
        background: var(--icon-silla-direct) no-repeat center;
        width: 60px;
        height: 60px;
        background-size: contain;
    }

    .wrapper .container-social .resumen-contents .box-rotulo .box-title .txt-title {
        color: var(--color-orange);
        display: table-cell;
        text-transform: uppercase;
        vertical-align: middle;
        font-size: 1.25rem;
        font-weight: bold;
    }

    .wrapper .container-social .resumen-contents .box-contents-resumen {
        width: 100%;
        margin: auto;
    }

    .wrapper .container-social .resumen-contents .box-contents-resumen .txt-resumen {
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        font-size: 1.125rem;
    }

    .wrapper .container-social .resumen-contents .box-contents-resumen .txt-resumen ul {
    }

    .wrapper .container-social .resumen-contents .box-contents-resumen .txt-resumen ul li {
        padding-left: 60px;
    }

    .wrapper .container-social .resumen-contents .box-contents-resumen .txt-resumen ul li::before {
        content: '';
        padding-right: 10px;
        color: #fff;
        font-size: 1rem;
        font-weight: bold;
    }

    .wrapper .container-social .resumen-contents .box-contents-resumen .txt-resumen ul li a {
        color: #fff;
        display: inline-block;
        padding-bottom: 5px;
    }

    .wrapper .container-social .social-contents {
        display: -ms-inline-grid;
        display: inline-grid;
        width: 100%;
        align-self: center;
    }

    .wrapper .container-social .social-contents span {
    }

    .wrapper .container-social .social-contents span .rot {
        width: 100%;
        display: table;
        background: var(--color-face);
    }

    .wrapper .container-social .social-contents span .rot .txt-face {
        color: #fff;
        display: table-cell;
        vertical-align: middle;
        font-size: 1.5rem;
        text-align: center;
        padding: 10px 0;
    }

    .wrapper .container-social .social-contents span .muro {
        background: #ffffff;
        width: 100%;
        height: 250px;
        overflow-y: auto;
    }

    .wrapper .container-social .social-contents span .muro .cont-fb {
    }

    .wrapper .container-social .social-contents .seccion-redes {
        background: #000000;
        width: 100%;
        margin: 21px auto;
        height: 0px;
        position: relative;
        border-radius: 50px;
        display: flex;
        justify-content: space-around;
        align-items: start;
    }

    .wrapper .container-social .social-contents .seccion-redes a {
        width: 40px;
        height: 40px;
    }

    .wrapper .container-social .social-contents .seccion-redes a .cont-icon {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        display: inline-block;
    }

    .wrapper .container-social .social-contents .seccion-redes a .cont-icon.color-face {
        background: var(--color-face);
        opacity: .5;
    }

    .wrapper .container-social .social-contents .seccion-redes a .cont-icon.color-face:hover {
        opacity: 1;
    }

    .wrapper .container-social .social-contents .seccion-redes a .cont-icon.color-face .cont-face {
        background: var(--icon-face) no-repeat center;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .wrapper .container-social .social-contents .seccion-redes a .cont-icon.color-insta {
        background: #f09433;
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
        background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
        opacity: .5;
    }

    .wrapper .container-social .social-contents .seccion-redes a .cont-icon.color-insta:hover {
        opacity: 1;
    }

    .wrapper .container-social .social-contents .seccion-redes a .cont-icon.color-insta .cont-insta {
        background: var(--icon-insta) no-repeat center;
        background-size: cover;
        width: 100%;
        height: 100%;
        border: 1.5px solid #fff;
        border-radius: 100%;
        /* background-position: 7px 1px; */
    }

    .wrapper .container-social .social-contents .seccion-redes a .cont-icon.color-tweet {
        background: #1da1f2;
        opacity: .5;
    }

    .wrapper .container-social .social-contents .seccion-redes a .cont-icon.color-tweet:hover {
        opacity: 1;
    }

    .wrapper .container-social .social-contents .seccion-redes a .cont-icon.color-tweet .cont-tweet {
        background: var(--icon-twitter) no-repeat center;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    /* === */
    /* === CARTELERA DE DOCUMENTALES === */
    /* === */
    .wrapper .container-cartel-doc {
        display: table;
        margin: auto;
        width: 100%;
        border: 1px solid white;
    }

    .wrapper .container-cartel-doc .titular-cartelera {
        display: table;
        width: 100%;
        /* margin: 30px auto; */
    }

    .wrapper .container-cartel-doc .titular-cartelera .titular-cartelera-small {
        width: 100%;
        display: table;
        margin: auto;
        /* background: var(--fondo-rotulo) no-repeat center; */
        background-size: cover;
        position: relative;
    }

    .wrapper .container-cartel-doc .titular-cartelera .titular-cartelera-small .capa-opacidad {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.9;
        background-color: #1a2127;
    }

    .wrapper .container-cartel-doc .titular-cartelera .titular-cartelera-small .cartelera-documentales {
        display: table;
        width: 100%;
        margin: auto;
        filter: opacity(1);
    }

    .wrapper .container-cartel-doc .titular-cartelera .titular-cartelera-small .cartelera-documentales .logo-cartelera-documental {
        background: var(--gif-cart-doc) no-repeat center;
        width: 20px;
        height: 30px;
        background-size: cover;
        margin: auto 30px;
        float: left;
    }

    .wrapper .container-cartel-doc .titular-cartelera .titular-cartelera-small .cartelera-documentales .txt-cartelera-documentales {
        color: #fff;
        text-transform: uppercase;
        display: table-cell;
        vertical-align: middle;
        font-size: 1rem;
        /* padding: 15px 0; */
        font-weight: bold;
        float: left;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        grid-gap: 30px;
        padding: 0 30px;
        justify-content: center;
        align-content: center;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small {
        display: inline-grid;
        position: relative;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .box-date-bajada {
        width: 100%;
        display: table;
        margin: auto;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .box-date-bajada .txt-date-bajada {
        color: var(--color-orange);
        text-transform: capitalize;
        font-size: 1.375rem;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        font-weight: 900;
        padding: 10px 0;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .box-player-cartelera {
        width: 100%;
        height: 0;
        margin: auto;
        position: relative;
        overflow: hidden;
        /* padding-bottom: calc(8 / 5 * 100%); */
        padding-bottom: calc(7.5 / 8 * 100%);
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .box-player-cartelera img {
        width: 100%;
        height: auto;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .btn-trailer {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: #000000;
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .btn-trailer:hover {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: var(--color-dark);
    }

    .wrapper .container-cartel-doc .container-repeat-cartel .repeat-cartel-small .btn-trailer .btn-enlace {
        color: #fff;
        padding: 10.5px;
        display: block;
        width: 150px;
        text-align: center;
        font-size: 1.125rem;
        text-transform: uppercase;
        cursor: pointer;
    }

    /* === */
    /* === ENTREVISTAS CON LOS REALIZADORES === */
    /* === */
    .wrapper .container-e-con-r .titular-entrevistas {
        display: table;
        width: 100%;
        /* margin: 30px auto; */
    }

    .wrapper .container-e-con-r .titular-entrevistas .titular-entrevistas-small {
        width: 100%;
        display: table;
        margin: auto;
        /* background: var(--fondo-rotulo) no-repeat center; */
        background-size: cover;
        position: relative;
    }

    .wrapper .container-e-con-r .titular-entrevistas .titular-entrevistas-small .capa-opacidad {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.9;
        background-color: #1a2127;
    }

    .wrapper .container-e-con-r .titular-entrevistas .titular-entrevistas-small .entrevista-realizadores {
        display: table;
        width: 100%;
        filter: opacity(1);
    }

    .wrapper .container-e-con-r .titular-entrevistas .titular-entrevistas-small .entrevista-realizadores .logo-entrevista {
        background: var(--gif-entrev) no-repeat center;
        width: 50px;
        height: 40px;
        background-size: cover;
        float: left;
        margin: auto 10px;
    }

    .wrapper .container-e-con-r .titular-entrevistas .titular-entrevistas-small .entrevista-realizadores .txt-entrevista-realizadores {
        color: #fff;
        text-transform: uppercase;
        display: table-cell;
        vertical-align: middle;
        font-size: 1rem;
        font-weight: 900;
        float: left;
        padding: 10px 0;
    }

    .wrapper .container-e-con-r {
        width: 100%;
        display: table;
        border: 1px solid white;
        margin-top: 30px;
    }

    .wrapper .container-e-con-r .container-repeat-entrev {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        grid-gap: 30px;
        padding: 0 30px;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small {
        display: inline-grid;
        height: auto;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small:hover {
        box-shadow: 0px 0px 0px 4px #5f7484;
        cursor: pointer;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-title-contents {
        width: 100%;
        min-height: 80px;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-title-contents .txt-title {
        color: #ccc;
        display: table-cell;
        vertical-align: baseline;
        text-align: left;
        font-size: 1rem;
        text-transform: capitalize;
        font-weight: normal;
        padding: 2%;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-title-bajada {
        width: 100%;
        display: table;
        margin: auto;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-title-bajada .txt-title-bajada {
        color: #fff;
        text-transform: capitalize;
        font-size: 1.375rem;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding-bottom: 25px;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents {
        width: 100%;
        position: relative;
        padding-bottom: calc(9/16*100%);
        background: #151515;
        cursor: pointer;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents .btn-ver-mas {
        background: var(--btn-ver-mas);
        background-size: cover;
        width: 35px;
        height: 35px;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 1;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents img {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents .cont-logo-fid {
        cursor: pointer;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%,-50%);
        width: 100px;
        height: 100px;
        background: #d88d00a6 var(--btn-play) no-repeat center;
        border-radius: 50%;
        z-index: 1;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents .cont-logo-fid:hover::after {
        cursor: pointer;
        left: -3px;
        clip: rect(85px, 550px, 140px, 0);
        animation: glitch-anim 1s infinite linear alternate-reverse;
        box-shadow: inset 0 0 0px 3px #ee3169;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents .cont-logo-fid:hover::before {
        cursor: pointer;
        left: -3px;
        clip: rect(24px, 550px, 90px, 0);
        animation: glitch-anim-2 1s infinite linear alternate-reverse;
        box-shadow: inset 0 0 0px 3px #95d4ce;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents .cont-logo-fid::before, .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-player-contents .cont-logo-fid::after {
        color: white;
        content: "";
        background: var(--btn-play) no-repeat center;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        border-radius: 100%;
    }

    /* === */
    /* === VER TEMPORAL === */
    /* === */
    .wrapper .container-ver-temporal {
        width: 100%;
        display: table;
        margin: 30px auto;
    }

    .wrapper .container-ver-temporal a {
        display: table;
        margin: auto;
    }

    .wrapper .container-ver-temporal a .btn-prev-temp {
        width: 500px;
        height: 50px;
        color: #fff;
        margin: auto;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        cursor: pointer;
        border: 2px solid #fff;
        text-transform: uppercase;
        border-radius: 10px;
        font-weight: bold;
    }

    .wrapper .container-ver-temporal a .btn-prev-temp:hover {
        background: #5f7484;
    }

    /* === */
    /* === FOOTER === */
    /* === */
    .wrapper footer {
        width: 100%;
        margin: auto;
        background-color: var(--color-dark);
    }

    .wrapper footer .cont-full-footer {
        display: grid;
        grid-template-columns: repeat(2, minmax(60%, 1fr) minmax(40%, 1fr));
        justify-items: center;
        align-items: center;
        margin: auto;
        width: 95%;
        padding: 20px 0;
    }

    .wrapper footer .cont-full-footer .contacto-creditos {
        width: 375px;
        height: 71px;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        margin: 41px 0 0 0;
        float: left;
    }

    .wrapper footer .cont-full-footer .contacto-creditos p {
        color: #cccccc;
        text-align: left;
        font-size: 14px;
        margin: 0px 0px 0 22px;
    }

    .wrapper footer .cont-full-footer .contacto-creditos strong {
        color: #999797;
        text-transform: uppercase;
        font-weight: normal;
    }

    .wrapper footer .cont-full-footer .contacto-radio {
        width: 100%;
        color: #fff;
    }

    .wrapper footer .cont-full-footer .contacto-radio .contacto-correo {
        display: inline-grid;
    }

    .wrapper footer .cont-full-footer .contacto-radio .contacto-correo p {
        margin: auto;
        font-size: 18px;
        /* font-weight: bold; */
    }

    .wrapper footer .cont-full-footer .contacto-radio .punto {
        color: #ea7524;
        padding: 0 10px;
        display: inline-grid;
    }

    .wrapper footer .cont-full-footer .contacto-radio .contacto-cooperativa {
        display: inline-grid;
    }

    .wrapper footer .cont-full-footer .contacto-radio .contacto-cooperativa p {
        margin: auto;
        font-size: 18px;
        /* font-weight: bold; */
    }

    .wrapper footer .cont-full-footer .contacto-logo {
        width: 100%;
        display: inline-grid;
        justify-content: end;
    }

    .wrapper footer .cont-full-footer .contacto-logo .logo {
        width: 182px;
        height: 50px;
        background: url(/apps/imag/1973_50_anos/coopsincl.svg) no-repeat center;
        background-size: 100%;
        margin: auto;
    }
}

/* === DESKTOP MONITOR CHICOS === */
@media only screen and (max-width: 1366px) and (min-width: 768px) {
    /* === PLAYER PRINCIPAL === */ .wrapper .container-player-main .container-img-player {
        min-height: 340px;
    }

    .wrapper .container-player-main .container-img-player .img-player {
        /* min-height: 415px; */
    }

    .wrapper .container-player-main .container-img-player .container-player {
        width: 605px;
    }

    .wrapper .container-player-main .container-player .embed .cont-btn-close-player {
        width: 60%;
        right: -365px;
    }

    /* === CONTENIDO PLAYER DOS, RESUMEN, SOCIAL === */
    .wrapper .container-social {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    /* === ENTREVISTA CON LOS REALIZADORES === */
    .wrapper .container-e-con-r .container-repeat-entrev {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }

    .wrapper .container-cartel-doc .container-repeat-cartel {
        grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
        padding-bottom: 20px;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small {
        /* min-height: 370px; */
        display: inline-grid;
        background: #171b1e;
    }

    .wrapper .container-e-con-r .container-repeat-entrev .repeat-entrev-small .box-title-contents {
        width: 100%;
        min-height: 0px;
    }

    /* === FOOTER === */
    .wrapper footer .cont-full-footer {
    }
}

/* === EFECTO GLITCH SEGUNDO PLAYER === */
.cont-img-layer--1 {
    /* background-color: rgb(23, 27, 30); */
    background-blend-mode: luminosity;
}

.cont-img-layer--2 {
    background-color: rgb(15, 98, 162);
    background-blend-mode: overlay;
    animation: blinking 0.3s ease-out infinite, glitch-anim-horizontal 5s linear infinite alternate;
}

.cont-img-layer--3 {
    background-color: rgba(182, 123, 10, 0.24);
    background-blend-mode: overlay;
    animation: glitch-anim-horizontal 1s linear infinite alternate;
}

.cont-img-layer--4 {
    /* background-color: rgba(255,255,255,0.02); */
    /* background-blend-mode: overlay; */
    animation: glitch-anim-horizontal 0.8s ease infinite alternate;
}

.cont-img-layer--5 {
    background-color: rgba(255,255,255,0.2);
    /* background-blend-mode: overlay; */
    clip-path: polygon(0 0, 0 1%, 100% 1%, 100% 0);
    animation: blinking 1s linear infinite, glitch-anim-vertical 3s ease infinite alternate;
}

.cont-img-layer--6 {
    /* background-color: rgba(255,255,255,1); */
    background-blend-mode: luminosity;
    animation: blinking 0.8s linear infinite, glitch-anim-left 5s linear infinite;
}

.cont-img-layer--7 {
    background-color: rgba(0,0,0,0.2);
    /* background-blend-mode: overlay; */
    animation: blinking 0.8s 1.4s linear infinite, linear infinite;
}

/* === TWITTER === */
.js-ticker {
    overflow: hidden;
}

.js-ticker-track {
    white-space: nowrap;
}

.js-ticker-item {
    white-space: normal;
    height: 100%;
    vertical-align: top;
    display: inline-block;
    position: relative;
}

@supports ((display: -webkit-box) or (display: flex)) {
    .js-ticker-track {
        position: relative;
        white-space: normal;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .js-ticker-item {
        height: auto;
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .js-ticker.active .js-ticker-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .js-ticker.active .js-ticker-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
}

#socialbar {
    width: auto;
    height: auto;
    /* margin: 25px 20px 0 -250px; */
    padding: 7px;
    top: 200px;
    float: left;
    position: fixed;
    z-index: 9;
    background: #00000094;
    background: var(--color-rgba-barra-doc);
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
}

#socialbar li {
    cursor: pointer;
    height: 50px;
    list-style-type: none;
}

#socialbar .icon {
    background: #D91E76 url('https://3.bp.blogspot.com/-unjaHZfdU1k/UK7b1J4pfOI/AAAAAAAAAzA/r7ccqS2FovU/s1600/MoreBlogTools-SNS.png') 0 0 no-repeat;
    background-color: rgba(217, 30, 118, .42);
    border-radius: 30px;
    display: block;
    color: #141414;
    float: none;
    height: 48px;
    line-height: 48px;
    margin: 0px;
    position: relative;
    text-align: left;
    text-indent: 60px;
    text-shadow: #333 0 1px 0;
    white-space: nowrap;
    width: 48px;
    -webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;
    -moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;
    -o-transition: width .25s ease-in-out, background-color .25s ease-in-out;
    transition: width .25s ease-in-out, background-color .25s ease-in-out;
    -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
    -moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
    -o-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
    box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
    text-decoration: none;
}

#socialbar span:hover {
    visibility: hidden;
}

#socialbar span {
    display: block;
    top: 15px;
    position: absolute;
    left: 60px;
}

#socialbar .icon {
    color: #fafafa;
    overflow: hidden;
}

#socialbar li:hover .icon {
    /*width: 220px;*/
    background-color: #d91e76;
    z-index: 1;
}

#socialbar li .icon::after {
    content: '';
    color: white;
    content: "";
    /* background: url(../../../../imag/2019/temporal_de_documentales/play_multimedia.svg) no-repeat center; */
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
    top: 0;
    position: absolute;
    cursor: pointer;
    left: -3px;
    clip: rect(85px, 550px, 0px, 0);
    animation: glitch-anim 1s infinite linear alternate-reverse;
    box-shadow: inset 4px 4px 0px 3px #ee3169;
    display: none;
}

#socialbar li .icon::before {
    content: '';
    color: white;
    content: "";
    /* background: url(../../../../imag/2019/temporal_de_documentales/play_multimedia.svg) no-repeat center; */
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    top: 0;
    position: absolute;
    cursor: pointer;
    right: -19px;
    clip: rect(8px, 489px, 48px, 0);
    animation: glitch-anim-2 1s infinite linear alternate-reverse;
    box-shadow: inset -4px -6px 0px 4px #03A9F4;
    display: none;
}

#socialbar .icon:active {
    bottom: -2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

#socialbar .fb {
    background: var(--icon-face);
    background-position: 0 -382px;
    height: 30px;
    width: 30px;
    background-size: 100%;
    background-position: initial;
    background-repeat: round;
    margin: auto;
}

#socialbar .insta {
    background: var(--icon-insta);
    background-position: 0 -382px;
    height: 30px;
    width: 30px;
    background-size: 100%;
    background-position: initial;
    background-repeat: round;
    margin: auto;
}

#socialbar li:hover .fb {
    background-color: #2d76b9;
}

#socialbar .twit {
    background: var(--icon-twitter) no-repeat center;
    background-position: 0 -430px;
    height: 30px;
    width: 30px;
    background-size: contain;
    background-position: initial;
    background-repeat: round;
    margin: auto;
}

#socialbar li:hover .twit {
    background-color: #151617;
}

#socialbar .google {
    background-color: rgba(167, 0, 0, .42);
    background-position: 0 -478px;
}

#socialbar li:hover .google {
    background-color: #A70000;
    background-position: 0 -94px;
}

#socialbar .wsp {
    background: var(--icon-wsp) no-repeat center;
    background-position: 0 -526px;
    height: 30px;
    width: 30px;
    background-size: 100%;
    background-position: initial;
    background-repeat: round;
    margin: auto;
    /* display: none; */
}

#socialbar li.social-movil {
    display: none
}

#socialbar li:hover .wsp {
    background-color: #25d366;
}

#socialbar .linked {
    background-color: rgba(0, 87, 114, .42);
    background-position: 0 -574px;
}

#socialbar li:hover .linked {
    background-color: #005772;
    background-position: 0 -190px;
}

#socialbar .deviant {
    background-color: rgba(76, 122, 74, .42);
    background-position: 0 -622px;
}

#socialbar li:hover .deviant {
    background-color: #4C7A4A;
    background-position: 0 -238px;
}

#socialbar .ytube {
    background-color: rgba(170, 0, 0, .42);
    background-position: 0 -670px;
}

#socialbar li:hover .ytube {
    background-color: #A00;
    background-position: 0 -286px;
}

#socialbar .rss {
    background-color: rgba(255,109, 0, .42);
    background-position: 0 -718px;
}

#socialbar li:hover .rss {
    background-color: #EC5601;
    background-position: 0 -334px;
}

@media screen and (max-width: 767px) {
    #socialbar {
        width: 100%;
        /* height: 140px; */
        margin: 0px 0px 0px 0px;
        top: unset;
        /* float: none; */
        position: fixed;
        bottom: 0;
        z-index: 9;
        background: #5c636aa6;
        line-height: 3;
        transition: all .1s ease-in-out;
    }

    #socialbar li {
        width: 100%;
        height: 45px;
        float: left;
        position: relative;
        /* transition: all 0.4s ease; */
        /* -webkit-transition: all 0.4s ease; */
    }

    #socialbar li:hover {
        /* width: 225px;*/
    }

    #socialbar li.social-movil {
        display: block
    }

    #socialbar .wsp {
        background: var(--icon-wsp) no-repeat center;
        background-position: 0 -526px;
        height: 30px;
        width: 30px;
        background-size: 100%;
        background-position: initial;
        background-repeat: round;
        margin: auto;
        display: block;
    }

    #socialbar li:hover .wsp {
        background-color: #25d366;
    }
}

.box-contents-player .txt-title-efecto::before, .txt-title-efecto::after {
    color: white;
    content: "%%epigrafe%%";
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
}

.cincuenta {
    display: flex;
    /* background: #181818; */
    font-family: 'Montserrat', sans-serif;
    max-width: 1120px;
    margin: auto;
    flex-direction: column;
}

.cincuenta a {
    text-decoration: none;
}

.cincuenta img.logo {
    width: 75%;
}

.cincuenta img.icon-legales {
    width: 40px;
    height: 40px;
    border: 2px solid #d3d7dd;
}

.cincuenta .card {
    background: #292826;
    border: none;
    min-height: 213px;
    /* border-left: 2px dashed #ffffffe6; */
    padding: 7px;
}

.cincuenta .card-title {
    font-size: 1rem;
    color: #ffffff;
    font-family: sans-serif;
    /* text-transform: capitalize; */
    text-decoration: none;
    margin-bottom: 0.2rem;
}

.cincuenta .card-title .taxo {
    min-height: 0px;
    text-decoration: none;
}

.cincuenta .card-title:first-letter {
    text-transform: capitalize;
}

.cincuenta .card-title a {
    min-height: 0px;
    text-decoration: none;
    color: #0051b2;
    font-weight: bold;
}

.cincuenta .fecha {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: .55rem;
    font-weight: normal;
}

.cincuenta .rounded-circle img {
    background: #d3d7dd;
    padding: 2px;
    border-radius: 50%;
}

.cincuenta a p.card-text {
    font-size: 1rem;
    /* min-height: 100px; */
    line-height: 1.3;
    align-items: center;
    /* font-style: oblique; */
    color: #fff;
    padding-top: 10px;
    min-height: 91px;
}

.cincuenta a p.card-text.desc {
    font-size: .75rem;
    /* min-height: 100px; */
    font-style: normal;
}

.cincuenta a p.card-text.cap {
    min-height: 153px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    flex-direction: column;
}

.cincuenta a p.card-text.not:before {
    content: '';
    background: url('/apps/imag/1973_50_anos/noticia.svg');
    width: 40px;
    height: 30px;
    background-repeat: no-repeat;
    margin-right: 15px;
}

.cincuenta a p.card-text.aud:before {
    content: '';
    background: url('/apps/imag/1973_50_anos/audio.svg');
    width: 70px;
    height: 30px;
    max-height: 30px;
    max-width: 30px;
    background-repeat: no-repeat;
    background-size: 30px;
    margin-right: 15px;
    position: relative;
}

.cincuenta .btn-link {
    font-size: .7rem;
    color: #ffffff;
    font-weight: bold;
    background: #292826;
    /* position: absolute; */
    bottom: 0;
    right: 10px;
}

.cincuenta .card-body {
    flex: 1 1 auto;
    padding: 0.1rem 0.5rem;
    text-decoration: none;
}

.cincuenta .card-body .taxo {
    min-height: 29px;
}

.cincuenta .info-legales {
    border-radius: 5px;
    color: #9E9E9E;
    font-weight: normal;
    font-size: 0.7rem;
    justify-content: center;
    font-family: lato;
    position: relative;
    justify-items: center;
    align-items: center;
}

.cincuenta .info-legales a {
    color: #d4d4d4;
    background: #214894;
    font-weight: bold;
    text-transform: unset;
    border-radius: 5px;
    /* box-shadow: 0px 0px 0px 2px #b7b7b7; */
    text-align: center;
    font-size: .8rem;
    padding: 5px;
    position: relative;
}

.cincuenta .info-legales a.mail:before {
    width: 100px;
    position: absolute;
    left: 12px;
    /* border-radius: 0px 5px 5px 0px; */
    margin-right: 5px;
    top: 0;
    color: #214894;
    font-weight: bold;
    top: -19px;
    /* background: #214894; */
    border-radius: 5px 5px 0px 0px;
}

.cincuenta .row {
    margin-right: unset;
    margin-left: unset;
}

/*efectos*/
.cincuenta .info-legales a.mail:hover,.cincuenta .info-legales a.tel:hover {
    cursor: pointer;
    background: #333;
}

.cincuenta .card-body .taxo:hover {
    color: #333;
    cursor: pointer;
    text-shadow: 1px 0px 0px #f9f9f9;
    text-decoration: underline;
}

.cincuenta a.btn-link:hover {
    cursor: pointer;
    color: #ff9900 !important;
}

.cincuenta .card-body a.btn-link:hover {
    color: #ff9900;
}

.cincuenta .card:hover {
    background: #3b3b3b;
    transition: background 0.2s ease;
    cursor: pointer;
}

.cincuenta .card:hover p.card-text {
    color: white;
}

.cincuenta a.c-black:hover {
    cursor: pointer;
    color: #eb6a1f !important;
    background: #e5e9ef !important;
}

.cincuenta .cabecera:hover {
    background: #00000005;
}

.cincuenta .cabecera:hover .taxo {
    text-decoration: underline;
}

.cincuenta .card:hover .taxo {
    text-decoration: underline;
}

.cincuenta p span:first-letter {
    text-transform: capitalize;
}

.cincuenta .row {
    --bs-gutter-x: 1rem;
}

.canvas_movimiento {
    background: url('https://cooperativapodcast.cl/podcast/imag/custom/iconos/equalizador5.gif');
    width: 100px;
    height: 100px;
}

.txt-title {
    font-weight: bold;
    color: white;
    font-size: 3.2rem;
    /* text-shadow: -2px 3px 0px #00000033; */
    /* box-shadow: -5px 2px 0px 0px black; */
    text-transform: uppercase;
}

.wrapper .destacado {
    width: 100%;
    display: flex;
    background: #2e2e2e;
    /* border: 1px solid white; */
    /* padding: 10px 0; */
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    border-radius: 5px;
    padding: 0 10px;
    padding-bottom: 10px;
    position: relative;
}

#audiosCoop > div > div > a > p.d-flex.card-text.align-items-center > span,#noticiasCoop > div > div > a > p.d-flex.card-text.align-items-center > span {
    width: 80%;
}

#playingGif {
    background:  url(https://cooperativapodcast.cl/podcast/imag/custom/iconos/equalizador5.gif);
    position: absolute;
    width: 100%;
    height: 42px;
    left: 0px;
    bottom: -20px;
    /* margin-left: 21px; */
    filter: opacity(0.5);
    /* height: 30px; */
    /* border: none; */
    background-size: contain;
    /* border: none; */
    /* box-shadow: none; */
    /* box-shadow: inset 1px -5px 4px 10px black; */
}

.btn-play {
    background: url('/apps/imag/1973_50_anos/play.svg') no-repeat center;
    background-size: cover;
    width: 40px;
    height: 40px;
    /* -webkit-transition: -webkit-transform .8s ease-in-out; */
    -ms-transition: -ms-transform .8s ease-in-out;
    /* transition: transform .8s ease-in-out; */
    /* margin-top: 20px; */
    color: white;
    /* line-height: 2.5; */
    cursor: pointer;
    text-indent: 45px;
    display: flex;
    align-content: flex-start;
    flex-direction: row;
    filter: contrast(0.5);
    margin-right: 10px;
}

.btn-pause {
    background: url('/apps/imag/1973_50_anos/pause.svg') no-repeat center;
    background-size: cover;
    width: 40px;
    height: 40px;
    /* -webkit-transition: -webkit-transform .8s ease-in-out; */
    -ms-transition: -ms-transform .8s ease-in-out;
    /* transition: transform .8s ease-in-out; */
    /* margin-top: 20px; */
    color: white;
    text-indent: 45px;
    line-height: 2.5;
}

.cincuenta .btn-link:hover {
    color: #ffffff;
}

.container-logo-right .btn-secondary,.container-logo-right .btn-secondary:hover {
    color: #fff;
    background-color: #a4a7a900;
    border-color: #6c757d00;
    border-radius: 50px;
}

.container-logo-right .btn-secondary img {
    filter: invert(100%);
}

.flechas {
    background: url(/apps/imag/1973_50_anos/flechas.png)no-repeat center;
    background-size: cover;
    width: 20px;
    height: 20px;
    /* -webkit-transition: -webkit-transform .8s ease-in-out; */
    -ms-transition: -ms-transform .8s ease-in-out;
    /* transition: transform .8s ease-in-out; */
    margin-top: 32px;
    color: white;
    /* text-indent: 45px; */
    /* line-height: 2.5; */
    animation: parpadeo 3s infinite;
    filter: invert(1);
    position: absolute;
    left: 96%;
    bottom: 18px;
    transition: all 1s ease;
}
.flechas:after{content: 'Seguir viendo';color: black;width: 126px;/* display: table; */margin-left: -123px;margin-top: 0;}

.box-barra-tiempo {
    display: inline-flex;
    /* justify-items: center; */
    width: 100%;
    align-items: flex-start;
    /* justify-content: space-evenly; */
    align-content: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #383838;
    padding: 10px;
    position: relative;
    /* height: 40px; */
    border-radius: 5px;
}

.box-control-tiempo {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 38px;
    width: 82%;
    align-content: center;
}

.txt-duracion-fin {
    color: #bfbfbf;
    position: absolute;
    right: 10px;
    font-size: 9px;
    bottom: -.9rem;
}


.box-control-tiempo input[type=range] {
    -webkit-appearance: none;
    background-color: #8f373700;
    width: 100%;
    height: 25px;
    -webkit-transition: .2s;
    transition: opacity .2s;
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    outline: 0;
}
.range__tooltip__amount {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 19px;
    left: 10px;
    /* bottom: -15px; */
    /* background-color: #585858; */
    font-size: 9px;
    font-weight: normal;
    -webkit-transform: translate(calc(0% - 1em), -50%);
    transform: translate(calc(0% - 1em), -50%);
    margin-top: -18px;
    color: #bfbfbf;
}
.box-control-tiempo .range__background {
    width: 100%;
    pointer-events: none;
    height: 4px;
    background-image: linear-gradient(90deg, #333, #333 50%, transparent 50%), linear-gradient(90deg, var(--color-celeste), var(--color-celeste));
    background-size: 200% 100%, 100% 100%;
    background-position: 100% 0%, left top;
    background-repeat: no-repeat, no-repeat;
    /* border-radius: 10px; */
    border-radius: 5px;
    box-shadow: inset 1px 1px 2px 1px #000000;
}
.box-control-tiempo .range__tooltip::after {
    content: '';
    width: 0;
    height: 0;
    /* border: 0.5em solid transparent; */
    border-bottom-color: var(--color-cyan);
    position: absolute;
    bottom: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.txt-duracion-inicio {
    display: none
}

.control-tiempo {
    width: 90px;
    z-index: 9;
}
.control-tiempo:-webkit-slider-thumb {
  background-color: red; /* Cambia el color del cursor a tu elección */
  /* Agrega otros estilos según tus necesidades */
}
.cincuenta.creditos .container-ficha-tecnica{background: #0a0a0a;border-radius: 0;border-top: 4px solid #141211;padding-bottom: 0;}
.cincuenta.creditos .rot-ficha{color: #777;font-size: 14px;padding-bottom: 0;}
.cincuenta.creditos .card {
    background: none;
    color: #777;
    font-size: .7rem;
    min-height: auto;
    padding-bottom: 20px;
}
.cincuenta.creditos .card p{
   line-height: 1.6;
   margin-bottom: 0;
}

@keyframes parpadeo {
    0%, 100% {
        opacity: 0.6;
    }

    50% {
        opacity: 1;
    }
}

@media (min-width: 768px) {
    .cincuenta .col-md-3 {
        flex: 0 0 auto;
    }

    #noticiasCoop2,#audiosCoop2 {
        border-left: 2px solid #292826;
    }
}

@media (max-width: 767px) {
    .cincuenta .card {
        min-height: 0;
        display: flex;
        flex-direction: row;
    }

    .cincuenta .card:hover {
        background: #292826;
    }

    .cincuenta a p.card-text {
        min-height: 0px;
    }

    .cincuenta img.icon-legales {
        width: 47px;
        height: 45px;
    }

    .cincuenta .contenido-card {
        margin-bottom: -5px;
        margin-top: -5px;
    }

    .txt-title {
        font-weight: bold;
        color: white;
        font-size: 6vw;
    }

    p.d-flex.card-text.align-items-center > span {
        width: 100%;
        font-size: 4vw;
    }

    .cincuenta a p.card-text.cap {
        min-height: auto;
    }

    p.d-flex.card-text.align-items-center.desc > span {
        font-size: 3vw;
    }

    .cincuenta .btn-link {
        font-size: .5rem;
        color: #ffffff;
        font-weight: bold;
        background: #333333;
        /* position: absolute; */
        bottom: 0;
        right: 10px;
    }

    #audiosCoop > div > div > a > p.d-flex.card-text.align-items-center > span, #noticiasCoop > div > div > a > p.d-flex.card-text.align-items-center > span {
        width: 100%;
    }

  /*  #playingGif {
        background: url(https://cooperativapodcast.cl/podcast/imag/custom/iconos/equalizador5.gif);
        position: absolute;
        width: 62px;
       
        top: 2px;
        margin-left: 16px;
        contain-intrinsic-height: 0;
        filter: opacity(0.1);
       
    }*/

    .flechas {
      
        display: none
    }
    .flechas:after {
      
        display: none
    }

    .box-barra-tiempo {
        width: 100%;
    }
    .box-control-tiempo {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 38px;
    width: 100%;
    max-width: 160px;
    align-content: center;
}


}