@charset 'UTF-8';
/*
body {background-color:#121010;}
.container {color:#fff;}
*/
[data-form-type='lives-collection'] .hiveBox .mod .content {border-color:transparent;border-style:solid;}
[data-form-type='lives-collection'] .hiveBox.grid_V {width:100%;display:inline-block;}
[data-form-type='lives-collection'] .hiveBox .comp_nH .elem_nH {padding:0.8rem;}

[data-form-type='lives-collection'] .elem_nH .mod:not(.next_live) .content {position:relative;}
[data-form-type='lives-collection'] .elem_nH .content .ima,
[data-form-type='lives-collection'] .hiveBox .maintag,
[data-form-type='lives-collection'] .hiveBox .mod:not(.dir_regular) .txtBox > div,
.video_mod.live .butt,
[data-form-type='lives-collection'] .collSet .video_mod .progressBar {position:absolute;}


/*.elem_nH .content .ima,*/
.video_mod.live .iplay_video {top:0;left:0;border:0 none;border-radius:0;}
/*.hiveBox .maintag {top:0.8rem;left:0.8rem;}*/
.collSet .video_mod.live .gback {top:0.8rem;right:0.8rem;border:0 none;background:transparent;}


.auxBox,
.hiveBox .maintag {z-index:1;}
.progressBar,
.video_mod.live .iplay_video {z-index:2;}

.navBox {z-index:4;}

/** ANCHOS DE ELEMENTOS *************************/
/************************************************/
[data-form-type='lives-collection'] .hiveBox [class*="comp_"] li {float:left;}
[data-form-type='lives-collection'] .hiveBox .comp_nH .elem_nH {width:100%;}
[data-form-type='lives-collection'] .slideH .elem2 .elem_nH {width:calc(100%/2);}
[data-form-type='lives-collection'] .slideH .elem3 .elem_nH {width:calc(100%/3);}
[data-form-type='lives-collection'] .slideH .elem4 .elem_nH {width:calc(100%/4);}
[data-form-type='lives-collection'] .slideH .elem5 .elem_nH {width:calc(100%/5);}
[data-form-type='lives-collection'] .slideH .elem6 .elem_nH {width:calc(100%/6);}
[data-form-type='lives-collection'] .slideH .elem7 .elem_nH {width:calc(100%/7);}
[data-form-type='lives-collection'] .slideH .elem8 .elem_nH {width:calc(100%/8);}
[data-form-type='lives-collection'] .slideH .elem9 .elem_nH {width:calc(100%/9);}
[data-form-type='lives-collection'] .slideH .elem10 .elem_nH {width:calc(100%/10);}
[data-form-type='lives-collection'] .slideH .elem11 .elem_nH {width:calc(100%/11);}
[data-form-type='lives-collection'] .slideH .elem12 .elem_nH {width:calc(100%/12);}
[data-form-type='lives-collection'] .slideH .elem13 .elem_nH {width:calc(100%/13);}
[data-form-type='lives-collection'] .slideH .elem14 .elem_nH {width:calc(100%/14);}
[data-form-type='lives-collection'] .slideH .elem15 .elem_nH {width:calc(100%/15);}
[data-form-type='lives-collection'] .slideH .elem16 .elem_nH {width:calc(100%/16);}
[data-form-type='lives-collection'] .slideH .elem17 .elem_nH {width:calc(100%/17);}
[data-form-type='lives-collection'] .slideH .elem18 .elem_nH {width:calc(100%/18);}
[data-form-type='lives-collection'] .slideH .elem19 .elem_nH {width:calc(100%/19);}
[data-form-type='lives-collection'] .slideH .elem20 .elem_nH {width:calc(100%/20);}

/** TEXTOS **************************************/
/************************************************/
[data-form-type='lives-collection'] .monoBox .elem_nH .txtBox {padding:0;background:transparent;}
	.live .nexLive:before {font-weight:300;opacity:0.75;}
	.live.dir_brocast .nexLive:before {content:"A continuaci\00F3n";}
	.live.dir_repeats .nexLive:before {content:"Pr\00F3 ximas emisiones";}
.live .txtBox :before, .infoBox :before {letter-spacing:1pt;text-transform:uppercase;display:block;}
	.live .nowLive .maintitle:before {font-size:1.2rem;}
	.live .nexLive:before {font-size:1rem;}

.video_mod.live .gback a strong,
.dir_socials [class*='rrss'] .rtve-icons {font-size:1.2rem;line-height:1.8rem;font-weight:500;letter-spacing:0.5pt;}
	.dir_socials[class*='facebook'] .nowLive .maintitle:before {content:"Ahora en Facebook";}
	.dir_socials[class*='twitter'] .nowLive .maintitle:before {content:"Ahora en Twitter";}
	.dir_socials[class*='instagram'] .nowLive .maintitle:before {content:"Ahora en Instagram";}
	.dir_socials[class*='periscope'] .nowLive .maintitle:before {content:"Ahora en Periscope";}
	.dir_socials[class*='snappytv'] .nowLive .maintitle:before {content:"Ahora en SnappyTV";}
	.dir_socials[class*='youtube'] .nowLive .maintitle:before {content:"Ahora en Youtube";}

.live .txtBox > div {width:100%;}
.live .txtBox > div .maintitle {display:inline-block;}
.collSet .live .txtBox > div .maintitle {overflow:hidden;/*white-space:nowrap;text-overflow:ellipsis;*/}
.collSet .live .nowLive .maintitle {height:3.4rem;width:100%;}

.collSet .live .nexLive .maintitle {height:1.6rem;width:calc(100% - 4rem);}
.collSet .live .nexLive .datemi {margin-right:0.4rem;font-weight:500;}


/*Nueva reformulacion de textos*/
[data-form-type='lives-collection'] .elem_nH .mainBox {position:static;}
.collSet [class*='live'] .txtBox * {/*display:inline-block;*/}/*afecta a los "futurelive"*/
.collSet [class*='live'] .txtBox *:not(.endbar) {float:left;}
.collSet [class*='live'] .txtBox .pretitle {font-size:1.3rem;line-height:1.7rem;text-transform:uppercase;font-weight:500;letter-spacing:1pt;} 

.collSet [class*='live']:not(.dir_brocast) .txtBox .nowLive .maintitle,
.collSet .next_live .futureLive .maintitle {font-size:1.7rem;line-height:2.1rem;font-weight:400;}

.collSet .dir_brocast .txtBox .nowLive .maintitle {font-size:1.5rem;line-height:1.9rem;font-weight:400;}
.collSet [class*='live'] p {font-size:1.4rem;line-height:1.8rem;letter-spacing:0;padding-top:0.4rem;opacity:0.75;}
.collSet .next_live .txtBox p {height:auto;}

.collSet .dir_brocast .txtBox > div,.collSet .dir_repeats .txtBox > div,.collSet .dir_regular .nowLive > span,.collSet .dir_repeats .nowLive > span,
.collSet .futureLive,.monoBox .next_live .mainBox .ima:after {position:absolute;}

.collSet [class*='live']:not(.next_live) .content {padding-top:56.25%;border-width:0 0 6.2rem 0;}
.collSet [class*='live']:not(.next_live):not(.dir_regular) .txtBox > div {height:6.2rem;bottom:-6.2rem;left:0;}
.collSet .dir_regular .txtBox .nowLive {padding:0;}

.collSet .dir_brocast .nowLive,.collSet [class*='live']:not(.next_live) .nowLive .maintitle {display:flex;flex-direction:column;justify-content:center;}

.collSet .dir_regular:not(.next_live) .txtBox .maintitle {width:100%;height:calc(4.2rem + 1.6rem);left:0;padding:0.8rem;bottom:-6.2rem;}
	
.collSet [class*='live'] .txtBox > div {padding:0.8rem;}
.collSet [class*='live'] .txtBox > .futureLive {padding-top:4rem;}
.collSet [class*='live'] .futureLive .pretitle {padding:0 0 0.4rem 0;}
.collSet .dir_repeats .nowLive .pretitle,
.collSet .dir_regular .nowLive .pretitle {padding:1.2rem 0.8rem;bottom:0;left:0;z-index:2;width:100%;background:linear-gradient(to top,rgba(0,0,0,0.85),rgba(0,0,0,0));}

.collSet .dir_brocast .nexLive,.collSet .live p {position:absolute;opacity:0;}
.collSet .dir_regular .nowLive p {padding:0.8rem !important;}
.collSet .dir_brocast .nexLive *,.collSet .dir_repeats .nexLive * {font-size:1.2rem;line-height:1.6rem;}

.monoBox .next_live .mainBox .ima,.futureLive {border-radius:0.4rem;}
.monoBox .next_live .mainBox .ima {left:0;top:0;transform:none;position:relative;}
.futureLive,.monoBox .next_live .mainBox .ima:after {left:0;top:0;width:100%;height:100%;}
.monoBox .next_live .mainBox .ima:after {content:'';display:inline-block;
	background: -moz-linear-gradient(5deg,rgba(17,17,17,1) 10%,rgba(17,17,17,0) 60%);
	background: -webkit-linear-gradient(5deg,rgba(17,17,17,1) 10%,rgba(17,17,17,0) 60%);
	background: linear-gradient(5deg,rgba(17,17,17,1) 10%,rgba(17,17,17,0) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#00111111',GradientType=1 );
}
.monoBox .next_live .mainBox .content {border-width:0.1rem;position:static;}
.futureLive {display:flex;flex-direction:column;justify-content:flex-end;z-index:1;}

.futureLive .datemi {font-size:1.5rem;line-height:2.1rem;}
.collSet .elem_nH .futureLive .datemi {display:block;height:5.6rem;position:absolute;font-weight:300;}
.monoBox .next_live {padding-bottom:6.2rem;}
.futureLive .datemi strong {text-transform:uppercase;color:#f63f04;}


/** FORMATOS DE IMAGEN **************************/
/************************************************/
[data-form-type='lives-collection'] .elem_nH .content .ima {padding-top:calc(9/16*100%);}


/** ICONOS NORMALES *****************************/
/************************************************/
.rtve-icons {display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:100%;}
 .iplay_video .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg');}
 .gback .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_start.svg');}
 .close .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close.svg');}


/** ICONOS CADENAS ******************************/
/************************************************/
.video_mod.live .auxBox {display:inline-block;}
	.collSet .video_mod.live .auxBox {position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,0.25);}
.video_mod.live .auxBox .canal,.next_live .canal {display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:auto 100%;
	background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/rtve_nac.svg');
	overflow:hidden;}
	.collSet .video_mod.live .auxBox .canal,.collSet .next_live .canal {position:absolute;}
	.collSet .video_mod.live .auxBox .canal {left:50%;top:50%;width:25%;height:calc((56.25*25/100)*1%);padding-top:calc((56.25*25/100)*1%);margin-left:-12.5%;margin-top:calc((56.25*25/100)*-0.5%);}
	.collSet .next_live .canal {width:20%;height:calc((56.25*20/100)*1%);padding-top:calc((56.25*20/100)*1%);}
	.collSet .next_live .canal {right:0.8rem;top:0.8rem;z-index:1;}
	.video_mod[class*='live'][class*='tv-la1'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-la1_nac.svg');}
	.video_mod[class*='live'][class*='tv-la2'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-la2_nac.svg');}
	.video_mod[class*='live'][class*='tv-24-horas'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-24-horas_nac.svg');}
	.video_mod[class*='live'][class*='tv-clan'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-clan_nac.svg');}
	.video_mod[class*='live'][class*='tv-mas24'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-mas24_nac.svg');}
	.video_mod[class*='live'][class*='tv-teledeporte'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-teledeporte_nac.svg');}
	.video_mod[class*='live'][class*='tv-playz'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-playz_nac.svg');}

/** ICONOS TOKYO2020 ****************************/
/************************************************/
	.collSet .next_live[class*='tokyo2020'] .canal {width:24%;height:calc((56.25*24/100)*1%);padding-top:calc((56.25*24/100)*1%);}
	.video_mod[class*='live'][class*='tokyo2020'] .auxBox .icon {background-position:100% 50%;}
	.collSet .video_mod.next_live[class*='tokyo2020'] .auxBox .icon {padding-top:24%;background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-tokyo2020.svg');}
	/*paralimpicos*/.collSet .video_mod.next_live[class*='tokyo2020'] .auxBox .icon {background-image:url('https://css2.rtve.es/css/rtve.2021.deportes/jjoo-tokio-paralimpicos-TE_SPARTOK/i/logo_compuesto-paralimpicos-vertical-blanco.svg');}
	.video_mod.live[class*='tokyo2020'] .auxBox .icon {padding-top: calc((56.25*25/100)*1%);left:auto;top:0.8rem;right:0.8rem;margin:0;
		background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-rtveplay.svg');}	
	/*futuros directos no empezados*/
	.infoBox.next_live:after {content:'No ha comenzado la emisi\00F3n';font-size:1.4rem;line-height:2rem;text-transform:uppercase;
		background:rgba(0,0,0,0.67);align-self:flex-start;padding:1.2rem;border-radius:0.4rem;letter-spacing:0.5pt;margin:1.2rem -1.2rem;}
		
/** ETIQUETAS ***********************************/
/************************************************/
.cellBox .maintag {border-radius:0.3rem;display:inline-block;}
.live .maintag {padding:0.4rem 0.8rem;background: #a30950;
	background: -moz-linear-gradient(-30deg, #a30950 0%, #ff4200 100%);
	background: -webkit-linear-gradient(-30deg, #a30950 0%, #ff4200 100%);
	background: linear-gradient(125deg, #a30950 0%, #ff4200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a30950', endColorstr='#ff4200',GradientType=1 );
	}
/*falsas etiquetas*/
.next_live .maintag {background:#fff;padding:0;}
.next_live .maintag > * {display:inline-block;}
.next_live .maintag strong {padding:0.5rem 0.8rem;}
.next_live .maintag span {font-size:1.4rem;color:#000;letter-spacing:0;padding:0.5rem 0.8rem 0.5rem 0.5rem;border-left:0.1rem solid #abacad;
	background:#dcddde;border-radius:0 0.3rem 0.3rem 0;}
.next_live .maintag strong {font-size:1.3rem;line-height:1.4rem;color:#a30950;text-transform:uppercase;}
.next_live .maintag strong:before {content:'';width:0.8rem;height:0.8rem;display:inline-block;margin-right:0.4rem;border-radius:100%;background:#f61606;}	

/** REDES SOCIALES ******************************/
/************************************************/
.dir_socials .iplay_video .rtve-icons {display:none;}
.dir_socials [class*='rrss'] .rtve-icons {display:flex;align-items:center;flex-direction:column;transform:translateY(1.1rem);opacity:1;}
.live.dir_socials .auxBox {display:flex;align-items:center;justify-content:center;}
.dir_socials [class*='rrss'] {}
.dir_socials [class*='rrss'] .rtve-icons:before {content:'';display:inline-block;float:left;width:4rem;height:4rem;margin:0 0 0.4rem 0;
	border-radius:100%;border:0 solid rgba(255,255,255,0);
	background-repeat:no-repeat;background-position:50%;background-size:85%;}
	.dir_socials .rrss_facebook .rtve-icons:before {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_sociales/rtve-icon_social_facebook.svg');}
	.dir_socials .rrss_twitter .rtve-icons:before {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_sociales/rtve-icon_social_twitter.svg');}
	.dir_socials .rrss_instagram .rtve-icons:before {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_sociales/rtve-icon_social_instagram.svg');}
	.dir_socials .rrss_periscope .rtve-icons:before {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_sociales/rtve-icon_social_periscope.svg');}
	.dir_socials .rrss_snappytv .rtve-icons:before {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_sociales/rtve-icon_social_snappytv.svg');}
	.dir_socials .rrss_youtube .rtve-icons:before {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_sociales/rtve-icon_social_youtube.svg');}

/** SLIDES **************************************/
/************************************************/
[data-form-type='lives-collection'] .slideH > ul {float:left;width:100%;}

/** BOTONES REPRODUCIR **************************/
/************************************************/
.video_mod.live .iplay_video,.video_mod.live .iplay_video a {width:100%;height:100%;}
.video_mod.live .iplay_video a {display:flex;align-items:center;justify-content:center;}
.video_mod.live .iplay_video a strong {display:none;}
.video_mod.live .iplay_video .rtve-icons {margin-top:-5.6rem;width:5.6rem;height:5.6rem;}
.video_mod.live .gback .rtve-icons {width:2.2rem;height:2.2rem;float:left;margin-right:0.4rem;}

/** PROGRESS-BAR ********************************/
/************************************************/
[data-form-type='lives-collection'] .video_mod .progressBar {border-radius:0.3rem;overflow:hidden;}
	[data-form-type='lives-collection'] .collSet .video_mod .progressBar {margin-top:56.25%;left:0.8rem;top:-0.4rem;width:calc(100% - 1.6rem);height:0.6rem;}
[data-form-type='lives-collection'] .video_mod .progressBar span {position:absolute;left:0;top:-0.4rem;height:calc(100% + 0.8rem);display:inline-block;}
[data-form-type='lives-collection'] .video_mod .progressBar {background:#b9b9b9;}
[data-form-type='lives-collection'] .video_mod .progressBar span {background:#fff;box-shadow:0.4rem 0 1.2rem rgba(0,0,0,0.25);}


/*no podemos quitar la etiqueta*/
.maintag span:empty {width:0;padding:0;height:0;}
/*pero la quitamos porque no se entiende el cuadrado rojo*/
.mod.live.dir_regular .maintag {display:none;}

/*enseñar enlace proximos directos*/
.next_live .butt {height:100%;border:none;opacity:1;}
.next_live .butt > a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;cursor:pointer;}