@import url('https://css2.rtve.es/css/rtve.2018/rtve.skins/rtve.modules/basics.por.css');
@import url('https://css2.rtve.es/css/rtve.2018/rtve.skins/rtve.modules/catalogo.desktp.css');
@import url('https://css2.rtve.es/css/rtve.2018/rtve.skins/rtve.PROGRAMAS/programas.galeria.por.css');
@import url('https://css2.rtve.es/css/rtve.2015/rtve.skins/rtve.SERIES/series.desktp.header.css');
@import url('https://css2.rtve.es/css/division/tve/catalunya/premis_sant_Jordi2026/TE_SPSJC26.basics.por.css');
/*player*/
@import url('https://css2.rtve.es/css/rtve.2018/rtve.commons/rtve.modules/rtve.2018.player.css');
@import url('https://css2.rtve.es/css/rtve.2015/rtve.commons/rtve.header.footer/desktp.footer.css');
@import url('https://css2.rtve.es/css/rtve.2021/rtve.skins/rtve.modules/rtveplay.desktp.css');


/* logos */
.wrapper.subheader .spechead .container .logoima {top:.5rem;left:16rem;height:5.6rem;;padding:0;transition:all .4s;}
.mainheader .tab_first .logo {left: 12rem;transition:all .4s;}
.auxheader .socialBox {top:8rem;left:13rem;transition:all .4s;}
.mainheader .tab_first .ico img {opacity:.8;width: 7.2rem;transition:all .4s;}
.mainheader .tab_first .logo {width:7.2rem;}

/* 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;}
.wrapper.subheader .spechead nav .blindBox{top:6.2rem;background-color:rgba(27, 24, 24,0.7);}

/* */
.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%;}

.notory.g3 .gridBox>.cell{width:25%}
.size_50.g3 .gridBox>.cell:first-child{width:50%}
.size_75.g3 .gridBox>.cell:first-child{width:75%;}
.size100.g3 .gridBox>.cell:first-child{width:100%}

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

.g1 .txtBox .maintitle, .g1 .txtBox .pretitle{font-size:3rem;color:#fff;}

/* 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 .auxBox a{text-decoration:none;transition:all .2s;}
.container.specialTopBox .gridBox .cell {padding:0;}
.container.specialTopBox .mediaBox .ima {outline:0;}
.container.specialTopBox .grid {width:auto;}
.specialTopBox .mainBox .overBox {bottom:10rem;position:absolute;padding:2rem 0 4rem 20rem;width:90%;z-index:1;}/*PEH*/
.specialTopBox .overBox:after {content: "";display:inline-block;width:108%;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:.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:0% 80%;}
.ico.gallery img {background:20% 80%;}
.mainBox .mediaBox .photo.ico img {background-position:20% 80%;}

/** quoteBox **/
.quoteBox .cell:hover .mediaBox .ima {filter:none;}
.wrapper .container.quoteBox .grid {padding-top:0;margin-top:4rem;}
.quoteBox img {width:auto;}
.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;font-size:28rem;line-height:30rem;top:-2.8rem;left:3rem;z-index:3;}
.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;}

/*modulo premiados*/
.modPrem .gridBox .cell {border:0.2rem solid transparent;}
.modPrem .ima {height:0%;width:100%;padding-top:121%;}

.modPrem.container:not(.bestClips) .gridBox:not(.catalog) .mod .mainBox  .maintitle{font-size:160%;font-weight:500;}
.modPrem .grid.g4 .gridBox .mediaBox {border-color:transparent;}
.mainBox .mediaBox > .ima:not(.videoPlayer) img{opacity:0.9;}
[data-tipo*="catalogo"] .controlBox .arrow:hover {opacity:1;}

@media (max-width:1600px) {
/* logos */
.wrapper.subheader .spechead .container .logoima {top:.5rem;left:2rem;height:5.4rem;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 h2:before {left:6%;}
.specialTopBox .mainBox .overBox {padding:2rem 0rem 4rem 0rem;width:90%;z-index: 4;}
}

@media (max-width:1040px) {
.container.specialTopBox 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}
}