@charset 'UTF-8';
@import url('rtve.mod_header.desktp.css');
@import url('rtve.mod_footer.desktp.css');
@import url('rtve.play.basics.desktp.css');
@import url('rtve.play.grids.desktp.css');

.navFilter {padding-top:10rem;}

/** MENU FILTER *****************************/
/********************************************/
.navFilter .menuBox .icon {display:none;}
.navFilter li {position:relative;display:inline-flex;width:auto;height:auto;padding:0.4rem 1rem;color:#fff;cursor:pointer;}
.navFilter ul {position:relative;display:flex;justify-content:center;min-height:7rem;align-items:center;}
.navFilter span, .navFilter ul strong {opacity:0.7;font-size:1.6rem;font-weight:400;text-align:center;white-space:nowrap;}
.navFilter span, .navFilter ul strong  {text-transform:uppercase;}

.navFilter .navCanal {position:relative;}
.navFilter .navCanal:after {content:'';position:absolute;display:block;width:calc(100% - 16rem);top:0;right:8rem;border-bottom: 0.1rem solid #e3dfdc;}

.container .grid .navFilter li.active {background-color:#fff;border-radius: 0.4rem;}
.container .grid .navFilter li.active span, .container .grid .navFilter li.active strong {color:#000;font-weight:500;opacity:1;}

.navFilter li:not(.active) span:hover {opacity:1;} 

@media only screen and (max-width:768px) {
	.navLet {overflow-x:scroll;}
	.navFilter ul.selLetter {width:150%;justify-content:flex-start;}
}

/** MENU FILTER *****************************/
/*** END ************************************/


/** ELEM nV **********************************/
/*********************************************/
/* estado reposo */
.hiveBox {padding:1.6rem 4rem;}
.monoBox.comp_nV {display:flex;flex-wrap:wrap;justify-content:center;width:100%;}
.elem_nV {width:20rem;height:auto;float:left;padding-top:2rem;}
.elem_nV .mod {position:relative;}
.elem_nV .mainBox {border-width:1rem;}
/*.elem_nV .txtBox, .elem_nV .auxBox {display:none;}*/
.elem_nV .icon-label {position:absolute;bottom:2rem;right:2rem;}
.elem_nV .icon-label .rtve-icons {background-image:url(https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_options.svg);
    width:3.2rem;height:3.2rem;bottom:3rem;right:2rem;opacity:1;cursor:pointer;opacity:0;}
.collSet .getoff .maintag {opacity:1;}
.collSet .getoff .maintag {transition-property:opacity;transition-duration:0.1s;transition-delay:0.3s;}
.collSet .monoBox .trailerControls, .collSet .monoBox .icon-label.extra {transition:all 0.3s;}

/* estado activo */
.collSet .elem_nV.active .txtBox,
.collSet .elem_nV.active .auxBox {display:flex;z-index:2;opacity:1;transition:opacity 0.3s 0.5s;}
./*collSet .elem_nV.active .auxBox {position:absolute;right:0;top:0;}*/

.collSet .elem_nV.active .maintag,
.collSet .elem_nV.active .trailerControls {margin-right:-80%;transition: all 0.3s 0.5s;}
.collSet .elem_nV.active .trailerControls {right:1.8rem;bottom:5rem;display:inline-flex;flex-direction:column;z-index:4;}
.collSet .elem_nV.active .icon-label.extra {margin-right:calc(-80% + 4.6rem);z-index:5;transition:all 0.3s 0.5s;}
.monoBox .elem_nV.active .goto_media:before {transform:translate(-50%,-175%);}
.elem_nV.active .icon-label .rtve-icons {opacity:1;}
.elem_nV.active .maintag, .elem_nV .tooltip strong {display:none;}
/*.elem_nV.active img {transform:scale(1.1);transition:all 0.3s;}*/
.elem_nV.active .ima {border-radius:0.4rem;z-index:2;}
.elem_nV.active .ima:after {content:'';position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.3);}
.elem_nV.active img.i_covr {z-index:1;}
.elem_nV.active .mod .content {border:0.3rem solid #969696;border-radius:0.5rem;border-width:0.3rem;box-shadow:0 0 4rem rgb(0 0 0 / 67%);z-index:3;}

.elem_nV .icon-label.active .rtve-icons {background-image:url(https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close_circulo.svg);opacity:1;z-index:3;filter:invert(0.8);}
.monoBox .elem_nV .toolBox.be_on {background-color: rgba(0,0,0,0.85);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center;width:calc(260% - 5.8rem);height:calc(100% - 2.7rem);border-radius:0.4rem;z-index:4;}

/*posicion primer elemento*/
li.elem_nV.active + .elem_nV, li.elem_nV.active + .elem_nV + .elem_nV {z-index:-5;}

.grid_H .elem_nV.active {transition:all 0.3s 0.5s;z-index:2;}

/* extremos nV */
/*@media only screen and (min-width:756px) and (max-width:955px){
	.grid_H .elem_nV:nth-of-type(3n+1).active {transform:translateX(80%);}
	.grid_H .elem_nV:nth-of-type(3n).active {transform:translateX(-80%);}
}
@media only screen and (min-width:956px) and (max-width:1155px){
	.grid_H .elem_nV:nth-of-type(4n+1).active {transform:translateX(80%);}
	.grid_H .elem_nV:nth-of-type(4n).active {transform:translateX(-80%);}
}
@media only screen and (min-width:1156px) and (max-width:1355px){
	.grid_H .elem_nV:nth-of-type(5n+1).active {transform:translateX(80%);}
	.grid_H .elem_nV:nth-of-type(5n).active {transform:translateX(-80%);}
}
@media only screen and (min-width:1356px) and (max-width:1555px){
	.grid_H .elem_nV:nth-of-type(6n+1).active {transform:translateX(80%);}
	.grid_H .elem_nV:nth-of-type(6n).active {transform:translateX(-80%);}
}
@media only screen and (min-width:1556px) and (max-width:1755px){
	.grid_H .elem_nV:nth-of-type(7n+1).active {transform:translateX(80%);}
	.grid_H .elem_nV:nth-of-type(7n).active {transform:translateX(-80%);}
}
@media only screen and (min-width:1756px) and (max-width:1955px){
	.grid_H .elem_nV:nth-of-type(8n+1).active {transform:translateX(80%);}
	.grid_H .elem_nV:nth-of-type(8n).active {transform:translateX(-80%);}
}*/
/*
/** ELEM nV **********************************/
/*** END *************************************/

/** CONTADOR *********************************/
/*********************************************/
.countItem {display:flex;flex-direction:column;align-items:center;}
.countItem .goto_media {width:auto;bottom:0;}
.countItem .goto_media span {display:block;font-size:1.8rem;border:0.1rem solid #fff;border-radius:0.5rem;padding:0.4rem 1rem;text-transform:uppercase;opacity:0.6;}
.countItem .goto_media:hover span {background-color:#fff;color:#000;opacity:1;transition:all 0.85s ease-in-out;}
.countItem .numItem {font-size:1.2rem;padding:1rem;}
.countItem .numItem .totalItem:before {content: '  de '}

/* progressBox */
.countItem .progressBar, .countItem .progressBar span {border-radius:0.3rem;height:0.6rem;display:block;}
.countItem .progressBar {width:10%;background:#b9b9b9;}
.countItem .progressBar span {background:#fff;}

/** CONTADOR ***********************************/
/*** END ***************************************/

/**restaurar CSS******/
.pfalbum.tve .elem_nV .mainBox .ima {width:100%;height:100%;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.pfalbum.tve .elem_nV .monoBox .txtBox {font-size:1.5rem;line-height:2.1rem;color:#fff;width:100%;justify-content:flex-end;height:100%;}
.pfalbum.tve .elem_nV .cellBox {aspect-ratio:2/3;border:0;}
.pfalbum .visually-hidden {position:absolute;clip:rect(0,0,0,0);}

/*estado activo*/
.pfalbum.tve  .monoBox .elem_nV.active .mainBox {width:calc(100% * 1.26);height:calc(100% * 1.32);}
.pfalbum.tve  .monoBox .elem_nV.active .mainBox {display:grid;grid-template-rows:repeat(14,1fr);grid-template-columns:1fr;}
.pfalbum.tve  .monoBox .elem_nV.active .mainBox .ima {grid-row-start:1;grid-row-end:span 5;}
.pfalbum.tve  .monoBox .elem_nV.active .content {border:none;padding:0 1.2rem 0 2.4rem;grid-row-start:6;grid-row-end:span 8;/*obciamos la ultima fila para esponjar el texto verticalmente*/}
.pfalbum.tve  .monoBox .active .mainBox {background:#000;box-shadow:0 0 12rem #000;border:0.2rem solid var(--G02_67);}
.pfalbum.tve  .monoBox .txtBox .maintitle {font:var(--NS-300_24);}

.pfalbum.tve .monoBox .mainBox,.pfalbum.tve .monoBox .active .mainBox .ima {position:relative;}
.pfalbum.tve .monoBox .active .mainBox {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.pfalbum.tve .monoBox .active .mainBox .ima {left:0;top:0;transform:none;}

.pfalbum.tve .monoBox .active .content {order:2;} 
.pfalbum.tve .monoBox .active .txtBox {order:3;flex:1;justify-content:space-evenly;}
.pfalbum.tve .monoBox .active .auxBox {order:2;}
.pfalbum.tve .monoBox .active .ima {order:1;}

.pfalbum .monoBox .elem_nV.active .cellBox .mod .auxBox .redad {margin-left:0;}
.pfalbum .monoBox .elem_nV.active .cellBox .mod .icon-label.extra {top:calc((56.25%/2) + 2.5rem);margin:0;right:-1.5rem;}
.pfalbum .monoBox .elem_nV .toolBox.be_on  {width:calc(100% * 1.26);height:calc(100% * 1.32);}
.pfalbum .monoBox .elem_nV .cellBox .mod .content .maintag {position:absolute;top:-3rem;}
.pfalbum .monoBox .elem_nV.active .cellBox .mod .icon-label.extra.active {top:0;}

.pfalbum .monoBox .elem_nV .auxBox .redad,
.pfalbum .monoBox .elem_nV .maintag {display:none;}