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

/*carruseles finitos*/
.collSet,.collSet .slideH > ul,.collSet .slideH 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;}

/** TRAILERS ************************************/
/************************************************/
.trailerContent {z-index:-1;}
.trailerContent,.video_mod .trailerContent video {position:absolute;left:0;top:0;height:100%;width:100%;}
.video_mod .trailerContent video {background:#000;}
/** TRAILERS ************************************/
/** END *****************************************/

/*aspectos comunes*/
.monoBox.elem_00 .ima,.monoBox.elem_00 .content {border-radius:0.5rem;border-width:0.3rem;overflow:hidden;}
.slideH:not(.rowOne) .monoBox .mainBox {border-width:0.6rem;}
.monoBox.elem_00 .active .mod .content,.extra_mod .mainBox:after {border-color:#969696;}

.collSet .monoBox:not(.comp_xH) .active .goto_media .progressBar span {
	background:#a30950;
	background:-moz-linear-gradient(-30deg,#a30950 0%,#ff4200 100%);
	background:-webkit-linear-gradient(-30deg,#a30950 0%,#ff4200 100%);
	background:linear-gradient(125deg,#a30950 0%,#ff4200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a30950', endColorstr='#ff4200',GradientType=1 );
}
.collSet.grid_Box {padding:1rem 3.8rem;}

#relatedsEditorial .monoBox .auxBox .canal {display:none;}

/*botones emergentes*/
.trailerControls {position:absolute;right:0.3rem;}
.collSet .icon-label.extra {right:calc(0.3rem + 0.6rem);}
	.collSet .trailerControls {flex-direction:column;}
	.collSet .trailerControls .icon,.collSet .icon-label.extra {margin:0.4rem 1.2rem;}
.collSet .icon-label.extra {cursor:pointer;width:3.6rem;height:3.6rem;}
.collSet .icon-label.extra {bottom:2rem;}
.collSet .trailerControls {bottom:5.8rem;}

/** LAYER OPCIONES ******************************/
/************************************************/
.monoBox .auxBox {position:absolute;left:0;top:0;}
.mainSlide .pubBox,.mainSlide .auxBox {float:left;}

.monoBox .auxBox {width:100%;height:100%;}
.monoBox .active .auxBox .icon {position:absolute;}
.monoBox .active .auxBox .redad {top:0.8rem;}
.monoBox .active .auxBox .redad {right:0.8rem;}
.monoBox .icon-label.extra strong {display:none;}

.monoBox:not(.comp_xH) .active ._info {left:1.6rem;top:50%;margin-top:-1.8rem;}
.monoBox .active .trait {display:none;}

.monoBox .auxBox .redad {position:absolute;right:1.2rem;top:1.2rem;display:none;}
.monoBox .active .auxBox .redad {display:block;}

/*sombreado*/
.monoBox .active:not(.elem_xH) .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 );
}

/*enlace al contenido*//*destacado principal*/
.mainSlide .goto_media {width:16.8rem;position:absolute;bottom:0;left:4.8rem;background:#fff;border-radius:0.4rem;padding:0.4rem;text-align:center;}
.mainSlide .goto_media .icon img {display:none;}
.mainSlide .goto_media .icon {float:left;}
.mainSlide .goto_media .butt,.mainSlide .goto_media .butt * {display:inline-block;}
.mainSlide .goto_media .butt {padding:0 0.8rem;}
.mainSlide .goto_media .butt strong {font-size:1.2rem;text-transform:uppercase;line-height:2.8rem;letter-spacing:0.5pt;font-weight:700;color:#000;}

/*enlace al contenido*//*elementos individuales*/
.collSet .monoBox:not(.comp_xH) .goto_media {position:absolute;bottom:1.2rem;height:0;
	left:50%;transform:translateX(-50%);width:calc(100% - 4rem);}
.collSet .monoBox:not(.comp_xH) .goto_media:before {content:'';display:block;position:absolute;left:50%;bottom:50%;width:8.2rem;height:8.2rem;
	border-radius:100%;background:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg') no-repeat 50%;background-size:100%;}
	.monoBox .elem_nH .goto_media:before {transform:translate(-50%,-100%);}
	.monoBox .elem_nV .goto_media:before {transform:translate(-50%,-175%);}
	.monoBox .elem_xC .goto_media:before {transform:translate(-50%,-200%);}
.collSet .monoBox .goto_media:hover:before {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo_masa.svg');}
/*enlace al contenido*//*elementos nH*/
.collSet .monoBox .elem_nH .goto_media:before {width:20.2%;padding-top:20.2%;height:auto;}

/*falseamos para tipo pelicula y documental*/
.portada .monoBox .documental > a:first-of-type:before,
.portada .monoBox .pelicula > a:first-of-type:before {height:auto;position:absolute;left:50%;bottom:50%;
	transform:translate(-50%,50%);z-index:2;opacity:0;
	content:'';display:block;background:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg') no-repeat 50%;background-size:100%;}
.portada .monoBox .documental > a:first-of-type:hover:before,
.portada .monoBox .pelicula > a:first-of-type:hover:before {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo_masa.svg');}
.portada .monoBox .active .documental > a:first-of-type:before,
.portada .monoBox .active .pelicula > a:first-of-type:before {opacity:1;}
.portada .collSet .monoBox .pelicula .goto_media,
.portada .collSet .monoBox .documental .goto_media {z-index:0;}
.portada .collSet .monoBox .pelicula .goto_media:before,
.portada .collSet .monoBox .documental .goto_media:before {display:none;}

.portada .monoBox .elem_nH .documental > a:first-of-type:before,
.portada .monoBox .elem_nH .pelicula > a:first-of-type:before {width:calc(20.2% - 0.8rem);padding-top:calc(20.2% - 0.8rem);}

.portada .monoBox .elem_nV .documental > a:first-of-type:before,
.portada .monoBox .elem_nV .pelicula > a:first-of-type:before {width:7.2rem;height:7.2rem;}


/*capa opciones extra*/
.monoBox .toolBox.be_on {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center;}
	.monoBox .elem_nH .toolBox.be_on {width:calc(120% - 2rem);height:calc(116% - 2rem);}
	.monoBox .elem_nV .toolBox.be_on {width:calc(260% - 3.8rem);height:calc(100% - 2rem);}
	.monoBox .elem_xV .toolBox.be_on {width:calc(220% - 3.8rem);height:calc(100% - 2rem);}
	.tve .monoBox .elem_xC .toolBox.be_on {width:calc(180% - 3.8rem);height:calc(100% - 2rem);}

/*posicionamiento por capas*/
.monoBox:not(.comp_xH) .active .mod:not(.live) .ima:after {z-index:1;}
.monoBox .content, .monoBox .toolBox.be_on  {z-index:1;}
.monoBox .active .ima {z-index:0;}
.monoBox .elem_nV .documental .toolBox.be_on,
.monoBox .elem_nV .pelicula .toolBox.be_on,
.monoBox .active .trailerContent {z-index:2;}

/** LAYER OPCIONES ******************************/
/** 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(0,0,0,0.5);}

.wariaType .controlBox .be_on {opacity:0.5;}
.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;}

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

.collSet .slideH [class*='elem'],.grid_Box .grid_V .comp_nH .elem_nH {z-index:0;position:relative;}
.collSet .slideH .active,.grid_Box .grid_V .comp_nH .active {z-index:1;z-index:2;/*para no pisar las flechas del slide*/}
.collSet .slideH .mainBox .content {box-shadow:none;}
.newRtveplayBox .collSet .slideH .active:not(.relColl) .mod:not(.next_live) .mainBox .content,
.tve .collSet .slideH .active:not(.relColl) .mod:not(.next_live) .mainBox .content {box-shadow:0 0 4rem rgba(0,0,0,0.67);}

.collSet .slideH .trailerControls,
.collSet .slideH .icon-label.extra {display:inline-flex;}

/** EFECTOS COMUNES *****************************/
/************************************************/
/*estado reposo*/
.collSet .monoBox .trailerControls,
.collSet .monoBox .icon-label.extra,
.collSet .monoBox .active .mod:not(.next_live) .maintag,
.collSet .monoBox .goto_media:before {opacity:0;}
.collSet .monoBox .txtBox p:not(.legend) {overflow:hidden;}
/*estado activo*/
.collSet .monoBox:not(.comp_xH) .active .mod:not(.next_live) .txtBox p:not(.legend) {height:6.3rem;opacity:1;}
.collSet .monoBox .active .trailerControls,
.collSet .monoBox .active .icon-label.extra,
.collSet .monoBox .active .goto_media:before {opacity:1;}
.collSet .monoBox .trailerControls,.collSet .monoBox .icon-label.extra {transition:all 0.3s 1s;}
.collSet .monoBox .active:not(.relColl) .mainBox > *:not(.trailerControls) {transition-property:width,height,transform;transition-duration:0.3s;transition-delay:0.5s;}
.collSet .monoBox .active .goto_media:before,
.monoBox .elem_nH.active .documental > a:first-of-type:before,
.monoBox .elem_nH.active .pelicula > a:first-of-type:before {transition:opacity 0.3s 0.8s;}

/*estado getoff*/
.collSet .monoBox .getoff .goto_media:before {opacity:0;}

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

/** TIRAS VIDEOS 16:9 ***************************/
/************************************************/
/*estado reposo*/
.cellBox .mod.next_live .txtBox {background:transparent;}
.collSet .elem_nH .mod:not(.next_live) .txtBox .pretitle {font-size:1.3rem;line-height:2.1rem;letter-spacing:1pt;text-transform:uppercase;font-weight:500;}    
.collSet .elem_nH .mod:not(.next_live) .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*/
.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:2;}*/ 
.collSet .elem_nH p,.collSet .elem_nH .pubBox {transition-property:opacity,height,order;transition-duration:0.3s;transition-delay:0.5s;}
.collSet .elem_nH.active .txtBox > strong {position:absolute;top:0.8rem;left:1.6rem;}
.collSet .elem_nH.active .trailerControls {margin-right:-10%;}
.collSet .elem_nH.active .icon-label.extra {margin-right:calc(-10% + 1.3rem);}
.collSet .elem_nH.active .goto_media .progressBar {bottom:-2.6rem;}
.collSet .elem_nH.active .goto_media .progressBar {transition:bottom 0.3s 0.5s}

/*fecha de emision*/
.collSet .elem_nV.active .txtBox span.duration {bottom:0;position:absolute;left:1.5rem;height:2rem;margin-bottom:1.6rem;}
.collSet .elem_nV.active .txtBox {padding-bottom:calc(1.6rem + 2.2rem);}

.elem_nH.active .txtBox span.duration {position:absolute;bottom:0;height:2rem;margin-bottom:2rem;}
.elem_nH.active .video_mod .txtBox .pubBox + p {margin-bottom:2rem;}

/*oucltar la fecha de emision*/
.collSet .elem_nH.active .pubBox .datemi, .collSet .pubBox .datpub,
div[data-idasset="1688877"] .datemi, .recetas .pubBox .datemi,
[class*="series"]:not(.series_diarias) .pubBox .datemi, .talent .pubBox .datemi,
[class*="documental"] .pubBox .datemi, .pelicula .pubBox .datemi {display:none;}


/*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;}
[data-type='collection'] .hiveBox .comp_nH .elem_nH .mainBox {border:0.9rem solid transparent;}
/*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;}

/*GRID*/
.grid_Box .grid_V .comp_nH .elem_nH {margin:1.6rem 0;min-width:38rem;}
.grid_Box .grid_V .comp_nH .elem_nH .mainBox {border:0.8rem solid transparent;}
.grid_Box .grid_V .comp_nH {display:flex;flex-wrap:wrap;justify-content:center;}



/** TIRAS VIDEOS 16:9 ***************************/
/** END *****************************************/


/** TIRAS BANNERS 4:1 ***************************/
/************************************************/
/*datemi de xH*/
.comp_xH .icon.trait,.comp_xH .pubBox {display:none;}
.comp_xH {overflow:hidden;padding:1.6rem 0;} 
.elem_xH .ima .i_open {transform:translateX(4.6rem);}
.comp_xH .txtBox {padding:0 calc(25% - 4.6rem) 6rem 4.6rem;}
.elem_xH .serie_mod .maintitle {font-size:4.2rem;line-height:4rem;font-weight:100;padding-bottom:0.6rem;}
.elem_xH .video_mod .maintitle {font-size:2.8rem;line-height:3.2rem;font-weight:300;padding-bottom:0.8rem;}
.comp_xH .ima .i_logo {left:auto;right:0;top:auto;bottom:0;transform:translate(-10%,-10%);height:15.2rem;width:auto;}
/*modulo tipo video*/
.elem_xH .ima .i_prvw,.elem_xH .video_mod .ima:before {transition:transform 1.5s;}
/*enlaces*/
.elem_xH .mod {position:relative;}
.elem_xH .mod > a:not(.goto_media) {width:100%;height:100%;display:block;}
.elem_xH .goto_media,.elem_xH .video_mod .goto_media .progressBar {position:absolute;}
.elem_xH .goto_media {width:16.8rem;height:3.6rem;left:4.6rem;opacity:0;z-index:1;}
.comp_xH .icon-label.extra,.elem_xH .goto_media,.elem_xH .auxBox ._info {bottom:1.2rem;}
.elem_xH .video_mod .goto_media .progressBar {left:0;top:0;height:100%;width:100%;}
.elem_xH .video_mod .auxBox ._info {left:22.6rem;}
.elem_xH .auxBox ._info:hover {cursor:pointer;opacity:1;background:#fff;}
.elem_xH .auxBox ._info:hover .rtve-icons {color:#000;}
/*boton opciones*/
.elem_xH .video_mod .txtBox p:not(.legend) {overflow:hidden;height:0}
.collSet .elem_xH .icon-label.extra {right:auto;left:4.4rem;opacity:1;margin:0;}
.monoBox .elem_xH .toolBox {width:26rem;height:16rem;top:calc(100% - 16rem);border:0.1rem solid #fff;transform:none;}
/*puntero-izquierda*/.elem_xH .toolBox:after,.elem_xH .toolBox:before {position:absolute;top:calc(100% - 3rem);left:0;border:0 solid transparent;content:'';height:0;width:0;}
.elem_xH .toolBox:before {border-right-color:#fff;border-width:1.6rem 1.6rem 1.6rem 0;left:-1.6rem;margin-top:-1.6rem;}
.elem_xH .toolBox:after {border-right-color:#000;border-width:1.4rem 1.4rem 1.4rem 0;left:-1.4rem;margin-top:-1.4rem;}

/*estados activos*/
.collSet .comp_xH .icon-label.extra,.elem_xH .video_mod .txtBox p:not(.legend) {transition:all 0.6s;}
.elem_xH .goto_media,.elem_xH .auxBox ._info {opacity:0;}
.active.elem_xH .serie_mod .auxBox ._info {left:4.6rem;}
.collSet .active.elem_xH .icon-label.extra {margin:0 1.2rem;}
.collSet .active.elem_xH .serie_mod .icon-label.extra {left:14.8rem;}
	.monoBox .elem_xH .serie_mod .toolBox {left:calc(14.8rem + 7rem);}
.collSet .active.elem_xH .video_mod .icon-label.extra {left:32.8rem;}
	.monoBox .elem_xH .video_mod .toolBox {left:calc(32.8rem + 7rem);}
.active.elem_xH .video_mod .txtBox p:not(.legend) {height:6.7rem;}
.active.elem_xH .goto_media,.active.elem_xH .auxBox ._info {transition:opacity 0.6s 0.6s;}
.active.elem_xH .goto_media {opacity:1;}
.active.elem_xH .auxBox ._info {opacity:0.5;}
.active.elem_xH a:hover .auxBox ._info {opacity:1;}
.elem_xH a:hover .auxBox ._info {transition:all 0.3s;}
/** TIRAS BANNERS 4:1 ***************************/
/** END *****************************************/


/** TIRAS POSTERS 2:3 ***************************/
/************************************************/
.collSet .elem_nV .i_post {width:auto;left:50%;transform:translateX(-50%);}
/*estado reposo*/
.collSet .elem_nV .txtBox,.collSet .elem_nV .auxBox {z-index:-1;opacity:0;}
.collSet .elem_nV .goto_media {}
/*estado activo*/
.collSet .elem_nV.active .txtBox,.collSet .elem_nV.active .auxBox {z-index:2;opacity:1;transition:opacity 0.3s 1s;}
.collSet .elem_nV.active:not(.relColl) .mainBox > *:not(.trailerControls) {width:260%;}
.collSet .elem_nV.active .maintag,
.collSet .elem_nV.active .trailerControls {margin-right:-80%;}
.collSet .elem_nV.active .icon-label.extra {margin-right:calc(-80% + 2.2rem);}
.collSet .elem_nV.active .txtBox > strong {position:absolute;top:0.8rem;left:1.6rem;}
.collSet .elem_nV.active .vjs-play-control {transform:none;}

.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 POSTERS 1:2 ***************************/
/************************************************/
/*estado reposo*/
.collSet .elem_xV .txtBox,.collSet .elem_xV .auxBox {z-index:-1;opacity:0;}
/*estado activo*/
.collSet .elem_xV.active .txtBox,.collSet .elem_xV.active .auxBox {z-index:2;opacity:1;transition:opacity 0.3s 1s;}
.collSet .elem_xV.active:not(.relColl) .mainBox > *:not(.trailerControls) {width:220%;}
.collSet .elem_xV.active .maintag,
.collSet .elem_xV.active .trailerControls {margin-right:-60%;}
.collSet .elem_xV.active .icon-label.extra {margin-right:calc(-60% + 1.9rem);}

/** TIRAS POSTERS 1:2 ***************************/
/** END *****************************************/	

/** TIRAS CUADRADOS xC **************************/
/************************************************/
/*estado reposo*/
.tve .collSet .elem_xC .txtBox,.tve .collSet .elem_xC .auxBox {z-index:-1;opacity:0;}
/*estado activo*/
.tve .collSet .elem_xC.active .txtBox,.tve .collSet .elem_xC.active .auxBox {z-index:2;opacity:1;transition:opacity 0.3s 1s;}
.tve .collSet .elem_xC.active:not(.relColl) .mainBox > *:not(.trailerControls) {width:180%;}
.tve .collSet .elem_xC.active .maintag,
.tve .collSet .elem_xC.active .trailerControls {margin-right:-40%;}
.tve .collSet .elem_xC.active .icon-label.extra {margin-right:calc(-40% + 1.7rem);}
/** TIRAS CUADRADOS xC **************************/
/** END *****************************************/


/** EL ICONO INFO *******************************/
/************************************************/
li[class*='elem_']:not(.elem_xH) ._info {opacity:0;display:inline-block;border-radius:100%;width:3.6rem;height:3.6rem;padding-top:3.6rem;overflow:hidden;
background-repeat:no-repeat;background-position:50%;background-size:100%;background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_info.svg');}
li[class*='elem_'].active:not(.elem_xH) ._info {opacity:1;}
li[class*='elem_']:not(.elem_xH) a:hover ._info:hover {background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_info_masa.svg');}
/*donde no tiene que aparecer*/
li[class*='elem_'] .video_mod.documental ._info,
li[class*='elem_'] .video_mod.pelicula ._info {display:none;}

/** EL ICONO INFO *******************************/
/** END *****************************************/

/** BANNER CLAN *******************************/
/**********************************************/
.chanels.clan .elem_xH .serie_mod .ima .i_covr {width:60%;right:0;left:auto;}
.chanels.clan .comp_xH .elem_xH .txtBox {width:70%;}
.chanels.clan .comp_xH .elem_xH .ima .i_logo {top:0;left:6rem;}
.chanels.clan .elem_xH .ima:before {transform: translateX(70%);}

/** BANNER CLAN *******************************/
/** END ***************************************/

/** PLAY PLUS *********************************/
/**********************************************/
.cellBox:not(.pxview) .pxv_playPlus, .cellBox:not(.pxview) + .pxv_playPlus {display:none;}

/* elem_nV */
.elem_nV .pxview .pxv_playPlus {position:absolute;width:100%;height:100%;top:0;z-index:1;}
.elem_nV .pxview .pxv_playPlus .brandBox {width:100%;height:100%;overflow:hidden;}
.elem_nV:not(.active) .pxview .brandBox {z-index:1;background-color:rgba(0,0,0,0.5);}
.elem_nV .pxview .open_plus, 
.elem_nV .pxview .subs_plus {position:absolute;right:0;border:0.2rem solid #fff;}
.elem_nV .pxview .open_plus {width:12rem;height:4rem;right:2rem;bottom:14rem;border-radius:3rem;}
.elem_nV .pxview .subs_plus {width:12rem;height:4rem;right:2rem;bottom:2rem;border-radius:0.4rem;}

.elem_nV .pxview .open_plus strong {position:absolute;display:flex;top:0;font-size:1.4rem;text-transform:uppercase;align-items:center;justify-content:center;}
.elem_nV .pxview .open_plus strong:before {content:'+';font-size:3.6rem;font-weight:400;margin:0 1rem;}
.elem_nV .pxview .subs_plus strong {display:flex;flex-direction:row;justify-content:center;font-size:1.4rem;}

.elem_nV .pxview .brandBox:before {content:'Contenido de pago';position:absolute;width:6rem;z-index:1;font-size:1.3rem;line-height:2rem;text-align:end;right:2.5rem;top:7rem;}
.elem_nV .pxview .brandBox:after {content:'';background:url('https://www.rtve.es/css/rtveplay.2021/resources/rtveplay.plus/icono_plus.svg');font-size:6rem;font-weight:300;width:5.6rem;height:5.6rem;text-align:center;top:calc(50% - 2.8rem);left:calc(50% - 2.8rem);right:auto;position:absolute;}

.elem_nV .pxview .pxv_playPlus .ima {width:calc(100% - 1.2rem);height:30rem;top:auto;right:-0.3rem;bottom:-0.9rem;background:url('https://www.rtve.es/css/rtveplay.2021/resources/rtveplay.plus/haloplus_main.svg') no-repeat 0 100%;opacity:0.65;border-width:0.6rem;}
.elem_nV .pxview .pxv_playPlus .ima .i_logo {display:block;width:9rem;top:0.5rem;right:0.5rem;left:auto;}

.elem_nV .pxview .open_plus, .elem_nV .pxview .subs_plus {opacity:0.8;}
.elem_nV .pxview .open_plus:hover, 
.elem_nV .pxview .subs_plus:hover {opacity:1;}
.elem_nV:not(.active) .pxview .open_plus, 
.elem_nV:not(.active) .pxview .subs_plus {opacity:0;}


/* elem_nV active */
.elem_nV.active .pxview .pxv_playPlus .brandBox * {transition:all 0.3s 0.6s;} 
.elem_nV.active .pxview .pxv_playPlus {transition:all 0.3s 0.6s;}
.elem_nV.active .pxview .pxv_playPlus {position:absolute;top:auto;right:-73%;bottom:0.5rem;width:247%;height:100%;z-index:2;background-color:rgba(0,0,0,0.5);}  
.elem_nV.active .pxview .brandBox:before, 
.elem_nV.active .pxview .brandBox:after {display:none;}
.elem_nV.active .pxview .pxv_playPlus .ima .i_logo {top:5rem;right:35rem;}

.elem_nV.active .pxview .pxv_playPlus .ima {width:100%;height:100%;left:33rem;background:url('https://www.rtve.es/css/rtveplay.2021/resources/rtveplay.plus/haloplus_main.svg') no-repeat;}
.elem_nV .pxview .pxv_playPlus .ima img {right:-12.5rem;left:auto;}
.elem_nV.active .pxview .pxv_playPlus .ima img {opacity:0;transition:opacity 0s 0s;}
.elem_nV.active .pxview .pxv_playPlus .ima img {opacity:0.67;transition:opacity 1s 1s;}


/* elem_nH */
.elem_nH .cellBox.pxview {position:relative;}
.elem_nH .pxview .pxv_playPlus {position:absolute;width:100%;height:100%;top:-0.8rem;right:0;bottom:auto;padding:1rem;background-color:rgba(17,17,17,0.8);z-index:1;}
.elem_nH .pxview .pxv_playPlus .brandBox {width:100%;height:100%;overflow:hidden;}
.elem_nH:not(.active) .pxview .brandBox {z-index:1;}
.elem_nH .pxview .open_plus, 
.elem_nH .pxview .subs_plus {position:absolute;right:0;border:0.2rem solid #fff;}
.elem_nH .pxview .open_plus {width:12rem;height:4rem;right:2rem;bottom:8rem;border-radius:3rem;}
.elem_nH .pxview .subs_plus {width:12rem;height:4rem;right:2rem;bottom:2rem;border-radius:0.4rem;}

.elem_nH .pxview .open_plus strong {position:absolute;display:flex;top:0;font-size:1.4rem;text-transform:uppercase;align-items:center;justify-content:center;}
.elem_nH .pxview .open_plus strong:before {content:'+';font-size:3.6rem;font-weight:400;margin:0 1rem;}
.elem_nH .pxview .subs_plus strong {display:flex;flex-direction:row;justify-content:center;font-size:1.4rem;}

.elem_nH .pxview .brandBox:before {content:'Contenido de pago';position:absolute;width:6rem;z-index:1;font-size:1.3rem;line-height:2rem;text-align:end;right:2.5rem;top:7rem;}
.elem_nH .pxview .brandBox:after {content:'';background:url('https://www.rtve.es/css/rtveplay.2021/resources/rtveplay.plus/icono_plus.svg');font-size:6rem;font-weight:300;width:5.6rem;height:5.6rem;text-align:center;top:calc(50% - 2.8rem);left:calc(50% - 2.8rem);right:auto;position:absolute;}

.elem_nH .pxview .pxv_playPlus .ima {width:100%;height:100%;top:auto;right:-50%;bottom:-0.9rem;background:url('https://www.rtve.es/css/rtveplay.2021/resources/rtveplay.plus/haloplus_main.svg') no-repeat 0 100%;opacity:0.65;border-width:0.6rem;}
.elem_nH .pxview .pxv_playPlus .ima .i_logo {display:block;width:9rem;height:auto;top:0.5rem;right:0.5rem;left:auto;}

.elem_nH .pxview .open_plus, .elem_nH .pxview .subs_plus {opacity:0.8;}
.elem_nH .pxview .open_plus:hover, 
.elem_nH .pxview .subs_plus:hover {opacity:1;}
.elem_nH:not(.active) .pxview .open_plus, 
.elem_nH:not(.active) .pxview .subs_plus {opacity:0;}


/* elem_nH active */
.elem_nH.active .pxview .pxv_playPlus, .elem_nH.active .pxview .pxv_playPlus .ima .i_logo {transition:all 0.3s 0.5s;}
.elem_nH.active .pxview .pxv_playPlus {transition-property:width, height, top, bottom, right, opacity;transition-duration:0.3s;transition-delay:0.6s;}
.elem_nH.active .pxview .pxv_playPlus {position:absolute;padding:0;top:-2rem;right:-7%;bottom:auto;width:115%;height:112%;z-index:2;background-color:rgba(17,17,17,0.8);}  
.elem_nH.active .pxview .brandBox:before, 
.elem_nH.active .pxview .brandBox:after {display:none;}
.elem_nH.active .pxview .pxv_playPlus .ima .i_logo {top:3rem;right:25rem;}

/*.elem_nH.active .pxview .pxv_playPlus .ima {top:-1rem;}
.elem_nH .pxview .pxv_playPlus .ima img {right:-12.5rem;left:auto;}*/
.elem_nH.active .pxview .pxv_playPlus .ima img {opacity:0;transition:opacity 0s 0s;}
.elem_nH.active .pxview .pxv_playPlus .ima img {opacity:0.67;transition:opacity 1s 1s;}



/** PLAY PLUS *********************************/
/** END ***************************************/

/** CONTADOR *********************************/
/*********************************************/
.countItem {display:flex;width:100%;flex-direction:column;align-items:center;padding-top:2.4rem;}
.countItem > a {width:auto;bottom:0;}
.countItem > a span {display:block;font-size:1.6rem;line-height:2rem;letter-spacing:1pt;text-transform:uppercase;font-weight:500;
	border-radius:0.4rem;padding:0.8rem 1.6rem;opacity:0.67;}
	.tve .countItem > a span, .rne .container.television .countItem > a span {border:0.2rem solid #fff;}
	.rne .countItem > a span, .tve .container.radio .countItem > a span {border:0.2rem solid #000;}
.countItem > a:hover span {opacity:1;transition:all 0.85s ease-in-out;}
	.tve .countItem > a:hover span, .rne .container.television .countItem > a:hover span {background-color:#fff;color:#000;}
	.rne .countItem > a:hover span, .tve .container.radio .countItem a:hover span {background-color:#000;color:#fff;}
.countItem .numItem {font-size:1.2rem;padding:1rem;}
.countItem .numItem .totalItem:before {content:' de '}

/* progressBox */
.countItem .progressBar, .countItem .progressBar span {border-radius:0.3rem;height:0.6rem;display:block;}
.countItem .progressBar {width:10%;background:#b9b9b9;}
.tve .countItem .progressBar span, .rne .container.television .countItem .progressBar span {background:#fff;}
.rne .countItem .progressBar span, .tve .container.radio .countItem .progressBar span {background:#000;}

/** CONTADOR ***********************************/
/*** END ***************************************/


@media only screen and (min-width:480px){
	/*21 paginas*//*42 elementos*/
	/*.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%;}
	/*tiras de videos normales*//*60 paginas*/
	.hiveBox.slideH .comp_nH.elem_00 {width:6000%;}	
	/*banners 4:1*/
	.comp_xH .txtBox {width:75%;}
	.elem_xH .video_mod .maintitle {width:80%;}
	.elem_xH .video_mod .txtBox p:not(.legend) {display:none;}
}
@media only screen and (min-width:768px){
	/*42 elementos*/
	/*10.5 paginas*/
	/*.hiveBox.slideH .comp_nV.elem_00 {width:1050%;}
	/*14 paginas*/
	/*.hiveBox.slideH .comp_xV.elem_00 {width:1400%;}
	/*21 paginas*//*cuadrados xC*/
	/*.hiveBox.slideH .comp_xC.elem_00 {width:2100%;}
	/**62 elementos**/
	/*10.5 paginas*/
	.hiveBox.slideH .comp_nV.elem_00 {width:1550%;}
	/*14 paginas*/
	.hiveBox.slideH .comp_xV.elem_00 {width:2066%;}
	/*21 paginas*//*cuadrados xC*/
	.hiveBox.slideH .comp_xC.elem_00 {width:3100%;}
	/*tiras de videos normales*//*30 paginas*/
	.hiveBox.slideH .comp_nH.elem_00 {width:3000%;}
	/*banners 4:1*/
	.comp_xH .txtBox {width:67%;}
	.elem_xH .video_mod .maintitle {width:100%;}
	.elem_xH .video_mod .txtBox p:not(.legend) {display:block;}
}
@media only screen and (min-width:1024px){
	/** 42 elementos**/
	/*8.4 paginas*/
	/*.hiveBox.slideH .comp_nV.elem_00 {width:840%;}
	/*10.5 paginas*/
	/*.hiveBox.slideH .comp_xV.elem_00 {width:1050%;}
	/*14 paginas*//*cuadrados xC*/
	/*.hiveBox.slideH .comp_xC.elem_00 {width:1400%;}
	/** 62 elementos**/
	/*8.4 paginas*/
	.hiveBox.slideH .comp_nV.elem_00 {width:1240%;}
	/*10.5 paginas*/
	.hiveBox.slideH .comp_xV.elem_00 {width:1550%;}
	/*14 paginas*//*cuadrados xC*/
	.hiveBox.slideH .comp_xC.elem_00 {width:2066%;}

	/*tiras de videos normales*//*20 paginas*/
	.hiveBox.slideH .comp_nH.elem_00 {width:2000%;}
	/*banners 4:1*//*videos*/
	.elem_xH .ima .i_prvw {width:auto;left:calc(50% + 4.6rem);top:50%;transform:translateX(-50%) scale(1.75);}
	.elem_xH.active .ima .i_prvw {transform:translate(-40%, -35%) scale(1.5);}
	.elem_xH.active .video_mod .ima:before {transform:translateX(17%);}
}
@media only screen and (min-width:1280px){
	/*banners 4:1*/
	.comp_xH .txtBox {width:50%;}
	.elem_xH .ima .i_prvw {width:auto;left:calc(50% + 4.6rem);top:50%;transform:translateX(-50%) scale(2.25);}
	.elem_xH.active .ima .i_prvw {transform:translate(-10%, -35%) scale(1.5);}
	.elem_xH.active .video_mod .ima:before {transform:translateX(62%);}
}
@media only screen and (min-width:1440px){
	/**42 elementos **/
	/*6 paginas*/
	/*.hiveBox.slideH .comp_nV.elem_00 {width:600%;}
	/*7 paginas*//*columnas*/
	/*.hiveBox.slideH .comp_xV.elem_00 {width:700%;}
	/*10.5 paginas*//*cuadrados xC*/
	/*.hiveBox.slideH .comp_xC.elem_00 {width:1050%;}
	/**62 elementos**/
	/*6 paginas*/
	.hiveBox.slideH .comp_nV.elem_00 {width:886%;}
	/*7 paginas*//*columnas*/
	.hiveBox.slideH .comp_xV.elem_00 {width:1033%;}
	/*10.5 paginas*//*cuadrados xC*/
	.hiveBox.slideH .comp_xC.elem_00 {width:1550%;}

	/*tiras de videos normales*//*15 paginas*/
	.hiveBox.slideH .comp_nH.elem_00 {width:1500%;}
	
}
@media only screen and (min-width:1600px){
	/*banners 4:1*/
	.monoBox.comp_xH .ima .i_logo {left:4.6rem;top:0;transform:none;}
	.elem_xH .video_mod .maintitle {width:120%;}
	.monoBox.comp_xH .txtBox .pretitle {display:none;}
	
}
@media only screen and (min-width:1920px){
	/**42 elementos**/
	/*4.6 paginas*//*carteles normales*/
	/*.hiveBox.slideH .comp_nV.elem_00 {width:466.6666667%;}
	/*7 paginas*//*columnas*/
	/*.hiveBox.slideH .comp_xV.elem_00 {width:700%;}
	/*8.4 paginas*//*cuadrados xC*/
	/*.hiveBox.slideH .comp_xC.elem_00 {width:840%;}
	/**62 elementos**/
	/*4.6 paginas*//*carteles normales*/
	.hiveBox.slideH .comp_nV.elem_00 {width:689%;}
	/*7 paginas*//*columnas*/
	.hiveBox.slideH .comp_xV.elem_00 {width:1033%;}
	/*8.4 paginas*//*cuadrados xC*/
	.hiveBox.slideH .comp_xC.elem_00 {width:1240%;}
	/*tiras de videos normales*//*12 paginas*/
	.hiveBox.slideH .comp_nH.elem_00 {width:1200%;}
}

/*solo grids*/
@media only screen and (min-width:480px){
	.grid_Box .grid_V .comp_nH .elem_nH {width:calc(100%/2);}	
	}
@media only screen and (min-width:768px){
	.grid_Box .grid_V .comp_nH .elem_nH {width:calc(100%/2.5);}	
	}
@media only screen and (min-width:1024px){
	.grid_Box .grid_V .comp_nH .elem_nH {width:calc(100%/3);}	
	}
@media only screen and (min-width:1280px){	
	.grid_Box .grid_V .comp_nH .elem_nH {width:calc(100%/3.5);}
	}
@media only screen and (min-width:1440px){
	.grid_Box .grid_V .comp_nH .elem_nH {width:calc(100%/4);}	
	}
@media only screen and (min-width:1600px){
	.grid_Box .grid_V .comp_nH .elem_nH {width:calc(100%/4.5);} 	
	}
@media only screen and (min-width:1920px){
	.grid_Box .grid_V .comp_nH .elem_nH {width:calc(100%/4.75);}
	}
@media only screen and (min-width:2200px){
	.grid_Box .grid_V .comp_nH .elem_nH {width:calc(100%/6);}
	}

/*extremos nV*/
.slideH .elem_nV.active {transition:all 0.3s 0.5s;}
.slideH .elem_nV:first-of-type.active {transform:translateX(80%);}
@media only screen and (min-width:768) and (max-width:1023px){
	.slideH .elem_nV:nth-of-type(3n+1).active {transform:translateX(80%);}
	.slideH .elem_nV:nth-of-type(3n).active {transform:translateX(-80%);}
}
@media only screen and (min-width:1024px) and (max-width:1439px){
	.slideH .elem_nV:nth-of-type(5n+1).active {transform:translateX(80%);}
	.slideH .elem_nV:nth-of-type(5n).active {transform:translateX(-80%);}
}
@media only screen and (min-width:1440px) and (max-width:1919px){
	.slideH .elem_nV:nth-of-type(7n+1).active {transform:translateX(80%);}
	.slideH .elem_nV:nth-of-type(7n).active {transform:translateX(-80%);}
}
/*extremos xV*/
.slideH .elem_xV.active {transition:all 0.3s 0.5s;}
.slideH .elem_xV:first-of-type.active {transform:translateX(calc(60% - 4.8rem));}

@media only screen and (min-width:768px) and (max-width:1023px){
	.slideH .elem_xV:nth-of-type(3n+1).active {transform:translateX(calc(60% - 4.8rem));}
	.slideH .elem_xV.active:nth-of-type(3n) {transform:translateX(calc(-60% + 4.8rem));}
}
@media only screen and (min-width:1024px) and (max-width:1439px){
	.slideH .elem_xV:nth-of-type(4n+1).active {transform:translateX(calc(60% - 4.8rem));}
	.slideH .elem_xV.active:nth-of-type(4n) {transform:translateX(calc(-60% + 4.8rem));}
}
@media only screen and (min-width:1440px) {
	.slideH .elem_xV:nth-of-type(6n+1).active {transform:translateX(calc(60% - 4.8rem));}
	.slideH .elem_xV:nth-of-type(6n).active {transform:translateX(calc(-60% + 4.8rem));}
}