/** DIRECTOS UNITARIOS EN PORTADA ***************/
/************************************************/

/** 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 *****************************************/



/** NUEVA FORMULACION DE DIRECTOS UNITARIOS *****/
/************************************************/
/*estructura*/
[data-tipo*='live-grid'] .gback {display:none;}

[data-tipo*='live-grid'] .monoBox[class*='elem'] .elem_nH .content,
[data-tipo*='live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox .ima {position:relative;left:auto;top:auto;transform:none;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .content {background:#efe9e6;border-radius:0.6rem;border:0 none;overflow:hidden;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox .ima {float:right;overflow:hidden;box-shadow:none;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox .ima img {width:auto;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .txtBox {float:left;background:none;}

[data-tipo*='live-grid'] .monoBox[class*='elem'] .elem_nH .futureLive p,
[data-tipo*='live-grid'] .monoBox[class*='elem'] .elem_nH .nowLive p {height:auto;opacity:1;padding-top:0.4rem;}


[data-tipo*='live-grid'] .monoBox[class*='elem'] .canal {right:0;top:0;height:100%;z-index:2;opacity:1;
	background:linear-gradient(to right,rgba(255,128,0,0) 0%,rgba(249,109,8,1) 40%,rgba(240,80,20,1) 100%);}
	[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='la1'] .canal {background:linear-gradient(to right,rgba(64,181,226,0) 0%,rgba(68,113,201,1) 45%,rgba(74,11,163,1) 100%);}
	[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='la2'] .canal {background:linear-gradient(to right,rgba(0,198,215,0) 0%,rgba(0,170,194,1) 40%,rgba(0,129,162,1) 100%);}
	[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='-24'] .canal {background: linear-gradient(to right, rgba(255,66,0,0) 0%,rgba(218,40,32,1) 40%,rgba(163,0,80,1) 100%);}
	[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='rne'] .canal,
	[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='radio'] .canal {background:linear-gradient(to right, rgba(255,0,0,0) 0%,rgba(214,0,32,1) 40%,rgba(153,0,80,1) 100%);}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .canal .rtve-icons {width:50%;height:50%;color:transparent;opacity:1;
	background-repeat:no-repeat;background-position:50%;background-size:auto;position:absolute;left:50%;top:50%;transform:translate(-25%,-50%);}
[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='la1'] .canal .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tv-la1.svg');}
[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='la2'] .canal .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tv-la2.svg');}
[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='-24'] .canal .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tv-24horas.svg');}
[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='deporte'] .canal .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tv-tdp.svg');}
[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='radio'] .canal .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-nacional.svg');}
[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='radio3'] .canal .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-3.svg');}
[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='radio4'] .canal .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-4.svg');}
[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='radio5'] .canal .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-5.svg');}
[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='radioC'] .canal .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-clasica.svg');}
[data-tipo*='live-grid'] .monoBox[class*='elem'] [class*='radioE'] .canal .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/radio-exterior.svg');}

/*etiquetas directos*//*proximos & en directo*/
/*cambiar construccion global del "maintag"*/
[data-tipo*='live-grid'] .monoBox[class*='elem'] .live .maintag {display:none;}
[data-tipo*='live-grid'] .next_live .maintag > *,
[data-tipo*='live-grid'] .iplay_video strong {color:#000;font-family:'Roboto',sans-serif;
	font-size:1.2rem;line-height:1.8rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5pt;opacity:1;padding:0.6rem;white-space:nowrap;}
[data-tipo*='live-grid'] .next_live .maintag,
[data-tipo*='live-grid'] .iplay_video strong {background:#fff;border:0.1rem solid #a30950;border-radius:0.4rem;/*top:0.8rem;*/position:absolute;display:inline-flex;opacity:1;}
[data-tipo*='live-grid'] .next_live .maintag {flex-wrap:nowrap;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .iplay_video strong,
[data-tipo*='live-grid'] .monoBox[class*='elem'] .next_live .maintag > strong {padding-right:1.2rem;padding-left:2.4rem;float:left;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .next_live .maintag > strong {color:#a30950;}
[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;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .next_live .maintag > span {padding-left:0.8rem;}
/*boton en directo*/
.monoBox[class*='elem'] .next_live .maintag > strong:after,
.monoBox[class*='elem'] .iplay_video strong:after {content:'';position:absolute;display:block;width:1rem;height:1rem;font-size:0;top:50%;left:0.8rem;transform:translateY(-50%);
	background-color:#ff0000;border-radius:100%;}

/*contenido textual*/
.maintag span:empty {display:none;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .elem_nH .txtBox .pretitle {font-size:1.4rem;line-height:2rem;letter-spacing:0.14pt;font-weight:500;text-transform:uppercase;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .elem_nH .txtBox .maintitle {font-size:2.2rem;line-height:2.6rem;font-weight:300;padding-top:0.4rem;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .nowLive .pretitle,
[data-tipo*='live-grid'] .monoBox[class*='elem'] .nowLive .maintitle {display:block;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .futureLive {display:flex;flex-direction:column;}

[data-tipo*='live-grid'] .monoBox[class*='elem'] .iplay_video,
[data-tipo*='live-grid'] .monoBox[class*='elem'] .iplay_video > a {position:absolute;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .iplay_video {opacity:1;left:0.8rem;top:0.8rem;width:calc(100% - 1.6rem);height:calc(100% - 1.6rem);background:transparent;z-index:2;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .iplay_video > a {left:0;top:0;width:100%;height:100%;}

[data-tipo*='live-grid'] .monoBox[class*='elem'] .txtBox {color:#111;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] {display:inline-flex;width:100%;justify-content:center;flex-wrap:wrap;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .elem_nH {width:50%;max-width:60rem;} 
[data-tipo*='live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox {padding-top:0;}

[data-tipo*='live-grid'] .monoBox[class*='elem'] .next_live .butt {position:absolute;border:0 none;border-radius:0;opacity:1;}
[data-tipo*='live-grid'] .monoBox[class*='elem'] .next_live .butt > a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}

/** NUEVA FORMULACION DE DIRECTOS UNITARIOS *****/
/** END *****************************************/