@import url('rtve.mod_header.basics.css');
/** CABECERA DESKTP *****************************/
/************************************************/
/*skin*/
.navBox {width:100%;}
	.tve .navBox {padding:2.4rem 0;background:rgba(18,16,16,0.65);min-height:12rem;
	background:-moz-linear-gradient(top,rgba(18,16,16,1) 0%,rgba(18,16,16,0) 100%);
	background:-webkit-linear-gradient(top,rgba(18,16,16,1) 0%,rgba(18,16,16,0) 100%);
	background:linear-gradient(to bottom,rgba(18,16,16,1) 0%,rgba(18,16,16,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6121010', endColorstr='#00121010',GradientType=0 );
	}
	.rne .navBox {padding:1.2rem 0;min-height:6rem;}
.tve.scrolled .navBox {min-height:0;height:7.2rem;background:rgba(18,16,16,0.9);box-shadow:0 1.2rem 2.4rem rgba(0,0,0,0.75);}
.rne.scrolled .navBox {background:#fff;box-shadow:0 0.4rem 0.8rem rgba(0,0,0,0.25);}

.navBox .container {padding:0 4.8rem;z-index:1;}

/*banner y logotipos*//*NEW DESIGN RTVE MAXIMIZADO*/
.navBox div[role="banner"] {position:absolute;/*top:-0.2rem;*/left:9.6rem;height:4.4rem;}
.navBox div[role="banner"] .icon {height:100%;display:flex;}
/*.navBox .logo-rtveplay > .rtve-icons:last-of-type,*/
.navBox .logo-rtve > .rtve-icons:first-of-type {/*width:calc(4.2rem * 16 / 9);*/width:7.4rem;}


	.navBox .logo-rtveplay_radio > .rtve-icons:last-of-type {/*width:calc(4.2rem * 36 / 9);padding-right:calc(4.8rem * 16 / 9);*/
		width:calc(5.6rem + 0.8rem + 6rem);padding-right:6rem;position:relative;}
	.navBox .logo-rtveplay_radio > .rtve-icons:last-of-type:after {/*width:calc(4.8rem * 16 / 9);*/width:6.2rem;
		position:absolute;top:0;right:0;content:'';display:inline-block;}
	
	
.navBox .icon[class*='logo-rtveplay'] > .rtve-icons:first-of-type {/*width:calc(2.1rem * 16 / 9);margin-right:0.6rem;*/
	width:7.4rem;margin-right:0.8rem;opacity:1;}
.navBox .logo-rtveplay > .rtve-icons:last-of-type {width:5.6rem;}
/*.navBox div[role="banner"] .collapse > .rtve-icons:first-of-type {width:0;opacity:0;margin:0;transition:all 1s;}*/

.navBox .onside {height:4rem;padding:0.8rem;}
/*falsas migas de pan*/
.navBox .onside a:first-of-type {padding:0 0.4rem;margin-right:0.4rem;border-right:0.1rem solid #bbb;}
.navBox .onside a:only-of-type {border-right:0 none;}
.navBox .onside a strong:after {content:'';display:block;height:0;margin-top:0.4rem;transform:scale(0);transition:all 0.3s;}
.navBox .onside a:hover strong:after {transform:scale(1);}
	.tve .navBox .onside a strong:after {border-bottom:0.1rem solid #fff;}
	.tve .navBox .onside a:hover strong {color:#fff;}
	.rne .navBox .onside a strong:after {border-bottom:0.1rem solid #111;}
	.rne .navBox .onside a:hover strong {color:#111;}
/*H1*/
.navBox .container h1 a:hover {border-bottom:0.1rem solid #fff;display:inline-block;}
.rne.portada.chanels.scrolled .onside h1 {width:auto;height:auto;position:relative;clip:auto;opacity:1;}

/*auxiliares*/
.navBox .services {float:right;/*padding-right:4.8rem;*/}
.navBox .services ul {display:flex;flex-direction:row;align-content:space-between;}
.navBox .services li > [class^='icon'] {padding:0.6rem 1rem;opacity:0.67;}
.navBox .services li > [class^='icon']:hover {opacity:1;}
.services .icon-label .rtve-icons {width:2.8rem;height:2.8rem;cursor:pointer;}

.tooltip strong {font-size:1.3rem;font-weight:400;line-height:2rem;}

/*usuarios activos*/
.navBox .services .users:after {left:50%;top:50%;transform:translate(-50%,-50%);}

/*desplegables usuarios*/
#open_users {position:relative;}
#open_users > .users.active {z-index:2;position:absolute;left:-24rem;width:24rem;flex-direction:row;justify-content:flex-start;align-items:center;}
#open_users > .users.active * {opacity:1;position:relative;}
#open_users > .users.active .rtve-icons {left:0.8rem;}
#open_users > .users.active strong {bottom:auto;left:8.8rem;color:#111;width:calc(100% - 8.8rem);overflow:hidden;text-overflow:ellipsis;visibility:visible;}
.navBox .services #open_users > .active.users:after {left:3.2rem;}
#open_users .blindBox {top:-0.8rem;left:auto;right:0.4rem;width:auto;min-width:24rem;
	background:#f1f0ef;color:#000;border-radius:2.8rem;transform:translate(0.4rem,-0.4rem);}
#open_users .blindBox.be_on {height:auto;overflow:visible;box-shadow:0 0 1.2rem 0.8rem rgba(0,0,0,0.34);}
.navBox .services .usersBox,.navBox .services .usersBox * {flex-direction:column;}
.navBox .services .usersBox {padding:5.6rem 0.8rem 0.8rem;}
.usersBox strong {font-size:1.5rem;line-height:2.1rem;display:inline-block;font-weight:400;text-transform:uppercase;opacity:0.5;letter-spacing:0.25pt;}
.usersBox a:hover strong {opacity:1;}

/*suscripcion rtveplay+*/
.playPlus .navBox .services .active .users:not(.active) {width:calc(5.6rem + 2.4rem);padding:0.6rem 1.2rem;margin-left:0.4rem;}
.playPlus .navBox .services .active .users:not(.active):after {width:100%;border-radius:2.2rem;border:0.2rem solid #fff;    background:url('https://css2.rtve.es/css/rtveplay.2021/rtveplayplus/i/rtve.playplus_basic-gradient.png') repeat-y 50% 0%;background-size:250% auto;transform:rotate(180deg) translate(50%,50%);}
.playPlus .navBox .services .active .users:not(.active) .rtve-icons {position:relative;opacity:1;width:100%;background-size:auto 100%;background-position:0 50%;}
.playPlus .navBox .services .active .users:not(.active) .rtve-icons:before {position:absolute;width:2.8rem;height:2.8rem;content:'';display:inline-block;background:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_masplus.svg') no-repeat 50%;background-size:2.4rem;right:0;top:50%;transform:translateY(-50%);}

.usersBox .playPlus strong span {text-transform:lowercase;font-weight:500;padding-left:0.2rem;font-size:1.8rem;}
.usersBox .playPlus a:hover strong span {color:#f70;}

.usersBox ul li {padding:0.8rem 1.2rem;}
.navBox .services .usersBox > li {padding:0.8rem 0;border-top:0.1rem solid #787980;}
.navBox .services .usersBox > li:first-of-type {border-color:transparent;}
#open_users .myGByeBox .rtve-icons {float:right;background:url('/css/rtve.2021/i/rtve-icons.svg/rtve-icon_exit_000000.svg') no-repeat 50%;background-size:100%;opacity:0.67;}
#open_users .myGByeBox a:hover .rtve-icons {opacity:1;}
#open_users .myGByeBox strong {line-height:2.8rem;}
#open_users .myGByeBox a[class^='icon'] {display:inline-block;width:100%;opacity:1;padding:0.8rem 1.2rem;}

.navBox .services .active.users:before {content:'';width:2.8rem;height:2.8rem;display:inline-block;position:absolute;right:2rem;
	background:url('/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close_000000.svg') no-repeat 50%;background-size:100%;opacity:0.67;}
.navBox .services .active.users:hover::before {opacity:1;}

/*funciones ocultas*/
/*#open_downs,#open_mlist {display:none;}*/

/*boton menu*/
.navBox .container > .blind {position:relative;}
.navBox .menu-cross {width:4rem;height:4rem;float:left;position:relative;border:0.9rem solid transparent;cursor:pointer;/*background-color:#ffd70045;*/}
	.menu-cross span {width:100%;height:0.2rem;background:#fff;position:absolute;left:0;top:calc(50% - 0.1rem);transform:rotate(0deg);opacity:1;}
		.tve .menu-cross span {background:#fff;}
		.rne .menu-cross span {background:#000;}.rne .menu-cross {opacity:0.67;}
	.menu-cross span:nth-of-type(1) {top:0.2rem;}
	.menu-cross span:nth-of-type(4) {top:calc(100% - 0.4rem);}
	.menu-cross.active span:nth-of-type(1),.menu-cross.active span:nth-of-type(4) {opacity:0;}
	.menu-cross.active span:nth-of-type(2) {transform:rotate(45deg) scaleX(1.2);}
	.menu-cross.active span:nth-of-type(3) {transform:rotate(-45deg) scaleX(1.2);}

/*panel lateral principal*/
.navBox nav.blindBox {left:0;top:0;}
.navBox .blindBox,.blindBox .mainTabs {width:0;overflow:hidden;}

.navBox nav.blindBox {height:100vh;}
.blindBox .mainTabs {height:calc(100% - 4.8rem);overflow:hidden;/*box-shadow:0 0.2rem 2rem 0 rgba(0,0,0,0.5);*/padding:12rem 0 0 0;}
.blindBox .mainTabs li {width:24.8rem;}
.blindBox .mainTabs li * {display:inline-block;}
.blindBox.be_on .mainTabs {width:32rem;padding:12rem 2.4rem 2.4rem 4.8rem;}
.navBox nav.blindBox.be_on {width:100%;}
.blindBox.be_on .mainTabs {overflow:visible;}

.mainTabs li > a {display:inline-block;width:100%;}
.mainTabs li {padding:1.2rem 0.8rem;}
.mainTabs [role='treeitem'] strong {opacity:0.5;}
.mainTabs a:hover strong,.mainTabs [role='treeitem']:hover .openR > strong {opacity:1;}
.mainTabs [role='treeitem']:hover .openR > strong {cursor:pointer;}

.mainTabs [role='treeitem'] strong {font-size:1.6rem;line-height:2.4rem;font-weight:400;text-transform:uppercase;letter-spacing:1pt;}

/*segundo nivel*/
li[role='treeitem'] {position:relative;}
li[role='treeitem'] .openR {width:100%;}
li[role='treeitem'] .openR .rtve-icons {right:0;top:0;width:4.8rem;height:4.8rem;background-repeat:no-repeat;background-position:50%;background-size:2.8rem;}
li[role='treeitem'] .blindBox {left:26rem;top:-9.6rem;width:0;}
.be_on li[role='treeitem'] .blindBox.be_on {width:24.8rem;}

.rne li[role='treeitem'] .openR .rtve-icons, .rne li[role='treeitem'] .blindBox {position:absolute;}


/*los ultimos links*/
span[role='separator'] {margin:9.6rem 0 2.4rem 0;display:inline-block;height:0.2rem;width:calc(100% - 4.8rem);opacity:0.34;display:none;}
body.locked span[role='separator'] {display:inline-block;}

.mainheader {position:relative;}
.mainheader {z-index:3;}
.navBox .container > .blind,.navBox div[role="banner"] {z-index:2;}
.navBox .blindBox {z-index:1;}

/*.navBox,.navBox * {transition:all 0.3s ease-in-out;}*//*se eliminan efectos por enlaces "top"*/

/*TV*/
.tve .navBox nav.blindBox {display:flex;}
.tve .blindBox .mainTabs {height:100%;max-height:75rem;padding:10rem 2.4rem 2.4rem 4.8rem;/*display:flex;flex-direction:column;justify-content:space-evenly;*/}
/*.tve li[role='treeitem'] .blindBox {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;max-height:75rem;}
.tve li[role='treeitem'] .blindBox li {padding:1rem;}*/
.tve li[role='treeitem'] .openR {width:100%;display:flex;align-items:center;justify-content:space-between;}
.tve li[role='treeitem'] .openR .rtve-icons {height:2.4rem;display:flex;order:2;}
.tve li[role='treeitem'] .blindBox {position:absolute;left:30rem;}
.tve span[role='separator'] {margin:3.6rem 0 2.4rem 0;}


/*ajustes por tipo de pagina*/
.pfvideo .navBox {min-height:6rem;}


/** ESPECIFICO TV *******************************/
.tve.locked .navBox nav.blindBox {
	background:linear-gradient(90deg,rgba(0,0,0,1)25%,rgba(0,0,0,0));}
.tve .mainTabs [role='treeitem'] strong {color:#fff;}
.tve span[role='separator'] {background:#fff;}
.tve li[role='treeitem'] .openR .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_next.svg');}
.tve li[role='treeitem'] .active .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_prev.svg');}
.tve #open_users .blindBox.be_on {box-shadow:0 0 1.2rem 0.8rem rgba(0,0,0,0.34);}

/** ESPECIFICO RADIO ****************************/
.rne .navBox nav.blindBox {background:rgba(255,255,255,0.85);
	background:-moz-linear-gradient(left,rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
	background:-webkit-linear-gradient(left,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
	background:linear-gradient(to right,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff00',GradientType=1 );}
}
.rne .mainTabs [role='treeitem'] strong {color:#302c2b;}
.rne span[role='separator'] {background:#000;}
.rne li[role='treeitem'] .openR .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_next_000000.svg');}
.rne li[role='treeitem'] .active .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_prev_000000.svg');}
.rne #open_users .blindBox.be_on {box-shadow:0 0.2rem 1.2rem 0.2rem rgba(0,0,0,0.25);margin-top:0.2rem;}

@media only screen and (max-width:1023px){
/*version simple*/
	.navBox .container {padding:0 2.4rem;}
	.navBox div[role="banner"] {left:7.2rem;}
}
@media all and (max-height:860px){  
	.tve span[role='separator'] {margin:1rem 0;}
}



/** CABECERA DESKTP *****************************/
/** END *****************************************/


/** CONTROL ENLACE TOP-MENU *********************/
/************************************************/
@media only screen and (min-width:720px) {
	.home.tve:not(.locked) .navBox .blindBox {position:absolute;flex-direction:row;justify-content:center;}
	.home.tve:not(.locked) .navBox .blindBox,.home.tve:not(.locked) .blindBox .mainTabs {height:4rem;overflow:visible;}
	.home.tve:not(.locked) .blindBox .mainTabs {padding:0;position:relative;width:100%;display:inherit;justify-content:inherit;}
	.home.tve:not(.locked) .blindBox .mainTabs li {width:auto;}
	.home.tve:not(.locked) .blindBox .mainTabs li:not(.topMenu) {display:none;}
	.home.tve:not(.locked) .mainTabs [role='treeitem'] strong {opacity:0.67;}
	.home.tve:not(.locked) .mainTabs [role='treeitem']:hover strong {opacity:1;}
	.home.tve:not(.locked) .blindBox .mainTabs li.topMenu .blindBox.be_on li,
	.home.tve:not(.locked) .blindBox .mainTabs li.topMenu {display:inline-block !important;padding:0.8rem;}
	.home.tve:not(.locked) .mainTabs [role='treeitem']:after {content:'';display:block;height:0;border-bottom:0.2rem solid #fff;transform:scale(0);transition: all 0.3s;}
	.home.tve:not(.locked) .mainTabs [role='treeitem']:hover:after {transform:scale(1);}
	}
@media only screen and (min-width:720px) and (max-width:1023px) {
	/*7.2rem+13.8rem+4.8rem+4.8rem+2.4rem*/
	.home.tve:not(.locked) .navBox .blindBox {width:calc(100vw - (7.2rem + 13.8rem + 4.8rem + 4.8rem + 2.4rem + 9.6rem));left:calc(7.2rem + 13.8rem + 4.8rem);}
	}
@media only screen and (min-width:1024px) {
	/*9.6rem+13.8rem+4.8rem+4.8rem+4.8rem*/
	.home.tve:not(.locked) .navBox .blindBox {width:calc(100vw - (9.6rem + 13.8rem + 4.8rem + 4.8rem + 4.8rem + 9.6rem));left:calc(9.6rem + 13.8rem + 4.8rem);}
	}

/** CONTROL ENLACE TOP-MENU *********************/
/** END *****************************************/


/** MENU SEGUNDO NIVEL - 2 COLUMNAS*********************/
.mainTabs [role='treeitem'] .active > strong {font-weight:700;opacity:1;}
.columns_2 {columns:2;-webkit-columns:2;-moz-columns:2;}
.be_on li[role='treeitem'] .columns_2.be_on {width:49.8rem;}

/** CABECERA DESKTP *****************************/
/** END *****************************************/