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

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

.mod.video_mod .goto_media .rtve-icons {background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg');}
.mod.video_mod .goto_media .rtve-icons:hover {background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo_masa.svg');}

/* 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 ****************************/
/**********************************************/
.monoBox .txtBox .pubBox {display:none;}

/* 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;}
	.pfserie .monoBox .elem_nH .video_mod.series .i_logo,
	.monoBox .elem_nH .ima .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, .elem_nH .txtBox .pretitle {display:none;} /*eliminar pretitle*/
.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 2rem 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;}

.monoBox[class*='elem_'] .elem_nV:not(.active) .i_cvr, .monoBox[class*='elem_'] .elem_nV.active .i_post {display: none;}

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

/* enlace al contenido directo */
/* body.maqueta .nowBox .elem_xC .mod.radio.directo .goto_media .rtve-icons:after {display: block;content: "";background: url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg');width: 100%;height: 100%;position: absolute;} */
body.maqueta .mod.audio_mod.radio.directo button.liveToReproduce {position: absolute; z-index: 1;background: url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg') no-repeat;right: 4%;margin: 0;top: 25%;bottom: auto;left: auto;transform: none;width: 24%;height: 24%;cursor: pointer;opacity: 0;}
body.maqueta .mod.audio_mod.radio.directo button.liveToReproduce:hover {background:
url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo_masa.svg') no-repeat;}
body.maqueta .mod.audio_mod.radio.directo .goto_media:hover + button.liveToReproduce {opacity: 1;}
body.maqueta .mod.audio_mod.radio.directo button.liveToReproduce:hover {opacity: 1;}


/* 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;}
body .collSet .hiveBox .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;}
body .collSet .hiveBox .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;overflow:hidden;}
.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);}
/*.portada .elem_nC .audio_mod .pubBox,*/
.portada [class*='elem'] [class*='_mod'] .pubBox,
.portada .elem_nC .audio_mod .txtBox p:not(.legend) {display:none;}

/* 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, .collSet .hiveBox .elem_nC .icon-label.extra.active {right:calc(0.9rem + 0.4rem);top:0.9rem;margin-top:calc(100% - 1.8rem - 3.6rem - 0.4rem);}
.collSet .hiveBox .elem_nC.active .icon-label.extra:not(.active) .rtve-icons {filter:invert(1);}
.collSet .hiveBox .elem_nC.active .icon-label.extra:not(.active):before {content:'';display:inline-block;background-color:#ffffff80;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 0.4rem);height:calc(100% - 0.4rem);z-index:-1;border:0.1rem solid #666;}
.collSet .hiveBox .elem_nC.active .icon-label.extra:hover:before {background-color:#ffffff;}
.collSet .elem_nC.active .cellBox .ima img {transform:scale(1.1);transition:all 0.5s;}
.elem_nC.active .goto_media .progressBar, .collSet .hiveBox .elem_nC .icon-label.extra.active {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 *****************************************/

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

@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;}
}
@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%;}
}
@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%;}
}
@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;}
}
@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%;}
}

/** ENLACES TEMATICOS ****************************/
/*************************************************/

.linksBox .monoBox:not(.elem_01) .links_mod > a {border-radius:0.6rem;}
.linksBox .monoBox:not(.elem_01) .cellBox {padding:0.9rem;}
.linksBox .monoBox:not(.elem_01) .links_mod > a:hover,
.linksBox .monoBox:not(.elem_01) .links_mod > a:focus {border-color:#fff;}
.linksBox .monoBox:not(.elem_01) .links_mod > a:hover .maintitle,
.linksBox .monoBox:not(.elem_01) .links_mod > a:focus .maintitle {opacity:1;}

.linksBox .monoBox:not(.elem_01) li {width:calc(100%/62);aspect-ratio:4/3;object-fit:cover;/*height:calc(((100vw/5) / 16 * 9 ) + 3.2rem);*/}
.linksBox .monoBox:not(.elem_01) .links_mod > a .mainBox {border-width:0;}
.linksBox .monoBox:not(.elem_01) .mainBox img {transition:filter 2s,transform 3s;}
.linksBox .monoBox:not(.elem_01) .links_mod > a:hover .ima:before,
.linksBox .monoBox:not(.elem_01) .links_mod > a:focus .ima:before {filter:brightness(0.5);}
.linksBox .monoBox:not(.elem_01) .txtBox {padding:0.5rem 1rem;justify-content:flex-end;text-align:center;background:linear-gradient(0deg, rgba(0,0,0,0.5), transparent 60%);}
.linksBox .monoBox .txtBox .maintitle {font-size:2.4rem;line-height:2.8rem;}

.linksBox .monoBox.comp_nC li, .linksBox .monoBox.comp_xC li {aspect-ratio:1}
	
@media only screen and (min-width:480px){
	.linksBox .hiveBox .monoBox.comp_nH {width:3100%;}
}
@media only screen and (min-width:768px){
	.linksBox .hiveBox .monoBox.comp_nH {width:2066.666%;}	
}
@media only screen and (min-width:1024px){
	.linksBox .hiveBox .monoBox.comp_nH {width:1550%;}	
}
@media only screen and (min-width:1280px){	
	.linksBox .hiveBox .monoBox.comp_nH {width:1240%;}
}
@media only screen and (min-width:1440px){
	.linksBox .hiveBox .monoBox.comp_nH {width:1033.3333%;}
}
@media only screen and (min-width:1920px){
	.linksBox .hiveBox .monoBox.comp_nH {width:885.7%;}
}
/*ENLACES TEMATICOS EN FORMATO GRID*/
.linksBox .grid_V {padding:1.6rem 4rem;}
.linksBox .grid_V .monoBox.comp_nH {width:100%;flex-wrap:wrap;}
@media only screen and (min-width:480px){
	.linksBox .grid_V .monoBox.comp_nH li {width:calc(100% / 2);}
}
@media only screen and (min-width:768px){
	.linksBox .grid_V .monoBox.comp_nH li {width:calc(100% / 3);}
}
@media only screen and (min-width:1024px){
	.linksBox .grid_V .monoBox.comp_nH li {width:calc(100% / 4);}
}
@media only screen and (min-width:1280px){	
	.linksBox .grid_V .monoBox.comp_nH li {width:calc(100% / 5);}
}
@media only screen and (min-width:1440px){
	.linksBox .grid_V .monoBox.comp_nH li {width:calc(100% / 6);}
}
@media only screen and (min-width:1920px){
	.linksBox .grid_V .monoBox.comp_nH li {width:calc(100% / 7);}
}
/** ENLACES TEMATICOS ****************************/
/** END ******************************************/


/** ASOMAMOS CALIFICACION X EDAD *****************/
/*************************************************/
.portada .monoBox .auxBox .redad {height:2.4rem;width:3.6rem;position:absolute;top:0;left:-0.6rem;margin-top:calc(100% - 1.6rem);border-radius:0.3rem;box-shadow:0.1rem 0.1rem 0.4rem #4567abee;}
.portada .monoBox .auxBox .redad[class*='mas']:before {display:inline-block;position:absolute;width:100%;height:100%;color:#222;font-size:1.4rem;line-height:2.4rem;font-family:'Roboto Slab','Roboto',sans-serif;font-weight:400;text-align:center;padding:0;background-color:#fff;}
.portada .monoBox .auxBox .mas01:before {content:'TP';}
.portada .monoBox .auxBox .mas07:before {content:'+7';}
.portada .monoBox .auxBox .mas12:before {content:'+12';}
.portada .monoBox .auxBox .mas13:before {content:'+13';}

.portada .monoBox .auxBox .redad.mas00,.portada .monoBox .auxBox .redad.vacio {display:none;}

.portada .monoBox .elem_xC .auxBox .redad {margin-top: calc(100% + 0.2rem);}

/** ASOMAMOS CALIFICACION X EDAD *****************/
/** END ******************************************/



/** slide de noticias **/
.elem_nH.getoff .notic_mod a.butt:not(.iplay_video) {width: 100%;height: 100%;border: none;position: absolute;top: 0;bottom: auto;}
.elem_nH .notic_mod .butt .label {display:none}
.elem_nH .notic_mod a.butt:not(.iplay_video),
.monoBox.elem_00 .elem_nH .notic_mod .content {border-width: 0;}

/** noticia de apertura html **/
.comp_xH .elem_xH .mod .content {  padding-bottom: 5.2rem;position: relative;transform: none;top: 0;left: 0;padding-right: 0;max-width: 40%;grid-column: 1 / 9;display: block;flex: 1;display: flex;}
.comp_xH .elem_xH .notic_mod.promoBox {aspect-ratio: 3 / 1;}
.comp_xH .elem_xH .mainBox {border-width: 0.9rem 4.6rem;padding: 0 4.6rem;}
.comp_xH .elem_xH .ima:before {background: linear-gradient(to right, rgba(255, 255, 255, 1) 9.6rem, rgba(17, 17, 17, 0) 100%);}
.comp_xH .elem_xH .ima:after {content: none;}

.monoBox.comp_xH .elem_xH .txtBox { color: inherit;justify-content: center;}
.monoBox.comp_xH .elem_xH .txtBox .maintitle {font-size:3.6rem;line-height:4.2rem}
.monoBox.comp_xH .elem_xH .txtBox .pretitle {font-size: 1.6rem;line-height: 2.6rem;text-transform: uppercase;font-weight: 700;letter-spacing: 1pt;}
.monoBox.comp_xH .elem_xH.active .txtBox p:not(.legend) {display:none}
.monoBox.comp_xH .elem_xH .mod .content a {border-bottom: .1rem solid;}

.comp_xH .elem_xH .mainBox {display: flex;align-items: start;flex-direction: column;padding-top: 0;}
.comp_xH .elem_xH .mainBox, .comp_xH .elem_xH .ima {height: 100%;}
.hiveBox.grid_V:has(.comp_xH .promoBox) {display: inline-block;width: 100%;overflow: hidden;}

.comp_xH .elem_xH .butt .label {color: inherit;line-height: 3.2rem;}
.comp_xH .elem_xH .butt:not(.iplay_video) {border-color: initial;display: block;margin-bottom: 2.4rem;z-index: 1;}
.comp_xH .elem_xH .serie_mod .mainBox > .butt[aria-label*='Ir a'],.elem_xH .serie_mod .mainBox > .butt[aria-label*='Ir a']:hover,.elem_xH .serie_mod .mainBox > .butt[aria-label*='Ir a'] .label {width: 100%;height: 100%;border: 0 none;background: transparent;border-radius: 0;position: absolute;top: 0;}
.comp_xH .elem_xH .serie_mod .mainBox > .butt[aria-label*='Ir a'] .label {top: auto;display: flex;align-items: center;bottom: 1.6rem;position: absolute;height: 3.6rem;min-width: 7.2rem;width: auto;padding: 0;}
.comp_xH .elem_xH .serie_mod .mainBox > .butt[aria-label*='Ir a'] .label strong {border-radius: 0.4rem;border: 0.2rem solid #000;padding: 0 1.2rem;}

@media only screen and (min-width: 1281px) {
	.comp_xH .elem_xH .notic_mod.promoBox {aspect-ratio:3 / .8}
	.comp_xH .elem_xH .mod .content {max-width:38%}
    .monoBox.comp_xH .elem_xH .txtBox .maintitle {font-size:4.2rem;line-height:5rem}
}


/** TIRAS CUADRADOS xH al 100% ******************/
/************************************************/
.comp_xH .elem_xH .video_mod {aspect-ratio:3/0.8;}
.comp_xH .elem_xH .video_mod .mainBox {display: grid;grid-template-rows: 1fr;grid-template-columns:repeat(8,1fr);}
.comp_xH .elem_xH .video_mod .content {grid-column-end:span 4;background:linear-gradient(90deg, #FFFFFF 25%, transparent);}
.comp_xH .elem_xH .video_mod .ima {grid-column-start:2;grid-column-end:span 7;}

.hiveBox .monoBox.comp_xH:not(:has(.links_mod)) {width: 6200%;}
.hiveBox .monoBox.comp_xH:not(:has(.links_mod)) > li {width: calc(100% / 62);}

.comp_xH .elem_xH .video_mod .cellBox {max-width: 160rem;margin: 0 auto;}
.comp_xH .elem_xH .video_mod .content {padding-right: 0;max-width: 40%;grid-column: 1 / 9;}
.comp_xH .elem_xH .video_mod .auxBox ._info {display: none;}
.comp_xH .elem_xH.active .video_mod .mainBox .ima {box-shadow:none}
.comp_xH .elem_xH.active .video_mod .content{background: linear-gradient(90deg, #FFFFFF 75%, transparent);}
.comp_xH .elem_xH .video_mod .txtBox p:not(.legend),.comp_xH .elem_xH.active .video_mod .txtBox p:not(.legend) {opacity:1;height:auto;display:block}

/** TIRAS CUADRADOS nH tipo NOTICIAS *************/
/************************************************/
.elem_nH .notic_mod .txtBox p:not(.legend) {height:6.3rem;opacity:1;}
body .collSet .hiveBox .elem_nH .notic_mod  .mainBox .ima,.elem_nH .notic_mod .content {left:0;transform:none;}
.elem_nH .notic_mod.mod .txtBox {color:#302c2b;background:transparent;padding: 0 0.8rem 0 0;}
.elem_nH .notic_mod .mainBox {display:flex;flex-direction:column;padding-top:0;}
body .collSet .hiveBox .elem_nH .notic_mod  .mainBox .ima {position:relative;padding-top:56.25%;order:1;top:0;border-radius: 0.4rem;}
.elem_nH .notic_mod .content {position:static;order:2;/*padding:1.2rem 0 1.2rem 0.8rem;*/padding:1.2rem 0 0 0.8rem;}

/* texto */
.elem_nH .notic_mod .txtBox .maintitle {font-size:1.6rem;line-height:2rem;font-weight:bold;overflow:hidden;}
/* .elem_nH .notic_mod .mainBox .content .txtBox .character {display:block;font-size:1.3rem;font-weight:bold;line-height:2rem;margin-top:0.5rem;}
.elem_nH .notic_mod .mainBox .content .pubBox {display:block;margin:0.8rem 0;font-size:1.2rem;line-height:1.8rem;} */
.elem_nH .notic_mod .mainBox .content .pubBox,.elem_nH .notic_mod .mainBox .content .txtBox .character,
.portada .elem_nH .notic_mod .pubBox,
.elem_nH .notic_mod .txtBox p:not(.legend){display:none;}
.collSet .elem_nH.active .notic_mod .txtBox > strong {position: static;}

.container:not([data-tipo='mod_collection_live-grid']) .collSet .elem_nH.active .notic_mod .mainBox > *:not(.trailerControls) {width: 100%;height: 100%;box-shadow: none;}

.elem_nH .notic_mod a.butt:not(.iplay_video) {position:absolute;top:0;bottom:auto;z-index: 1;opacity: 1;}
.elem_nH .notic_mod a.butt:not(.iplay_video):not(.gback):hover {background: none;}


@media only screen and (min-width:480px){	
	.hiveBox.slideH .comp_nH:has(.elem_nH .notic_mod) {width:4000%}
	}
	@media only screen and (min-width:768px){
	.hiveBox.slideH .comp_nH:has(.elem_nH .notic_mod) {width:3000%}
	}
	@media only screen and (min-width:1024px){
	.hiveBox.slideH .comp_nH:has(.elem_nH .notic_mod) {width:2000%}
	}
	@media only screen and (min-width:1280px){
	.hiveBox.slideH .comp_nH:has(.elem_nH .notic_mod) {width:1500%}
	}
	@media only screen and (min-width:1440px){
	.hiveBox.slideH .comp_nH:has(.elem_nH .notic_mod) {width:1200%}
	}
	@media only screen and (min-width:1660px){
	.hiveBox.slideH .comp_nH:has(.elem_nH .notic_mod) {width:1000%}
	}

/************************************************/
/** END *****************************************/

/** NOTICIAS TAB ********************************/
/************************************************/
#noticias.container.tab .collSet .hiveBox .elem_nH .notic_mod .mainBox .ima {padding-top:52.25%;}
#noticias.container.tab .elem_nH.getoff .notic_mod a.butt:not(.iplay_video) {z-index: 2;}
#noticias.container.tab .elem_nH.getoff .notic_mod a.butt:not(.iplay_video):hover .label { opacity: 1;}
#noticias.container.tab .collSet .slideH {padding-top: 0;padding-left: 0;padding-bottom: 0;}

#noticias.container.tab .elem_nH .notic_mod .content {padding-top: 0.8rem;}

#noticias.container.tab .elem_nH .txtBox .pretitle,
#noticias.container.tab .elem_nH .notic_mod .mainBox .content .pubBox {display: block;}

#noticias.container.tab .elem_nH .txtBox .pretitle,
#noticias.container.tab .monoBox .txtBox .pubBox * {color:#000;}

#noticias.container.tab .elem_nH .txtBox .pretitle {font-weight:500;text-transform: uppercase; padding-bottom: 0.3rem; padding-top: 0;line-height: 1.5;}

#noticias.container.tab .elem_nH .notic_mod .txtBox .maintitle {font-size:1.8rem;line-height:1.35;font-weight:300}

#noticias.container.tab .elem_nH .notic_mod .butt .label {display: inline-flex;align-items: center; justify-content: center;opacity: 0;font-size:1.5rem;background-color: #fff;border-radius: 0.4rem;color:#000; text-transform: initial;letter-spacing: normal;cursor: pointer;padding: 0.6rem 1.2rem;transition: opacity 0.3s;position: absolute;top: 102px;left: 8px;}
#noticias.container.tab .elem_nH .notic_mod .butt .label strong {font-weight: 500;}
/************************************************/
/** END *****************************************/

/** FORMATO GRID ********************************/
/************************************************/

.collSet.grid_Box .hiveBox .monoBox {width:100%;flex-wrap:wrap;justify-content:center;row-gap:4.8rem;display: flex;padding: 0 4rem;}
.collSet.grid_Box .monoBox li .mod {position:relative;}
.collSet.grid_Box .monoBox li.active {z-index:3;}

@media only screen and (min-width:480px){
	/*elementos verticales*//*2 visibles*/
	.collSet.grid_Box .monoBox.comp_xC li,
	.collSet.grid_Box .monoBox.comp_nC li {width:calc(100%/2);}
}
@media only screen and (min-width:768px){
	/*elementos verticales*//*3 visibles*/
	.collSet.grid_Box .monoBox.comp_xC li,
	.collSet.grid_Box .monoBox.comp_nC li {width:calc(100%/3);}
}
@media only screen and (min-width:1024px){
	/*elementos verticales*//*4 visibles*/
	.collSet.grid_Box .monoBox.comp_xC li,
	.collSet.grid_Box .monoBox.comp_nC li {width:calc(100%/4);}
}
@media only screen and (min-width:1280px){
	/*elementos verticales*//*5 visibles*/
	.collSet.grid_Box .monoBox.comp_xC li,
	.collSet.grid_Box .monoBox.comp_nC li {width:calc(100%/5);}
}
@media only screen and (min-width:1440px){
	/*elementos verticales*//*6 visibles*/
	.collSet.grid_Box .monoBox.comp_xC li,
	.collSet.grid_Box .monoBox.comp_nC li {width:calc(100%/6);}
}
@media only screen and (min-width:1680px){
	/*elementos verticales*//*7 visibles*/
	.collSet.grid_Box .monoBox.comp_xC li,
	.collSet.grid_Box .monoBox.comp_nC li {width:calc(100%/7);}
}
@media only screen and (min-width:1920px){
	/*elementos verticales*//*8 visibles*/
	.collSet.grid_Box .monoBox.comp_xC li,
	.collSet.grid_Box .monoBox.comp_nC li {width:calc(100%/8);}
}


/** FORMATO GRID ********************************/
/** END *****************************************/


/** TIRAS CUADRADOS linksBox ********************/
/************************************************/
.linksBox .monoBox:not(.elem_01).comp_nC li *:not(.txtBox strong):not(.ima img) {height: auto;}
.linksBox .monoBox[class*='elem_'].comp_nC li:not([data-content-subtype="ficha"]) .mainBox {display: flex;flex-direction: column-reverse;height: auto;}
.linksBox .monoBox:not(.elem_01).comp_nC li .content {position: static;left: 0;top: 0;transform: none;display: flex;flex-direction: column;}
.linksBox .monoBox[class*='elem_'].comp_nC .txtBox .maintitle {color: #302c2b;    font: var(--NS-300_24);}
.linksBox .monoBox[class*='elem_'].comp_nC .mainBox .ima {position: relative;left: auto;top: auto;transform: none;aspect-ratio:1;padding: 0;    border-radius: 100%;}
.linksBox .monoBox[class*='elem_'].comp_nC a:hover .mainBox  .ima img {transform: scale(1.2);}
.linksBox .monoBox[class*='elem_'].comp_nC .active .mainBox .ima {box-shadow:none}


.linksBox .monoBox:not(.elem_01).comp_nC li:nth-child(6n+1) .mainBox .ima:before {content:none}


/************************************************/
/** END *****************************************/