@import url('rtve.play.radio.grids_directos.basics.css');

/** DIRECTOS CIRCULARES *************************/
/************************************************/
@media only screen and (min-width:480px) {.comp_circle.elem_06 {width:calc(6/3*100%);}}	
@media only screen and (min-width:768px) {.comp_circle.elem_06 {width:calc(6/4*100%);}}
@media only screen and (min-width:1024px){.comp_circle.elem_06 {width:calc(6/5*100%);}}
@media only screen and (min-width:1280px){.comp_circle.elem_06 {width:calc(6/6*100%);}}
@media only screen and (min-width:1440px){.comp_circle.elem_06 {width:calc(6/7*100%);}}
@media only screen and (min-width:1920px){.comp_circle.elem_06 {width:calc(6/8*100%);}}
/* textos */
.liveBox .elem_circle .txtBox {padding-top:1.2rem;width:120%;transform:translateX(-10%);}
.liveBox .elem_circle .nowLive .maintitle {font-size:1.7rem;line-height:2.1rem;font-weight:500;min-height:4.4rem;display:inline-block;}
.liveBox .elem_circle .nexLive {line-height:1.6rem;}
.liveBox .elem_circle .nexLive .maintitle {font-size:1.3rem;}
.liveBox .elem_circle .nexLive .datemi,.liveBox .elem_circle .nexLive .datemi:before {font-weight:500;}
.liveBox .elem_circle .nexLive .datemi {font-size:1.2rem;padding-right:0.4rem;}
.liveBox .elem_circle .nexLive .datemi:before {color:#a30950;content:"A continuaci\00F3n";clear:both;display:block;font-size:1.1rem;letter-spacing:0.5pt;text-transform:uppercase;}
/* iconos */
/*.elem_circle .auxBox:after {content:'';width:100%;height:100%;display:inline-block;position:absolute;left:0;top:0;background:red;}*/
.elem_circle .auxBox .canal {bottom:0.4rem;top:auto;right:50%;transform:translateX(50%);}
.elem_circle .auxBox .canal .rtve-icons {opacity:1;width:4.8rem;height:4.8rem;transition:all 0.3s;}
.elem_circle .auxBox:hover .canal .rtve-icons {width:3.6rem;height:3.6rem;margin-bottom:0.4rem;}
	.elem_circle .auxBox button {bottom:-2.4rem;width:4.8rem;height:4.8rem;opacity:0;
		background-repeat:no-repeat;background-position:50%;background-size:112%;}
	.elem_circle .auxBox:hover button {opacity:1;}
	.elem_circle button[name='audio_player'] {left:2.4rem;background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playAudio_circulo.svg');}
	.elem_circle button[name='video_player'] {left:calc(100% - 2.4rem);background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg');}
	.elem_circle .auxBox button:hover {background-color:#000;box-shadow:0 0.2rem 0.8rem 0.2rem rgba(0,0,0,0.34);cursor:pointer;}
	.elem_circle button[name='audio_player']:hover {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playAudio_circulo_masa.svg')}
	.elem_circle button[name='video_player']:hover {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo_masa.svg')}
/*los circulares no tienen flechas*/
.liveBox .controlBox {display:none;}
.liveBox .slideH > .comp_circle {overflow-x:auto;display:inline-flex;min-width:100%;}
.liveBox .elem_circle {width:20rem;}
.liveBox .comp_circle .cellBox {width:16rem;}
@media all and (min-width:1280px){
	.liveBox .comp_circle {justify-content:center;}
}

@media all and (max-width:1450px){
	[data-tipo="mod_moduloDirectoRadio"] .hiveBox {overflow-x:scroll;}
}

/** DIRECTOS CIRCULARES *************************/
/*** END ****************************************/

/** OTROS DIRECTOS DE RADIO *********************/
/************************************************/
/*general*/
[data-tipo*='live-grid'] .mainBox .content .txtBox {padding-right:0.6rem;}

/*textos*/
[data-tipo*='live-grid'] .mainBox .txtBox .pretitle {display:block;height:2.5rem;padding:0.4rem 0;font-size:1.4rem;line-height:1.8rem;font-weight:bold;text-transform:uppercase;overflow:hidden;max-width:25rem;text-overflow:ellipsis;opacity:0.67;}
[data-tipo*='live-grid'] .mainBox .txtBox .maintitle {display:block;font-size:1.7rem;line-height:2.1rem;}
[data-tipo*='live-grid'] .active .mainBox .ima {box-shadow:none;}

/*maintag*/
[data-tipo*='live-grid'] .elem_nH.active .next_live .maintag {opacity:1;}
.live .iplay_video strong {font-size:1.1rem;line-height:1.6rem;padding:0.5rem 0.8rem;padding-left:2.2rem;color:#fff;}
.elem_nH.active .live .maintag  {opacity:0;}

/*elementos*/
@media all and (min-width:450px){
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH {width:3000%;}
	[data-tipo*='live-grid'] [data-pagination='false'] .elem_nH,
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem1 {width:100%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem2 {width:200%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem3 {width:300%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem4 {width:400%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem5 {width:500%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem6 {width:600%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem7 {width:700%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem8 {width:800%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem9 {width:900%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem10 {width:1000%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem11 {width:1100%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem12 {width:1200%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem13 {width:1300%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem14 {width:1400%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem15 {width:1500%;}
}

@media all and (min-width:768px){
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH {width:calc(200% / 3 * 30);}
	[data-tipo*='live-grid'] [data-pagination='false'] .elem_nH,
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem1 {width:calc(200% / 3);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem2 {width:calc(200% / 3 * 2);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem3 {width:200%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem4 {width:calc(200% / 3 * 4);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem5 {width:calc(200% / 3 * 5);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem6 {width:calc(200% / 3 * 6);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem7 {width:calc(200% / 3 * 7);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem8 {width:calc(200% / 3 * 8);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem9 {width:calc(200% / 3 * 9);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem10 {width:calc(200% / 3 * 10);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem11 {width:calc(200% / 3 * 11);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem12 {width:calc(200% / 3 * 12);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem13 {width:calc(200% / 3 * 13);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem14 {width:calc(200% / 3 * 14);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem15 {width:calc(200% / 3 * 15);}
}

@media all and (min-width:1024px){
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH {width:1500%;}
	[data-tipo*='live-grid'] [data-pagination='false'] .elem_nH,
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem1 {width:50%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem2 {width:100%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem3 {width:150%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem4 {width:200%;} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem5 {width:250%;} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem6 {width:300%;} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem7 {width:350%;} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem8 {width:400%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem9 {width:450%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem10 {width:500%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem11 {width:550%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem12 {width:600%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem13 {width:650%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem14 {width:700%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem15 {width:750%;}
}

@media all and (min-width:1280px){
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH {width:1200%;}
	[data-tipo*='live-grid'] [data-pagination='false'] .elem_nH,
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem1 {width:40%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem2 {width:80%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem3 {width:120%;} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem4 {width:160%;} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem5 {width:200%;} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem6 {width:240%;} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem7 {width:280%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem8 {width:320%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem9 {width:360%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem10 {width:400%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem11 {width:440%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem12 {width:480%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem13 {width:520%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem14 {width:560%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem15 {width:600%;}
}

@media all and (min-width:1440px){
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH {width:calc(100% / 3 * 30);}
	[data-tipo*='live-grid'] [data-pagination='false'] .elem_nH,
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem1 {width:calc(100% / 3);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem2 {width:calc(100% / 3 * 2);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem3 {width:100%;}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem4 {width:calc(100% / 3 * 4);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem5 {width:calc(100% / 3 * 5);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem6 {width:calc(100% / 3 * 6);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem7 {width:calc(100% / 3 * 7);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem8 {width:calc(100% / 3 * 8);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem9 {width:calc(100% / 3 * 9);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem10 {width:calc(100% / 3 * 10);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem11 {width:calc(100% / 3 * 11);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem12 {width:calc(100% / 3 * 12);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem13 {width:calc(100% / 3 * 13);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem14 {width:calc(100% / 3 * 14);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem15 {width:calc(100% / 3 * 15);}
}

@media only screen and (min-width:1920px){
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH {width:calc(100% / 3.5 * 30);} 
	[data-tipo*='live-grid'] [data-pagination='false'] .elem_nH,
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem1 {width:calc(100% / 3.5);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem2 {width:calc(100% / 3.5 * 2);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem3 {width:calc(100% / 3.5 * 3);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem4 {width:calc(100% / 3.5 * 4);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem5 {width:calc(100% / 3.5 * 5);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem6 {width:calc(100% / 3.5 * 6);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem7 {width:calc(100% / 3.5 * 7);}
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem8 {width:calc(100% / 3.5 * 8);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem9 {width:calc(100% / 3.5 * 9);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem10 {width:calc(100% / 3.5 * 10);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem11 {width:calc(100% / 3.5 * 11);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem12 {width:calc(100% / 3.5 * 12);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem13 {width:calc(100% / 3.5 * 13);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem14 {width:calc(100% / 3.5 * 14);} 
	[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem15 {width:calc(100% / 3.5 * 15);} 
}

[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH li.elem_nH {width:calc(100% / 30);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem1 li.elem_nH {width:calc(100% / 1);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem2 li.elem_nH {width:calc(100% / 2);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem3 li.elem_nH {width:calc(100% / 3);} 	
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem4 li.elem_nH {width:calc(100% / 4);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem5 li.elem_nH {width:calc(100% / 5);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem6 li.elem_nH {width:calc(100% / 6);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem7 li.elem_nH {width:calc(100% / 7);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem8 li.elem_nH {width:calc(100% / 8);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem9 li.elem_nH {width:calc(100% / 9);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem10 li.elem_nH {width:calc(100% / 10);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem11 li.elem_nH {width:calc(100% / 11);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem12 li.elem_nH {width:calc(100% / 12);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem13 li.elem_nH {width:calc(100% / 13);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem14 li.elem_nH {width:calc(100% / 14);}
[data-tipo*='live-grid'] [data-pagination='true'] .comp_nH.elem15 li.elem_nH {width:calc(100% / 15);}
[data-tipo*='live-grid'] [data-pagination='false'] .hiveBox {padding:1.6rem 4rem;}
[data-tipo*='live-grid'] [data-pagination='false'] .comp_nH {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}

/** OTROS DIRECTOS DE RADIO *********************/
/*** END ****************************************/