@import url('/css/rtve.2018/rtve.skins/rtve.modules/basics.por.css');
@import url('/css/rtve.2018/rtve.skins/rtve.modules/catalogo.desktp.css');
@import url('/css/rtve.2018/rtve.skins/rtve.PROGRAMAS/programas.galeria.por.css');
@import url('/css/rtve.2015/rtve.skins/rtve.SERIES/series.desktp.header.css');
@import url('/css/rtve.2022.noticias/premios-goya-TE_SGOYA22/TE_SGOYA22.colores.por.css');

/*player*/
@import url('/css/rtve.2018/rtve.commons/rtve.modules/rtve.2018.player.css');
@import url('/css/rtve.2015/rtve.commons/rtve.header.footer/desktp.footer.css');
@import url('/css/rtve.2018/rtve.skins/rtve.modules/alacarta.css');
@import url("/css/rtveplay.2021/rtve.play.grids.desktp.css");

/* cabecera */
.sheet.breakNews {display:none;}
.wrapper.subheader .spechead .emisBox .cell {width:100%;padding-top:1rem}
.wrapper.subheader .spechead .emisBox .cell .maintitle {width:10rem;font-weight:300;font-size:1.4rem;display: inline-block;height: 4em;vertical-align:middle;padding: 0;}
.wrapper.subheader .navBox.spechead {position:relative;background: #161D2D;}

/* logos Grande */
.wrapper.subheader .spechead .container .logoima {top:8rem;height:auto;padding:0;transition: all .4s;}
.wrapper.subheader .spechead nav .blindBox {top:6.2rem;}
.mainheader .tab_first .logo {left: 12rem;transition: all .4s;}
.auxheader .socialBox {top: 22rem;left: 15.5rem;transition: all .4s;}
.mainheader .tab_first .ico img {opacity: .8;width: 7.2rem;transition: all .4s;}
.mainheader .tab_first .logo {width: 7.2rem;}

/* collection */
.JSfree .slideH {overflow-x:hidden;}
.monoBox .mainBox .ima {width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.monoBox .ima img:not(.i_logo) {height:100%;object-fit:cover;object-position:center center;background-color:#3f4f4f;}

/* */
.container, .container.striplayer .grid {width:118em;}
.wrapper.mainheader .container {width:auto}
.cell:hover .mediaBox .ima {filter:brightness(110%);}

.cell, .cell>.mod {float: left;}
.g2.simply .cell {width: 50%;}
.g3.simply .cell {width: 33.333%;}
.g4.simply .cell {width: 25%;}
.g5.simply .cell {width: 20%;}

.toplayer + .container:not(.specialTopBox) {padding-top:1rem}

.g1 .txtBox .maintitle, .g1 .txtBox .pretitle {font-size:3rem;color:#C5C5C5;}
section.grid > .secBox > span {font-size:3rem;}

/* espacio */
article .mainBox .txtBox {padding-top:1rem;}
article .mainBox {padding-bottom: 2rem;}

/* filetes */
.container:not(.striplayer) .secBox:before {content:'';width:100%;height:.1rem;position:relative;display:block;margin: 1rem auto 1.5rem auto;}

/** apertura destacado **/
.specialTopBox .g1 .txtBox .maintitle {color:#fff;font-weight: 300;font-size: 5rem;font-family:'Roboto','Arial',sans-serif;}
.container.specialTopBox .gridBox .cell {padding:0rem;}
.container.specialTopBox .mediaBox .ima {outline:0;}
.container.specialTopBox .grid {width:auto;}
.specialTopBox .mainBox .overBox {bottom:10rem;position:absolute;padding:2rem 0rem 4rem 20rem;width:90%;z-index:4;}
.specialTopBox .overBox:after {content: "";display:inline-block;width:115%;position: absolute;top: 0;left: -10%;height: 100%;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);transform: skew(-20deg);z-index:-1;}
.container.specialTopBox .g1 .txtBox, .container.specialTopBox .g1 .auxBox {padding: 0.5rem 10%;}
.container.specialTopBox .g1 .txtBox .maintitle, .container.specialTopBox .g1 .txtBox .pretitle {padding:0;}
/*apertura cambio orden autor*/
.container.specialTopBox .auxBox {display: flex;flex-flow:column;}
.container.specialTopBox .auxBox .author.name {order:3;}

/*controles*/
.striplayer + .container .arrays .secBox + .slideH + .spinnBox + .controlBox{top:4.4rem!important;}

/*apertura play y play de mentira*/
.container.specialTopBox .mediaBox .ico.play {display: none;}
.container.specialTopBox .videoBox + .overBox h2:before{content: "";background-color:rgba(0,0,0,0.6);position:absolute;left: 16%;top:3rem;background:url(/css/rtve.2015/i/iconos/icons_40x40_ffffff.png);background-size: 1100%;opacity: 0.95;margin: 0 auto;background-repeat:no-repeat;vertical-align: middle;display: inline-block;width: 3.6rem;height: 3.6rem;background-position: 00% 80%;}
.ico.gallery img {background:20% 80%;}

/*entregas*/
.entregas section.grid > .secBox {padding: 3rem 0 2rem 0;}
.container.entregas.striplayer {background:url('/css/rtve.2019.noticias/premios-goya-2019-TE_SGY109AA/i/fondo.png');padding-bottom:0;}

/** quoteBox **/
.quoteBox .cell:hover .mediaBox .ima {filter:none;}
.wrapper .container.quoteBox .grid {padding-top:0;margin-top:4rem;}
.quoteBox img {width:auto;top:-30%;}
.quoteBox .g1 .auxBox {position:absolute;z-index: 4;text-align:right;width:100%;}
.quoteBox .mediaBox {width: 70vw;position: absolute;left:20vw;top:0;height:26rem;overflow:hidden;z-index:1;}
.quoteBox .mediaBox span.ima {outline: none;overflow:hidden;display:block;box-shadow:none;}
.quoteBox .mainBox:before {content: "";display: inline-block;width: 100%;position:absolute;top:0;left:0;height:100%;-webkit-transform: skew(-15deg);-moz-transform: skew(-15deg);-o-transform: skew(-15deg); transform: skew(-15deg);z-index:2;}

.quoteBox span.maintitle {position:relative;z-index:3;}
.quoteBox .txtBox:before {content:open-quote;position:absolute;color:rgba(152, 27, 30, .5);font-size:28rem;line-height: 30rem;top:-2.8rem;left:3rem;z-index:3;font-family:'Roboto', sans-serif;font-weight: 600;}
.quoteBox .auxBox p{text-align:right;}
.quoteBox .mainBox {width:50%;padding: 4rem 2rem;height:26rem;}
.quoteBox .auxBox {line-height:1.6rem;}
.quoteBox .gridBox .cell {padding:0;}
.quoteBox .g1 .txtBox{padding: 0.5rem 0rem 1rem 4rem;}

/** footer **/
.footer a ~ .blindBox {border-top: solid .2rem #cecece;}
.footer .ico {margin:0;}

/* a la carta */
/** beoff be_on **/
.striplayer.beoff {background: #222;padding: 4em 4em 10em 4em !important;z-index: 3;display: inline-block;width: 100%;}
.striplayer.beoff:not(.beon_) {position: absolute;clip: rect(0,0,0,0);overflow: hidden;left: 0;top:0}
.striplayer.beoff.beon_ {position: relative;clip: auto;overflow: visible;}
.striplayer.beoff.beon_ .article, .striplayer.beoff.beon_ .carta.article > * {background: transparent;}
.striplayer.beon_:after {content: '';width: 0;height: 0;position: absolute;bottom: -3em;left: 50%;margin-left: -8em;border: 8em solid transparent;border-top: 3em solid #222;border-bottom: 0 none;}
/* titulares */
.striplayer .breadtabs {margin-bottom: 2rem;}
.breadtabs span {font-size:2rem;line-height: 1.3;color: #c4c6c8;}
.breadtabs .endtag {font-size:1.5rem;}
/*textos*/
.carta .videoPlayer span, .vjs-menu-item, .striplayer.beoff.beon_ .breadtabs .pretitle, .striplayer.beoff.beon_ .breadtabs span {color:#fff}
.striplayer.beon_ .carta.article .summary a {text-decoration: underline}
.striplayer.beon_ .carta.article .summary ul, .striplayer.beon_ .carta.article .summary li {border:none;padding:0}
.striplayer .carta.article .falseH1 .maintitle {font-size:2.4rem;word-spacing: 0.5pt;line-height: 1;color: rgba(255,255,255,0.85);}
.carta.article .summary *, .striplayer .carta.article .summary p {font-size: 1.7rem;line-height: 1.2;color: rgba(255,255,255,0.75);}
/* boton cerrar */
.striplayer > .close {left: 50%;right: auto;z-index: 1;position: absolute;opacity: 0.65;border: 1em solid transparent;margin-left: 60em;bottom: auto;top: 3em;}
.striplayer > .close.ico > img {width: 4em;height: 4em;background-repeat: no-repeat;background-image: url('/css/rtve.2015/i/iconos/icons_60x60_ffffff.png');background-position: 40% 20%;background-size:1100%}
.striplayer > .close:hover img {background-image: url('/css/rtve.2015/i/iconos/icons_40x40_active.png')}
.striplayer > .close + .close {top: auto;bottom: 1em;margin-left: -3em;background: rgba(255,255,255,0.25);border-radius: 100%;}
/* menu */
.carta.article .share, .carta.article .share .blind, .carta.article .share .blindBox ul {position:absolute}
.striplayer.beon_ .carta .vjs-control-bar.controlBox {bottom:0}
.carta .videoPlayer .vjs-volume-control, .carta .videoPlayer .vjs-volume-level:after {width: 8.4rem;}
.carta .vjs-menu-button .vjs-menu, .carta .videoPlayer .vjs-menu-button:hover .vjs-menu {width: 30rem;}
.carta .vjs-share-display .checkbox img {left: auto;right: 31rem;top: 1rem;}
.striplayer.beon_ .vjs-related .listBox .cell a .ima.f9x9 {padding-top:75%}
.striplayer.beon_ .vjs-related .cell > a {padding-top: 0;}
/* ocultar */
.carta.article .controlBox [title="Audio Track"] img, .carta.article .vjs-share-display .blindBox > input[type='checkbox'] {display:none;}

/* sociales */
.striplayer.beon_ .article.carta .mainContent .socialBox {position: absolute;top: 4rem;left: auto;clip:inherit;cursor:pointer}
.striplayer.beon_ .carta .mainContent .socialBox .ico .blind img,
.striplayer.beon_ .carta .mainContent .ico.share .blind img,
.striplayer.beon_ .carta .mainContent .ico.share .blindBox img {display: inline-block;z-index:4;outline: solid .1rem;width: 3.6rem;height: 3.6rem;opacity: 1;}
.striplayer.beon_ .carta .mainContent .socialBox .ico.share > .blindBox.beoff.be_on {clip:inherit;outline: solid .1rem;bottom:-3.6rem;}
.striplayer.beon_ .carta .mainContent .socialBox .blindBox .ico:hover, .striplayer.beon_ .carta .mainContent .ico.share .blind:hover {opacity:.65}

/** **/

/*arreglo emisBox*/
.wrapper.subheader .spechead .emisBox .ico.canal {display: table-cell;vertical-align: middle;height: 4em;position: relative;top: 0;margin: 0;}
.wrapper.subheader .spechead .emisBox .cell .maintitle {width: 14rem;font-weight: 300;font-size: 1.4rem;display: table-cell;text-align: center;vertical-align: middle;padding: 0;color: #fff;text-shadow: 0px 1px 2px #262626;}
.wrapper.subheader .spechead .emisBox .cell {width: 100%;padding-top: 0;display: table;height: 6.6rem;}



/*modulos que estan en la home tambien*/

/*INFOGRAFIA contador goyas*/
#ganadores {padding:1rem;}
#ganadores .pelicula .img , #ganadores .pelicula img {width:100%;}
#ganadores .pelicula {width:20%;float:left;text-align:center;}
#ganadores .total {background:#dedede;color:#1d171e;font-size: 2rem;line-height: 3.8rem;width: 4.4rem;display:inline-block;border-radius:100%;margin:-2rem 0 0 0;border: .4rem solid #c5c5c5;}
#ganadores .total em {display:none;}
#ganadores .label {color:#dedede;font-size:1.5rem;line-height:1.6rem;display:inline-block;clear:both;padding:0.8rem;}
#ganadores .boton {width:100%;padding:2rem 0;}
#ganadores .boton span {font-size:1.4rem;font-weight:800;background:#dedede;line-height:3;padding:0 2rem;display:inline-block;text-decoration:underline;text-transform:uppercase;}
#ganadores .boton span:hover{text-decoration:none;}
#ganadores .boton img {display:none;}
#ganadores .ico a {text-align: right;}

/* franja winners*/
.bodier>.mainGoya2022.striplayer >.bigTit.striplayer:first-child {position: absolute;top: 0;left: 0;width: 14.28%;max-width: 14.28%;min-width: auto;height: auto;background: transparent;}
.bodier>.mainGoya2022.striplayer >.bigTit.striplayer:first-child section.grid .secBox {width: 100%;left: 0;margin: 0;min-height: 10rem;overflow: hidden;background: url('/css/rtve.2020.noticias/premios-goya-TE_SGY920A/i/cabecera_goya_logo.png') no-repeat top 2rem left 50%;background-size: 8rem auto;z-index:3}
.bodier>.mainGoya2022.striplayer >.bigTit.striplayer:first-child section.grid .secBox a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -1000%;}
.bodier>.mainGoya2022.striplayer >.bigTit.striplayer:first-child + .winnersBox {/*padding-left:14.28%;margin:0;*/}
.bodier>.mainGoya2022.striplayer .winnersBox {background:#161D2D;width: 85.71%;width: 100%;display: block;padding-left: 5%;clear: none;}
.bodier>.mainGoya2022.striplayer .winnersBox .grid {max-width:100%;width:100%;}
.bodier>.mainGoya2022.striplayer .winnersBox .grid .gridBox, .winnersBox .gridBox .cell {padding:0;}
.winnersBox .winners {padding: 2rem 0 1rem 0;}
.winnersBox .winners li {position: relative;width: 16%;display: inline-block;}
.winnersBox .winners li h3,.winnersBox  .winners .txtInfo {display:inline-block;width:60%;}
.winnersBox .winners li h3 {text-transform:none;font-size:1.2rem;font-weight:400;color:#C5C5C5;margin-bottom:.5rem;position:absolute;bottom:50%;;left:7rem;display:block;}
.winnersBox .winners .txtInfo {font-size:1.3rem;font-weight:900;color:#C5C5C5;text-transform:uppercase;position:absolute;top:50%;}

.winnersBox .winners li:first-child .txtInfo h5 {color: #C5C5C5;font-style: italic;}
.winnersBox .winners li:not(:first-child) .txtInfo h5 {display: none;}
.winnersBox .winners .media {overflow:hidden;display:block;float: left;width: 6rem;height: 6rem;border-radius: 100%;border: .3rem solid #C5C5C5;margin:0 1rem 0 auto}
.winnersBox .winners .media img{display:block;margin:0 auto;;width:100%;height:auto;/*max-height: 15rem;*/}
.winnersBox .winners li h3 em {font-style: normal;}
.winners + .boton {width: 100%;}
.winners + .boton a {position:absolute;top:0;left:0;width:100%;height:100%;}
.winners + .boton span {font-size:1.4rem;color:#b3b3b3;line-height:3;padding:0;display:inline-block;text-decoration: underline;clip: rect(0,0,0,0);position: absolute;top: -100%;left: -100%;}
.mainGoya2022 .winners + .boton span:hover{text-decoration:none;}

.mainGoya2022 .tituMam .cell a span{display:inline-block;width:100%;padding: 0.4rem 21.4rem 0.4rem 2.4rem;color:#31363e;transition:all .2s;}
.mainGoya2022 .tituMam .cell a span:hover {color:#333;}
.mainGoya2022 .tituMam .cell .maintitle {font-weight:500;font-size: 2.2rem !important;line-height:1.2 !important;}
.mainGoya2022 .tituMam .cell .maintitle .auxBox {display:none;}
.mainGoya2022 .tituMam .cell .mod .txtBox{position: relative;background:#eee;padding: 0;}
.mainGoya2022 .tituMam .cell .txtBox span.pretitle{position:absolute;right:0;color:#666;font-size:1.8rem!important;font-weight:400;word-spacing:0!important;top:50%;margin-top:-.9rem;padding-right:1.2rem;}
.mainGoya2022 .tituMam .cell a span:before {content: "";display: inline-block;height:1.6rem;width:1.6rem;background:#c61519;border-radius:100%;margin-top:-.4rem;margin-right:1rem;vertical-align:middle;animation:parpadeo infinite 1.5s linear;transition:all 1s;}
.mainGoya2022 .tituMam .cell a span:after {content:"";display:none;height:1.4rem;width:1.4rem;background:transparent;border-radius:100%;margin-right:1rem;vertical-align:middle;border:.2rem solid rgba(198, 21, 25, .6);position:absolute;left:2rem;top:-.5rem;}
.mainGoya2022 .tituMam  .mainBox {box-shadow:.4rem .4rem .4rem rgba(0,0,0,.4);padding-bottom:0;}
.mainGoya2022 .tituMam .cell .maintitle{color:#666;}
.mainGoya2022 .tituMam .cell a {position: relative;}

[data-tipo="mod_include"] .striplayer:first-child section > strong {opacity:0;    visibility: hidden;} /* revisar */


@media (max-width:1600px) {
/* logos 2019 */
.wrapper.subheader .spechead .container .logoima {top:0;height:6.6rem;padding:.4rem;}
.mainheader .tab_first .logo {left:2rem;}
.auxheader .socialBox {top:8rem;left: 1rem;}
.mainheader .tab_first .ico img {opacity:.8;width:6.2rem;}
.mainheader .tab_first .logo {width:6.2rem;}
}
@media (max-width:1440px) {
.specialTopBox .g1 .txtBox .maintitle {font-size:3rem;}
.container.specialTopBox .videoBox + .overBox h2:before{left:6%;}
.specialTopBox .mainBox .overBox {padding:2rem 0rem 4rem 0rem;width:90%;z-index: 4;}
}
@media (max-width:1040px) {
.container.specialTopBox .videoBox + .overBox h2:before {left:3%;}
.specialTopBox .auxBox p {font-size: 1.4rem;}
.specialTopBox .author em {font-size: 1.4rem;}
.specialTopBox .auxBox a{font-size: 1.4rem;}
.specialTopBox .mainBox .overBox{width:80%;}
}


@media all and (max-width:1440px){
  /** cabecera **/
  .wrapper.bodier [class*="mainCont"] .g2:not(.slaves) .mainBox .mediaBox  .ico.play:not(.vjs-control){left:auto;right:1.5em;top:1.5em;bottom:auto;margin:0;}
  .wrapper.mainheader {left: 2rem;z-index:6}
  .wrapper.subheader {z-index:5}
  .subheader .spechead h1 {left: 10rem;}
  .wrapper.subheader .spechead .emisBox {right:4rem;}

  /*icono lista*/
  .navBox.spechead .container ~ .slidB {display:inline-block;position:fixed;top:1.75em;left: auto;right: 2rem;filter:invert(0.1);}
  .navBox.spechead .container ~ .slidB.be_on {right: 41.75em;left: auto;}
  .navBox.spechead .container ~ .slidB.ico img{height: 2.4rem;width: 2.4rem;background: url(/css/rtve.2015/i/iconos/icons_40x40_000000.png) no-repeat;background-size: 1100%; background-position: 0 0;cursor:pointer;opacity:1;-webkit-filter:invert(100%);-moz-filter:invert(100%);-ms-filter:invert(100%);-o-filter:invert(100%);filter:invert(100%);}
  .navBox.spechead .container ~ .slidB.ico img:hover{opacity:0.5;}
  .navBox.spechead .container ~ .slidB.ico.be_on img {background:url(/css/rtve.2015/i/iconos/icons_40x40_000000.png) no-repeat;background-size:1100%;background-position:40% 20%;}
  /*navegacion*/
  /*.navBox.spechead .container,*/
  .subheader .navBox.spechead{height:0;}
  .spechead h1{left:5em;z-index:-0;height:7em;}
  .subheader .spechead .blindBox {top:0;}
  .subheader .spechead > .blindBox {height:100%;position:fixed !important;}
  .subheader .spechead > .blindBox.be_on {width:100%;}
  .subheader .spechead > .blindBox, .subheader .spechead > .blindBox ul {width:40em;max-width:100%;}
  .subheader .spechead > .blindBox {right: -40em}
  .subheader .spechead > .blindBox.be_on {left: auto;text-align: right;right: 0;}
  .subheader .spechead > .blindBox > ul {background:rgba(0,0,0,0.77);height:100%;overflow:auto;overflow-x:hidden;}
  .subheader .spechead > .blindBox:first-child ul {position:absolute;left:0;}

  .subheader .spechead .blindBox > ul:first-child > li{width:100%;padding:1.6em 1.6em 1.6em 6em;text-align:left;}
  .subheader .spechead > .blindBox > ul > li .blindBox.be_on {position:relative;left:0;width:40em;top:1.6em;background:rgba(0,0,0,0.15);margin-left:-6em;}
  .subheader .spechead > .blindBox > ul > li ul li{width:100%;text-align:center;}
  /*redes sociales debajo de logo*/
  .wrapper.auxheader{display:inline-block;width:auto;z-index:2;}
  /*transicion*/
  .navBox.spechead .container ~ .slidB.ico,
  .navBox.spechead .container ~ .slidB.ico.be_on {-webkit-transition:right 1s;-moz-transition:right 1s;-o-transition:right 1s;transition: right 1s;}
  .subheader .spechead > .blindBox {-webkit-transition:right 1s;-moz-transition:right 1s;-o-transition:right 1s;transition: right 1s;}
  .ico.arrow.slidB {z-index:10;}
  /** **/

  .specialTopBox + .container.striplayer,
  .specialTopBox + .striplayer.beoff + .container.striplayer {background:none;box-shadow:none;}
  .specialTopBox .txtBox .maintitle {font-size: 3.2rem;line-height: 1;}
}

@media only screen and (max-width:1280px){
  /* textos apertura */
  .specialTopBox .txtBox, .specialTopBox .auxBox {padding-left:8rem}
  .specialTopBox .txtBox .maintitle {font-size: 2.8rem;line-height: 1;}
  .specialTopBox .pretitle {font-size:2.4rem}
  .specialTopBox .g1 .auxBox * {font-size:1.6rem}
}


/* rtve play */
[data-type="collection"] .collSet .slideH {/*padding: 0;*/}
[data-type="collection"] .redad span {
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;}

.elem_nV.active .i_covr, .elem_nV.active .i_prvw, .elem_xV.active .i_covr, .elem_xV.active .i_prvw {opacity: 1;}
.elem_nV .i_covr, .elem_nV .i_prvw, .elem_xV .i_covr, .elem_xV .i_prvw {opacity: 0;}
.elem_nV .i_covr, .elem_nV .i_prvw, .elem_xV .i_covr, .elem_xV .i_prvw {z-index: 1;}
.elem_nV .i_post {z-index: 0;}

.slideH .monoBox li:not(.elem_nH) .mod .mainBox {border-style: solid;border-color: transparent;}
.g1 .monoBox .txtBox .maintitle {font-size: 2rem;line-height: 2.2rem;color: inherit;}
.g1 .monoBox .txtBox .pretitle {font-size: 1.3rem;line-height: 1.6rem;color: inherit;}

.collSet .monoBox .icon-label.extra {display:none}
.g3.notory .cell,
.g3.simply .cell {width: 33.33%;}
.striplayer.container > .striplayer.mod_collection-slide {
    width: 100%;
}

.striplayer.mod_collection-slide .grid {
    width: 100%;
}

.striplayer.mod_collection-slide .secBox {width:118rem;display:block;margin:0 auto;float:none;}
.striplayer.mod_collection-slide .secBox span {left: 50%;position: relative;margin-left: -59rem;}


@media only screen and (min-width: 1920px) {
.g1 .monoBox .txtBox .maintitle {padding-right: 7rem;}
.collSet .monoBox:not(.comp_xH) .goto_media {left: 100%;transform: none;}
.collSet .monoBox:not(.comp_xH) .goto_media:before {width: 5.2rem;height: 5.2rem;}

}

/*animaciones*/
@keyframes parpadeo{
        0%{opacity:0;}
        75%{opacity:1;}
        100%{opacity: 0;}
}