@charset 'UTF-8';
:root {
--opnw_bkg:rgb(45,93,170); /*#2d5daa ows csp row srf sal*/
--swmm_bkg:rgb(44,155,185); /*#2c9bb9 swm swa div wpo*/
--insd_bkg:rgb(16,64,91); /*#10405b bdm bkb bk3 hbl box fen gar gry gtr wlf jud kte wre tkw ten tte vvo*/
--outs_bkg:rgb(170,56,71); /*#aa3847 ath bmx ctr mpn skb tri */
--sand_bkg:rgb(229,130,32); /*#e58220 mtb crd clb equ sho arc vbv*/
--herb_bkg:rgb(66,124,85); /*#427c55 bsb fbl glf hoc rug*/
}


section.grid {font-size:1rem;line-height:1;}

/** MODULOS DE DIRECTOS / VOD *******************/
/************************************************/
.collSet .iplay_video a strong {display:none;}
.collSet .mod[class*='live'],.collSet .mod[class*='live'] .content {border-color:transparent;border-style:solid;border-width:0;}
/*modulos unitarios/modulos en columnas*/
.collSet .elem_nH {width:100%;padding:1.2rem;}
.collSet .cellBox,.collSet .mod .content,.collSet .mod .mainBox {position:relative;}
.collSet .mod[class*='live'] .content {border-width:0 0 5.6rem 0;}
.collSet .elem_nH .content,.collSet .elem_nH .ima {padding-top:calc(9/16*100%);}
.collSet .elem_nH .ima {width:100%;height:auto;position:absolute;left:0;top:0;background:#3f4f4f;border-radius:0.4rem;}

/*etiquetas*/
.collSet .video_mod .maintag {border-radius:0.3rem;display:inline-block;position:absolute;left:0.8rem;top:0.8rem;}
.collSet .video_mod .maintag > * {line-height:1.6rem;}
.collSet .video_mod:not(.next_live) .maintag span {font-size:1.2rem;letter-spacing:0.5pt;font-weight:500;color:#fff;}
.collSet .video_mod:not(.next_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 );
	}
.mod.live.dir_regular .maintag {display:none;}

/** MODULOS DE DIRECTOS *************************/
.collSet .live .iplay_video {position:absolute;left:0;top:0;z-index:2;}
.collSet .live .iplay_video,.collSet .live .iplay_video a {width:100%;height:100%;}
.collSet .live .iplay_video a {display:flex;align-items:center;justify-content:center;}
/*textos*/
.collSet .live .txtBox > div,
.collSet .dir_regular .nowLive p {height:5.2rem;padding:0.8rem;position:absolute;bottom:-5.2rem;left:0;z-index:2;width:100%;
	letter-spacing:0;word-spacing:0;}
.collSet .live .txtBox > div .maintitle {overflow:hidden;display:inline-block;}
.collSet .live .nowLive {font-size:1.4rem;line-height:1.8rem;}
	.collSet .dir_regular .nowLive .maintitle {font-size:1.5rem;}
.collSet .live .nowLive .maintitle {height:3.6rem;width:100%;font-weight:400;}
.collSet .live.dir_brocast .nexLive:before {content:'A continuaci\00F3n';font-size:1rem;letter-spacing:0.75pt;text-transform:uppercase;display:block;font-weight:400;opacity:0.75;}
.collSet .mod[class*='live'] .pretitle {font-size:1.2rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1pt;
  padding: 0 0 0.2rem 0;}
.collSet .dir_regular .nowLive p {margin:0;}


/*iconos de cadenas*/
.collSet .mod[class*='live'] .auxBox .rtve-icons {display:none;}
.collSet .live .auxBox,.collSet .ondemand .auxBox {display:inline-block;position:absolute;top:0;left:0;height:100%;width:100%;margin:0;padding:0;}
	.collSet .dir_brocast .auxBox {background-color:rgba(0,0,0,0.25);z-index:1;}
.collSet .live .auxBox .canal,.collSet .next_live .canal,.collSet .ondemand .auxBox .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 .live .auxBox .canal {background-position:50%;} 
.collSet .live .auxBox .canal,.collSet .next_live .canal,.collSet .ondemand .auxBox .canal {position:absolute;z-index:1;}
.collSet .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,.collSet .ondemand .auxBox .canal {width:20%;height:calc((56.25*20/100)*1%);padding-top:calc((56.25*20/100)*1%);right:0.8rem;top:0.8rem;}
.collSet .next_live[class*='tokyo2020'] .canal {width:24%;height:calc((56.25*24/100)*1%);padding-top:calc((56.25*24/100)*1%);}
	.collSet .mod[class*='live'][class*='tv-la1'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-la1_nac.svg');}
	.collSet .mod[class*='live'][class*='tv-la2'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-la2_nac.svg');}
	.collSet .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');}
	.collSet .mod[class*='live'][class*='tv-clan'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-clan_nac.svg');}
	.collSet .mod[class*='live'][class*='tv-mas24'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-mas24_nac.svg');}
	.collSet .mod[class*='live'][class*='tv-teledeporte'] .auxBox .icon {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-teledeporte_nac.svg');}
	.collSet .mod[class*='live'][class*='tokyo2020'] .auxBox .icon,.collSet .ondemand .auxBox .canal {background-position:100% 50%;}
	.collSet .next_live[class*='tokyo2020'] .auxBox .icon {padding-top:24%;background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-tokyo2020.svg');}
	.collSet .live[class*='tokyo2020'] .auxBox .icon,.collSet .ondemand .auxBox .canal {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');z-index:2;}


/*PROXIMOS DIRECTOS*/
.collSet .next_live .futureLive {position:absolute;bottom:-5.6rem;left:0;height:calc(100% + 5.6rem);width:100%;padding:4rem 0.8rem 1.1rem 1.2rem;
	display:flex;flex-direction:column;justify-content:flex-end;z-index:1;}
.collSet .next_live .futureLive {background:linear-gradient(to top, rgba(255,255,255,1) 7.2rem, rgba(255,255,255,0) calc(100% - 5.6rem));z-index:2;}
.collSet .next_live .futureLive * {margin:0;width:100%;}
.collSet .next_live .futureLive .pretitle {font-size:1.4rem !important;line-height:1.8rem !important;text-transform:uppercase;font-weight:500;letter-spacing:0.75pt;padding:0 0 0.2rem 0;}
.collSet .next_live .futureLive .maintitle, .collSet .ondemand .maintitle  {font-size:1.6rem !important;line-height:2rem !important;width:100%;padding:0 calc(16% + 0.8rem) 0.4rem 0;font-weight:400;letter-spacing:0.5pt;}
.collSet .next_live .futureLive p {font-size:1.4rem;line-height:1.7rem;letter-spacing:0;font-weight:400;opacity:0.85;}
/*falsas etiquetas*/
.next_live .maintag {background:#fff;padding:0;}
.next_live .maintag > * {display:inline-block;}
.next_live .maintag strong {padding:0.4rem 0.8rem;float:left;}
.next_live .maintag span {font-size:1.4rem;color:#000;letter-spacing:0;padding:0.4rem 0.8rem 0.4rem 0.5rem;border-left:0.1rem solid #abacad;
	background:#dcddde;border-radius:0 0.3rem 0.3rem 0;font-weight:500;}
.next_live .maintag strong {font-size:1.3rem;color:#a30950;text-transform:uppercase;font-weight:700;}
.next_live .maintag strong:before {content:'';width:0.8rem;height:0.8rem;display:inline-block;margin-right:0.4rem;border-radius:100%;background:#f61606;}

/*fondos colores pictos*/
.collSet .video_mod .maintag,.collSet .next_live .canal {z-index:2;}
.next_live[class*='tokyo2020'] .ima:before {content:'';left:0;right:0;top:0;bottom:0;position:absolute;z-index:1;
	background-image:radial-gradient(farthest-side circle at top right, rgba(0,0,0,0.8) 25%, rgba(0,0,0,0.2) 75%);}
	
	.next_live.tokyo2020_ows .ima:before, 
	.next_live.tokyo2020_csp .ima:before, 
	.next_live.tokyo2020_row .ima:before, 
	.next_live.tokyo2020_srf .ima:before, 
	.next_live.tokyo2020_sal .ima:before {background-image:radial-gradient(farthest-side circle at top right, rgba(45,93,170,1) 25%, rgba(45,93,170,0.2) 75%);}
	.next_live.tokyo2020_swm .ima:before, 
	.next_live.tokyo2020_swa .ima:before, 
	.next_live.tokyo2020_div .ima:before, 
	.next_live.tokyo2020_wpo .ima:before {background-image:radial-gradient(farthest-side circle at top right, rgba(44,155,185,1) 25%, rgba(44,155,185,0.2) 75%);}
	.next_live.tokyo2020_bdm .ima:before, 
	.next_live.tokyo2020_bkb .ima:before, 
	.next_live.tokyo2020_bk3 .ima:before, 
	.next_live.tokyo2020_hbl .ima:before, 
	.next_live.tokyo2020_box .ima:before, 
	.next_live.tokyo2020_fen .ima:before, 
	.next_live.tokyo2020_gar .ima:before, 
	.next_live.tokyo2020_gry .ima:before, 
	.next_live.tokyo2020_gtr .ima:before, 
	.next_live.tokyo2020_wlf .ima:before, 
	.next_live.tokyo2020_jud .ima:before, 
	.next_live.tokyo2020_kte .ima:before, 
	.next_live.tokyo2020_wre .ima:before, 
	.next_live.tokyo2020_tkw .ima:before, 
	.next_live.tokyo2020_ten .ima:before, 
	.next_live.tokyo2020_tte .ima:before, 
	.next_live.tokyo2020_vvo .ima:before {background-image:radial-gradient(farthest-side circle at top right, rgba(16,64,91,1) 25%, rgba(16,64,91,0.2) 75%);}
	.next_live.tokyo2020_ath .ima:before, 
	.next_live.tokyo2020_bmx .ima:before, 
	.next_live.tokyo2020_ctr .ima:before, 
	.next_live.tokyo2020_mpn .ima:before, 
	.next_live.tokyo2020_skb .ima:before, 
	.next_live.tokyo2020_tri .ima:before {background-image:radial-gradient(farthest-side circle at top right, rgba(170,56,71,1) 25%, rgba(170,56,71,0.2) 75%);}
	.next_live.tokyo2020_mtb .ima:before,
	.next_live.tokyo2020_crd .ima:before,
	.next_live.tokyo2020_clb .ima:before,
	.next_live.tokyo2020_equ .ima:before,
	.next_live.tokyo2020_sho .ima:before,
	.next_live.tokyo2020_arc .ima:before,
	.next_live.tokyo2020_vbv .ima:before {background-image:radial-gradient(farthest-side circle at top right, rgba(229,130,32,1) 25%, rgba(229,130,32,0.2) 75%);}
	.next_live.tokyo2020_bsb .ima:before, 
	.next_live.tokyo2020_fbl .ima:before, 
	.next_live.tokyo2020_glf .ima:before, 
	.next_live.tokyo2020_hoc .ima:before, 
	.next_live.tokyo2020_rug .ima:before {background-image:radial-gradient(farthest-side circle at top right, rgba(66,124,85,1) 25%, rgba(66,124,85,0.2) 75%);}






/** MODULOS VOD *********************************/
.collSet .video_mod.ondemand .content {border-bottom:8rem solid transparent;}
.collSet .ondemand .auxBox .icon:not(.canal) {display:none;}
/*igualando con directos*/
.collSet .ondemand .txtBox {padding:0.8rem;z-index:2;width:100%;display:flex;flex-direction:column;justify-content:flex-end;}
.collSet .video_mod.ondemand .txtBox {height:8rem;position:absolute;bottom:-8rem;left:0;}
.collSet .ondemand .txtBox .pretitle {font-size:1.4rem !important;line-height:1.8rem !important;text-transform:uppercase;font-weight:500;letter-spacing:0.75pt;
	padding:0.2rem 0;display:inline-block;}
.collSet .video_mod.ondemand .txtBox .pretitle {height:2.2rem;overflow:hidden;}
.collSet .ondemand .txtBox .maintitle {font-size:1.6rem;line-height:2rem;overflow:hidden;display:inline-block;height:4rem;width:100%;font-weight:400;}
.collSet .ondemand .txtBox p {font-size:1.4rem;line-height:1.7rem;display:none !important;}
.collSet .ondemand .txtBox .pubBox > span {font-size:1.4rem !important;line-height:1.6rem !important;opacity:1;font-weight:700;color:#fff;}
.collSet .video_mod.ondemand .txtBox .pubBox {position:absolute;top:-3.2rem;left:0;padding:0.8rem;width:100%;display:flex;justify-content:space-between;
	background:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));}
.collSet .ondemand .txtBox .pubBox .datpub {display:none;}
/*oculto elementos*/
.collSet .ondemand .i_logo.poster {display:none;}
/*otras opciones*/

/*boton otras opciones*/
.icon-label.extra {position:absolute;z-index:2;}
.monoBox .icon-label.extra.active {z-index:3;}
.icon-label.extra .rtve-icons {width:100%;height:100%;background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_options.svg');}
.icon-label.extra.active .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close_circulo_FFFFFF.svg');}
.icon-label.extra.active strong {display:none;}
.collSet .icon-label.extra {cursor:pointer;width:3.6rem;height:3.6rem;}
.collSet .icon-label.extra {top:calc(9/16*100% - 2.5rem);right:0.5rem;}
.collSet .video_mod:hover .icon-label.extra {opacity:1;}
.tooltip strong {position:absolute;white-space:nowrap;bottom:-2rem;opacity:0;}
.tooltip .rtve-icons:hover {cursor:pointer;}

/*panel opciones desplegado*/
.toolBox {position:absolute;top:0;width:100%;height:calc(9/16*100% + 2rem);display:none;background-color:rgba(0,0,0,0.85);border-radius:0.3rem;z-index:2;}
.toolBox.be_on {display:block;}
.toolBox ul {display:flex;flex-direction:column;padding:1.6rem;}

/*iconos*/
	.favor_add .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_favorito_off.svg');}
	.bmark_add .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_add_off.svg');}
	.favor_del .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_favorito_on.svg');}
	.bmark_del .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_add_on.svg');}
	.share .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_share.svg');}
	.dwnld .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_download.svg');}
	.twitt .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_share_twitt.svg');}
	.fbook .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_share_fbook.svg');}
	.whats .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_share_whats.svg');}
[class*='favor'] .rtve-icons,[class*='bmark'] .rtve-icons {background-position:50% 0;}


/*lista*/	
.toolBox li .rtve-icons {width:2.8rem;height:2.8rem;display:inline-block;float:left;margin:0 1.2rem 0 0;}
.toolBox li strong {font-size:1.3rem;line-height:calc(2.8rem / 2);color:#fff;font-weight:300;opacity:0.67;word-spacing:-0.5pt;}
	
.toolBox li [class*="_del"] strong {font-weight:500;}
.toolBox li > .icon {cursor:pointer;display:inline-flex;align-items:center;}
.toolBox li > .icon:hover strong {opacity:1;}

/*capa de compartir en redes*//*blindBox dentro de blinBox*/
.toolBox .share + .blindBox {position:absolute;background:#111;width:100%;height:100%;left:0;top:0;display:none;border-radius:0.3rem;}
		
.toolBox .share + .blindBox.be_on {display:flex;flex-direction:column;justify-content:center;}


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