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

.mod_collection-slide [data-type="collection"] .collSet .slideH .monoBox .mainBox .txtBox .pretitle {font-weight:500!important;}
.mod_collection-slide [data-type="collection"] .cellBox .mod .txtBox .pubBox > span.duration {padding:0;}

/*** MARCA RADIO ***/
.bodier > .container.newRtveplayradioBox {position:relative;padding-top:4rem;background:#f1f0ef;}
.container.newRtveplayradioBox:before {content:'';
	background-repeat:no-repeat;background-size:auto 100%;background-position:50%;
	background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-logos/logos_cabeceras/logo_rneaudio-completo_color.svg');
	width:20.8rem;height:4.8rem;display:block;position:absolute;top:1.8rem;right:4.8rem;}
.bodier .newRtveplayradioBox .container .gridBox {padding:0;}

/*** aspectos comunes ***/
.collSet .slideH .blindBox.be_on ul li {float:none;}
.slideH .monoBox li:not(.elem_nH) .mod .mainBox {border-width:0.9rem;border:0.9rem solid transparent;}
.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;}
.monoBox .txtBox .pretitle {font-weight:300;}
.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;}
.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 > ul > li {float:left;}
.collSet .slideH .elem_xC.active:not(.relColl) .mainBox .content,
.collSet .slideH .elem_nC.active:not(.relColl) .mainBox .content {box-shadow:none;}

/*.collSet .monoBox:not(.comp_xH) .goto_media:before {display:none;}*/

.toolBox li strong {opacity:0;}
.toolBox.be_on li strong {font-size:1.3rem;line-height:2.8rem;color:#302c2b;font-weight:400;opacity:0.67;word-spacing:-0.5pt;cursor:pointer;}
.toolBox.be_on li strong:hover {opacity:0.8;}
	

/** 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 .mod:not(.next_live) .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 */
.mainSlide .pubBox,.mainSlide .auxBox {float:left;}
.active ._info {left:1.6rem;top:50%;margin-top:-1.8rem;}

/* sombreado */
.active .mod:not(.live):not(.next_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 );
}

/* 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;}
.collSet .monoBox .elem_nC .icon-label.extra, .collSet .monoBox .elem_xC .icon-label.extra {transition: all 0.3s 0s;}

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

/* 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;}
.monoBox .toolBox.be_on {background:rgba(255,255,255,0.95);
		background:-moz-linear-gradient(top,rgba(255,255,255,0.95) 0%,rgba(255,255,255,1) 100%);
		background:-webkit-linear-gradient(top,rgba(255,255,255,0.95) 0%,rgba(255,255,255,1) 100%);
		background:linear-gradient(to bottom,rgba(255,255,255,0.95) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffffff', endColorstr='#ffffff',GradientType=0 );
	}

/** 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 */
.collSet .elem_xC .cellBox .mod .goto_media {position:absolute;bottom:-0.8rem;left:50%;transform:translateX(-50%);height:calc(100% - 0.4rem);width:calc(100% - 1.8rem);}
.collSet .elem_xC .cellBox .mod .goto_media .rtve-icons {width:25%;padding-top:25%;;right:0.4rem;top:0.8rem;}
.collSet .elem_xC .auxBox .canal {position:absolute;width:4.5rem;height:4.5rem;right:0.5rem;opacity:1;}
.collSet .elem_xC .auxBox .canal .rtve-icons {width:100%;height:100%;}

/* estado activo */
.elem_xC.active .goto_media .progressBar {opacity:1;} 
.elem_xC.active .txtBox p:not(.legend) {height:auto;max-height:12.6rem;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);}
.collSet .elem_xC.active .auxBox .canal {opacity:0;}
.monoBox.elem_00 .elem_xC.active .mod .content {border:none;}

/* 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 */
.wrapper.bodier .newRtveplayradioBox .monoBox .elem_xC .mod .txtBox *,
.wrapper.bodier .newRtveplayradioBox .monoBox .elem_xC .mod .txtBox strong span,
.wrapper.bodier .newRtveplayradioBox .monoBox .elem_xC .mod .txtBox strong p  {color:#fff!important;}
.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 {width:100%;height:100%;padding:1.6rem;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:bold;}

/* barra de estado */	
.elem_xC .goto_media .progressBar,
.elem_xC .goto_media .progressBar span {border-radius:0.3rem;height:0.6rem;display:inline-block;position:absolute;}
.elem_xC .goto_media .progressBar {bottom:0;width:calc(100% - 2.4rem);left:50%;transform:translateX(-50%);overflow:hidden;background:#b9b9b9;opacity:1;z-index:2;}
.elem_xC .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;}
.elem_xC .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 {position:absolute;height:100%;bottom:0;z-index:1;}

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


/** TIRAS CUADRADOS nC **************************/
/************************************************/
.elem_nC .cellBox {float:none;}
.elem_nC .mod > a {position:relative;}
.elem_nC .txtBox p:not(.legend) {display:none;}
.comp_nC .mainBox .ima,.elem_nC .content {left:0;transform:none;}
.elem_nC .mainBox {display:flex;flex-direction:column;padding-top:0;}
.elem_nC .mainBox .ima {position:relative;padding-top:100%;order:1;top:0;}
.elem_nC .mainBox .ima img {position:absolute;}
.elem_nC .content {position:static;order:2;padding:1.2rem 0 1.2rem 0.8rem;}
.elem_nC .auxBox .canal .rtve-icons {width:4rem;height:4rem;display:inline-block;opacity:1;}
.collSet .elem_nC .auxBox .canal {position:absolute;width:4.5rem;height:4.5rem;right:0.5rem;opacity:1;}
.collSet .elem_nC .auxBox .canal .rtve-icons {width:100%;height:100%;}
.collSet .slideH .active:not(.relColl).elem_nC .mod .mainBox .content {box-shadow:none;}

/* texto */
.wrapper.bodier .newRtveplayradioBox .monoBox .elem_nC .mod .txtBox *,
.wrapper.bodier .newRtveplayradioBox .monoBox .elem_nC .mod .txtBox strong span,
.wrapper.bodier .newRtveplayradioBox .monoBox .elem_nC .mod .txtBox strong p {color:#302c2b!important;}
.elem_nC .mod .txtBox {background:transparent;position:relative;padding:0;}
.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);}
.wrapper.bodier .newRtveplayradioBox .elem_xC .cellBox .mod:not(.ser ie_mod) .txtBox  {
		background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.66) 100%);
		background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.66) 100%);
		background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.66) 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000', GradientType=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:7rem;height:7rem;left:50%;top:0;margin-top:50%;transform:translate(-50%,-50%);}
.collSet .monoBox .elem_nC .goto_media {height:100%;width:100%;bottom:0;}

/* capa opciones extra */
.elem_nC .toolBox.be_on {position:absolute;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%);z-index:1;}
	.elem_nC .toolBox ul {position:absolute;left:0;top:0;width:100%;height:100%;padding:1.6rem 0.8rem;}

/* estado activo */
.collSet .hiveBox .elem_nC .icon-label.extra {right:1rem;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;}
.collSet .elem_nC.active .auxBox .canal {opacity:0;}

/**********/



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

.newRtveplayradioBox.container .slideBox.wariaType .controlBox span[role="button"]:before {background: rgba(255,255,255,0.5);}
.newRtveplayBox.container .slideBox.wariaType .controlBox span[role="button"]:before {background: rgba(0,0,0,0.5);}

@media only screen and (min-width:480px){
	/*con 42 elementos*/
	/*.hiveBox.slideH .comp_xC.elem_00 {width:2100%;}*/
	.hiveBox.slideH .comp_xC.elem_00 {width:3100%;}	
}
@media only screen and (min-width:768px){
	/*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%;}
}
@media only screen and (min-width:1024px){
	/*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%;}	
}
@media only screen and (min-width:1280px){
	/*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%;}	
}

@media only screen and (min-width:1440px){
	/*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%;}
}
@media only screen and (min-width:1660px){
	/*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%;}
}