@import url("/css/rtve.2018/rtve.skins/rtve.PROGRAMAS/programas.desktp.por.css");
@import url("/css/rtve.2020.television/rtve.programas/educaWeb-TE_INFDEF/TE_INFDEF.colores.por.css");

/*cabecera eduClan*//*solo desktp*/
.spechead > .blindBox .ico > a:hover {background-color:#fff;}
.spechead > .blindBox .ico > a:hover span {color:#b532e3;}
.spechead nav li a:hover span:after {display:none;}

/*DESTACADOS*/
.toplayer + .container.destacadosClan {padding:0;}
.destacadosClan.striplayer .grid {width:100%;}
.destacadosClan.striplayer .gridBox {width:100%;max-width:148rem;margin:0 auto;}
.destacadosClan .g2.arrays.simply .cell {padding:0;}
.destacadosClan section.grid > .secBox {position:absolute;left:0;top:0;z-index:1;padding:0.8rem 0 3.6rem 14.8rem;
	background: -moz-linear-gradient(top,  rgba(181,50,227,1) 0%, rgba(181,50,227,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(181,50,227,1) 0%,rgba(181,50,227,0) 100%);
	background: linear-gradient(to bottom,  rgba(181,50,227,1) 0%,rgba(181,50,227,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b532e3', endColorstr='#00b532e3',GradientType=0 );
}
.destacadosClan .mainBox .mediaBox > a {
background: -moz-linear-gradient(top,  rgba(247,234,252,0) 25%, rgba(247,234,252,1) 100%);
background: -webkit-linear-gradient(top,  rgba(247,234,252,0) 25%,rgba(247,234,252,1) 100%);
background: linear-gradient(to bottom,  rgba(247,234,252,0) 25%,rgba(247,234,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7eafc', endColorstr='#f7eafc',GradientType=0 );
}


.destacadosClan section.grid > .secBox > span {text-transform:none;color:#fff;font-weight:300;}
.destacadosClan .mainBox .txtBox {position:absolute;bottom:0;left:0;width:100%;padding:2.4rem;text-align:center;}

.destacadosClan.striplayer .mainBox .txtBox .maintitle {color:rgb(36,70,137);font-size:4rem;line-height:4.4rem;font-weight:300;}

.destacadosClan section.grid > .secBox > span,.destacadosClan.striplayer .mainBox .txtBox .maintitle {font-family:'Roboto',sans-serif;}

/*playicon*/
.destacadosClan .arrays .gridBox.slideH .topBox .cell .ico.play {bottom:auto;}
.destacadosClan .mainBox .mediaBox > a .ico {left:50%;top:50%;margin:-3.6rem 0 0 -3.6rem;}
.destacadosClan .grid .gridBox .cell .mainBox .mediaBox a > .ico img {width:7.2rem;height:7.2rem;border:0.4rem solid rgba(255,255,255,0.67);}

/*controles*/
.destacadosClan .arrays .secBox + .slideH + .spinnBox + .controlBox {z-index:2;width:100%;height:0;top:50%;padding:0;}
.destacadosClan .arrays .slideH ~ .controlBox .arrow{height:14.8rem;width:7.4rem;position:relative;top:-7.4rem;background:rgba(45,163,236,1);}
	.destacadosClan .slideH ~ .controlBox .next_ {border-radius:7.4rem 0 0 7.4rem;}
	.destacadosClan .slideH ~ .controlBox .back_ {border-radius:0 7.4rem 7.4rem 0;}
.destacadosClan .arrays .slideH ~ .controlBox .arrow img {background-color:transparent;border:0 none;position:absolute;top:50%;width:4.8rem;height:4.8rem;margin-top:-2.4rem;}
	.destacadosClan .slideH ~ .controlBox .next_ img {left:1.6rem;}
	.destacadosClan .slideH ~ .controlBox .back_ img {right:1.6rem;}



/*DESTACADOS*//*solo desktp*/
/* hover */
.destacadosClan .grid .gridBox .cell:hover .mainBox .mediaBox a > .ico img {border-color:#fff;}
.destacadosClan .gridBox.slideH .topBox .cell:hover .ico.play {opacity:1;}
.destacadosClan .cell:hover .mainBox .mediaBox > a {
background: -moz-linear-gradient(top,  rgba(247,234,252,0) 75%, rgba(247,234,252,1) 100%);
background: -webkit-linear-gradient(top,  rgba(247,234,252,0) 75%,rgba(247,234,252,1) 100%);
background: linear-gradient(to bottom,  rgba(247,234,252,0) 75%,rgba(247,234,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7eafc', endColorstr='#f7eafc',GradientType=0 );
}

.mainBox .mediaBox a > .ico:hover, .arrays .controlBox .ico:not(.beoff):hover, .auxheader .socialBox .ico:hover,
.arrays .gridBox.slideH .topBox .cell .ico.play:hover, .arrays .gridBox.slideH .topBox .cell:hover .ico.play,
.striplayer.beoff.beon_ .article > .figure .mediaBox > a > .play.ico.video:hover {opacity:0.7}

/*boton social pagina*/
.auxheader .socialBox {left:0.8rem;top:0.8rem;padding:0.8rem;background-color:#C676F0;border-radius:2.8rem;}
.auxheader .socialBox .ico img {width:4rem;height:4rem;background-color:transparent;border:0 none;border-radius:0;}
.wrapper.subheader .navBox.spechead {height:auto;min-height:7.2rem;margin-bottom:-0.2rem;display:inline-block;width:100%;padding:0.8rem;}
.auxheader .socialBox .ico.share > .blindBox.be_on {position:relative !important;}

/* FONTS */
.specialTopBox.striplayer .txtBox .maintitle {font-size:4rem}
section > h1 > span, section.grid > .secBox > span {font-size:3rem;}
.txtBox .pretitle {font-size:1.8rem;font-family:'RTVEfontR', serif;text-transform: none;}
.txtBox .maintitle {font-size:2.4rem;}


/* CATALOGO */
.striplayer:not(.specialTopBox) + .container:not(.striplayer) section .secBox {padding-top:2rem;}
.striplayer:not(.specialTopBox) + .container .arrays .secBox + .slideH + .controlBox,
.striplayer:not(.specialTopBox) + .container .arrays .secBox + .slideH + .spinnBox + .controlBox,
.arrays .secBox + .slideH + .controlBox,
.arrays .secBox + .slideH + .spinnBox + .controlBox {top: 2rem;}

/* catalogo 4 en fila */
.g2.arrays.simply .show4 .cell {width:25%;}
.g2.arrays .show4 .cell:nth-child(2n+1) {clear:none;}

.wrapper.mainbodier {padding-bottom: 20rem;}

/* CAJON CANALES */
.specialTopBox + .container + .channelBox.striplayer {margin-top:-7.5rem;}
.toplayer + .channelBox.striplayer, .toplayer + .striplayer.beoff.beon_ +  .channelBox.striplayer {margin-top:0;}

/* CAJON SOCIOS */
.partnersBox .g4 .cell {width: 20%;}
.partnersBox .g5 .cell {width: 14.2857%;} /* 7 elementos */
.partnersBox .g5 .cell:nth-child(7n+1) {clear: both;}

/* CAJON APPS Y JUEGOS */
.appsJuegos .g5.simply .cell {width: 16.6666667%;} /* 6 elementos */
.appsJuegos .g5 .cell:nth-child(6n+1) {clear: both;}
.appsJuegos.striplayer .txtBox .maintitle {font-size:2rem;}


@media  (max-width: 1440px) and (min-width:1000px){
  .navBox.spechead .container ~ .slidB.ico, .navBox.spechead .container ~ .slidB.ico.be_on {display:none;}
  .subheader .spechead > .blindBox {transition:none}
  .wrapper:not(.minify) + .mainbodier .subheader .spechead > .blindBox {right: 0;width: 100%;z-indeX: 1;}
  .wrapper:not(.minify) + .mainbodier .subheader .spechead > .blindBox, .subheader .spechead > .blindBox ul {width: 100%;background: transparent;height: auto;}
  .wrapper:not(.minify) + .mainbodier .subheader .spechead .blindBox > ul:first-child > li {width:auto;}
}

@media only screen and (min-width:1000px) {
/*cabecera eduClan*/
.subheader .spechead nav > ul > li {padding:1.4rem 0.6rem;}
.spechead > .blindBox .ico > a {display:inline-block;background-color:rgb(36,70,137);}
.subheader {min-height:7.2rem;}
.subheader .spechead > .blindBox {position:relative !important;width:auto;min-width:48rem;right:auto;}
.subheader .spechead > .blindBox ul {width:auto;float:none;}
.subheader .spechead .blindBox > ul:first-child > li {padding:0.8rem;float:left;width:auto;}
}

@media only screen and (max-width:999px) {
.subheader .spechead nav > ul > li {padding:1.4rem 0.6rem 0 2.4rem !important;}
.destacadosClan.striplayer .mainBox .txtBox .maintitle {font-size:3.2rem;line-height:3.6rem;}
.destacadosClan.striplayer .mediaBox .f16x9 {padding-top:70%;}
.destacadosClan.striplayer .mainBox .txtBox {padding-top:100%;}

	/* ajustes 4 elementos */
	.partnersBox .g5 .cell,
	.appsJuegos .g5.simply .cell {width: 25%;}
	.partnersBox .g5 .cell:nth-child(7n+1),
	.appsJuegos .g5 .cell:nth-child(6n+1) {clear:none;}
	.partnersBox .g5 .cell:nth-child(4n+1),
	.appsJuegos .g5 .cell:nth-child(4n+1) {clear: both;}

}

@media only screen and (max-width:1280px) {
.subheader .spechead > .blindBox ul {float:right;}
}
.subheader .spechead h1,.subheader .spechead .falseH1 {left:9.2rem;}
.wrapper.subheader .spechead .logoima {width:auto;padding:0;}
.spechead > .blindBox .ico > a {padding:0 2.4rem;border-radius:0.6em;}
.subheader nav li .ico span {font-size:1.6rem;line-height:3.8rem;}
.wrapper.fixer.auxheader {z-index:6;}
