/*fondo*/
.person section > h1 {padding:2rem 0;}
.person section > h1 > span {font-size:3.2rem;font-weight:500;line-height:6rem;}
.person .secBox {background-image:url('./i/fondo_cabecera.jpg');}
.person .secBox > span {color:#cce0e3;text-transform:none;}
.person.bloody .gridBox {background:transparent;padding:0;float:left;}
/*fonts*/
.person .grid .secBox span {font-size:3.4rem;}
.person .list-pers .mainBox .contentBox .txtBox {font-size:2rem;font-weight:500;padding-top:2rem;padding-bottom:1.5rem;}
.person .list-pers .contentBox .auxBox p {font-size:1.7rem;font-weight:400;line-height:1.3;}
.person .list-pers .mainBox .contentBox *{color:#64888c;}
.person .list-pers .mainBox .contentBox .txtBox strong{display:block;font-size:3rem;font-weight:500;line-height:8rem;}

.person .chipBox {cursor:pointer;}
/***personajes***/
.person .gridBox .infoBox .list-pers .mainBox .mediaBox .ima img, .person .gridBox .infoBox .list-pers .mainBox:hover .mediaBox .ima img{opacity:1;}
.person .list-pers,.person li[class*="pers"]{width:100%;display:inline-block;float:left;}
.person li[class*="pers"]{width:14.28571428571429%;}
.person .list-pers [name="personajes"], .person .list-pers [name="personajes"] ~ label .mainBox, .person .list-pers [name="personajes"] ~ label .chipBox p{position:absolute;clip:rect(0,0,0,0);top:0;left:0;overflow:hidden;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox{height:100%;width:100%;clip:auto;top:auto;left:0;bottom:0;cursor:pointer;background:#cce0e3;background-size:auto 100%;box-shadow:0 0 1rem 0.2rem rgba(0,0,0,0.3);}
.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: 1.5rem solid transparent;}

/*color*/
.person .list-pers {position:relative;background:#cce0e3;border-bottom:0.4rem solid #64888c;}

/**ficha**/
.person .list-pers .mainBox .mediaBox {width:49rem;}   
.person .list-pers .mainBox .mediaBox .ima img{width:auto;height:100%;right:0;left:auto;opacity:1;}
.person .list-pers .mainBox .contentBox {height:100%;padding:4rem 6rem 6rem 52rem;position:relative;}
.person .list-pers .mainBox .infoBox {height:100%;}
.person .list-pers .mainBox .auxBox p {padding-bottom:1rem;}
.person .list-pers .mainBox .auxBox p:empty {padding-bottom:0;}
.person .list-pers .mainBox .contentBox .auxBox {margin:0;display:block;overflow: auto;height:calc(100% - 14rem);}

/*relacionados*/
.relBox li a{font-size:1.6rem;padding:1rem 4rem;border:0.2rem solid #64888c;display:inline-block;}