@charset 'UTF-8';
@import url('rtve.tokyo2020.thumbs.basics.css');

/** MODULOS DE DIRECTOS *************************/
/************************************************/
.collSet .live .iplay_video .rtve-icons,.collSet .live .nexLive {opacity:0;}
.collSet .live .iplay_video .rtve-icons {z-index:-1;width:5.6rem;height:5.6rem;position:absolute;left:50%;top:0;margin-top:calc(9/16/2*100%);transform:translate(-50%,-50%);
background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg');}
.collSet .elem_nH .live, .collSet .elem_nH .video_mod:not(.next_live) {transform:scale(1);}
.collSet .elem_nH .live:hover, .collSet .elem_nH .video_mod:not(.next_live):hover {transform:scale(1.06);z-index:1;box-shadow:0 0 2.4rem rgb(0 0 0 / 67%);border-width:0.2rem;border-color:#fff;border-radius:0.4rem;}
.collSet .elem_nH .live:hover .iplay_video .rtve-icons {opacity:1;z-index:0;}
.collSet .elem_nH .live:hover .nowLive,.collSet .elem_nH .video_mod:not(.next_live):hover .txtBox {bottom:-0.1rem;
	background:linear-gradient(to bottom,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 90%);height:100%;}
/*.collSet .elem_nH .video_mod.ondemand:hover .txtBox {background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%);}*/
.collSet .elem_nH .live:hover .nowLive .maintitle,
.collSet .elem_nH .video_mod:not(.next_live):hover .txtBox strong .maintitle {/*color:#fff;*/color:#000;}
.collSet .elem_nH .live:hover .nexLive,
.collSet .elem_nH .video_mod:not(.next_live):hover .txtBox p {opacity:1;}
.collSet .elem_nH .txtBox .nowLive p {display:none;}
.collSet .elem_nH.active .txtBox .nowLive p,
.collSet .elem_nH:not(.active) .live:hover .txtBox .nowLive p {display:inline-block;}

/*efectos*/
.collSet .live,
.collSet .elem_nH .live .rtve-icons,
.collSet .live .canal, .collSet .video_mod,
.collSet .elem_nH .video_mod .tooltip .rtve-icons,
.collSet .video_mod .canal {transition:all 0.85s ease-in-out;}

.collSet .elem_nH:not(.active) .live:not([class*='tokyo2020']):hover .auxBox .canal,
.collSet .elem_nH.active .live:not([class*='tokyo2020']) .auxBox .canal {left:1.2rem;margin-left:0;}

/*solucion para 1 linea de texto*/
.collSet .elem_nH .live:hover .nowLive {display:flex;flex-direction:column;justify-content:flex-end;}
.collSet .elem_nH .live:hover .nowLive .maintitle {height:auto;max-height:3.6rem;}

/** MODULOS DE DIRECTOS *************************/
/** END *****************************************/



/** MODULOS VOD *********************************/
/************************************************/
.collSet:not(.oneDayDirecs) .elem_nH .video_mod.ondemand:hover .txtBox {height:calc(100% + 8rem);bottom:-8rem;}
.collSet:not(.oneDayDirecs) .elem_nH .video_mod.ondemand:hover .pubBox,.collSet:not(.oneDayDirecs) .elem_nH .video_mod.ondemand:hover .maintag {display:none;}
.collSet:not(.oneDayDirecs) .elem_nH .video_mod.ondemand:hover p {display:block;}
.collSet:not(.oneDayDirecs) .elem_nH .video_mod.ondemand:hover .pretitle {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.8rem 25% 0.8rem 0.8rem;
    height: auto;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    background: linear-gradient(180deg, black, transparent);
  width: 100%;}

.collSet .elem_nH .video_mod:not(.next_live):hover {border:0.2rem solid rgb(255,255,255);}



/*iconos*/
[class*="icon"] .rtve-icons {opacity:0.67;}
[class*="icon"]:hover .rtve-icons {opacity:1;}
/*iconos add listas + favoritos*/
[class*='favor']:hover .rtve-icons,[class*='bmark']:hover .rtve-icons {background-position:50% 100%;}

/*enlace al contenido*//*elementos individuales*/
.collSet .monoBox .video_mod .goto_media:before {content:'';display:block;position:absolute;width:20.2%;padding-top:20.2%;height:auto;left:50%;bottom:50%;
	border-radius:100%;background:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg') no-repeat 50%;background-size:100%;opacity:0;}
	.monoBox .video_mod .goto_media:before {transform:translate(-50%,-20%);}
.collSet .monoBox .goto_media:hover:before {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo_masa.svg');}
/*enlace al contenido*//*elementos nH*/


.collSet .monoBox .video_mod:hover .goto_media:before {opacity:1;}


/** MODULOS VOD *************************/
/** END *****************************************/


/** MODULOS VOD  .elem_nV *********************************/
/************************************************/
.directoBox .monoBox .elem_nV .ima img:not(.i_logo) {height: 100%;object-fit: cover;object-position: center center;background-color: #3f4f4f;display: inline-block;position: absolute;top: 0;}

.directoBox .collSet .elem_nV .i_post {width: auto;left: 50%;transform: translateX(-50%);z-index: 0;}

.directoBox .elem_nV .i_covr, .elem_nV .i_prvw {opacity: 0;}
.directoBox .elem_nV .i_covr, .elem_nV .i_prvw {z-index: 1;}

.directoBox .collSet li:not(.relColl).elem_nV  .mainBox > *:not(.trailerControls) {transition-property: opacity, width, height, transform;transition-duration: 0.05s;transition-delay: 0s;}
.directoBox .monoBox.elem_00 .elem_nV .ima, .directoBox .monoBox.elem_00 .elem_nV .content, .directoBox .monoBox .elem_nV  .mainBox {border-style: solid;border-color: transparent;border-width: 0;}
.directoBox .monoBox.elem_00 .elem_nV .ima, .directoBox .monoBox.elem_00 .elem_nV .content {border-radius: 0.5rem;border-width: 0.3rem;overflow: hidden;}
.directoBox .monoBox .elem_nV .mainBox .ima {width: 100%;height: 100%;overflow: hidden;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}


.directoBox .collSet .slideH .elem_nV .mainBox .content {box-shadow: none;}
.directoBox .monoBox .elem_nV .content, .directoBox .monoBox .elem_nV .goto_media {z-index: 1;}
.directoBox .monoBox .elem_nV .content {position: absolute;width: 100%;display: inline-block;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.directoBox .collSet .elem_nV .txtBox, .directoBox .collSet .elem_nV .auxBox {z-index: -1;opacity: 0;}
.directoBox .monoBox .elem_nV .txtBox {
    padding: 1.6rem 6.4rem 1.6rem 1.6rem;
    background: rgba(0,0,0,0.67);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.67) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.67) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.67) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ab000000',GradientType=0 );
}
.directoBox .monoBox .elem_nV .txtBox {font-size: 1.5rem;line-height: 2.1rem;color: #fff;width: 100%;display: flex;flex-direction: column;justify-content: flex-end;height: 100%;}
.directoBox .monoBox .elem_nV .mainBox {position: relative;}
.directoBox .slideH:not(.rowOne) .monoBox .elem_nV .mainBox {border-width: 0.6rem;}
.directoBox .elem_nV:not(.relColl) .mainBox {padding-top: calc(3/2 * 100%);}
.directoBox .monoBox .elem_nV .mod > a:not(.goto_media) {z-index: 0;}
.directoBox .collSet .slideH li.elem_nV .mod {position: relative;display: block;}
.directoBox .slideH .monoBox.elem_00 > li.elem_nV {  width: calc(100%/62);z-index: 0;position: relative;float: left;}

.directoBox .collSet .monoBox:not(.comp_xH) .elem_nV .goto_media {position: absolute;height: 100%;width: 100%;top: 0;}

@media only screen and (min-width:480px){
	/*62 elementos*/
	.directoBox .hiveBox.slideH .comp_nV.elem_00{width:3100%;}
}
@media only screen and (min-width:768px){
	/**62 elementos**/
	/*10.5 paginas*/
	.directoBox .hiveBox.slideH .comp_nV.elem_00 {width:1550%;}
}
@media only screen and (min-width:1024px){
    	.directoBox .hiveBox.slideH .comp_nV.elem_00 {width:1240%;}
}
@media only screen and (min-width:1440px){
.directoBox .hiveBox.slideH .comp_nV.elem_00 {width:886%;}
}
@media only screen and (min-width:1920px){
    	.directoBox .hiveBox.slideH .comp_nV.elem_00 {width:689%;}
}


/** MODULOS VOD  .elem_nV *********************************/
/*** END *****************************************/