﻿/**CABECERA**/
/*nivel 1 a la derecha y 3ro como siempre sin algun elemento */
.mainheader .maintabs .blindBox.beoff {display:none;}

/* maiheader {height:auto;} */
.mainheader  {height:0;}
.mainheader nav.blindBox .maintabs,
.mainheader nav.blindBox .maintabs li {display:inherit;flex-direction:inherit;top:2.4rem;}
.mainheader.minify nav.blindBox .maintabs li {top: auto;}
.mainheader nav.blindBox {font-size:1.6rem;line-height:2.4rem;display:flex;flex-direction:column;}
.mainheader nav.blindBox * {font-weight:300;}
.mainheader nav.blindBox .ico img {display:none;}
.mainheader nav.blindBox li {align-items:flex-end;}


.maintabs li:not(.tab_first) {padding:1.2rem 0;}
/* .maintabs {padding: 0 4.8rem 2.4rem 2.4rem;} */
.mainheader .navBox {padding: 2.4rem 0 3.6rem 0;}
/* .mainheader .navBox * {transition: all 0.3s ease-in-out;} */
.mainheader li.tab_first:before {content: '';display: inline-block;width: 9.2rem;height: 3.6rem;border-radius: 0.4rem;background: transparent;position: absolute;right: 0.6rem;left:auto;top: 0.6rem;z-index: -1;}
.mainheader [style="display: inline;"] + .blindBox li.tab_first:before {background: #333;}
.mainheader .logo {height:4.8rem;width:10.4rem;display:flex;align-items:center;}
.mainheader .logo img {display: none;}
.mainheader {position:fixed;top:0;height:0;}
.mainheader {left:auto;right:0;z-index:2;}

.mainheader .container {position:relative;display: flex;justify-content: flex-end;height: 0;width: 100%;padding: 0 4.8rem;}
.mainheader .container > .ico.blind.leftoff {display: inline-block;}
.mainheader .container > .ico.blind,
.mainheader .spechead button.slidB {z-index:2;position:absolute;top:0 !important;width:4.8rem;height:4.8rem;padding:2.2rem;left: auto;right: 4.8rem;cursor: pointer;}
.mainheader .container > .ico.blind.leftoff img,
.mainheader .container > .ico.blind.lefton img {display:none;}
.mainheader nav.blindBox li:nth-of-type(2) {margin-top:1.8rem;/*compensar espacio superior menu auxiliar*/}


[style="display: inline;"] + nav.blindBox:before{content:'';width:100vw;height:100vh;position:fixed;top:0;}
[style="display: inline;"] + nav.blindBox:before {left:auto;right:0; background: linear-gradient(-90deg,rgba(255,255,255,1) 32rem,rgba(255,255,255,0.25) 50%);}

.mainheader .blindBox .logo {background-image: url("https://css2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cabeceras/logo_portal_RTVE_ffffff.svg");filter: drop-shadow(0rem 0rem 0.2rem #918f8f);}
.mainheader .container > .ico.blind[style="display: inline;"] + .blindBox .logo {background-image: url("https://css2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cabeceras/logo_portal_RTVE_cerrar_ffffff.svg");filter: none;}


/*enlaces menus*/
.mainheader nav.blindBox li:not(.tab_first) a {opacity:0.5;display:inline-block;}
.mainheader nav.blindBox li:not(.tab_first) a:hover {opacity:1;}
.mainheader nav.blindBox li:not(.tab_first) a:after {content:'';transition:transform 0.3s;
	transform:scale(0);height:0;display:block;border-bottom:0.2rem solid #fff;}
	.mainheader nav.blindBox li:not(.tab_first) a:after {border-color: #000;}
.mainheader nav.blindBox li:not(.tab_first) a:hover:after {transform:scale(1);}


/*menu principal*/
.mainheader nav.blindBox li {position: relative;}
.maintabs {transform:translateX(calc(100% + 4.8rem));}
.maintabs li.tab_first {transform:translateX(-100%);right: 4.8rem;left: auto;}
[style="display: inline;"] + nav.blindBox .maintabs, 
[style="display: inline;"] + nav.blindBox .maintabs li.tab_first {left:auto;right:0;transform:translateX(0);}

.wrapper.fixer.auxheader {display:none;}


/** spechead desplegable **/
.spechead .ima.hostima {display:none;}
.spechead li>.blindBox ul, .subheader nav ul {width: 100%;padding: 0.6em 0;}
.spechead nav .ico {padding: 0.2em;}
.spechead nav.blindBox a span {padding: 0.6rem 0.6rem;}
.spechead nav.blindBox .ico.slidB {padding-right:3rem;}
.spechead nav.blindBox .ico.slidB img {width: 2.4rem;height: 1.8rem;top: 0;right: -2.4rem;left: auto;position: absolute;z-index: 1;cursor: pointer;display: block;background-size: 100%;background-repeat: no-repeat;background-position: 50%;}
.spechead nav.blindBox .ico.slidB.beoff img {background-image: url("https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_point_down.svg");filter: invert(1);}
.spechead nav.blindBox .ico.slidB.be_on img {background-image: url("https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_point_up.svg");filter: invert(1);}

.spechead nav.blindBox .blindBox {overflow:hidden;position:absolute}
.spechead nav.blindBox .blindBox.be_on {top: 3rem;height: auto;}
.spechead nav.blindBox .blindBox ul > li {padding: 0;}
.spechead nav.blindBox .blindBox a span:after,
.spechead nav.blindBox li:not(.tab_first) .blindBox a:after {content: none;}
.spechead nav.blindBox .blindBox li a {border-bottom: 0.2rem solid transparent;}
.spechead nav.blindBox .blindBox li a:hover {border-color: #C5C5C5;}

/* scroll desplegable */
.spechead nav.blindBox *::-webkit-scrollbar {width: 0.5rem;} /* width */
.spechead nav.blindBox *::-webkit-scrollbar-track {box-shadow: inset 0 0 0.5rem grey;border-radius: 1rem;} /* Track */
.spechead nav.blindBox *::-webkit-scrollbar-thumb {background: #808080;border-radius: 1rem;} /* Handle */
.spechead nav.blindBox * {scrollbar-color: #808080 #1A1A1A;scrollbar-width: thin;} /* para Firefox */


.spechead nav.blindBox span {font-size:1.6rem;}
.spechead nav.blindBox .ico img {display:none;}

/*minify*/
.mainheader.minify:before {content:'';width:100vw;height:calc(4.6rem * 1.67);display:block;position:fixed;left:0;top:0;opacity:1;background:#000;}
.mainheader.minify:before {opacity:1;min-height: 0;height: 5.2rem;box-shadow: 0 1.2rem 2.4rem rgb(0 0 0 / 15%);}
.mainheader.minify .navBox {padding-top: 0.2rem;}
.mainbodier[style="margin-top: 0em;"] .spechead .falseH1 {right:auto;left: 4.8rem;height: 4.8rem;width: auto;text-align: right;padding-right: 1.2rem;z-index:2;padding-top: 0;}
.mainbodier[style="margin-top: 0em;"] .spechead .falseH1 a:before {content: attr(aria-label);}
.mainbodier[style="margin-top: 0em;"] .spechead .falseH1 a:before {font-family: 'Roboto Slab',sans-serif;font-size:2rem;line-height:4.8rem;font-weight:300;color: #fff;position:fixed;top:0}
.mainheader .container > .ico.blind {top:2.4rem!important;}
.mainheader.minify .container > .ico.blind {top: 0!important;}

.mainbodier[style="margin-top: 0em;"] .spechead .falseH1 .ima.logoima {display:none;}
.mainheader .navBox {padding: 0;}
