/*specialTopBox de catalogo*/
/* titulares */
.container .grid > .gridBox.slideH {padding-top: 4.5rem;}
.container .grid .secBox + .gridBox.slideH {padding-top: 0;}
/* posicionamiento controlBox */
.arrays .slideH + .controlBox, .arrays .slideH + .spinnBox + .controlBox {position: absolute;top: 0.6rem;right: 0;left: auto;width:auto;padding: 0 .8rem;}
.arrays .secBox + .slideH + .controlBox, .arrays .secBox + .slideH + .spinnBox + .controlBox {top:4.4rem}
/* modulo striplayer */
.striplayer:not(.specialTopBox) + .container .arrays .secBox + .slideH + .controlBox,
.striplayer:not(.specialTopBox) + .container .arrays .secBox + .slideH + .spinnBox + .controlBox {top: 1.4rem;}
.striplayer .arrays .secBox + .slideH + .controlBox, .striplayer .arrays .secBox + .slideH + .spinnBox + .controlBox {top:2rem}

.striplayer:not(.specialTopBox)[data-tipo="mod_catalogo"] {padding-bottom:2rem;padding-top: 1rem;}

.controlBox .beoff {opacity: 0.33;}
.next_ {float: right; margin-left:.8rem}
.slideH > ul, .socialBox {left: 0;}
.slideH ul {-webkit-transition: left 0.5s;-moz-transition: left 0.5s;-o-transition: left 0.5s;transition: left 0.5s;}

.container .grid >.slideH {border-right: 0em solid transparent;border-left: 0em solid transparent;}
/* ocultando elementos */
.arrays .gridBox .topBox .cell .ico.play span.duration, .arrays .catalog .socialBox {display:none !important;}
span.duration, .datpub, .socialBox .datnum {clip:rect(0,0,0,0);position:absolute;top:-100%;left:-100%;}
.secApps .grid:not(.listas) .gridBox .mod:not(.no_ima) .mediaBox>a:after {display:none;}
/** **/
/* catalogo specialTopBox de apertura de series*/
/** apertura principal noticia, video o catologo **/
.specialTopBox.striplayer {background-color:#1a1a1a;}
.specialTopBox .secBox {position:absolute;}
.specialTopBox + .container:not(.striplayer) section > .gridBox:not(.slideH):first-child {padding-top:3rem;}

/*estructura*/
.specialTopBox .gridBox .cell{padding:0 .8rem;}
.specialTopBox .arrays .gridBox.slideH{padding:0;}
.specialTopBox .arrays .gridBox.slideH .mediaBox {z-index:0;margin:0;}

.specialTopBox .mediaBox {padding-left: 30%;}
.specialTopBox .mediaBox .ima {outline:0;box-shadow:none;display:block;height:auto;}
.specialTopBox .mediaBox .ico.play {left:70%}
.specialTopBox .arrays .mainBox{display:contents;}
.specialTopBox .grid .overBox, .specialTopBox .grid .gridBox .mainBox > .txtBox {width:50%;position:absolute;top:0;left:0;height: 100%;display: flex;flex-direction: column;justify-content: center;padding-right:10%;display: -moz-flex; display: -ms-flexbox;display: -webkit-flex;-webkit-flex-direction: column;-moz-flex-direction:column;-ms-flex-direction: column;flex-direction: column;-webkit-justify-content:center;-ms-flex-pack: center;min-height:46rem;}
.specialTopBox .grid .gridBox .mainBox > .txtBox + .auxBox {display:none}

.specialTopBox .txtBox .maintitle {font-size:3.2rem;line-height: 1.2;padding:1rem 0 2rem 0;}
.specialTopBox span.pretitle{font-size:2.4rem;text-transform:uppercase;}
.specialTopBox span.author.name em {font-size:1.6rem;text-transform:capitalize;font-weight:600;line-height:3.2rem;}
.bodier>.specialTopBox .grid:not(.listas) .gridBox .mod:not(.no_ima) .mediaBox>a:after{display:none;}

.specialTopBox .arrays .slideH .txtBox .datpub{font-size:1.6rem;color:#fff;display:inline-block;padding-bottom:1rem;position:relative;top:0;left:0;}

/*controlBox*/
.bodier>.specialTopBox .arrays .slideH + .spinnBox + .controlBox{height: 0;width:100%;display:block;top: 50% !important;bottom: auto;}
.bodier>.specialTopBox .arrays .slideH ~ .controlBox .arrow{height:12rem;width:3.6rem;position: relative;outline:none;margin-right:-7rem;margin-top: -6rem;background: transparent;}
.bodier>.specialTopBox .arrays .slideH ~ .controlBox .arrow.back_{float:left;margin-left: -7rem;}
.bodier>.specialTopBox .arrays .slideH ~ .controlBox .arrow img{display:none;}

.bodier>.specialTopBox .arrays .slideH ~ .controlBox .arrow:before{content:"";width:100%;height:100%;background-image:url("/css/rtve.2015/i/iconos/arrows_bigSlide_80x160.png");background-size:14rem auto;position:absolute;top:0;left:0;opacity:.7;}
.bodier>.specialTopBox .arrays .slideH ~ .controlBox .back_:before{background-position:10% 50%;}
.bodier>.specialTopBox .arrays .slideH ~ .controlBox .next_:before{background-position:90% 50%;}

/*cambio de tamano iconos*/
.bodier>.specialTopBox .grid .gridBox .mainBox .mediaBox .ico.play {left:70%;top:50%;bottom:auto;width:auto;}

/*colores catalogo*/
.bodier>.specialTopBox.striplayer {background:#292929;background-size:contain;background-image:url('/css//rtve.2019.rtve/skills-app/i/apertura-izda.jpg'),url('/css/rtve.2019.rtve/skills-app/i/apertura-dcha.jpg');background-repeat: no-repeat;background-position:top left, top right;padding: 0;position: relative;}
.bodier>.specialTopBox .grid .overBox, .specialTopBox .grid .gridBox .mainBox > .txtBox {background:-moz-linear-gradient(left,rgba(33,33,35,1) 0%,rgba(33,33,35,1) 63%,rgba(33,33,35,0) 100%);
 background: -webkit-linear-gradient(left,rgba(33,33,35,1) 0%,rgba(33,33,35,1) 63%,rgba(33,33,35,0) 100%); 
 background: linear-gradient(to right,rgba(33,33,35,1) 0%,rgba(33,33,35,1) 63%,rgba(33,33,35,0) 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#00444444',GradientType=1 );}
@media only screen and (max-width:1440px){
  .wrapper .specialTopBox.striplayer .grid{width:100%}
  .bodier>.specialTopBox .gridBox .cell {padding:0;}
  .bodier>.specialTopBox .grid .overBox, .specialTopBox .grid .gridBox .mainBox > .txtBox {padding-left:10%}
  .bodier>.specialTopBox .grid .txtBox, .specialTopBox .grid .auxBox {padding:1rem}
  .bodier>.specialTopBox .arrays .slideH ~ .controlBox .ico.arrow {margin-left:0; margin-right:0;}
}

/*------------------------------------------------------------------------*/
.bodier>.container.striplayer{margin:0;padding:2rem 0;}
.bodier>.container.secApps.striplayer .grid>.secBox span{color:#333;}
.bodier>.specialTopBox.striplayer{padding:0;}

/*cuadricula*/
.container.secApps .gridBox{display: flex;}
.container.secApps.striplayer{background:#EDEDED;}
.secApps .gridBox{text-align:center;}
.secApps .grid.simply .cell{height:auto;width:19%;margin:.4% .5%;float:none;background:#fff;}
.secApps .mediaBox.noticBox > .ima{padding-top:120%;}
.secApps .grid .cell .mainBox {display:flex;flex-flow:column;}
.secApps .grid .cell .mainBox .txtBox {order:1;padding-top:1.2rem!important;}
.secApps .grid .cell .mainBox .mediaBox {order:2;padding:0rem 1rem 14rem 1rem;}
.secApps .grid .cell .mainBox .auxBox {order:3;position:absolute;bottom:0;margin:0 1rem 0 0rem;width:92.5%;}
.secApps .grid .cell .mainBox .maintitle {font-size:1.8rem;font-family:'Roboto',sans-serif;font-weight: 900;}
/*espacio entre filas*/
.container.secApps.striplayer.byside{margin-top: -1rem;}
.container.secApps.striplayer.byside , .container.secApps.striplayer.byside .gridBox {padding-top:0;}
.secApps .gridBox>.cell:first-child .mainBox .auxBox li, article .mainBox .auxBox * {line-height: 2rem!important;}
/*botones*/
/*cuando todos los botones tengan enlace hay que revisar la maquetacion*/
.secApps .mainBox .txtBox + .auxBox{margin-top:1rem;}
.secApps .mainBox .auxBox ul{width:100%;}
.secApps .mainBox .auxBox ul li{filter:grayscale(1);-webkit-filter:grayscale(100%);transition:all .2s;margin:.4rem 0 .7rem 0;}
.secApps .mainBox .auxBox ul li:hover{filter:none;-webkit-filter:none;}
.secApps .mainBox .auxBox li:before{display:none;}
.secApps .mainBox .auxBox li[title="google"]:before, .secApps .mainBox .auxBox li[title*="amazon"]:before{width:4rem;height:4rem;display:inline-block;position: absolute;left:0;top: 50%;margin-top: -2rem;}
.container.secApps .mainBox .auxBox li[title*="amazon"]:before{content:"";background:url("/css/rtve.2019.rtve/skills-app/i/alexa.png") no-repeat;}
.secApps .mainBox .auxBox li[title="google"]:before{content:"";background:url("/css/rtve.2019.rtve/skills-app/i/google.png") no-repeat;}
.grid>.secBox span {font-family:'Roboto',sans-serif;font-size:3rem;}
.bodier>.secApps.container.striplayer .auxBox ul li{background:#ededed;padding:0rem 0rem 0rem 4rem;position:relative;text-align:left;}
.bodier>.secApps.container.striplayer .auxBox ul li[title="google"] {padding:1rem 0rem 1rem 4rem;}
.bodier>.secApps.container.striplayer .auxBox ul li[title="google"] a {padding: 0;}
.bodier>.secApps.container.striplayer .auxBox ul li , .secApps .grid.simply .cell{box-shadow:.1rem .1rem .3rem #c9c9c9;}

.secApps .mainBox .auxBox li a{width:100%;position: relative;left: 0;top:0;display:block;padding:1rem 0;transition:all .2s;font-size:1.4rem!important;text-transform: uppercase;font-weight:600;color: #333;}
.secApps .mainBox .auxBox li a:hover {border-color:transparent;background: rgba(197, 197, 197, .3);}
.secApps .mainBox [title="google"] span ,.secApps .mainBox [title="google"] p {display:inline-block;font-weight:600;font-size:1.4rem!important;line-height:1.2!important;text-transform:none;}
.secApps .mainBox [title="google"] p {font-weight: 400;}
/*atlantis*/
.secApps.container .grid.simply .m100 > .cell{width:100% !important;}

/*seccion radio*/
.container.secApps.radio.striplayer {background: linear-gradient(to right, rgba(151,35,63,1) 0%,rgba(213,41,41,1) 55%,rgba(213,41,41,1) 80%,rgba(151,35,63,1) 100%);}
.bodier>.secApps.container.striplayer .auxBox p, .bodier>.secApps.container.striplayer .auxBox ul li, .bodier>.secApps.container.striplayer .maintitle{color:#333;}
.bodier>.radio.container.striplayer .grid>.secBox span{color:#fff;}

@media (max-width:1400px){
    .secApps .mainBox .maintitle{min-height: 5.3rem;}
}