@import url("/css/rtve.2019.noticias/juicio-proces-TE_SJUIPRO/info-asientos/asientos.basics.css");

.wrapper.bodier {overflow:hidden;}
.personajes .infoBox .list-pers{background:transparent;}
.personajes .infoBox .list-pers .chipBox {cursor:pointer;}

.container .personajes {width:55%;margin:0 auto;display:block}

/* letreros */
.personajes .infoBox .family:nth-child(2) .title{margin-left:-1rem;}
.personajes .infoBox .family:nth-child(3) .title {position:absolute; padding-top:16.4%;width:30%;margin-left:35%;}
.personajes .infoBox .family-fiscalia-abogacia-acusacion li:before {margin-left:1rem;}

/**ficha**/
.personajes .list-pers .mainBox .infoBox {height:100%;width:100%;z-index:0;overflow:hidden;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);}
.container:not(.inside) .gridBox .mediaBox {margin-bottom:0rem;}
.personajes .list-pers .mainBox .contentBox .relBox a:hover{-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);}
.personajes .list-pers [name="personajes"]:checked ~ label:before {content:'';display:block;background:rgba(206,206,206,.7);position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;}

/*contenido*/
.personajes .list-pers .mainBox .mediaBox .ima{overflow:visible;background:transparent}

/***posicion ficha***/
.personajes .list-pers [name="personajes"], .list-pers [name="personajes"] ~ label .mainBox{position:absolute;clip:rect(0,0,0,0);top:0;left:0;overflow:hidden;}
.personajes .list-pers [name="personajes"]:checked ~ label .mainBox{width:100%;clip:auto;left:0;top:0;z-index:2;overflow:visible;padding:5% 0;}
.personajes .list-pers [name="personajes"]:checked ~ label .mainBox:after {padding:5% 0}
.personajes .family-acusados [name="personajes"]:checked ~ label .mainBox, .personajes .family-acusados [name="personajes"]:checked ~ label .mainBox:after {padding:5% 10%}

/*footer ficha*/
.personajes .footer{padding:1rem 3rem;}
.personajes .footer .arrow{cursor:pointer;}
.personajes .footer .arrow.izq{float:left;}
.personajes .footer .arrow.izq:before{float:left;}
.personajes .footer .arrow.der{float:right;text-align:right;}
.personajes .footer .arrow.der:before{float:right}
.personajes .footer .arrow span{line-height:1.4rem;}

/***tamano ficha***/
.personajes .infoBox .family .list-pers {position:static;}