@import url('rtve.mod_header.basics.css');
/** CABECERA DESKTP *****************************/
/************************************************/
/*skin*//*oscuro general*/
.navBox nav.blindBox.be_on {background:linear-gradient(90deg,#000000e6 33%,#00000059);}
li[role='treeitem'] .openR .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_next.svg');}
li[role='treeitem'] .active .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_prev.svg');}
.menu-cross span {background:#fff;}
/*skin*//*radio*/
body[class*='rne'] .navBox nav.blindBox.be_on {background:linear-gradient(90deg,#fff 33%,#ffffff80);}
body[class*='rne'] li[role='treeitem'] .openR .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_next_000000.svg');}
body[class*='rne'] li[role='treeitem'] .active .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_prev_000000.svg');}
body[class*='rne'] .menu-cross span {background:#000;}


/*banner y logotipos*//*NEW DESIGN RTVE MAXIMIZADO*/
.navBox .logo-rtve > .rtve-icons:first-of-type {/*width:calc(4.2rem * 16 / 9);*/width:6.8rem;}
.navBox .onside strong {white-space:nowrap;}
/*nueva definicion*/
.navBox .onside {position:absolute;left:4.6rem;bottom:-1.4rem;}
.pfvideo .navBox .onside strong,
.pfserie .navBox .onside strong {opacity:0.67;}
.pfaudio .navBox .onside {opacity:1;width:auto;height:auto;clip:auto;}

/*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:3;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://css.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://css.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;height:4rem;width:4.8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.navBox .menu-cross {width:2.4rem;height:2.4rem;position:relative;border:0 solid transparent;border-width:0.2rem 0.3rem;cursor:pointer;}
body[class*='rne'] .navBox .menu-cross {opacity:0.67;top:-0.5rem;}
	.menu-cross span {transition:all 0.3s;width:100%;height:0.2rem;position:absolute;left:0;top:calc(50% - 0.1rem);transform:rotate(0deg);opacity:1;}
	.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);}
/*botton menu*//*estado hover*/
.menu-cross:not(.active):hover span:nth-of-type(1),.menu-cross:hover span:nth-of-type(4) {width:67%;}
.menu-cross:not(.active):hover span:nth-of-type(1) {transform:rotate(-45deg) translate(-0.4rem,0);}
.menu-cross:not(.active):hover span:nth-of-type(4) {transform:rotate(45deg) translate(-0.4rem,0rem);}










/** MENU DESPLEGADO LATERALMENTE ****************/
.navBox nav.blindBox.be_on {left:0;top:0;width:100%;height:100vh;}
.navBox nav.blindBox.be_on .mainTabs {display:grid;grid-template-columns:repeat(calc((100vw) / (28rem + 4.8rem)), 28rem);grid-template-rows:auto;align-content:flex-start;row-gap:1.2rem;}
.navBox nav.blindBox.be_on .mainTabs,
.navBox nav.blindBox.be_on .mainTabs > li[role='treeitem'] {column-gap:4.8rem;}
.navBox nav.blindBox.be_on .mainTabs > li {grid-column:1;grid-row:auto;}
.navBox nav.blindBox.be_on .mainTabs {padding:0 2.4rem 0 calc((4.8rem * 2) - 1.2rem);height:calc(100% - 8rem - 4rem);overflow-x:hidden;overflow-y:auto;top:10.4rem;position:relative;}
.navBox:has(nav.blindBox.be_on) > .container {max-width:100vw;}

body[class*='rne'] .navBox nav.blindBox.be_on .mainTabs {padding:0 2.4rem 0 calc((4.8rem + 3.2rem - 0.8rem));}




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



.mainTabs > li[role='treeitem'] {display:flex;}
.navBox nav.blindBox.be_on .mainTabs > li[role='treeitem'][aria-expanded='true']:has(.active) {grid-column:1/3;}

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

.portada.locked li[role='treeitem'] .openR {min-width:28rem;}

li[role='treeitem'] .openR .rtve-icons {order:2;}
li[role='separator'] {margin:3.6rem 0 2.4rem 0;}
.navBox nav.blindBox.be_on li[role='treeitem'] .blindBox {flex-direction:column;width:100%;row-gap:0;display:none;}
.navBox nav.blindBox.be_on li[role='treeitem'] .blindBox.be_on,
.navBox nav.blindBox.be_on li[role='treeitem'] .openR .rtve-icons {display:flex;position:relative;}






/*segundo nivel*/
li[role='treeitem'] {position:relative;}
li[role='treeitem'] .openR .rtve-icons {right:0;top:0;width:4rem;height:4rem;background-repeat:no-repeat;background-position:50%;background-size:2.8rem;}



/*los ultimos links*/
.navBox nav.blindBox.be_on .mainTabs > li[role='separator'] {margin:4.8rem 0 2.4rem 0;display:inline-block;height:0.1rem;width:calc(100% - 4.8rem);padding:0;}


.mainheader {position:relative;}
.mainheader {z-index:4;}/*para superponerse a los selectores existen en algunas paginas*/
.navBox .container > .blind,.navBox div[role="banner"] {z-index:3;}
.navBox .blindBox {z-index:1;}
.pfsched .mainheader:has(.blindBox.be_on) .onside {display:none;}

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

/*TV*/
body .navBox nav.blindBox {display:flex;/*justify-content:center;*/}



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


/*Enlace "Participa"*/
.mainTabs li:has([href*='participa']) {position:relative;width:10.8rem;}
.mainTabs li:has([href*='participa'])::before {content:'';position:absolute;width:100%;height:3.2rem;outline:0.2rem solid var(--blanco_30);display:inline-block;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:0.3rem;z-index:-1;}
.mainTabs li:has([href*='participa']:hover)::before {outline-color:var(--blanco_80);}
.mainTabs li:has([href*='participa']:hover) strong {color:#dbcb1b;}
.mainTabs li:has([href*='participa'])::after {content:'\2605';position:absolute;right:-0.8rem;top:0.4rem;color:#dbcb1b;font-size:1.3rem;}
.portada:not(.locked) .mainTabs li:has([href*='participa']) [role='treeitem']:after {display:none;}

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




@media only screen and (min-width:720px) {
	

	

	
	.mainTabs [role] > strong,
	.mainTabs [role] > span {opacity:0.67;}
	.mainTabs [role]:hover > strong,
	.mainTabs [role]:hover > span {opacity:1;}
	
	.blindBox .mainTabs li.topMenu .blindBox.be_on li {padding:0.8rem;}
	.blindBox .mainTabs li {display:flex;}
	.mainTabs [role] a strong:after {content:'';display:block;height:0;border-bottom:0.2rem solid #302c2b;;transform:scale(0);transition: all 0.3s;}
	.mainTabs [role] a:hover strong:after {transform:scale(1);}
	
	



	}

@media only screen and (min-width:1400px) {
	.scrolled .navBox .container {max-width:100vw;}
}






/** GENERALIDADES ********************************/
:root {
  --R-labels:400 1.5rem / 2.1rem 'Roboto', sans-serif;
}
/*estructura huecos cabecera*/
.navBox {width:100%;padding:1.6rem 0;}
.navBox > .container {z-index:1;display:grid;grid-template-rows:4rem;}
	/*general*/.navBox > .container {grid-template-columns:4.8rem calc(4.8rem * 4) auto calc(4.8rem * 4);padding:0 4.8rem;}
	/*rne*/body[class*='rne'] .navBox > .container {grid-template-columns:4.8rem 20rem auto calc(4.8rem * 2);padding:0 3.2rem;}
.navBox [role="button"].blind {grid-column:1;}
.navBox [role="banner"] {grid-column:2;}
.navBox [role="complementary"].services {grid-column:4;}
	/*general*/.navBox {background-color:#000;}
	/*rne*/body[class*='rne'] .navBox {background-color:#fff;}
				 body[class*='rne'].scrolled .navBox {box-shadow:0 0.4rem 0.8rem rgba(0,0,0,.25);}


.mainTabs [role] strong {font:var(--R-labels);text-transform:uppercase;letter-spacing:0.34pt;white-space:nowrap;display:inline-block;}
.mainTabs li > a {display:block;width:100%;}
.mainTabs li {padding:0 0.8rem;height:4rem;align-items:center;}
.mainTabs a:hover strong,
.mainTabs [role]:hover .openR > strong {opacity:1;}
.mainTabs [role]:hover .openR > strong {cursor:pointer;}


nav.blindBox:not(.be_on) .mainTabs li {display:none;width:auto;}

/** MENU SUPERIOR ********************************/
/*estructura huecos cabecera*/
.navBox:has(nav.blindBox:not(.be_on)) .container > .blindBox {grid-column:3;}


@media only screen and (min-width: 720px) {
/*header.navBox*/nav.blindBox:not(.be_on) {width:100%;height:4rem;position:relative;overflow:hidden;/*overflow-x:clip;overflow-y:visible;*/}
nav.blindBox:not(.be_on) .mainTabs {display:flex;justify-content:center;padding:0 4rem;flex-flow:row wrap;width:max-content;min-width:100%;}
	/*generalnav.blindBox:not(.be_on) .mainTabs {width:calc(100vw - (4.8rem * 4) - 24rem);}*/
	/*rnebody[class*='rne'] nav.blindBox:not(.be_on) .mainTabs {width:calc(100vw - (4.8rem * 4) - 24rem);}*/
nav.blindBox:not(.be_on) .mainTabs 	{}

nav.blindBox:not(.be_on) .mainTabs .topMenu {display:flex;flex:0 0 auto;position:relative;}
nav.blindBox:not(.be_on) .mainTabs .topMenu > span {/*display:none;*/}


nav.blindBox:not(.be_on) .topMenu[aria-expanded] {position:relative;display:flex;flex-direction:column;}


}





/** MENU LATERAL *********************************/




/** CONTROL ENLACE TOP-MENU *********************/
/************************************************/
nav.blindBox:not(.be_on) .topMenu strong {padding:0 0.8rem;}
nav.blindBox:not(.be_on) .topMenu[aria-expanded] .openR strong {padding-bottom:0.2rem;}
.navBox .container > * {grid-row:1;}

/** TOP-MENU DESPLEGABLE *************************/
nav.blindBox:not(.be_on) .topMenu[aria-expanded] .openR .rtve-icons {width:2rem;background-size:2.4rem;transition:transform,0.3s;}
nav.blindBox:not(.be_on) .topMenu[aria-expanded='true'] .openR:hover .rtve-icons,
nav.blindBox:not(.be_on) .topMenu[aria-expanded='false'] .openR .rtve-icons {transform:rotate(90deg);}
/*nav.blindBox:not(.be_on) .topMenu[aria-expanded='false'] .openR:hover .rtve-icons,*/
nav.blindBox:not(.be_on) .topMenu[aria-expanded='true'] .openR .rtve-icons {transform:rotate(-90deg);}


nav.blindBox:not(.be_on) .topMenu[aria-expanded],
nav.blindBox:not(.be_on) .topMenu[aria-expanded] .blindBox {/*border-color:#00000020;border-style:solid;border-width:0;*/}
nav.blindBox:not(.be_on) .topMenu[aria-expanded] .blindBox {position:fixed;flex-direction:column;background:#ffffffef;padding:1.2rem 100% 1.2rem 100%;top:auto;left:auto;margin:4rem auto 0 auto;/*border-width:0 0 0 0.1rem;*/box-shadow:0 0.4rem 0.8rem rgba(0,0,0,.25);height:auto;max-height:calc((4rem * 12) + 2.4rem);flex-wrap:wrap;align-content:center;}
nav.blindBox:not(.be_on) .topMenu[aria-expanded] .blindBox li {display:flex;}

nav.blindBox:not(.be_on) .topMenu[aria-expanded='false'] .blindBox {display:none;}
nav.blindBox:not(.be_on) .topMenu[aria-expanded='true'] {/*border-width:0 0 0 0.1rem;*/}
nav.blindBox:not(.be_on) .topMenu[aria-expanded='true'] .blindBox {display:flex;}


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