/***personajes***/
.person .list-pers [name="personajes"], .person .list-pers [name="personajes"] ~ label .mainBox {position:absolute;top:auto;left:0;bottom:0;overflow:hidden;height:100%;width:100%;transform:scale(0,0);transition:.3s all ease-out;z-index:2;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox{cursor:pointer;background-size:auto 100%;box-shadow:0 0 1rem 0.2rem rgba(0,0,0,0.3);transform:scale(1,1);}
.person .list-pers [name="personajes"]:checked ~ label .mainBox:after{content:'';display:block;width:2.3rem;height:2.3rem;background:url('../i/btn_close.png') no-repeat;position:absolute;top:0;right:0;border:3rem solid transparent;} /*CAMBIOS*/

/*position*/
.person li:not(.no-active) .chipBox {cursor:pointer;}
.person .chipBox, .person .list-pers {position:relative}

/*Fondo*/
.wrapper.bodier{background-image:url('/css/rtve.2018.deportes/mundial-rusia-2018-TE_SMUFU18/fichas_jugadores/i/fondo.jpg');background-size:auto;background-position:top;background-repeat:no-repeat;} /*CAMBIOS*/
.container.person .grid {background-color:transparent;}

/**************Personajes principal**************/
.container.person .grid .gridBox .list-pers li:nth-child(-n+4) {width:25%;padding:0 5% 2rem 5%;}
.container.person .grid .gridBox .list-pers li.pers5{clear:left;}
.container.person .grid .gridBox .list-pers li{width:11.11111%;display:inline-block;float:left; padding:0 1%;box-sizing:border-box;}

/*Img*/
.container.person .grid .gridBox .list-pers li .chipBox .img img {width:100%;display:block;margin:0 auto;}

/*Texto*/
.person .list-pers [name="personajes"] ~ label .chipBox p {width:100%;font-weight:300;font-size:1.4rem;line-height:1.3;z-index:1;text-align:center;margin:0;color:#f6f1ec;}

.person .list-pers li.pers1 [name="personajes"] ~ label .chipBox p,
.person .list-pers li.pers2 [name="personajes"] ~ label .chipBox p,
.person .list-pers li.pers3 [name="personajes"] ~ label .chipBox p,
.person .list-pers li.pers4 [name="personajes"] ~ label .chipBox p{font-size:1.8rem;}

.person .list-pers [name="personajes"] ~ label .chipBox p strong {display:block;text-transform:uppercase;position:relative;padding-bottom:1rem} /*CAMBIOS*/
.person .list-pers [name="personajes"] ~ label .chipBox p strong:after{content:'';position:absolute;width:100%;background-image:url('/css/rtve.2018.deportes/mundial-rusia-2018-TE_SMUFU18/fichas_jugadores/i/separador.png');background-repeat:no-repeat;background-position:bottom center;height:.8rem;left:0;bottom:0;padding:1rem 0;} /*NUEVO*/

/**************Ficha personajes**************/
.person .list-pers [name="personajes"]:checked ~ label .mainBox{padding:2rem 0;background-image:url('/css/rtve.2018.deportes/mundial-rusia-2018-TE_SMUFU18/fichas_jugadores/i/fondo_ficha.jpg');background-size:auto;background-position:top;background-repeat:no-repeat;top:0;bottom:auto;height:auto;} /*CAMBIOS*/
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .mediaBox{width:40%;float:left;margin-bottom:0;height:0;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .mediaBox .ima{background-color: transparent;padding-top:133.25%;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .mediaBox .ima img{width:auto;height:80%;padding:0 0 5% 12.5%;}

/*Texto*/
.container.person .list-pers .mainBox .contentBox *{color:#f6f1ec;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox{width:60%;float:right;position:relative;padding:2rem 3rem 2rem 2rem;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .txtBox{background-color:#015ea4;width:max-content;padding:.75rem;margin-bottom:2rem;} /*CAMBIOS*/
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .txtBox,
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .auxBox{margin-top:0;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .txtBox span,
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .txtBox strong{display:inline-block;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .auxBox p{font-size:1.6rem;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .info_extra{padding:0;}
.container.person .list-pers .mainBox .contentBox .txtBox strong {font-size:3.1rem;text-transform:uppercase;}
.container.person .list-pers .mainBox .contentBox .txtBox span{font-size:3.1rem;display:block;}

/*Linea separatoria*/
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .txtBox strong:after{content:'-';position:relative;display:inline-block;padding:0 .75rem;font-size:3rem;font-weight:400;}

/*Lista*/
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .auxBox .info .info_extra{padding:2rem 0;width:60%;margin:2rem 20% 0 20%;background-image:url('/css/rtve.2018.deportes/mundial-rusia-2018-TE_SMUFU18/fichas_jugadores/i/img_datos.png');background-size:contain;background-position:left;background-repeat:no-repeat;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .auxBox .info .info_extra li{text-align:center;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .auxBox .info .info_extra li:before{content:'';}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .info_extra li{list-style:none;display:block;float:none;width:100%;padding:.2rem 0;font-size:1.2rem;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .info_extra li span{font-weight:bold;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .info_extra li:nth-child(odd){
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.48) 20%, rgba(0,0,0,0.5) 21%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.48) 20%,rgba(0,0,0,0.5) 21%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.48) 20%,rgba(0,0,0,0.5) 21%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .info_extra li{font-size: 1.8rem;font-weight:300;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox .infoBox .contentBox .info_extra li span{font-weight:500;}

/*Aspa cerrar*/
.person .list-pers [name="personajes"]:checked ~ label .mainBox:after{background:url('/css/rtve.2018.deportes/mundial-rusia-2018-TE_SMUFU18/fichas_jugadores/i/aspa_cierre.png') no-repeat}

/*Titulo*/
.container.person .grid .gridBox{padding:12rem 0 3rem 0;}
.container.person .grid .gridBox:before{content:'Estrellas';position:absolute;width:100%;top:0;padding:3rem 0 2rem 0;font-size:6rem;color:#f6f1ec;text-align:center;text-transform:uppercase;font-weight:200;background-image:url('/css/rtve.2018.deportes/mundial-rusia-2018-TE_SMUFU18/fichas_jugadores/i/separador_cabecera.png');background-repeat:no-repeat;background-position:bottom center;}