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

/*ocultamos*/
.hddn_desktp {display:none !important;}
.emisoff .mainElem .auxBox .canal {display:none;}

body.rne {padding-top:6rem;}

.bodier > .stripinbox {width:calc(100% - 9.6rem);}

.monoBox.elem_00 .ima,.monoBox.elem_00 .content,
.monoBox .mainBox,.mainSlide,a,body[class*="pf"] .slideNav {border-style:solid;border-color:transparent;border-width:0;}

.mainheader {z-index:1;}
.mainbodier {position:relative;z-index:0;}

/** IMAGENES GENERICAS **************************/
/************************************************/
.monoBox .mainBox .ima {width:100%;height:100%;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.monoBox .ima img:not(.i_logo) {height:100%;object-fit:cover;object-position:center center;background-color:#3f4f4f;}
.monoBox .ima .i_logo {top:auto;bottom:0;transform:translateY(-10%);}

/*iconos*/
[class*="icon"] .rtve-icons {opacity:0.67;}
[class*="icon"]:hover .rtve-icons {opacity:1;}
/*iconos add listas + favoritos*/
[class*='favor']:hover .rtve-icons,[class*='bmark']:hover .rtve-icons {background-position:50% 100%;}

/*iconos con etiquetas*/
.tooltip strong {position:absolute;white-space:nowrap;bottom:-2rem;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;}
.tooltip .rtve-icons:hover {cursor:pointer;}
.tooltip .rtve-icons:hover + strong {opacity:1;color:#302c2b;visibility:visible;}
	.tve .tooltip .rtve-icons:hover + strong {color:#fff;}

/*panel opciones desplegado*/
.toolBox {position:absolute;display:none;z-index:2;}
	.tve .toolBox {background-color:rgba(0,0,0,0.85);}
	.rne .toolBox {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 );
	}
.toolBox.be_on {display:block;}
	.mainElem .toolBox.be_on,.mainElem .icon-label.extra:hover {z-index:5;}
.toolBox ul {display:flex;flex-direction:column;justify-content:center;padding:1.6rem;}
.toolBox li {text-align:left;padding:0.8rem 0 0.8rem 0.8rem;}
	.mainElem .toolBox li {text-align:right;}
.toolBox .rtve-icons {width:2.8rem;height:2.8rem;display:inline-block;}
.toolBox li .rtve-icons {float:left;margin:0 1.2rem 0 0;}
	.mainElem .toolBox li .icon {flex-direction:row-reverse;}
	.mainElem .toolBox li .rtve-icons {float:right;margin:0 0 0 1.2rem;}
.toolBox li strong {font-size:1.3rem;line-height:calc(2.8rem / 2);opacity:0.67;word-spacing:-0.5pt;}
	.tve .toolBox li strong {color:#fff;font-weight:300;}
	.rne .toolBox li strong {color:#302c2b;font-weight:400;}
.toolBox li [class*="_del"] strong {font-weight:500;}
.toolBox li > .icon {cursor:pointer;display:inline-flex;align-items:center;}
.toolBox li > .icon:hover strong {opacity:1;}

/*panel deplegable temporadas*/
.selBox .toolBox ul.elem17 {max-height: 29rem;}
.selBox .toolBox ul.elem18 {max-height: 29rem;}
.selBox .toolBox ul.elem19 {max-height: 29rem;}
.selBox .toolBox ul.elem20 {max-height: 29rem;}
.selBox .toolBox ul.elem21 {max-height: 34rem;}
.selBox .toolBox ul.elem22 {max-height: 34rem;}
.selBox .toolBox ul.elem23 {max-height: 34rem;}
.selBox .toolBox ul.elem24 {max-height: 34rem;}

/*capa de compartir en redes*//*blindBox dentro de blinBox*/
.toolBox .share + .blindBox {position:absolute;width:100%;height:100%;left:0;top:0;display:none;z-index:1;}
	.tve .toolBox .share + .blindBox {background:#111;}
	.rne .toolBox .share + .blindBox {background:#fff;}
.toolBox .share + .blindBox.be_on {display:flex;flex-direction:column;justify-content:center;}

/** LADILLOS DE SECCION *************************/
/************************************************/
.secBox {padding:2.4rem 4.8rem 0 4.8rem;float:left;position:relative;}
/*.secBox:after {content:'';width:calc(100vw - 9.6rem);height:0;display:inline-block;border-bottom:0.1rem dotted gray;}*/
.secBox + div {display:inline-block;width:100%;}
.secBox strong {font-size:2rem;line-height:2.8rem;float:left;}
	.tve .secBox strong {color:#fff;}
	.rne .secBox strong {color:#302c2b;}
.secBox strong,.secBox strong a {font-weight:500;display:inline-block;}
.secBox a:hover {border-color:#fff;}
.fila[data-pos="1"][data-tipo="mod_collection_live-grid"] .secBox {display:none;}
.secBox .subtitle {font-weight:100;text-transform:uppercase;font-size:1.5rem;line-height:3rem;padding-left:1rem;}
/** LADILLOS DE SECCION *************************/
/** END *****************************************/

/** SELECTORES **********************************/
/** *********************************************/
.secBox .selBox {width:3.2rem;height:3.2rem;margin-top:-0.2rem;display:inline-block;}
	.secBox .byside {margin-left:0.8rem;}
	.selBox .toolBox {box-shadow:-1.6rem 1.6rem 3.2rem rgba(0,0,0,0.5);border:0.1rem solid #fff;background-color:#000;} 
	.selBox .toolBox ul {flex-wrap:wrap;padding:2.4rem;}
		.toolBox ul {max-height:24rem;min-width:26rem;position:relative;}
		/*anadido nuevo peticion: Santiago*/ .tve .share +.blindBox ul {display: block;-webkit-column-count:2; -moz-column-count: 2; column-count: 2;}
											 .rne.pfaudio .share +.blindBox ul {display: block;-webkit-column-count:2; -moz-column-count: 2; column-count: 2;}
		.toolBox .elem17,.toolBox .elem18,.toolBox .elem19,.toolBox .elem20,.toolBox .elem21 {max-height:28.8rem;}
	.selBox .toolBox {width:220%;
		top:6.8rem;margin-left:-3.2rem;}
	/*icono*/
	.selBox .tooltip {display:inline-block;position:absolute;width:calc(100% - 9.6rem);right:0;left:4.8rem;}
	.selBox .rtve-icons {float:right;width:3.2rem;height:3.2rem;padding-top:3.2rem;overflow:hidden;background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_down.svg');}
	.selBox .slidB .rtve-icons {transition:all 0.3s;}
	.selBox .active.slidB .rtve-icons {transform:rotate(180deg);}

.selBox li span {font-size:1.6rem;display:inline-block;line-height:3.2rem;}
.selBox li.active span {font-weight:400;}
/*.selBox li span {color:#ababab;}
.selBox .rtve-icons,.selBox li.active span,.selBox li a:hover span {color:#fff;}*/


.selBox input:checked ~ .blindBox {z-index:3;}
.selBox input + .icon {z-index:3;}
.selBox li:last-of-type span:before,
.selBox input:checked ~ .blindBox li span:before {display:none;}

/*puntero-superior*/
.selBox .toolBox:after,
.selBox .toolBox:before {position:absolute;top:0;left:4.7rem;border:0 solid transparent;content:'';height:0;width:0;}
.selBox .toolBox:before {border-bottom-color:#fff;border-width:0 1.6rem 1.6rem 1.6rem;top:-1.6rem;margin-left:-1.6rem;}
.selBox .toolBox:after {border-bottom-color:#000;border-width:0 1.4rem 1.4rem 1.4rem;top:-1.4rem;margin-left:-1.4rem;}



/** SELECTORES **********************************/
/** END *****************************************/

/** FORMULARIOS *********************************/
/************************************************/
/*estilo moderno*/
.formBox.modern .inputBox {position:relative;float:left;}
.formBox.modern label,.formBox.modern input {background:transparent;color:#fff;width:100%;}
.formBox.modern label,.formBox.modern input:not(.label) {font-size:1.6rem;line-height:3.2rem;height:3.2rem;}
.formBox.modern .inputBox label,.formBox.modern .inputBox input {border-bottom:0.1rem solid #fff;}
.formBox.modern input:not(.label) {font-weight:300;}
.formBox.modern label {display:inline-block;font-weight:500;letter-spacing:0.5pt;opacity:0.5;position:absolute;bottom:0;z-index:1;}
.formBox.modern .inputBox input {opacity:0;}

/*estados activos*/
.formBox.modern .inputBox * {transition:opacity 0.3s,bottom 0.3s,font-size 0.3s;}
.formBox.modern .selected label,.formBox.modern .selected input {opacity:1;}
.formBox.modern .selected label {font-size:1.2rem;bottom:3.2rem;border-color:transparent;}

/*selector de capitulos*/
.seasonBox .collSet {width:100%;display:inline-block;}
.seasonBox .formBox,.seasonBox form,.seasonBox fieldset {display:flex;flex-direction:row;justify-content:flex-end;}
.seasonBox .formBox {width:auto;padding:2rem 4rem 0 0;background:rgba(17,17,17,0.85);}
.formBox.modern .inputBox,.seasonBox .butt {margin:0 0.8rem;}
.seasonBox .inputBox {width:10.6rem;}
.seasonBox fieldset .inputBox {width:15.2rem;}

.formBox.modern input[type=number] {}
.formBox.modern input[type=date] {position:relative;}
input[type=date]::-webkit-calendar-picker-indicator {background-color:red;
	height:32px;background-position:50%;
	width:24px;position:absolute;right:0;padding:0;}

.formBox.modern .inputBox label,input[type=date]::-webkit-calendar-picker-indicator,.seasonBox .butt input {cursor:pointer;}

/*caja de resultados*/
.seasonBox .formBox,.seasonBox .grid {position:relative;}
.seasonBox .resulBox {position:absolute;top:0;left:0;background:rgba(17,17,17,0.85);width:100%;height:100%;padding-top:5.6rem;}

.seasonBox .resulBox {z-index:-1;opacity:0;}
.seasonBox .formBox {z-index:4;}
.seasonBox .resulBox.active {z-index:3;opacity:1;}



/** FORMULARIOS *********************************/
/** END *****************************************/

/** BREADCRUMBS *********************************/
/************************************************/
.breadCrumbs {padding-top:8rem;text-align:center;}
.breadCrumbs span,.breadCrumbs strong {padding:0.4rem 0;display:inline-block;opacity:0.67;font-size:1.6rem;line-height:2rem;text-transform:uppercase;font-weight:300;letter-spacing:1pt;}
.breadCrumbs span {position:relative;}
.breadCrumbs span:after {content:'';width:0.8rem;height:0.8rem;display:inline-block;border-style:solid;border-color:#fff;border-width:0.1rem 0.1rem 0 0;
transform:translateY(-50%) rotate(45deg);position:absolute;right:-1.6rem;top:50%;}
/*enlaces del pie*/
.breadCrumbs span,.breadCrumbs strong,.breadCrumbs a {display:inline-block;}
.breadCrumbs a {margin:0 2.8rem 0 0;}
.breadCrumbs a:after {display:block;content:'';height:0;border-bottom:0.2rem solid #fff;transform:scale(0);}
.breadCrumbs a:hover:after {transform:scale(1);}
.breadCrumbs a:after {transition:all 0.3s;}
.breadCrumbs a:hover span {opacity:1;}
/** BREADCRUMBS *********************************/
/** END *****************************************/

/** BOTONES *************************************/
/************************************************/
.butt {opacity:0.67;transition:all 0.3s;}
.butt:hover {background-color:#fff;opacity:1;}
.butt:hover .label {color:#000;}
/** BOTONES *************************************/
/** END *****************************************/


/**GENERAL COLORES MIREIA*********************************/
/***general tv ******************************************/

.tve .selBox li span {color:#ababab;}
.tve .selBox .rtve-icons,.tve .selBox li.active span,.tve .selBox li a:hover span {color:#fff;}

/***general radio ******************************************/

.rne .selBox li span {color:#111;}
.rne .selBox .rtve-icons,.rne .selBox li.active span,.rne .selBox li a:hover span {color:#111;}

/** POSICIONANDO ONE TRUST ***************/
/*****************************************/
#onetrust-consent-sdk {position:relative;width:calc(100% - 9.2rem);left:4.6rem;}
	.rtveplay.tve #onetrust-consent-sdk {bottom:6rem;}
	.rtveplay.rne #onetrust-consent-sdk {bottom:24rem;height:0;}
.rtveplay #ot-sdk-btn-floating.ot-floating-button {position:relative;bottom:0;left:0;width:4rem;height:4rem;left:50% !important;transform:translateX(-50%);z-index:5;}
.rtveplay #ot-sdk-btn-floating .ot-floating-button__front {border-radius:0;background:transparent;}
.rtveplay #ot-sdk-btn-floating .ot-floating-button__front,#ot-sdk-btn-floating .ot-floating-button__back {box-shadow:none;}
.rtveplay #ot-sdk-btn-floating.ot-floating-button button {opacity:0.34;}
.rtveplay #ot-sdk-btn-floating.ot-floating-button button:hover {opacity:1;}
/** POSICIONANDO ONE TRUST ***************/
/** END **********************************/