@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(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/logos/temp.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(https://temporaldedocumentales.cooperativa.cl/apps/imag/2019/temporal_de_documentales/icon_social/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: var(--color-de-fondo);font-family: lato, sans-serif;}
.wrapper .separador{background: var(--color-de-fondo);}
.wrapper .separador-two{background: var(--color-de-fondo);}

/* === 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: rgba(31, 37, 43, 0.5);position: absolute;top: 0;z-index: 1;} 
.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: 10vw;} 
.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: var(--logo-coop) no-repeat center;background-size: 100%;width: 20vw;height: 15vw;} 
.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;} 
.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;}

/* === */
/* === 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: 767px;}
.wrapper .container-player-main .container-img-player .img-player{padding-bottom: calc(7 / 5 * 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%);/* -webkit-transition: -webkit-transform .8s ease-in-out; */-ms-transition: -ms-transform .8s ease-in-out;/* transition: transform .8s ease-in-out; */} 
.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{width: 100%;display: table;margin: 15vw auto auto auto;}
.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{width: 90%;margin: auto;display: table;position: relative;}
.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: 90vw;margin: 4.6875vw auto 4 auto;}
.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;} 
.wrapper .container-sinopsis .sinopsis .txt-bajada{color: #fff;font-size: 4.375vw;text-align: left;}

/* === */
/* === 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: var(--logo-twitter) 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: 90%;display: table;background: var(--color-dark);margin: auto;background: var(--color-ficha);} 
.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: 50%;} 
.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: 9.375vw;height: 9.375vw;margin-right: 1.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: 10px 15px;} 
.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: var(--color-orange);text-transform: capitalize;font-size: 4.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;text-transform: capitalize;font-size: 4.375vw;}
.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: 110%;
    height: 50px;
    background: #293844;
    color: white;
    font-size: 4vw;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 3.7;
    margin-bottom: 0px;
    position: relative;
    left: -5%;
    /* border-top: 5px solid #1f2931; */
    /* border-bottom: 5px solid #1f2931; */
    /* top: 0px; */
}

 
.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: 50px;height: 50px;margin: 5vw auto 5vw auto;}
.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: 'lato', 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: 'lato', 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: 'lato', 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: 40px;background: var(--logo-coop-esp) 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;}

/* === */
/* === BARRA TEMPORAL DE DOCUMENTALES === */
/* === */
.wrapper{width:100%;height: auto;margin: auto;background: var(--color-de-fondo);font-family: 'Lato', 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: absolute;top: 0;z-index: 3;} 
.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: 50px;padding-left: 60px;align-self: center;} 
.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: contain;width: 230px;height: 50px;} 
.wrapper .container-player-main .container-barra-temp-doc .container-logo-right{display: inline-grid;align-self: center;grid-template-columns: repeat(1, 130px 50px 60px);justify-content: flex-end;grid-gap: 30px;padding-right: 60px;} 
.wrapper .container-player-main .container-barra-temp-doc .container-logo-right .box-logo-coop{background: var(--logo-coop) no-repeat center;background-size: contain;width: 130px;height: 50px;} 
.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: contain;width: 50px;height: 50px;} 
.wrapper .container-player-main .container-barra-temp-doc .container-logo-right .box-logo-gob{background: var(--logo-gobierno) no-repeat center;background-size: contain;width: 60px;height: 50px;}

/* === */
/* === 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: 150px;height: 150px;border-radius: 50%;position: absolute;left: 50%;top: 50%;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: absolute;right: 0;top: 0px;/* width: 30px; *//* height: 30px; *//* background: var(--btn-modal) no-repeat center; *//* background-size: cover; */background: var(--color-orange);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: 100%;max-width: 1000px;display: table;height: auto;position: relative;margin: auto;}
.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: 75%;/* float: right; */display: table;}
.wrapper .container-sinopsis .sinopsis .box-contents .box-rotulo{display: table;width: auto;margin: 30px 0 10px 0;} 
.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.25rem;text-transform: uppercase;} 
.wrapper .container-sinopsis .sinopsis .txt-bajada{width: 100%;color: #fff;font-size: 1.125rem;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: var(--logo-twitter) 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: table;background: #212e38;/* padding: 10px 0; */} 

.wrapper .container-ficha-tecnica .cont-btn-ficha-doc{width: 20%; height: auto; display: table; position: relative; float: left; } 
.wrapper .container-ficha-tecnica .cont-btn-ficha-doc::after{content:'';position: absolute;width: 1px;background: #bd7a00;height: 150px;right: 0;top: 12.5px;}
.wrapper .container-ficha-tecnica .cont-btn-ficha-doc .box-title .logo-fichas{background: var(--icon-ficha-tec) no-repeat center;background-size: contain;width: 50px;height: 50px;margin: auto;} 
.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: table;padding-bottom: 10px;height: auto;cursor: pointer;width: 100%;/* background: #7ec8ff59; */opacity: .3;}
.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: #c78405;} 
.wrapper .container-ficha-tecnica .cont-ficha-doc{width: 75%;height: 200px;margin: auto;justify-items: center;align-items: center;display: -ms-grid;display: grid;display: -webkit-grid;} 
.wrapper .container-ficha-tecnica .cont-ficha-doc .ficha-tecnica{display: grid;justify-items: stretch; align-items: center;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;}
.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: #d88d00;text-transform: inherit;font-size: 1rem;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: 31px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.7;
    margin-bottom: 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: #212e38;opacity: 1;}
/* === */
/* === CONTENIDO PLAYER, RESUMEN, SOCIAL === */
/* === */
.wrapper .container-social{width: 95%;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;}
.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%;}
.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: 60px;height: 80px;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: 2.625rem;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 / 5 * 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: var(--color-orange);} 
.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: 70px;height: 60px;background-size: cover;float: left;margin: auto 30px;}
.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: 2.625rem;font-weight: 900;float: left;padding: 10px 0;}

.wrapper .container-e-con-r {width: 100%;display: table;}
.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%;}
.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;}
.wrapper footer .cont-full-footer .contacto-logo .logo{width: 250px;height: 50px;background: var(--logo-coop-esp) 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(250px, 1fr));
}
	.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;}

@keyframes blinking {
	0% { opacity: 0.25; }
	70%, 100% { opacity: 0; }
}

@keyframes glitch-anim-right {
	to { left: 8%; top: -3%; }
}

@keyframes glitch-anim-left {
	to { right: 8%; bottom: -1%; }
}

@keyframes glitch-anim-horizontal {
	0% {
	  clip-path: polygon(0 0, 0 100%, 2% 100%, 2% 0);
	}
	10% {
	  clip-path: polygon(35% 0, 35% 100%, 37% 100%, 37% 0);
	}
	25% {
	  clip-path: polygon(25% 0, 25% 100%, 27% 100%, 27% 0);
	}
	40% {
	  clip-path: polygon(35% 0, 35% 100%, 37% 100%, 37% 0);
	}
	50% {
	  clip-path: polygon(75% 0, 75% 100%, 77% 100%, 77% 0);
	}
	60% {
	  clip-path: polygon(65% 0, 65% 100%, 67% 100%, 67% 0);
	}
	75% {
	  clip-path: polygon(35% 0, 35% 100%, 37% 100%, 37% 0);
	}
	85% {
	  clip-path: polygon(85% 0, 85% 100%, 87% 100%, 87% 0);
	}
	100% {
	  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 100% 0);
	}
}

@keyframes glitch-anim-vertical {
	0% {
		clip-path: polygon(0 0, 0 1%, 100% 1%, 100% 0);
	}
	10% {
	  clip-path: polygon(0 20%, 0 21%, 100% 21%, 100% 20%);
	}
	25% {
	  clip-path: polygon(0 75%, 0 76%, 100% 76%, 100% 75%);
	}
	40% {
	  clip-path: polygon(0 40%, 0 41%, 100% 41%, 100% 40%);
	}
	50% {
	  clip-path: polygon(0 90%, 0 91%, 100% 91%, 100% 90%);
	}
	60% {
	  clip-path: polygon(0 80%, 0 85%, 100% 85%, 100% 80%);
	}
	75% {
	  clip-path: polygon(0 32%, 0 33%, 100% 33%, 100% 32%);
	}
	85% {
	  clip-path: polygon(0 65%, 0 66%, 100% 66%, 100% 65%);
	}
	100% {
	   clip-path: polygon(0 35%, 0 50%, 100% 50%, 100% 35%);
	}
}

/* === Efecto Glitch Titulo === */
.txt-title-efecto {position: relative; } 
.txt-title-efecto::before {left: 2px;text-shadow: -2px 0 #95d4ce;clip: rect(24px, 550px, 90px, 0);animation: glitch-anim-2 2s infinite linear alternate-reverse;}
.txt-title-efecto::after {left: -2px;text-shadow: -2px 0 #ee3169;clip: rect(85px, 550px, 140px, 0);animation: glitch-anim 2s infinite linear alternate-reverse;}
@-webkit-keyframes glitch-anim {
  0% {
    clip: rect(38px, 9999px, 108px, 0);
  }
  4.166666666666666% {
    clip: rect(81px, 9999px, 93px, 0);
  }
  8.333333333333332% {
    clip: rect(63px, 9999px, 36px, 0);
  }
  12.5% {
    clip: rect(124px, 9999px, 89px, 0);
  }
  16.666666666666664% {
    clip: rect(134px, 9999px, 139px, 0);
  }
  20.833333333333336% {
    clip: rect(46px, 9999px, 124px, 0);
  }
  25% {
    clip: rect(144px, 9999px, 96px, 0);
  }
  29.166666666666668% {
    clip: rect(38px, 9999px, 44px, 0);
  }
  33.33333333333333% {
    clip: rect(36px, 9999px, 90px, 0);
  }
  37.5% {
    clip: rect(51px, 9999px, 57px, 0);
  }
  41.66666666666667% {
    clip: rect(27px, 9999px, 16px, 0);
  }
  45.83333333333333% {
    clip: rect(68px, 9999px, 32px, 0);
  }
  50% {
    clip: rect(21px, 9999px, 62px, 0);
  }
  54.166666666666664% {
    clip: rect(3px, 9999px, 137px, 0);
  }
  58.333333333333336% {
    clip: rect(85px, 9999px, 99px, 0);
  }
  62.5% {
    clip: rect(56px, 9999px, 47px, 0);
  }
  66.66666666666666% {
    clip: rect(63px, 9999px, 6px, 0);
  }
  70.83333333333334% {
    clip: rect(137px, 9999px, 92px, 0);
  }
  75% {
    clip: rect(79px, 9999px, 73px, 0);
  }
  79.16666666666666% {
    clip: rect(117px, 9999px, 98px, 0);
  }
  83.33333333333334% {
    clip: rect(3px, 9999px, 50px, 0);
  }
  87.5% {
    clip: rect(14px, 9999px, 65px, 0);
  }
  91.66666666666666% {
    clip: rect(102px, 9999px, 113px, 0);
  }
  95.83333333333334% {
    clip: rect(136px, 9999px, 115px, 0);
  }
  100% {
    clip: rect(128px, 9999px, 1px, 0);
  }
}
@keyframes glitch-anim {
  0% {
    clip: rect(38px, 9999px, 108px, 0);
  }
  4.166666666666666% {
    clip: rect(81px, 9999px, 93px, 0);
  }
  8.333333333333332% {
    clip: rect(63px, 9999px, 36px, 0);
  }
  12.5% {
    clip: rect(124px, 9999px, 89px, 0);
  }
  16.666666666666664% {
    clip: rect(134px, 9999px, 139px, 0);
  }
  20.833333333333336% {
    clip: rect(46px, 9999px, 124px, 0);
  }
  25% {
    clip: rect(144px, 9999px, 96px, 0);
  }
  29.166666666666668% {
    clip: rect(38px, 9999px, 44px, 0);
  }
  33.33333333333333% {
    clip: rect(36px, 9999px, 90px, 0);
  }
  37.5% {
    clip: rect(51px, 9999px, 57px, 0);
  }
  41.66666666666667% {
    clip: rect(27px, 9999px, 16px, 0);
  }
  45.83333333333333% {
    clip: rect(68px, 9999px, 32px, 0);
  }
  50% {
    clip: rect(21px, 9999px, 62px, 0);
  }
  54.166666666666664% {
    clip: rect(3px, 9999px, 137px, 0);
  }
  58.333333333333336% {
    clip: rect(85px, 9999px, 99px, 0);
  }
  62.5% {
    clip: rect(56px, 9999px, 47px, 0);
  }
  66.66666666666666% {
    clip: rect(63px, 9999px, 6px, 0);
  }
  70.83333333333334% {
    clip: rect(137px, 9999px, 92px, 0);
  }
  75% {
    clip: rect(79px, 9999px, 73px, 0);
  }
  79.16666666666666% {
    clip: rect(117px, 9999px, 98px, 0);
  }
  83.33333333333334% {
    clip: rect(3px, 9999px, 50px, 0);
  }
  87.5% {
    clip: rect(14px, 9999px, 65px, 0);
  }
  91.66666666666666% {
    clip: rect(102px, 9999px, 113px, 0);
  }
  95.83333333333334% {
    clip: rect(136px, 9999px, 115px, 0);
  }
  100% {
    clip: rect(128px, 9999px, 1px, 0);
  }
}
@-webkit-keyframes glitch-anim-2 {
  6.666666666666667% {
    clip: rect(90px, 9999px, 94px, 0);
  }
  10% {
    clip: rect(129px, 9999px, 97px, 0);
  }
  13.333333333333334% {
    clip: rect(140px, 9999px, 136px, 0);
  }
  16.666666666666664% {
    clip: rect(123px, 9999px, 94px, 0);
  }
  20% {
    clip: rect(86px, 9999px, 117px, 0);
  }
  23.333333333333332% {
    clip: rect(144px, 9999px, 53px, 0);
  }
  26.666666666666668% {
    clip: rect(105px, 9999px, 114px, 0);
  }
  30% {
    clip: rect(37px, 9999px, 13px, 0);
  }
  33.33333333333333% {
    clip: rect(111px, 9999px, 79px, 0);
  }
  36.666666666666664% {
    clip: rect(149px, 9999px, 62px, 0);
  }
  40% {
    clip: rect(52px, 9999px, 80px, 0);
  }
  43.333333333333336% {
    clip: rect(136px, 9999px, 100px, 0);
  }
  46.666666666666664% {
    clip: rect(30px, 9999px, 1px, 0);
  }
  50% {
    clip: rect(6px, 9999px, 93px, 0);
  }
  53.333333333333336% {
    clip: rect(64px, 9999px, 68px, 0);
  }
  56.666666666666664% {
    clip: rect(27px, 9999px, 55px, 0);
  }
  60% {
    clip: rect(74px, 9999px, 73px, 0);
  }
  63.33333333333333% {
    clip: rect(67px, 9999px, 97px, 0);
  }
  66.66666666666666% {
    clip: rect(8px, 9999px, 118px, 0);
  }
  70% {
    clip: rect(65px, 9999px, 105px, 0);
  }
  73.33333333333333% {
    clip: rect(132px, 9999px, 79px, 0);
  }
  76.66666666666667% {
    clip: rect(103px, 9999px, 42px, 0);
  }
  80% {
    clip: rect(21px, 9999px, 146px, 0);
  }
  83.33333333333334% {
    clip: rect(63px, 9999px, 48px, 0);
  }
  86.66666666666667% {
    clip: rect(138px, 9999px, 100px, 0);
  }
  90% {
    clip: rect(70px, 9999px, 16px, 0);
  }
  93.33333333333333% {
    clip: rect(113px, 9999px, 11px, 0);
  }
  96.66666666666667% {
    clip: rect(147px, 9999px, 67px, 0);
  }
  100% {
    clip: rect(0px, 9999px, 72px, 0);
  }
}
@keyframes glitch-anim-2 {
  6.666666666666667% {
    clip: rect(90px, 9999px, 94px, 0);
  }
  10% {
    clip: rect(129px, 9999px, 97px, 0);
  }
  13.333333333333334% {
    clip: rect(140px, 9999px, 136px, 0);
  }
  16.666666666666664% {
    clip: rect(123px, 9999px, 94px, 0);
  }
  20% {
    clip: rect(86px, 9999px, 117px, 0);
  }
  23.333333333333332% {
    clip: rect(144px, 9999px, 53px, 0);
  }
  26.666666666666668% {
    clip: rect(105px, 9999px, 114px, 0);
  }
  30% {
    clip: rect(37px, 9999px, 13px, 0);
  }
  33.33333333333333% {
    clip: rect(111px, 9999px, 79px, 0);
  }
  36.666666666666664% {
    clip: rect(149px, 9999px, 62px, 0);
  }
  40% {
    clip: rect(52px, 9999px, 80px, 0);
  }
  43.333333333333336% {
    clip: rect(136px, 9999px, 100px, 0);
  }
  46.666666666666664% {
    clip: rect(30px, 9999px, 1px, 0);
  }
  50% {
    clip: rect(6px, 9999px, 93px, 0);
  }
  53.333333333333336% {
    clip: rect(64px, 9999px, 68px, 0);
  }
  56.666666666666664% {
    clip: rect(27px, 9999px, 55px, 0);
  }
  60% {
    clip: rect(74px, 9999px, 73px, 0);
  }
  63.33333333333333% {
    clip: rect(67px, 9999px, 97px, 0);
  }
  66.66666666666666% {
    clip: rect(8px, 9999px, 118px, 0);
  }
  70% {
    clip: rect(65px, 9999px, 105px, 0);
  }
  73.33333333333333% {
    clip: rect(132px, 9999px, 79px, 0);
  }
  76.66666666666667% {
    clip: rect(103px, 9999px, 42px, 0);
  }
  80% {
    clip: rect(21px, 9999px, 146px, 0);
  }
  83.33333333333334% {
    clip: rect(63px, 9999px, 48px, 0);
  }
  86.66666666666667% {
    clip: rect(138px, 9999px, 100px, 0);
  }
  90% {
    clip: rect(70px, 9999px, 16px, 0);
  }
  93.33333333333333% {
    clip: rect(113px, 9999px, 11px, 0);
  }
  96.66666666666667% {
    clip: rect(147px, 9999px, 67px, 0);
  }
  100% {
    clip: rect(0px, 9999px, 72px, 0);
  }
}

/* === Movimiento Cartelera de peliculas === */
@keyframes animate
	{
		0%
		{
			background-position: 0 0;
			-webkit-filter: grayscale(0); 
            filter: grayscale(0);
		}
		10%{
			background-position: 5px 0;
		}
		20%
		{
			background-position: 0 0;
		}
		30%{
			background-position: -5px 0;
		}
		40%
		{
			background-position: 0 0;
		}
		50%{
			background-position: 0 0;
			-webkit-filter: grayscale(50); 
            filter: grayscale(50);
		}
		60%
		{
			background-position: 0 -5px;
		}
		80%
		{
			background-position: 0 0;
		}
		90%{
			background-position: 0 5px;
		}
		100%
		{
			background-position: 0 0;
			-webkit-filter: grayscale(0); 
            filter: grayscale(0);
		}
	}

/* === 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: 48px;
  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: 100%;
  background-position: initial;
  background-repeat: round;
  margin: auto;
}
#socialbar li:hover .twit {
  background-color: #00A1DF;
 
}
#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: 40px;
    margin: 0px 0px 0px 0px;
    top: unset;
    float: none;
    position: fixed;
    bottom: 0;
    z-index: 9;
    background: #000;
    line-height: 3;
    transition: all 2s ease-in-out;
}

#socialbar li {
    width: 65px;
    height: 30px;
    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;
 
}

}