@charset 'UTF-8';
@import url('rtve.play.grids.basics.css');

/*** aspectos comunes ***/
.monoBox .mainBox {border-width:0.9rem;}
.trailerControls {position:absolute;right:0.3rem;}
.monoBox .icon-label.extra strong, .noticia .progressBar {display:none;}
.monoBox:not(.comp_nH) .cellBox .ima,.comp_xC .txtBox {border-radius:0.4rem;}
.monoBox:not(.comp_nH) .ima .i_back {transform:scale(1);opacity:1;transition:all 1s;}
.monoBox:not(.comp_nH) .active .ima .i_back {transform:scale(1.2);opacity:0.67;}
.mainSlide .pubBox,.mainSlide .auxBox {float:left;}
.active ._info {left:1.6rem;top:50%;margin-top:-1.8rem;}
 
/*** ICONOS CANALES ***/
.auxBox .canal {position:absolute;top:0;right:0.8rem;}
.auxBox .canal .rtve-icons {width:5.6rem;height:5.6rem;}
.active .auxBox .canal {opacity:0;}


/*** CALIF POR EDAD ***/
.monoBox > li:not(.active) .auxBox .redad {position:absolute;opacity:0;}
.monoBox .active .auxBox .redad {top:0.8rem;right:0.8rem;opacity:1;position:absolute;transition:all 1s 0.5s;}

/** AJUSTES TIPOGRAFICOS *************************/
/************************************************/
.monoBox .txtBox .pretitle {font-weight:500;}
.monoBox .txtBox .pretitle,.monoBox .txtBox .pubBox * {font-size:1.3rem;letter-spacing:normal;text-transform:none;padding-top:0.4rem;}
.monoBox:not(.comp_nH) .txtBox > strong {display:flex;flex-direction:column;}
	.monoBox:not(.comp_nH) .maintitle {order:1;}
	.monoBox:not(.comp_nH) .pretitle {order:2;}

/* carruseles finitos */
.collSet,.collSet .slideH > ul,.collSet .hiveBox li .mod {position:relative;}
.collSet .slideH {overflow:hidden;padding:1.6rem 4rem;display:inline-block;width:100%;}
.collSet .slideH,.collSet .slideH > ul {display:inline-block;}
.JSfree .slideH {overflow-x:auto;}
.wariaType .controlBox span[role="button"] {width:4.6rem;}
.collSet .slideH > ul > li {float:left;}
.slideH > ul {left:0;transition:left 1s;}

/** LAYER OPCIONES *******************************/
/************************************************/
.icon-label.extra {width:3.6rem;height:3.6rem;cursor:pointer;opacity:0;}
.icon-label .rtve-icons {background-image:url(https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_options.svg);}
.gota_media + .icon-label strong {position:absolute;clip:rect(0,0,0,0);}
.active .icon-label.extra {opacity:1;}
.icon-label.extra.active .rtve-icons {background-image:url(https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close_circulo.svg);opacity:0.6;z-index:3;}
.active .mainBox .ima {box-shadow:0 0 1.2rem rgb(0 0 0 / 50%);}

.goto_media .rtve-icons {opacity:0;content:'';display:block;position:absolute;border-radius:100%;background-repeat:no-repeat;background-position:50%;background-size:100%;}
.goto_media .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playAudio_circulo.svg');}
.goto_media .rtve-icons:hover {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playAudio_circulo_masa.svg');}
.active .goto_media .progressBar span {
	background:rgb(255,160,0);
	background:-moz-linear-gradient(left,rgba(255,160,0,1) 0%, rgba(255,120,0,1) 100%);
	background:-webkit-linear-gradient(left,rgba(255,160,0,1) 0%,rgba(255,120,0,1) 100%);
	background:linear-gradient(to right,rgba(255,160,0,1) 0%,rgba(255,120,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa000', endColorstr='#ff7800',GradientType=1 );
	}
.active .goto_media .rtve-icons {opacity:1;}

/* capa opciones extra */
[class*='elem'] li.active .icon.favor_del strong, [class*='elem'] li.active .icon.favor_add strong {max-width:16rem;}


/* sombreado 
.active .mod:not(.live) .ima:after {content:'';position:absolute;left:0;top:0;right:0;bottom:0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.67) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.67) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.67) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}*/

/* posicionamiento por capas */
.monoBox .active .mod:not(.live) .ima:after {z-index:1;}
.monoBox .content {z-index:1;}
.monoBox .active .ima {z-index:0;}
.monoBox .active .trailerContent {z-index:2;}
/** LAYER OPCIONES ********************************/
/*** END *****************************************/

/** EFECTOS COMUNES ****************************/
/**********************************************/
/* estado reposo */
.monoBox .trailerControls,
.monoBox .icon-label.extra,
.monoBox .active .maintag,
.monoBox .goto_media:before {opacity:0;}
.monoBox .txtBox p:not(.legend) {overflow:hidden;height:0;opacity:0;padding:0;}

/* estado activo */
.monoBox .active:not(.elem_nC) .txtBox p:not(.legend) {height:6.3rem;opacity:1;}
.monoBox .active .trailerControls,
.monoBox .active .icon-label.extra,
.monoBox .active .goto_media:before {opacity:1;}
.monoBox .active:not(.relColl) .mainBox > *:not(.trailerControls) {transition-property:width,height,transform;transition-duration:0.3s;transition-delay:0.5s;}

/* solapamiento de capas */
.monoBox .mod > a:not(.goto_media) {z-index:0;}
.monoBox .content,.monoBox .goto_media {z-index:1;}
.monoBox .icon-label.extra,.monoBox .trailerControls {z-index:2;}

/** EFECTOS COMUNES ******************************/
/*** END ****************************************/


/** TIRAS VIDEOS 16:9 ****************************/
/************************************************/
/* enlace al contenido *//*elementos individuales*/
.collSet .elem_nH .goto_media {position:absolute;bottom:1.2rem;height:0;left:50%;transform:translateX(-50%);width:calc(100% - 4rem);z-index:1;cursor:pointer;}
.collSet .elem_nH .goto_media:before {content:'';display:block;position:absolute;left:50%;bottom:50%;width:8.2rem;height:8.2rem;border-radius:100%;opacity:0;}
.collSet .elem_nH.active .goto_media:before {background:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_play_circulo.svg') no-repeat 50%;transform:translate(-50%,-100%);opacity:0.8;}
.elem_nH .toolBox.be_on {width:calc(120% - 2rem);height:calc(116% - 2rem);top:50%;left:50%;transform:translate(-50%, -50%);}

/* enlace al contenido *//*elementos nH*/
.collSet .elem_nH .goto_media:before {width:20.2%;padding-top:20.2%;height:auto;}

/* estado reposo */
.collSet .elem_nH .txtBox p:not(.legend) {height:0;opacity:0;padding:0;}
.collSet .elem_nH p,.collSet .elem_nH .pubBox {overflow:hidden;height:2.4rem;opacity:1;}

/* estado activo */
.container:not([data-tipo='mod_collection_live-grid']) .collSet .elem_nH.active .mainBox > *:not(.trailerControls) {width:120%;height:116%;}
.collSet .elem_nH.active .legend {height:0;opacity:0;}
.collSet .elem_nH.active .pubBox {order:1;}
.collSet .elem_nH p,.collSet .elem_nH .pubBox {transition-property:opacity,height,order;transition-duration:0.3s;transition-delay:0.5s;}
.collSet .monoBox .elem_nH.active .goto_media:before {background:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_play_circulo.svg') no-repeat 50%;transform:translate(-50%,-100%);opacity:0.8;}
.collSet .monoBox .elem_nH.active .goto_media:before {transition:opacity 0.3s 1s;}
.collSet .monoBox .elem_nH.active .goto_media:hover:before {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo_masa.svg');}
.collSet .monoBox .elem_nH.active .vjs-play-control {margin-bottom:0.5rem;left:0;top:0;transform:none;}
.collSet .monoBox .elem_nH.active .trailerControls,.collSet .monoBox .elem_nH.active .icon-label.extra {transition:all 0.3s 1s;}
.collSet .elem_nH.active .txtBox > strong {position:absolute;top:0.8rem;left:1.6rem;}
.collSet .slideH .elem_nH,.grid_Box .grid_V .comp_nH .elem_nH {z-index:0;position:relative;}

.collSet .elem_nH.active .trailerControls {margin-right:-10%;flex-direction:column;right:1.3rem;bottom:3.2rem;}
.collSet .elem_nH.active .icon-label.extra {position:absolute;margin-right:calc(-10% + 1.3rem);bottom:0;right:1rem;}
.collSet .elem_nH.active .goto_media .progressBar {bottom:-2.2rem;}
.collSet .elem_nH.active .goto_media .progressBar {transition:bottom 0.3s 0.5s}
.monoBox.elem_00 .elem_nH .content {border-radius:0.5rem;border-width:0.3rem;overflow:hidden;}
.slideH:not(.rowOne) .monoBox .elem_nH .mainBox {border-width:0.6rem;}
.monoBox.elem_00 .elem_nH.active .mod .content {border-color:#969696;}

/* estado getoff */
.collSet .elem_nH.getoff p,.collSet .elem_nH.getoff .pubBox,
.collSet .elem_nH.getoff .trailerControls,
.collSet .elem_nH.active .icon-label.extra.active,
.collSet .elem_nH.getoff .icon-label.extra {transition:all 0s 0s;}

/* el logo */
.monoBox .elem_nH .ima .i_logo {height:50%;width:auto;opacity:0.75;right:1.2rem;left:auto;z-index:1;}
	.monoBox .elem_nH .ima .i_logo,
	.pfserie .monoBox .elem_nH .video_mod.series .i_logo {display:none;}
	
/*capa opciones extra*/
.monoBox .elem_nH .toolBox.be_on {display:flex;justify-content:center;align-items:center;}

/*fecha de emision y duracion*/
.collSet .elem_nH.active .pubBox .datemi {display:none;}
.collSet .elem_nH.active .pubBox .duration {position:absolute;bottom:1.8rem;height:2rem;}
.monoBox .elem_nH.active .txtBox .pubBox + p:not(.legend) {margin-bottom:1.5rem;}
	
/** TIRAS VIDEOS 16:9 *****************************/
/*** END *****************************************/

	
/** TIRAS POSTERS 2:3 ***************************/
/************************************************/
.collSet .elem_nV .i_post {width:auto;left:50%;transform:translateX(-50%);}

/* estado reposo */
.container .grid .monoBox .elem_nV {position:relative;display:inline-block;float:left;}
.elem_nV .mainBox {position:relative;border-width:1rem;padding-top:135%;}
.collSet .elem_nV .txtBox,.collSet .elem_nV .auxBox {z-index:-1;opacity:0;}
.elem_nV .icon-label {position:absolute;bottom:2rem;right:2rem;}
.elem_nV .icon-label .rtve-icons {background-image:url(https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_options.svg);width:3.2rem;height:3.2rem;bottom:3rem;right:2rem;opacity:0.7;cursor:pointer;}

/* estado activo */
.collSet .elem_nV.active .txtBox,
.collSet .elem_nV.active .auxBox {display:flex;z-index:2;opacity:1;transition:opacity 0.3s 1s;}
.collSet .elem_nV.active .auxBox {position:absolute;right:0;top:0;}
.collSet .elem_nV.active:not(.relColl) .mainBox > *:not(.trailerControls) {width:260%;}
.collSet .elem_nV.active .maintag,
.collSet .elem_nV.active .trailerControls {margin-right:-80%;transition: all 0.3s 1s;}
.collSet .elem_nV.active .trailerControls {right:1.8rem;bottom:5rem;display:inline-flex;flex-direction:column;}
.collSet .elem_nV.active .icon-label.extra {margin-right:calc(-80% + 2.2rem);transition:all 0.3s 1s;}
.monoBox .elem_nV.active .goto_media:before {transform:translate(-50%,-175%);}
.elem_nV.active .maintag, .elem_nV .tooltip strong {display:none;}
.elem_nV.active img {transform:scale(1.1);transition:all 0.3s;}
.elem_nV.active .ima:after {content:'';position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.3);}
.elem_nV.active img.i_covr {z-index:1;}
.elem_nV.active .mod .content {border-color:#969696;border-radius:0.5rem;border-width:0.3rem;box-shadow:0 0 4rem rgb(0 0 0 / 67%);}

.elem_nV .icon-label.active .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close_circulo.svg');opacity:0.6;z-index:3;filter:none;}
.elem_nV .toolBox.be_on {background-color: rgba(0,0,0,0.85);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center;width:calc(260% - 3.8rem);height:calc(100% - 2rem);border-radius:0.4rem;}
.elem_nV .toolBox.be_on li strong {color:rgba(0,0,0,0.8);}
.elem_nV .toolBox.be_on li .rtve-icons {filter:invert(0.8);}
.elem_nV .toolBox.be_on ul {position:absolute;bottom:5rem;}

.collSet li:not(.relColl) .mainBox > *:not(.trailerControls) {transition-property:opacity, width, height, transform;transition-duration:0.05s;transition-delay:0s;}

.collSet .getoff .maintag {opacity:1;}
.collSet .getoff .maintag {transition-property:opacity;transition-duration:0.1s;transition-delay:0.3s;}

/** TIRAS POSTERS 2:3 ***************************/
/*** END ****************************************/


/** TIRAS CUADRADOS xC **************************/
/************************************************/
.elem_xC .mainBox {padding-top:100%;}
.elem_xC .content {position:absolute;;z-index:1;width:100%;height:100%;}
.elem_xC .goto_media .progressBar {bottom:0;width:calc(100% - 2.4rem);opacity:0.34;}
.elem_xC .icon-label.extra {bottom:2rem;right:2rem;}

/* enlace al contenido */
.elem_xC .goto_media {position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:calc(100% - 0.4rem);width:calc(100% - 1.8rem);}
.elem_xC .goto_media .rtve-icons {width:25%;padding-top:25%;;right:0.4rem;top:0.8rem;}

/* estado activo */
.elem_xC.active .goto_media .progressBar {opacity:1;} 
.monoBox .elem_xC.active .txtBox p:not(.legend) {height:auto;max-height:7.8rem;line-height:1.9rem;opacity:1;z-index:2;margin-bottom:0.8rem;}
.elem_xC.active .txtBox strong {position:absolute;top:1.6rem;left:1.6rem;}
.elem_xC.active .txtBox .maintitle {font-size:inherit;line-height:2rem;padding-right:calc(25% + 1.2rem);}

/* order */
.elem_xC .cellBox .txtBox strong {display:flex;flex-direction:column;}
	.elem_xC .cellBox .txtBox strong .character {order:2;}
	.elem_xC .cellBox .txtBox strong .maintitle {order:1;}
.elem_xC .monoBox:not(.comp_nH) .txtBox > strong {display:flex;flex-direction:column;}
	.elem_xC .maintitle {order:1;}
	.elem_xC .character {order:2;}

/* textos */
.elem_xC .txtBox .character,.monoBox .txtBox .pubBox * {font-size:1.3rem;line-height:2.1rem;letter-spacing:normal;text-transform:none;padding-top:0.4rem;}
.elem_xC .cellBox .txtBox {color:#fff;width:100%;height:100%;padding:1.6rem;padding-right:4.8rem;line-height:2.2rem;display:flex;flex-direction:column;justify-content:flex-end}
.elem_xC .txtBox .character {font-weight:300;}
.elem_xC .txtBox .maintitle {font-size:1.8rem;line-height:2.2rem;}
.elem_xC .txtBox .maintitle,.elem_xC .txtBox .pubBox .duration {font-weight:700;}
.elem_xC .fragmento span.pubBox {display:none;}

/* barra de estado */	
.goto_media .progressBar,
.goto_media .progressBar span {border-radius:0.3rem;height:0.6rem;display:inline-block;position:absolute;}
.goto_media .progressBar {bottom:0;width:calc(100% - 2.4rem);left:50%;transform:translateX(-50%);overflow:hidden;background:#b9b9b9;opacity:1;z-index:2;}
.goto_media .progressBar span {left:0;background:rgba(0,0,0,0.5);box-shadow:0.4rem 0 1.2rem rgba(0,0,0,0.5);float:left;}
.goto_media .progressBar em {display:none;}

/* capa opciones extra */
.elem_xC .toolBox.be_on {width:100%;display:flex;justify-content:center;align-items:center;box-shadow:0 -0.4rem 0.8rem rgb(0,0,0,0.25);border-radius:0.4rem;}
	.elem_xC .toolBox.be_on {height:100%;top:0;}
.elem_xC .toolBox ul {min-width:auto;}

/** TIRAS CUADRADOS xC **************************/
/*** END ****************************************/


/** TIRAS CUADRADOS nC **************************/
/************************************************/
.elem_nC .txtBox p:not(.legend) {height:6.3rem;opacity:1;}
.comp_nC .mainBox .ima,.elem_nC .content {left:0;transform:none;}
.elem_nC .mod .txtBox {color:#302c2b;background:transparent;}
.elem_nC .mainBox {display:flex;flex-direction:column;padding-top:0;}
.comp_nC .mainBox .ima {position:relative;padding-top:100%;order:1;top:0;}
.elem_nC .content {position:static;order:2;/*padding:1.2rem 0 1.2rem 0.8rem;*/padding:1.2rem 0 0 0.8rem;}
.elem_nC .audio_mod .auxBox .canal .rtve-icons {width:4rem;height:4rem;display:inline-block;opacity:1;}
.elem_nC .serie_mod .auxBox .canal {display:none;}

/* texto */
.comp_nC .txtBox .maintitle {font-size:1.6rem;line-height:2rem;font-weight:bold;}
.elem_nC .mainBox .content .txtBox .character {display:block;font-size:1.3rem;font-weight:bold;line-height:2rem;margin-top:0.5rem;}
.elem_nC .mainBox .content .pubBox {display:block;margin:0.8rem 0;font-size:1.2rem;line-height:1.8rem;}
.elem_nC .serie_mod .mainBox .content .txtBox .pretitle {position:absolute;clip:rect(0,0,0,0);}

/* barra de estado */
.elem_nC .goto_media {position:absolute;top:0.9rem;left:0.9rem;width:calc(100% - 1.8rem);height:calc(100% - 1.8rem);}
.elem_nC .goto_media .progressBar {bottom:auto;top:0;margin-top:calc(100% - 1.6rem);width:calc(100% - 2.4rem);opacity:0;}
.elem_nC .goto_media .rtve-icons {width:34%;padding-top:34%;left:50%;top:0;margin-top:50%;transform:translate(-50%,-50%);}

/* capa opciones extra */
.elem_nC .toolBox.be_on {width:100%;height:auto;top:0.9rem;left:50%;padding-top:calc(100% - 1.6rem);border-radius:0.4rem;transform:translateX(-50%);box-shadow:0rem 0rem 2rem 1rem rgb(0 0 0 / 14%);}
.elem_nC .toolBox ul {position:absolute;left:0;top:0;width:100%;min-width:auto;height:100%;padding:1.6rem 0.8rem;}

/* estado activo */
.collSet .hiveBox .elem_nC.active .icon-label.extra {right:2rem;top:0;margin-top:calc(100% - 6.6rem);}
.collSet .elem_nC.active .cellBox .ima img {transform:scale(1.1);transition:all 0.5s;}
.elem_nC.active .goto_media .progressBar {opacity:1;}

/*compartir*/
.elem_nC .icon.share + .blindBox ul {flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:flex-start;padding:0;}
.elem_nC .icon.share + .blindBox ul span {margin: 0 0.5rem 0 0;}
.elem_nC .icon.share + .blindBox ul li:first-child {order:3;}
.elem_nC .icon.share + .blindBox ul li:nth-child(2) {order:1;}
.elem_nC .icon.share + .blindBox ul li:nth-child(3) {order:2;}
.elem_nC .icon.share + .blindBox ul li:nth-child(4) {order:4;margin-left:1rem;}
.elem_nC .icon.share + .blindBox ul li:nth-child(6) {order:5;}
@media screen and (min-width: 956px) and (max-width: 1023px), screen and (min-width: 1140px) and (max-width: 1279px){
	.elem_nC .icon.share + .blindBox ul {padding:0 1.5rem}
}
@media screen and  (min-width: 1455px) and (max-width: 1659px){
	.elem_nC .icon.share + .blindBox ul {padding:0 2rem;}
}

/** TIRAS CUADRADOS nC **************************/
/*** END ****************************************/

/** CONTROLES ***********************************/
/************************************************/
.wariaType .controlBox span[role="button"] {display:flex;height:100%;align-items:center;justify-content:center;}
.wariaType .controlBox span[role="button"] img {width:4rem;height:auto;display:block;position:relative;}
.wariaType .controlBox span[role="button"]:before {content:'';display:inline-block;position:absolute;top:0;width:100%;height:100%;background:rgba(255,255,255,0.5);}

.wariaType .controlBox .be_on {opacity:0.15;}
.wariaType .controlBox .beoff {opacity:0;}
.wariaType .controlBox span[role="button"]:focus {outline:0 none;}
.wariaType .controlBox .be_on {cursor:pointer;}
.wariaType .controlBox .be_on:hover,
.wariaType .controlBox .be_on:focus {opacity:1;}

.wariaType .controlBox span[role="button"] {position:absolute;top:0;}
.wariaType .controlBox span[role="button"] {z-index:2;}
.wariaType .controlBox .back_ {left:0;}
.wariaType .controlBox .next_ {right:0;}

/*radio*/
.rne .container:not(.liveBox) .wariaType .controlBox span[role="button"] img {filter:invert(1);}

/** CONTROLES ***********************************/
/** END *****************************************/

/** DIRECTOS UNITARIOS EN PORTADA ***************/
/************************************************/
.container[data-tipo='mod_collection_live-grid'] .gback {display:none;}
.container[data-tipo='mod_collection_live-grid'] .grid .collSet {padding:1.6rem 4rem;}
.container[data-tipo='mod_collection_live-grid'] .grid > div:only-child {margin-top:2.4rem;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox .ima {left:66.666%;box-shadow:none;z-index:-1;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .ima img:not(.i_logo) {object-position:center 34%;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .iplay_video,
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .iplay_video > a {position:absolute;}
.container[data-tipo='mod_collection_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;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .iplay_video > a {left:0;top:0;width:100%;height:100%;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .txtBox {background:none;color:#111;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .content {background:#efe9e6;border-radius:0.4rem;border:0 none;overflow:hidden;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .canal {right:0;top:0;height:100%;background:#ff000057;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%);}
	.container[data-tipo='mod_collection_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%);}
	.container[data-tipo='mod_collection_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%);}
	.container[data-tipo='mod_collection_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%);}
	.container[data-tipo='mod_collection_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%);}
.container[data-tipo='mod_collection_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%);}
	.container[data-tipo='mod_collection_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');}
  .container[data-tipo='mod_collection_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');}
  .container[data-tipo='mod_collection_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');}
  .container[data-tipo='mod_collection_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');}
  .container[data-tipo='mod_collection_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');}
  .container[data-tipo='mod_collection_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');}
  .container[data-tipo='mod_collection_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');}
  .container[data-tipo='mod_collection_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');}
  .container[data-tipo='mod_collection_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');}
  .container[data-tipo='mod_collection_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');}
/*boton en directo*/
.monoBox[class*='elem'] .iplay_video strong {font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5pt;line-height:1.8rem;
display:inline-block;background:#fff;padding:1.1rem 1.2rem 0.9rem 2.4rem;border-radius:0.3rem;
position:absolute;left:1.2rem;top:1.2rem;}
.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%;}
/*botones futureLive*/
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .next_live .maintag {display:block;opacity:1;left:1.2rem;top:1.2rem;background:#fff;border-radius:0.2rem;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .next_live .maintag > * {font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5pt;line-height:1.8rem;
	padding:1.1rem 1.2rem 0.9rem 0.6rem;color:#111;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .next_live .maintag > strong {padding-left:2.4rem;color:#a30950;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .next_live .maintag > span {padding-left:0.8rem;border-left:0.1rem solid #efe9e6;}
/*textos*/
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .txtBox {width:50%;background:linear-gradient(to right,rgba(239,233,230,1) calc(100% - 8rem),rgba(239,233,230,0) 100%);}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .txtBox *:not(.nexLive) .maintitle {display:block;font-size:3.2rem;line-height:3.6rem;font-weight:100;padding:0.8rem 0;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .nexLive:before {content:'A continuaci\00F3n';display:inline-block;width:100%;font-size:1.2rem;line-height:2;text-transform:uppercase;letter-spacing:0.5pt;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .nexLive .datemi {font-weight:300;font-size:2rem;line-height:2.4rem;color:#a30950;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .nexLive .maintitle {display:block;font-weight:300;opacity:0.67;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .nowLive .pretitle,
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .nowLive .maintitle {display:block;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .futureLive {display:flex;flex-direction:column;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .futureLive .pretitle {display:block;padding:0;text-transform:uppercase;font-size:1.5rem;letter-spacing:0.5pt;}
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .futureLive p,
.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .nowLive p {height:auto;opacity:1;}

.maintag span:empty {display:none;}

.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;}


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

.collSet .slideH .monoBox > li {z-index:0;/*position:relative;*/}
.collSet .slideH .monoBox > .active {z-index:1;z-index:2;/*para no pisar las flechas del slide*/}


@media only screen and (min-width:480px){
	
	/*tiras de videos normales*//*60 paginas*/
	.hiveBox.slideH .comp_nH.elem_00 {width:6000%;}	
	/*logos en cornisas*/
	.monoBox.comp_xH .ima .i_logo {width:13.6rem;}
	/*con 42 elementos*/
	.hiveBox.slideH .comp_nC.elem_00 {width:2065%}
	/*21 paginas*/
	/*.hiveBox.slideH .comp_nV.elem_00,
	.hiveBox.slideH .comp_xV.elem_00 {width:2100%;}*/
	/** 62 elementos**/ 
	.hiveBox.slideH .comp_nV.elem_00,
	.hiveBox.slideH .comp_xV.elem_00 {width:3100%;}
	.hiveBox.slideH .comp_xC.elem_00 {width:3100%;}
	/*directo TV unico en portada*/
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox {padding-top:calc(84% * 9 / 16);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox .ima {width:calc(84% * 1.5);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .canal {width:calc(15.5% * 3);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .txtBox {background: linear-gradient(to right,rgba(239,233,230,1) calc(100% - 15rem),rgba(239,233,230,0) 100%);}
}

@media only screen and (min-width:768px){
	/*10.5 paginas*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_nV.elem_00 {width:1050%;}*/
	.hiveBox.slideH .comp_nV.elem_00 {width:1550%;}
	/*cuadrados xC*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_xC.elem_00 {width:1400%;}*/
	.hiveBox.slideH .comp_xC.elem_00 {width:2066%;}
	/*cuadrados nC*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_nC.elem_00 {width:1050%;}*/
	.hiveBox.slideH .comp_nC.elem_00 {width:1550%;}
	/*tiras de videos normales*//*30 paginas*/
	.hiveBox.slideH .comp_nH.elem_00 {width:3000%;}
	/*logos en cornisas*/
	.monoBox.comp_xH .ima .i_logo {width:18rem;}
	
		/*directo TV unico en portada*/
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox {padding-top:calc(66% * 9 / 16);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox .ima {width:calc(66% * 1.5);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .canal {width:calc(12.5% * 3);}

}
@media only screen and (min-width:1024px){
	/*8.4 paginas*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_nV.elem_00 {width:840%;}*/
	.hiveBox.slideH .comp_nV.elem_00 {width:1240%;}
	/*cuadrados xC*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_xC.elem_00 {width:1050%;}*/
	.hiveBox.slideH .comp_xC.elem_00 {width:1550%;}
	/*cuadrados nC*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_nC.elem_00 {width:840%;}*/
	.hiveBox.slideH .comp_nC.elem_00 {width:1240%;}	
	/*tiras de videos normales*//*20 paginas*/
	.hiveBox.slideH .comp_nH.elem_00 {width:2000%;}

	/*directo TV unico en portada*/
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox {padding-top:calc(41.5% * 9 / 16);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox .ima {width:calc(41.5% * 1.5);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .canal {width:calc(9% * 3);}
}
@media only screen and (min-width:1280px){
	.hiveBox.slideH .comp_nV.elem_00 {width:1033%;}
	/*cuadrados xC*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_xC.elem_00 {width:1050%;}*/
	.hiveBox.slideH .comp_xC.elem_00 {width:1550%;}
	/*cuadrados nC*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_nC.elem_00 {width:700%;}*/
	.hiveBox.slideH .comp_nC.elem_00 {width:1033%;}

	/*directo TV unico en portada*/
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox {padding-top:calc(32.5% * 9 / 16);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox .ima {width:calc(32.5% * 1.5);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .canal {width:calc(9% * 3);}	
}

@media only screen and (min-width:1440px){
	/*6 paginas*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_nV.elem_00 {width:600%;}*/
	.hiveBox.slideH .comp_nV.elem_00 {width:886%;}
	/*cuadrados xC*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_xC.elem_00 {width:840%;}*/
	.hiveBox.slideH .comp_xC.elem_00 {width:1240%;}
	/*cuadrados nC*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_nC.elem_00 {width:700%;}*/
	.hiveBox.slideH .comp_nC.elem_00 {width:1033%;}
	/*tiras de videos normales*//*15 paginas*/
	.hiveBox.slideH .comp_nH.elem_00 {width:1500%;}
	/*logos en cornisas*/
	.monoBox.comp_xH .ima .i_logo {width:24.8rem;}

	/*directo TV unico en portada*/
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox {padding-top:calc(26.25% * 9 / 16);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox .ima {width:calc(26.25% * 1.5);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .canal {width:calc(15.2% * 2.5);}

}
@media only screen and (min-width:1660px){
	/*4.6 paginas*//*carteles normales*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_nV.elem_00 {width:466.6666667%;}*/
	.hiveBox.slideH .comp_nV.elem_00 {width:689%;}
	/*cuadrados xC*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_xC.elem_00 {width:700%;}*/
	.hiveBox.slideH .comp_xC.elem_00 {width:1033%;}
	/*cuadrados nC*//*con 42 elementos*/
	/*.hiveBox.slideH .comp_nC.elem_00 {width:525%;}*/
	.hiveBox.slideH .comp_nC.elem_00 {width:775%;}
	/*tiras de videos normales*//*12 paginas*/
	.hiveBox.slideH .comp_nH.elem_00 {width:1200%;}
	
	/*directo TV unico en portada*/
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox {padding-top:calc(21.25% * 9 / 16);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .elem_nH .mainBox .ima {width:calc(21.25% * 1.5);}
	.container[data-tipo='mod_collection_live-grid'] .monoBox[class*='elem'] .canal {width:calc(20.85% * 2);}
}


/** 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%);}

/* distribucion elementos */
.comp_circle.elem_06 .elem_circle {width:calc(100% / 6);}
.comp_circle.elem_06 .cellBox {max-width:17rem;}
.elem_circle {text-align:center;}
.elem_circle .content {display:flex;flex-direction:column;}
	.elem_circle .txtBox {order:2;}
	.elem_circle .progressCir {order:1;}
@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 {color:#302c2b;}
.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;}

/* 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;}
/*.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')}

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

/** DIRECTOS RADIO ******************************/
/************************************************/
/*general*/
.nextLive .comp_circle [class*='elem_'] {display:inline-block;}
.nextLive .comp_circle .mainBox {display:flex;flex-direction:row;align-items:center;}
.nextLive .comp_circle .mainBox .content {display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:60%;padding:0 1.5rem;}
.nextLive .comp_circle .mainBox .txtBox .pretitle {display:block;padding:0.8rem 0;font-size:1.2rem;line-height:1.6rem;font-weight:bold;text-transform:uppercase;opacity:0.67;}
.nextLive .comp_circle .mainBox .txtBox .maintitle {font-size:2rem;line-height:2.4rem;}
.nextLive .comp_circle .mainBox .txtBox p {font-size:1.4rem;font-weight:300;line-height:1.8rem;padding-top:0.8rem;}
.nextLive .comp_circle .ima {width:40%;padding-top:40%;}

.nextLive .comp_circle .mainBox .auxBox {display:none;}

/*order*/
.nextLive .comp_circle .mainBox .content {order:2;}
.nextLive .comp_circle .mainBox .content .txtBox {order:2;}
.nextLive .comp_circle .mainBox .content .ima {order:1;} 

/*now live*/
.nextLive .comp_circle .elem_circle .ima {border-radius:100%;border:1rem solid #F61606;padding-top:calc(40% - 2rem)}

/*future live*/
.nextLive .comp_circle .elem_future .ima {border-radius:100% 0 0 100%;}


/*maintag*/
.nextLive .comp_circle .maintag {position:relative;height:2.6rem;}
.nextLive .comp_circle .elem_future .maintag {position:relative;background:#fff;border-radius:0.2rem;border:0.1rem solid #111;}
.nextLive .comp_circle .elem_future .maintag > * {font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5pt;line-height:1.8rem;
	    padding: 0.3rem 0.8rem;color:#111;}
.nextLive .comp_circle .elem_future .maintag > strong {color:#a30950;padding-left:2.3rem;}
.nextLive .comp_circle .elem_future .maintag > span {border-left:0.1rem solid #efe9e6;background-color:#DCDDDE;}
.nextLive .comp_circle .maintag > strong:after, 
.nextLive .comp_circle strong.maintag:after  {content:'';position:absolute;display:block;width:1rem;height:1rem;font-size:0;top:50%;left:0.8rem;transform:translateY(-50%);
	background-color:#F61606;border-radius:100%;}
.nextLive .comp_circle strong.maintag:after {border:0.1rem solid #fff;}
.nextLive .comp_circle strong.maintag span {padding-left:2.4rem;}

/*.nextLive .comp_circle li .txtBox {max-height:14rem;overflow:hidden;}*/

/*numero elementos*/
.nextLive .hiveBox.slideH {padding:0;overflow-x:scroll;}
.nextLive .comp_circle.elem_06 .cellBox {max-width:none;}

@media all and (min-width:450px){
	.nextLive .comp_circle.elem_01 {width:100%;}
	.nextLive .comp_circle.elem_01 li {width:calc(100% / 1);}
	.nextLive .comp_circle.elem_02 {width:200%;}
	.nextLive .comp_circle.elem_02 li {width:calc(100% / 2);}
	.nextLive .comp_circle.elem_03 {width:250%;}
	.nextLive .comp_circle.elem_03 li {width:calc(100% / 3);} 
	.nextLive .comp_circle.elem_04 {width:300%;} 
	.nextLive .comp_circle.elem_04 li {width:calc(100% / 4);}
	.nextLive .comp_circle.elem_05 {width:350%;} 
	.nextLive .comp_circle.elem_05 li {width:calc(100% / 5);}
	.nextLive .comp_circle.elem_06 {width:400%;} 
	.nextLive .comp_circle.elem_06 li {width:calc(100% / 6);}
	.nextLive .comp_circle.elem_07 {width:450%;}
	.nextLive .comp_circle.elem_07 li {width:calc(100% / 7);} 
	.nextLive .comp_circle.elem_08 {width:500%;} 
	.nextLive .comp_circle.elem_08 li {width:calc(100% / 8);}
}

@media all and (min-width:700px){
	.nextLive .comp_circle.elem_01 {width:100%;}
	.nextLive .comp_circle.elem_01 li {width:calc(100% / 2);}
	.nextLive .comp_circle.elem_02 {width:100%;}
	.nextLive .comp_circle.elem_02 li {width:calc(100% / 2);}
	.nextLive .comp_circle.elem_03 {width:150%;}
	.nextLive .comp_circle.elem_03 li {width:calc(100% / 3);} 
	.nextLive .comp_circle.elem_04 {width:200%;} 
	.nextLive .comp_circle.elem_04 li {width:calc(100% / 4);}
	.nextLive .comp_circle.elem_05 {width:250%;} 
	.nextLive .comp_circle.elem_05 li {width:calc(100% / 5);}
	.nextLive .comp_circle.elem_06 {width:300%;} 
	.nextLive .comp_circle.elem_06 li {width:calc(100% / 6);}
	.nextLive .comp_circle.elem_07 {width:350%;}
	.nextLive .comp_circle.elem_07 li {width:calc(100% / 7);} 
	.nextLive .comp_circle.elem_08 {width:400%;} 
	.nextLive .comp_circle.elem_08 li {width:calc(100% / 8);}
}

@media all and (min-width:960px){
	.nextLive .comp_circle.elem_01 {width:100%;}
	.nextLive .comp_circle.elem_01 li {width:calc(100% / 2.5);}
	.nextLive .comp_circle.elem_02 {width:100%;}
	.nextLive .comp_circle.elem_02 li {width:calc(100% / 2.5);}
	.nextLive .comp_circle.elem_03 {width:120%;}
	.nextLive .comp_circle.elem_03 li {width:calc(100% / 3);} 
	.nextLive .comp_circle.elem_04 {width:160%;} 
	.nextLive .comp_circle.elem_04 li {width:calc(100% / 4);}
	.nextLive .comp_circle.elem_05 {width:200%;} 
	.nextLive .comp_circle.elem_05 li {width:calc(100% / 5);}
	.nextLive .comp_circle.elem_06 {width:240%;} 
	.nextLive .comp_circle.elem_06 li {width:calc(100% / 6);}
	.nextLive .comp_circle.elem_07 {width:280%;}
	.nextLive .comp_circle.elem_07 li {width:calc(100% / 7);} 
	.nextLive .comp_circle.elem_08 {width:320%;} 
	.nextLive .comp_circle.elem_08 li {width:calc(100% / 8);}
}
@media all and (min-width:1350px){
	.nextLive .comp_circle.elem_01 {width:100%;}
	.nextLive .comp_circle.elem_01 li {width:calc(100% / 3);}
	.nextLive .comp_circle.elem_02 {width:100%;}
	.nextLive .comp_circle.elem_02 li {width:calc(100% / 3);}
	.nextLive .comp_circle.elem_03 {width:100%;}
	.nextLive .comp_circle.elem_03 li {width:calc(100% / 3);} 
	.nextLive .comp_circle.elem_04 {width:133%;} 
	.nextLive .comp_circle.elem_04 li {width:calc(100% / 4);}
	.nextLive .comp_circle.elem_05 {width:166%;} 
	.nextLive .comp_circle.elem_05 li {width:calc(100% / 5);}
	.nextLive .comp_circle.elem_06 {width:200%;} 
	.nextLive .comp_circle.elem_06 li {width:calc(100% / 6);}
	.nextLive .comp_circle.elem_07 {width:233%;}
	.nextLive .comp_circle.elem_07 li {width:calc(100% / 7);} 
	.nextLive .comp_circle.elem_08 {width:266%;} 
	.nextLive .comp_circle.elem_08 li {width:calc(100% / 8);}
}
@media all and (min-width:1650px){
	.nextLive .comp_circle.elem_01 {width:100%;}
	.nextLive .comp_circle.elem_01 li {width:calc(100% / 4);}
	.nextLive .comp_circle.elem_02 {width:100%;}
	.nextLive .comp_circle.elem_02 li {width:calc(100% / 4);}
	.nextLive .comp_circle.elem_03 {width:100%;}
	.nextLive .comp_circle.elem_03 li {width:calc(100% / 4);} 
	.nextLive .comp_circle.elem_04 {width:100%;} 
	.nextLive .comp_circle.elem_04 li {width:calc(100% / 4);}
	.nextLive .comp_circle.elem_05 {width:125%;} 
	.nextLive .comp_circle.elem_05 li {width:calc(100% / 5);}
	.nextLive .comp_circle.elem_06 {width:150%;} 
	.nextLive .comp_circle.elem_06 li {width:calc(100% / 6);}
	.nextLive .comp_circle.elem_07 {width:175%;}
	.nextLive .comp_circle.elem_07 li {width:calc(100% / 7);} 
	.nextLive .comp_circle.elem_08 {width:200%;} 
	.nextLive .comp_circle.elem_08 li {width:calc(100% / 8);}
}
/** DIRECTOS RADIO ******************************/
/*** END ****************************************/