@charset "UTF-8";
@import url("false_header.basics.css");

.false_cab nav.blindBox {font-size:16px;line-height:24px;text-transform:uppercase;}
.falseH1 a span {font-family:'Roboto Slab','Roboto',sans-serif;font-size:20px;line-height:48px;font-weight:300;color:#fff;}

/*CABECERA RTVE*/
.false_cab .mainheader,.false_cab .subheader {position:fixed;width:100%;top:0;height:0;}
.false_cab .mainheader .container {position:relative;height:0;width:100%;max-width:100vw;padding:0 48px;text-align:right;}

.false_cab .mainheader .blind,.false_cab .mainheader .tab_first .logo {width:92px;height:36px;cursor:pointer;}
.false_cab .mainheader .blind {position:absolute;right:48px;top:19px;}

.false_cab .maintabs {padding:0;}
.false_cab .maintabs .tab_first {height:76px;justify-content:center;}
.false_cab .blindBox .logo {display:block;background:url('/css/rtve.2021/i/rtve-logos/logos_cabeceras/logo_portal_RTVE_ffffff.svg') no-repeat 50%;background-size:102px;}
.false_cab .blindBox.be_on .logo {background-image:url('/css/rtve.2021/i/rtve-logos/logos_cabeceras/logo_portal_RTVE_cerrar_ffffff.svg');background-color:#000;border-radius:4px;border:1px solid white;}

.false_cab nav.blindBox {display:inline-flex;flex-direction:column;}

.false_cab .maintabs,.false_cab .maintabs li {transform:translateX(calc(100% + 48px));}
.false_cab .maintabs li:not(.tab_first) {transition:transform 0.3s;}
.false_cab .maintabs .tab_first {transform:translateX(calc(-100% - 48px));}
.false_cab .blindBox.be_on .maintabs,.false_cab .blindBox.be_on .maintabs li {transform:translateX(0);}
.false_cab .blindBox.be_on .maintabs li.tab_first {transform:translateX(0);}

.false_cab .blindBox.be_on .maintabs:before {content:'';width:100vw;height:100vh;position:absolute;background:linear-gradient(-90deg,rgba(255,255,255,1) 32rem,rgba(255,255,255,0.25) 50%);right:-48px;}

/*CABECERA CORPORACION*/
.spechead button.slidB {border:0 none;background:none;padding:0;margin:0;}
.spechead button.slidB {width:48px;height:48px;position:absolute;left:24px;top:14px;display:flex;align-items:center;justify-content:center;}
.spechead button.slidB img {cursor:pointer;width:28px;height:28px;background-repeat:no-repeat;background-position:50%;background-size:100%;}
.spechead button.slidB img {background-image:url('/css/rtve.2021/i/rtve-icons.svg/rtve-icon_menu.svg');}
.spechead button.slidB.be_on img {background-image:url('/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close.svg');}

.spechead .falseH1 {position:absolute;left:72px;top:14px;display:none;z-index:2;}
.spechead:has(.blindBox.be_on) .falseH1 {display:block;}

.spechead nav.blindBox.be_on:before {left:0;right:auto;background:linear-gradient(90deg,rgba(0,0,0,1)20%,rgba(0,0,0,0)100%);}


[class*='header'] nav.blindBox * {font-weight:300;position:relative;white-space:nowrap;}

[class*='header'] nav.blindBox ul,[class*='header'] nav.blindBox li {display:inherit;flex-direction:inherit;}
.mainheader nav.blindBox li {align-items:flex-end;}
.spechead nav.blindBox .ico {padding:12px 0 12px 72px;}
.spechead nav.blindBox > ul ul > li,
.maintabs li:not(.tab_first) {padding:12px 0;}


.mainheader .logo {height:48px;width:104px;display:flex;align-items:center;}
.mainheader .logo img {display: none;}


.mainheader .container > .ico.blind.leftoff,
[class*='header'] .spechead button.slidB {display:inline-block;}
.mainheader .container > .ico.blind.lefton {display:none;}

[class*='header'] .spechead nav.blindBox {float:left;width:auto;color:#fff;text-align:left;padding:72px 0;transform:translateX(-100%);}
.mainheader nav.blindBox li:nth-of-type(2) {margin-top:18px;/*compensar espacio superior menu auxiliar*/}
[class*='header'] .spechead nav.blindBox > ul {padding:0;height:calc(90vh - 48px);overflow-y:auto;}

[class*='header'] .spechead nav.blindBox {transition:transform 1s;}
[class*='header'] .spechead nav.blindBox.be_on {transform:translateX(0);} 

/* position */
.mainheader {z-index:3;}
.subheader {z-index:2;}
.mainheader .container > .ico.blind,
[class*='header'] .spechead button.slidB {z-index:4;}


[style="display: inline;"] + nav.blindBox:before,
.spechead nav.blindBox.be_on: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) 320px,rgba(255,255,255,0.25) 50%);}





/*enlaces menus*/
[class*='header'] nav.blindBox li:not(.tab_first) a,.spechead .falseH1 a {opacity:0.7;display:inline-block;color:inherit;text-decoration:none;}
[class*='header'] nav.blindBox li:not(.tab_first) a:hover,.spechead .falseH1 a:hover {opacity:1;}
[class*='header'] nav.blindBox li:not(.tab_first) a:after {content:'';transition:transform 0.3s;
	transform:scale(0);height:0;display:block;border-bottom:02px solid #fff;}
	.mainheader nav.blindBox li:not(.tab_first) a:after {border-color: #000;}
[class*='header'] nav.blindBox li:not(.tab_first) a:hover:after {transform:scale(1);}












/* 3er nivel */
.wrapper.subheader .spechead nav > ul li .arrow.slidB > a > span {pointer-events: none;cursor: default;}
.wrapper.subheader span.ico.arrow.slidB {cursor: pointer;transition:all 0.2s;}
.wrapper.subheader span.ico.arrow.slidB:hover{opacity:0.8;}
.subheader .spechead nav .blindBox {height:0;overflow:hidden;}
.subheader .spechead nav .blindBox {text-align:left;background-color:transparent;}
.subheader .spechead nav .blindBox.be_on {box-shadow:none;padding-left:16px;height:auto;overflow:visible;top: 0;}
.subheader .spechead nav .blindBox.be_on li {display:block;}
.subheader .spechead nav .blindBox li {padding:0.4em 0;opacity:0.65;}
.subheader .spechead nav .blindBox li:hover {opacity:0.95;}
.subheader nav li .ico.arrow:after {transform: rotate(90deg);transition: transform 0.2s;height: 20px;}
.subheader nav li .ico.arrow.be_on:after {transform: rotate(270deg);}
.subheader nav li .ico.arrow {position: relative;}
.subheader nav li .ico.arrow:after {content: ""; top: 14px; position: absolute; width: 20px; padding: 0; background: url('/css/rtve.2021/i/rtve-icons.svg/rtve-icon_next.svg') no-repeat;}