@charset 'UTF-8';
@import url('/css/rtve.2019/rtve.commons/rtve.modules/rtve.slides/colmena.basics.css');

/*ocultmaos las imagenes que no vamos a usar*/
.comp_3V .serie_mod .ima img:nth-of-type(1),
.comp_3V .serie_mod .ima img:nth-of-type(2),
.comp_1H_2C_2C_1H .serie_mod .ima img:last-of-type {display:none;}


.cellBox {float:left;}
.cellBox .mod,.cellBox .mainBox,.cellBox .mod > a,.combBox .ima {width:100%;height:100%;display:block;}
.cellBox .txtBox {height:auto;}
li:not(.comp_1H) .cellBox .txtBox {width:100%;}
/*las imagenes NO tienen formato por defecto*/
.combBox .ima {overflow:hidden;}
.combBox .ima img {left:auto;top:auto;bottom:0;}
.combBox .ima img[src*='logo'] {border-color:transparent;border-style:solid;}

.hiveBox .mod:not(.serie_mod) .maintitle {text-align:left;}
.cellBox .mod .txtBox {padding:8rem 2rem 2rem 2rem;}
.cellBox .mod .txtBox * {color:#fff;}
.cellBox .mod:not(.serie_mod) .txtBox {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
	}
.cellBox .txtBox .pretitle {text-transform:uppercase;letter-spacing:1pt;font-weight:400;}
.cellBox .txtBox .maintitle {font-weight:300;}
.cellBox .txtBox p {font-weight:300;}

.grid .hiveBox.slideH {padding:0 12.5%;}
.wariaType .controlBox span[role="button"] {width:12.5%;}
.slideNew .slideH {overflow:hidden;}
.JSfree .slideH {overflow-x:auto;}
.slideNew .slideH .combBox > li {float:left;}

 [data-numpages='1'] .hiveBox .combBox {width:100%;}
 [data-numpages='1'] .hiveBox .combBox > li {width:100%;}
 [data-numpages='2'] .hiveBox .combBox {width:200%;}
 [data-numpages='2'] .hiveBox .combBox > li {width:50%;}
 [data-numpages='3'] .hiveBox .combBox {width:300%;}
 [data-numpages='3'] .hiveBox .combBox > li {width:33.333333333333333333333333333333%;}
 [data-numpages='4'] .hiveBox .combBox {width:400%;}
 [data-numpages='4'] .hiveBox .combBox > li {width:25%;}
 [data-numpages='5'] .hiveBox .combBox {width:500%;}
 [data-numpages='5'] .hiveBox .combBox > li {width:20%;}
 [data-numpages='6'] .hiveBox .combBox {width:600%;}
 [data-numpages='6'] .hiveBox .combBox > li {width:16.666666666666666666666666666667%;}
 [data-numpages='7'] .hiveBox .combBox {width:700%;}
 [data-numpages='7'] .hiveBox .combBox > li {width:14.285714285714285714285714285714%;}
 [data-numpages='8'] .hiveBox .combBox {width:800%;}
 [data-numpages='8'] .hiveBox .combBox > li {width:12.5%;}
 [data-numpages='9'] .hiveBox .combBox {width:900%;}
 [data-numpages='9'] .hiveBox .combBox > li {width:11.111111111111111111111111111111%;}
[data-numpages='10'] .hiveBox .combBox {width:1000%;}
[data-numpages='10'] .hiveBox .combBox > li {width:10%;}
[data-numpages='11'] .hiveBox .combBox {width:1100%;}
[data-numpages='11'] .hiveBox .combBox > li {width:9.0909090909090909090909090909091%;}
[data-numpages='12'] .hiveBox .combBox {width:1200%;}
[data-numpages='12'] .hiveBox .combBox > li {width:8.3333333333333333333333333333333%;}
[data-numpages='13'] .hiveBox .combBox {width:1300%;}
[data-numpages='13'] .hiveBox .combBox > li {width:7.6923076923076923076923076923077%;}
[data-numpages='14'] .hiveBox .combBox {width:1400%;}
[data-numpages='14'] .hiveBox .combBox > li {width:7.1428571428571428571428571428571%;}
[data-numpages='15'] .hiveBox .combBox {width:1500%;}
[data-numpages='15'] .hiveBox .combBox > li {width:6.6666666666666666666666666666667%;}
[data-numpages='16'] .hiveBox .combBox {width:1600%;}
[data-numpages='16'] .hiveBox .combBox > li {width:6.25%;}
[data-numpages='17'] .hiveBox .combBox {width:1700%;}
[data-numpages='17'] .hiveBox .combBox > li {width:5.8823529411764705882352941176471%;}
[data-numpages='18'] .hiveBox .combBox {width:1800%;}
[data-numpages='18'] .hiveBox .combBox > li {width:5.5555555555555555555555555555556%;}
[data-numpages='19'] .hiveBox .combBox {width:1900%;}
[data-numpages='19'] .hiveBox .combBox > li {width:5.2631578947368421052631578947368%;}
[data-numpages='20'] .hiveBox .combBox {width:2000%;}
[data-numpages='20'] .hiveBox .combBox > li {width:5%;}

/* 40 elementos */
[data-form-type="colmena"] .hiveBox .combBox {width:4000%;}
[data-form-type="colmena"] .hiveBox .combBox > li {width:2.5%;}

/** 1 ELEMENTO **********************************/
/************************************************/
.comp_1H .cellBox {width:100%;}
.comp_1H .cellBox .txtBox,.comp_1H .mod .ima img:nth-of-type(2) {width:34%;}
.comp_1H .cellBox .txtBox {background:rgba(0,0,0,0.3);padding-bottom:16rem;padding-left:2.4rem;}
.type_mixture:not(.comp_1H) .cellBox .txtBox p {display:none;}
.comp_1H .cellBox .txtBox p {padding:2.4rem 0;}
.comp_1H .cellBox .mod {padding-top:52%;}
.comp_1H .mod .ima img:nth-of-type(2) {width:auto;max-height:16rem;border-width:0 6rem 0 0;opacity:0.8;padding-left: 2.4rem;}
/** 1 ELEMENTO **********************************/
/** END *****************************************/

/** 3 ELEMENTOS *********************************/
/************************************************/
.comp_3V .cellBox {width:33.333333333333333333333333333333%;}
.comp_3V .cellBox .mod {padding-top:156%;}
.comp_3V .serie_mod .ima img:last-of-type {height:100%;width:auto;left:-3.875%;}
/** 3 ELEMENTOS *********************************/
/** END *****************************************/

/** 6 ELEMENTOS *********************************/
/** condicionamos la estructura a > 1024px ******/
/************************************************/
.comp_1H_2C_2C_1H .cellBox {width:26%;}
.comp_1H_2C_2C_1H .cellBox .mod {padding-top:100%;}
.comp_1H_2C_2C_1H .cellBox:nth-of-type(1),.comp_1H_2C_2C_1H .cellBox:nth-of-type(6) {width:48%;}
.comp_1H_2C_2C_1H .cellBox .mod:not(.serie_mod) {padding-top:54.166666666666666666666666666667%;}
/*imagenes de preview*/
.comp_1H_2C_2C_1H .mod:not(.serie_mod) .ima img:first-of-type {top:-1.852%;}
/*imagenes logos*/
.comp_1H_2C_2C_1H .mod:not(.serie_mod) .ima img:nth-of-type(2) {width:auto;max-height:10rem;height:34%;border-width:0 0.8rem;}
.comp_1H_2C_2C_1H .serie_mod .ima {display:flex;align-items:center;justify-content:center;}
.comp_1H_2C_2C_1H .serie_mod .ima img:nth-of-type(2) {/*width:62.5%;*/width:auto;max-height:10rem;border-width:0 0.8rem;}
/*ajustes de textos*/
.comp_1H_2C_2C_1H .mod:not(.serie_mod) .txtBox > * {width:100%;padding-right:34%;/*display:inline-block;*/}
.comp_1H_2C_2C_1H .mod:not(.serie_mod) .pretitle {white-space:nowrap;}
/** 6 ELEMENTOS *********************************/
/** END *****************************************/


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


.wariaType .controlBox .back_.be_on:before {left:0;
background: -moz-linear-gradient(left,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000',GradientType=1 );
}
.wariaType .controlBox .next_.be_on:before {right:0;
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=1 );
}

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

[data-numpages='1'] .wariaType .controlBox {display:none;}

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


.cellBox .mod,.combBox .ima,
.slideNew {position:relative;}
.cellBox .mod > a,.cellBox .txtBox,
.wariaType .controlBox span[role="button"] {position:absolute;}

.wariaType .controlBox span[role="button"] {top:0;}

.wariaType .controlBox .back_ {left:0;}
.wariaType .controlBox .next_ {right:0;}

.cellBox .mod > a,.combBox .ima {left:0;top:0;}

.comp_1H_2C_2C_1H .mod:not(.serie_mod) .ima img:nth-of-type(2) {right:0;}
/*.comp_1H_2C_2C_1H .serie_mod .ima img:nth-of-type(2) {left:50%;margin-left:-31.25%;}*/


.cellBox .txtBox {left:0;bottom:0;}


.cellBox .mod:not(.serie_mod) .txtBox,.combBox .ima img[src*='logo'] {z-index:1;}
.wariaType .controlBox span[role="button"] {z-index:2;}


/* ajuste z-index txtBox - vilynx */
.comp_1H_2C_2C_1H .cellBox:nth-of-type(2) .txtBox[style="z-index: 2;"],
.comp_1H_2C_2C_1H .cellBox:nth-of-type(3) .txtBox[style="z-index: 2;"],
.comp_1H_2C_2C_1H .cellBox:nth-of-type(4) .txtBox[style="z-index: 2;"],
.comp_1H_2C_2C_1H .cellBox:nth-of-type(5) .txtBox[style="z-index: 2;"],
.comp_3V .cellBox .mod .txtBox[style="z-index: 2;"] {z-index:0!important;}

/* sombreado logos */
.comp_1H_2C_2C_1H .cellBox:nth-child(2) .ima:before,
.comp_1H_2C_2C_1H .cellBox:nth-child(3) .ima:before,
.comp_1H_2C_2C_1H .cellBox:nth-child(4) .ima:before,
.comp_1H_2C_2C_1H .cellBox:nth-child(5) .ima:before {content:"";display:block;position:absolute;top:auto;bottom:0;width:100%;height:30%;z-index:1;
  background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
  background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%);
  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}




@media (min-width:1400px) {

}


/*
@media (max-width:1439px) {
.grid .hiveBox.slideH {padding:0 5%;}
.wariaType .controlBox span[role="button"] {width:5%;}
}

@media (max-width:1599px) {
.grid .hiveBox.slideH {padding:0 12.5%;}
.wariaType .controlBox span[role="button"] {width:12.5%;}
}
*/
@media (min-width:1600px) {
.grid .hiveBox.slideH {padding:0 15%;}
.wariaType .controlBox span[role="button"] {width:15%;}
}
/*
@media (min-width:1760px) {
.grid .hiveBox.slideH {padding:0 20%;}
.wariaType .controlBox span[role="button"] {width:20%;}
}
@media (min-width:1920px) {
.grid .hiveBox.slideH {padding:0 25%;}
.wariaType .controlBox span[role="button"] {width:25%;}
}*/


@media (max-width:1919px) {
	.combBox .cellBox .txtBox .pretitle {font-size:1.4rem;line-height:2rem;padding-bottom:0.6rem;}
	.combBox .cellBox .txtBox .maintitle {font-size:2.4rem;line-height:2.8rem;}
	.comp_1H .cellBox .txtBox .maintitle {font-size:3.2rem;line-height:3.6rem;}
	.cellBox .txtBox p {font-size:1.6rem;line-height:2.4rem;}
}
@media (min-width:1920px) {
.wariaType .controlBox span[role="button"] img {width:12rem;}
	.comp_1H .cellBox .txtBox,.comp_1H .mod .ima img:nth-of-type(2) {width:30%;}
	.comp_1H .cellBox .txtBox {padding-bottom:15%;}
	.combBox .cellBox .txtBox .pretitle {font-size:2rem;line-height:2.4rem;padding-bottom:0.8rem;}
	.combBox .cellBox .txtBox .maintitle {font-size:3.2rem;line-height:3.8rem;}
	.comp_1H .cellBox .txtBox .maintitle {font-size:4.4rem;line-height:5.2rem;}
	.cellBox .txtBox p {font-size:1.7rem;line-height:2.4rem;}
}

/*ajuste porcentaje*/
.comp_1H_2C_2C_1H.elem_06 .cellBox:nth-of-type(4) {clear:left;}

/*hueco spinner*/
.spinnBox {position:relative;top:0;left:0;padding-top: 36.91%;background:transparent;}
.spinnBox.hddn {padding-top:0;}