/* .grid>.slideH{border-right:4em solid transparent;border-left:4em solid transparent} */
.arrays .mainBox span.ico.redad {display:none}
.arrays .mainBox, .arrays .mod, .pagBox, .slideH+.controlBox .arrow, .slideH>ul {position: relative;}
.slideH>ul, .topBox {display: inline-block;}
.slideH ul{
    -webkit-transition: all 1s;    -moz-transition: left .5s;
    -o-transition: left .5s;
    transition: left .5s;}
.arrays .socialBox, .slideH>ul, .sliderBox .mediaBox .ima, .xtras .paginaBox {left: 0;}
.arrays .gridBox {overflow: hidden;width: 100%;}
.arrays.grid {position: relative;display: inline-block;z-index: 0;}
.arrays.grid .gridBox.slideH {border: none;padding: 0;}
.arrays.simply .mediaBox{position: relative;margin-bottom:.3em}
.arrays .mediaBox > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

.arrays .catalog .mainBox span.maintitle, .arrays.g1 .catalog .mainBox .auxBox * {font-size: 1.6rem;line-height: 2.4rem;font-weight: 400;}
.arrays.g1 .mainBox > .txtBox .pretitle {font-size: 1.6rem;text-transform: uppercase;letter-spacing: 1pt;padding: 0.8rem 0;font-weight: 500;}


.arrays.g1 > .secBox span {text-transform: none;}
.arrays.g1 .mainBox {display: flex;overflow: hidden;width: 100%;}
/* .arrays.g1 .mainBox > .mediaBox, .arrays.g1 .mainBox > .txtBox {display: table-cell;vertical-align: middle;} */
.arrays.g1 .mainBox > .mediaBox:before, .arrays.g1 .mainBox > .mediaBox:after {z-index: 1;content: '';width: 100%;height: 100%;display: inline-block;position: absolute;top:auto;bottom: 0; left: 0;
    background: -moz-linear-gradient(left,#292929 0%, rgba(41,41,41,0) 40%);
    background: -webkit-linear-gradient(left,#292929 0%,rgba(41,41,41,0) 40%);
    background: linear-gradient(to right,#292929 0%,rgba(41,41,41,0) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929',endColorstr='#29292900',GradientType=1 );
}
.arrays.g1 .mainBox > .mediaBox:after {background: -moz-linear-gradient(top,#292929 0%, rgba(41,41,41,0) 10%);
    background: -webkit-linear-gradient(top,#292929 0%,rgba(41,41,41,0) 10%);
    background: linear-gradient(to bottom,#292929 0%,rgba(41,41,41,0) 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929',endColorstr='#29292900',GradientType=0 );
}
.arrays.g1 .mainBox > .mediaBox {order:2;width: 70%;}
.arrays.g1 .mainBox > .txtBox {order: 1;width: 30%;align-self: center;padding: 1rem 2rem 1rem 0;}
.arrays.g1 .mainBox > .txtBox span.maintitle {font-size: 3.6rem;line-height: 4.2rem;font-weight: 100;}

.g2.arrays .mediaBox {margin-bottom:1.6em}

.arrays .slideH.elem00.show1 .topBox{width:12000%}
.arrays .slideH.elem00.show1 .topBox .pagBox{width:.83333333333333333333333333333333%}
.arrays .slideH.show1 .topBox {width:1000%}
.arrays .slideH.show1 .topBox .pagBox{width:10%}
.arrays .slideH.show2 .topBox{width:500%}
.arrays .slideH.show2 .topBox .pagBox{width:20%}
.arrays .slideH.show4 .topBox{width:300.05%}
.arrays .slideH.show4 .topBox .pagBox{width:33.333333333333333333333333333333%}


.slideV .pagBox{width:100%}
.pagBox{float: left;}
.arrays .slideH.elem00.show4 .topBox{width:3000%}
.arrays .slideH.elem00.show4 .topBox .pagBox{width:3.33333333333333333333333333333333%}
.arrays .slideH.elem00.show6 .topBox{width:2000%}
.arrays .slideH.elem00.show6 .topBox .pagBox{width:5%}

.g4.arrays .cell:nth-child(4n+1) {clear: left}

/* 4 elementos e linea */
.g2.arrays .show4 .cell {width:25%}
.g2.arrays .show4 .cell:nth-child(2n+1) {clear: none;}

/* controles */
.arrays .controlBox .arrow {width: 8rem;z-index: 2;position: absolute;top: 0;display: flex;height: 100%;align-items: center;justify-content: center;right: 0;}
.arrays .controlBox .arrow.back_ {left: -6rem;right: auto;}
.arrays .controlBox .arrow.next_ {left:auto;right: -6rem;}

.arrays .controlBox .arrow img {width: 8rem;height: 100%;display: block;position: relative;opacity: 0.5;background-repeat: no-repeat;background-size: 100% auto;background-position: top;}
.arrays .controlBox .arrow.back_ img { background-image: url("https://www.rtve.es/css/rtve.2019/rtve.commons/rtve.modules/rtve.slides/i/arrowL_ffffff.svg");}
.arrays .controlBox .arrow.next_ img { background-image: url("https://www.rtve.es/css/rtve.2019/rtve.commons/rtve.modules/rtve.slides/i/arrowR_ffffff.svg");}

.arrays .slideV+.controlBox .more_, .arrays .slideV+.spinnBox+.controlBox .more_{width:8em}
.slideH+.controlBox .arrow, .slideH+.spinnBox+.controlBox .arrow {cursor:pointer}
.slideH+.controlBox .beoff, .slideH+.spinnBox+.controlBox .beoff {opacity: .25;}

.arrays .slideH .topBox .pagBox {border-right: solid transparent 2rem;border-left: solid transparent 2rem;}
.arrays .slideH .topBox .pagBox .cell, .arrays .slideH .topBox .pagBox.cell,
.arrays:not(.g1) .slideH .topBox .pagBox .txtBox {padding: 0.6rem 0.1rem;padding: 0 1rem;}


.container[data-tipo="mod_catalogo"] {overflow:visible;padding: 1rem 0;}
.container[data-tipo="mod_catalogo"] .grid .secBox {display: inline-block;padding:1rem 1rem 2rem 3rem}
.container[data-tipo="mod_catalogo"] .grid .secBox span {text-transform: none;  line-height: 2.4rem;}

@media (max-width: 1099px){
.container .arrays.g2 .gridBox .cell, .container .arrays.classNum8 .gridBox .cell  {width: 50%;}
.container .arrays.g2 .gridBox .cell:nth-child(2n+1) {clear: both;}

.arrays .show4 ~ .controlBox .arrow,
.arrays .show8 ~ .controlBox .arrow {padding-top: calc(28.125% - 2rem);}
}


/* positioning*/
.arrays .mediaBox .ico.play img {position: absolute; top: 50%;left:50%; margin-top: -2.4rem; margin-left:-2.4rem;}
.arrays.g1 .cell .mediaBox .ico.play img {width: 8rem;height: 8rem;margin-top: -4rem;margin-left: -4rem;}
.arrays .gridBox .topBox .cell .mediaBox .ico.play span.duration{text-align:left;float:left;position: absolute;top: 0;left:0;width: 20rem;color:#fff;font-size:1.6rem;line-height:4rem;font-weight:400;margin-left:0.8rem;clip: auto;}

.arrays.g1 .controlBox .arrow img {  background-position: center;}
.arrays:not(.g1) > .secBox ~ .controlBox .arrow {top: 4.4rem;}

/* disposicion sin flex*/
.arrays.grid {width: 100%;}
.arrays.g1 .mainBox {display: block;width: 100%;position: relative;}
.arrays.g1 .mainBox > .mediaBox:before{display:none;}
.arrays.g1 .mainBox > .mediaBox {width:70%;float: right;}
.arrays.g1 .mainBox > .txtBox span.maintitle {align-self: center;}
.arrays.g1 .mainBox > .txtBox {position: absolute;top: 0;width:40%;background:transparent;height: 100%;padding: 1rem 0rem 1rem 0;display: flex;align-items: center;justify-content: center;z-index: 1;}
.arrays.g1 .mainBox:before{z-index: 1;content: '';width: 100%;height: 100%;display: inline-block;position: absolute;top:auto;bottom: 0; left:0;background: linear-gradient(90deg, #292929 30%, transparent);}


@media (max-width: 1279px){
  .arrays .slideH .topBox .pagBox {border-right: solid transparent 8rem;border-left: solid transparent 8rem;}
  .arrays .controlBox .arrow.back_ {left: 0rem;right: auto;}
  .arrays .controlBox .arrow.next_ {left:auto;right: 0rem;}
  .container[data-tipo="mod_catalogo"] .grid .secBox {padding-left:9rem}
}

@media only screen and (max-width: 1179px){
.arrays.g1 .mainBox > .txtBox span.maintitle {font-size: 2.4rem;line-height: 3.2rem;}
}

@media only screen and (max-width: 949px){
  .arrays.g1 .mainBox > .mediaBox, .arrays.g1 .mainBox > .txtBox {width: 100%;}
  .arrays.g1 .mainBox {flex-wrap:wrap;flex-direction: column;}
  .arrays.g1 .mainBox > .mediaBox {order:1}
  .arrays.g1 .mainBox > .txtBox {order:2}
}