@import url('rtve.new_header.basics.css');



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

/************************************************/

.hddn_desktp {display:none !important;}

 

/*skin*/

.navBox {width:100%;padding:1.2rem 0 3.6rem 0;background:linear-gradient(180deg,rgba(18,16,16,0.75) 1.2rem,rgba(18,16,16,0));}

.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);}



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



/*banner y logotipos*/

.navBox div[role="button"] {cursor:pointer;}

.navBox div[role="banner"] {position:absolute;top:0;left:9.2rem;padding:1rem 0.4rem;}



/*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:2rem;color:#111;width:calc(100% - 8.8rem);overflow:hidden;text-overflow:ellipsis;}

.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;}

.usersBox a:hover strong {opacity:1;}

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



/*botones menu*/

.navBox .container > .blind {position:relative;}

.navBox .container > .blind[aria-label*='general'] {float:right;}

.navBox .menu-sites {width:4.8rem;height:4.8rem;float:left;position:relative;border:1.4rem solid transparent;cursor:pointer;}

	.menu-sites span {width:2rem;height:0.2rem;background:#fff;position:absolute;left:0;top:calc(50% - 0.1rem);transform:rotate(0deg);opacity:1;}

		.menu-sites span {background:#fff;}

	.menu-sites span:nth-of-type(1) {top:0.2rem;}

	.menu-sites span:nth-of-type(4) {top:calc(100% - 0.4rem);}

	.menu-sites.active span:nth-of-type(1),.menu-sites.active span:nth-of-type(4) {opacity:0;}

	.menu-sites.active span:nth-of-type(2) {transform:rotate(45deg) scaleX(1.2);}

	.menu-sites.active span:nth-of-type(3) {transform:rotate(-45deg) scaleX(1.2);}









/*TV*/



.blindBox .mainTabs {height:100%;max-height:75rem;padding:10rem 2.4rem 2.4rem 4.8rem;}

li[role='treeitem'] .blindBox {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;}

li[role='treeitem'] .blindBox li {padding:1rem;}

li[role='treeitem'] .openR {width:100%;display:flex;align-items:center;justify-content:space-between;}

li[role='treeitem'] .openR .rtve-icons {height:2.8rem;display:flex;order:2;}

li[role='treeitem'] .blindBox {left:30rem;top:0;}

span[role='separator'] {margin:3.6rem 0 2.4rem 0;}





/** ESPECIFICO TV *******************************/



span[role='separator'] {background:#fff;}

li[role='treeitem'] .openR .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_next.svg');}

li[role='treeitem'] .active .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_prev.svg');}

#open_users .blindBox.be_on {box-shadow:0 0 1.2rem 0.8rem rgba(0,0,0,0.34);}





@media only screen and (max-width:1023px){

/*version simple*/

	.navBox .container {padding:0 2.4rem;}

}

@media all and (max-height:860px){  

	.tve span[role='separator'] {margin:1rem 0;}

}













/** PANELES LATERALES MENUS *********************/

/************************************************/

body.locked {overflow:hidden;}

.locked .onside > .separator,.locked .onside > .separator + * {display:none;}

.mainheader {position:relative;}



.navBox .blindBox {z-index:1;}

.mainbodier {position:relative;z-index:1;}

.mainheader,.navBox .container > .blind {z-index:2;}

.navBox .blindBox.be_on {z-index:2;}

.navBox nav.sitesNav.blindBox.be_on {z-index:3;}

.navBox div[role="banner"],.navBox nav.crossNav.blindBox.be_on {z-index:4;}

.navBox .blind.active {z-index:5;}

.navBox .blind.active .rtve-icons {opacity:1;}



.navBox,.navBox * {transition:all 0.3s ease-in-out;}

.navBox .blindBox {position:fixed;display:flex;}

.navBox .blindBox {top:0;height:100vh;}

.navBox .blindBox,.blindBox .mainTabs {width:0;overflow:hidden;}



/*MENU LATERAL SITE - @sitesNav*/

.navBox nav.sitesNav {left:0;justify-content:flex-start;}

.navBox nav.sitesNav.blindBox {background:linear-gradient(90deg,rgba(0,0,0,0.95) 32rem,rgba(0,0,0,0.25) 50%);}

	.rtvepromueve.home .navBox nav.sitesNav.blindBox {background:linear-gradient(90deg,var(--home-color) 32rem,var(--home-color_25) 50%);}

	.rtvepromueve.cine .navBox nav.sitesNav.blindBox {background:linear-gradient(90deg,var(--cine-color) 32rem,var(--cine-color_25) 50%);}

	.rtvepromueve.docu .navBox nav.sitesNav.blindBox {background:linear-gradient(90deg,var(--docu-color) 32rem,var(--docu-color_25) 50%);}

	.rtvepromueve.anim .navBox nav.sitesNav.blindBox {background:linear-gradient(90deg,var(--anim-color) 32rem,var(--anim-color_25) 50%);}

nav.sitesNav .mainTabs [role='treeitem'] strong {color:#fff;}

.navBox #burguer_menu.active .menu-sites {width:50%;} 



/*MENU LATERAL PORTAL - @crossNav*/

.navBox .blind[aria-label*='general']:before {content:'';display:inline-block;width:9.2rem;height:3.6rem;border-radius:0.4rem;background:transparent;

	position:absolute;left:0.6rem;top:0.6rem;z-index:-1;}

	.navBox .blind[aria-label*='general'].active:before {background:#333;}

	.navBox .blind[aria-label*='general']:hover:before {background-color:#f70;}

.navBox nav.crossNav {right:0;justify-content:flex-end;}

.navBox nav.crossNav.blindBox {background:linear-gradient(-90deg,rgba(255,255,255,1) 32rem,rgba(255,255,255,0.25) 50%);}

nav.crossNav .mainTabs [role='treeitem'] strong {color:#000;}



.mainheader .blindBox {padding-top:7.2rem;}

.blindBox .mainTabs {height:calc(100vh - 7.2rem);overflow-y:auto;display:flex;flex-direction:column;}

.blindBox .mainTabs li {width:24.8rem;}

	.crossNav .mainTabs li {text-align:right;}

.blindBox .mainTabs li * {display:inline-block;}

.blindBox.be_on .mainTabs {width:32rem;}

	.sitesNav.be_on .mainTabs {padding:0 2.4rem 2.4rem 8.8rem;}

	.crossNav.be_on .mainTabs {padding:0 8.8rem 2.4rem 2.4rem;}

.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;}



/** PANELES LATERALES MENUS *********************/

/** END *****************************************/