/** DIRECTOS CIRCULARES *************************/
/************************************************/
/* comunes */
.comp_circle .cellBox,.progressCir {margin:0 auto;}
.progressCir,.elem_circle .auxBox {width:calc(100% - 2.4rem);padding-top:calc(100% - 2.4rem);}
.progressCir:after,.liveBox .elem_circle .ima {width:calc(100% - 1.2rem);}
.progressCir:after {height:calc(100% - 1.2rem);}
.liveBox .elem_circle .ima {padding-top:calc(100% - 1.2rem);}
.elem_circle .auxBox button,.bkgFix {width:100%;height:100%;}
.elem_circle .auxBox button,.bkgFix,.progressCir:after,.liveBox .elem_circle .ima {border-radius:100%;}
.elem_circle .auxBox,.elem_circle .auxBox button,.bkgFix,.progressCir:after,.liveBox .elem_circle .ima {position:absolute;}
.elem_circle .auxBox,.liveBox .elem_circle .ima,.liveBox .elem_circle .ima img,.progressCir:after {left:50%;}
.liveBox .elem_circle .ima,.progressCir:after {top:50%;}
.elem_circle .auxBox,.liveBox .elem_circle .ima img {transform:translateX(-50%);}
.liveBox .elem_circle .ima,.progressCir:after {transform:translate(-50%,-50%);}

.elem_circle {text-align:center;}
.elem_circle .content {display:flex;flex-direction:column;}
	.elem_circle .txtBox {order:2;}
	.elem_circle .progressCir {order:1;}

/* textos */
.liveBox .elem_circle {color:#302c2b;}

/* barra de progreso */
.halfBar,.progressCir.pass50 .bkgFix {
	background:#a30950;
	background:-moz-linear-gradient(top,#ff4200 0%,#a30950 100%);
	background:-webkit-linear-gradient(top,#ff4200 0%,#a30950 100%);
	background:linear-gradient(to bottom,#ff4200 0%,#a30950 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4200', endColorstr='#a30950',GradientType=0 );
}

.progressCir {position:relative;}
.bkgFix {left:0;top:0;overflow:hidden;}
.bkgFix > span {width:50%;height:100%;display:inline-block;position:relative;}
.halfBar {float:right;}
.progBar {left:50%;transform-origin:left;}
.bkgFix,.progBar {background-color:#dcdcdc;}

/* pasando la mitad */
.progressCir.pass50 .halfBar {z-index:1;}

/* tapando el centro */
.progressCir:after {content:'';display:inline-block;z-index:2;background-repeat:no-repeat;background-position:50%;background-size:100%;}

/* imagenes */
.liveBox .elem_circle .ima {z-index:3;}
.liveBox .elem_circle .ima:after {content:'';width:100%;height:100%;display:inline-block;position:absolute;left:0;top:0;
	background:-moz-radial-gradient(circle at 50% 25%,rgba(0,0,0,0),rgba(0,0,0,0.15) 50%,rgba(0,0,0,0.6) 90%);
	background:-webkit-radial-gradient(circle at 50% 25%,rgba(0,0,0,0),rgba(0,0,0,0.15) 50%,rgba(0,0,0,0.6) 90%);
	background:radial-gradient(circle at 50% 25%,rgba(0,0,0,0),rgba(0,0,0,0.15) 50%,rgba(0,0,0,0.6) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
}
.liveBox .elem_circle .ima img {width:auto;height:100%;top:auto;bottom:0;filter:saturate(0.3) contrast(1.25);}
.radio1 .progressCir:after {background-image:url('http://img2.rtve.es/css/rtveplay.2021/resources/rtveplay.radio/radio1_bkgDirecto.png');}
.radioC .progressCir:after {background-image:url('http://img2.rtve.es/css/rtveplay.2021/resources/rtveplay.radio/radioC_bkgDirecto.png');}
.radio3 .progressCir:after {background-image:url('http://img2.rtve.es/css/rtveplay.2021/resources/rtveplay.radio/radio3_bkgDirecto.png');}
.radio4 .progressCir:after {background-image:url('http://img2.rtve.es/css/rtveplay.2021/resources/rtveplay.radio/radio4_bkgDirecto.png');}
.radio5 .progressCir:after {background-image:url('http://img2.rtve.es/css/rtveplay.2021/resources/rtveplay.radio/radio5_bkgDirecto.png');}
.radioE .progressCir:after {background-image:url('http://img2.rtve.es/css/rtveplay.2021/resources/rtveplay.radio/radioE_bkgDirecto.png');}

/* iconos */
.elem_circle .auxBox {z-index:4;}

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

/** DIRECTOS RADIO / VERSION CIRCULAR UNITARIOS */
/************************************************/
/*logo radio*/
.collSet .hiveBox .video_mod[class*='live'] .mainBox .auxBox {position:absolute;display:block;left:0;top:0;}
.video_mod[class*='live'] .mainBox .auxBox .icon.canal {display:inline-block;width:3.8rem;height:2.8rem;background-size:auto 100%;background-repeat:no-repeat;z-index:1;}
.active .video_mod[class*='live'] .mainBox .auxBox .icon.canal {opacity:1;}
.video_mod[class*='live'] .mainBox .auxBox .icon.canal span {display:none;}
.video_mod[class*='live'][class*='radio1'] .auxBox .icon.canal {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-nacional_color.svg');background-position:50%;}
.video_mod[class*='live'][class*='radio3'] .auxBox .icon.canal {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-3_color.svg');}
.video_mod[class*='live'][class*='radio4'] .auxBox .icon.canal {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-4_color.svg');}
.video_mod[class*='live'][class*='radio5'] .auxBox .icon.canal {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-5_color.svg');}
.video_mod[class*='live'][class*='radioE'] .auxBox .icon.canal {background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-exterior_color.svg');}
.video_mod[class*='live'][class*='radioC'] .auxBox .icon.canal {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-clasica_color.svg');}

/*general*/
[data-tipo*='live-grid'] .grid .cellBox {padding:0.9rem;}
[data-tipo*='live-grid'] .grid_Box.collSet li {padding:0.9rem 0;}
[data-tipo*='live-grid'] .comp_nH [class*='elem_'] {display:inline-block;}
body [data-tipo*='live-grid'] .collSet .hiveBox .mainBox *:not(.ghost) {position:relative;left:auto;top:auto;right:auto;bottom:auto;transform:none;}
[data-tipo*='live-grid'] .elem_nH .mainBox .content {display:grid;grid-template-rows:2.4rem 1fr;grid-template-columns:1fr 1fr;column-gap:1.8rem;row-gap:0.8rem;}
body [data-tipo*='live-grid'] .collSet .hiveBox .elem_nH .mainBox .ima {width:100%;height:auto;aspect-ratio:16/9;border-radius:3rem 0.3rem;}
[data-tipo*='live-grid'] .mainBox .content .txtBox {display:block;}
[data-tipo*='live-grid'] .mainBox .content .txtBox .nexLive {display:none;}

/*order*/
.next_live .mainBox .content .maintag,
[data-tipo*='live-grid'] .collSet .hiveBox .mainBox .content .ima {grid-column:1;}
[data-tipo*='live-grid'] .collSet .hiveBox .mainBox .content .txtBox {grid-column:2;}
[data-tipo*='live-grid'] .collSet .hiveBox .mainBox .content .ima {grid-row:2;}
[data-tipo*='live-grid'] .mainBox .content .maintag,
.live .iplay_video strong {grid-row:1;}
[data-tipo*='live-grid'] .mainBox .content .txtBox {grid-row-start:1;grid-row-end:span 2;}

/*maintag*/
[data-tipo*='live-grid'] .monoBox[class*='elem'] .next_live .maintag > *, 
.live .iplay_video strong  {font-size:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5pt;line-height:1.8rem;padding: 0.3rem 0.8rem;color:#111;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .next_live .maintag, 
.live .iplay_video strong  {display:flex;justify-self:right;}

[data-tipo*='live-grid'] .monoBox[class*='elem'] .next_live .maintag {background:#fff;border:0.1rem solid #a30950;border-radius:0.4rem;/*top:0.8rem;*/display:inline-flex;opacity:1;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .next_live .maintag > strong {padding-right:1.2rem;padding-left:2.2rem;float:left;color:#a30950;}
[data-tipo*='live-grid'] .next_live .maintag:after {ontent:'';position:absolute;display:block;width:0.8rem;height:0.8rem;font-size:0;top:50%;left:0.8rem;transform:translateY(-50%);
	background-color:#ff0000;border-radius:100%;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .next_live .maintag > span {background:rgba(0,0,0,0.1);border-radius:0 0.4rem 0.4rem 0;border-left:0.1rem solid #abacad;}


.elem_nH .live .maintag  {opacity:0;}
.live .iplay_video strong:after {content:'';position:absolute;display:block;width:0.8rem;height:0.8rem;font-size:0;top:50%;left:0.8rem;transform:translateY(-50%);
	background-color:#F61606;border-radius:100%;}
.live .iplay_video strong:after  {border:0.1rem solid #fff;}
.live:not(.next_live) .iplay_video strong {position:relative;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 );
    border-radius:0.4rem;border-left:0.1rem solid #abacad;}


/*.maintag span:empty, .maintag strong:empty {display:none;}*/

/*textos*/
[data-tipo*='live-grid'] .comp_nH .mainBox .txtBox .maintitle {padding-top:3rem;}
[data-tipo*='live-grid'] .comp_nH .mainBox .txtBox .pretitle + .maintitle {padding-top:0.4rem;}
[data-tipo*='live-grid'] .elem_nH .mainBox .content .txtBox p {height:auto;font-size:1.5rem;font-weight:300;line-height:1.9rem;padding-top:0.3rem;opacity:1;}
[data-tipo*='live-grid'] .mainBox .auxBox {display:none;}

/*enlace*/
[data-tipo*='live-grid'] .elem_nH div.mod[class*='live'] .butt {position:absolute;border:0 none;border-radius:0;opacity:1;left:0;top:0;width:100%;height:100%;}
[data-tipo*='live-grid'] .elem_nH div.mod[class*='live'] .butt:hover {background-color:transparent;}
[data-tipo*='live-grid'] .elem_nH div.mod[class*='live'] .butt > a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;cursor:pointer;}

[data-tipo*='live-grid'] .elem_nH .live .butt > a {display:grid;grid-template-rows:2.4rem 1fr;grid-template-columns:1fr 1fr;column-gap:1.8rem;row-gap:0.8rem;}

/*elementos*/
[data-tipo*='live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox {padding-top:0;border-width:0;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .txtBox {color:#111;background:transparent;padding:0;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .txtBox > * {padding:0 0.2rem 0.2rem 0.2rem;}

/** DIRECTOS RADIO / VERSION CIRCULAR UNITARIOS */
/** END *****************************************/