/**estructura**/
.infoBox [class*="list-pers"] > li{width:33.3333%;max-width:34.3rem;padding:0 1rem 2rem 1rem;display:flex;float:left;vertical-align:top;padding-left:1rem;padding-bottom:2rem;position:relative;text-align:center;}

/*ficha*/
.infoBox .mainBox .close{border:solid transparent;background:transparent;border-width:.5rem 1.5rem;position:absolute;top:0;right:0;}
.infoBox .mainBox .close:after{content:"\2573";font-size:2rem;font-weight:600;line-height:4rem;text-align:center;width:100%;display:block;position:absolute;top:0;left:0;}

.infoBox .contentBox{width:100%;max-width:86rem;margin:0 auto;position:relative;z-index:0;}
.infoBox li .mainBox:not(.caraB) .txtBox:before{content:"";display:block;height:.2rem;width:24rem;position:absolute;top:0;left:50%;margin-left:-12rem;}
.infoBox .mainBox:not(.caraB) .txtBox p:first-child {padding-bottom:.5rem;}
.infoBox .fichaBox [class*="ficha"]:not(.selected){display:none;}
.infoBox .mainBox .button_change{position:absolute;top:50%;right:1.5rem;margin-top:-1.7rem;}
.infoBox .mainBox .button_change button{font-size:3rem;line-height:2.8rem;min-width:3.4rem;padding:0;padding-bottom:.2rem;font-weight:300;display:inline-block;color:#fff;background:transparent;text-align:center;border:.2rem solid #fff;border-radius:50%;}

/*cara B*/
.infoBox .footer{width:100%;padding:1rem 3rem;position:absolute;left:0;bottom:0;}
.infoBox .footer .arrow{font-size:2rem;font-style:normal;line-height:2.4rem;max-width:34rem;display:block;cursor:pointer;}
.infoBox .footer .arrow:empty{opacity:.5;}
.infoBox .footer .arrow:before{display:block;text-align:center;font-style:normal;width:4rem;font-size:4rem;line-height:4rem;}
.infoBox .footer .arrow.izq{float:left;}
.infoBox .footer .arrow.izq:before{content:"\276E";float:left;}
.infoBox .footer .arrow.der{float:right;text-align:right;flex-direction:row-reverse;}
.infoBox .footer .arrow.der:before{content:"\276F";float:right;}
.infoBox .footer .arrow span{font-size:1.4rem;line-height:1.4rem;display:block;}

/*legend*/
.infoBox .legend {display:block;width:100%;max-width:102.9rem;margin:0 auto;padding-bottom:2rem;}
.infoBox .legend div {display:inline-block;padding:0 1rem;position:relative;}
.infoBox .legend span {font-size:2rem;line-height:3rem;color:#5d5e5e;margin-left:3rem;text-transform:uppercase;}
.infoBox .legend div:before {content:'';display:block;position:absolute;width:2.2rem;height:2.2rem;top:.5rem;}
.infoBox .legend ._Prev:before {background:#858687;}
.infoBox .legend ._MalvPrev:before {background:#3c3c3e;}

/**colores sentencias**/
.infoBox li._Prev .mainBox .close:after, .infoBox li._Prev .delitoBox .header span, .infoBox li._Prev .mediaBox + .txtBox li strong,
.infoBox ._Prev .name, .infoBox li._Prev .txtBox p, .infoBox ._Prev .name, .infoBox li._Prev .txtBox p strong,
.infoBox li._Prev .caraB .txtBox p, .infoBox ._Prev .caraB .txtBox .name, .infoBox li._Prev .footer .arrow{color:#858687;}

.infoBox li._MalvPrev .mainBox .close:after, .infoBox li._MalvPrev .delitoBox .header span,
.infoBox li._MalvPrev .mediaBox + .txtBox li strong, .infoBox ._MalvPrev .name, .infoBox li._MalvPrev .txtBox p strong,
.infoBox li._MalvPrev .caraB .txtBox p, .infoBox ._MalvPrev .caraB .txtBox .name, .infoBox li._MalvPrev .footer .arrow{color:#3c3c3e;}

.infoBox li._Prev .caraB .txtBox, .infoBox li._Prev .mainBox{border-color:#3c3c3e;}
.infoBox .list-pers li._Prev .mainBox{background:#f7f7f7;}

.infoBox li._MalvPrev .mediaBox, .infoBox li._MalvPrev .mainBox{border-color:#858687;}
.infoBox .list-pers li._MalvPrev .mainBox{background:#f2f2f2;}

.infoBox li._Prev .mainBox:not(.caraB) .txtBox:before,
.infoBox ._Prev .sentenBox{background:#858687;}
.infoBox li._MalvPrev .mainBox:not(.caraB) .txtBox:before,
.infoBox ._MalvPrev .sentenBox{background:#3c3c3e;}
.infoBox li._MalvPrev .txtBox p:last-child{color:#353535;}

.infoBox .desc{color:#3c3c3e;}
.infoBox .sentenBox{color:#fff;font-weight:300;}
.infoBox .sentenBox .jail{font-weight:600;}

.infoBox .dataBox li{color:#838484;}
.infoBox ._Absuelto .mainBox .sentenBox {background:transparent;}
.infoBox ._Absuelto .mainBox .button_change button {color: #3c3c3e;border-color: #3c3c3e;}
.infoBox ._Absuelto .mainBox:after {content:"Absuelto"; display: block; width: 100%;height: 4.4rem;background: transparent;box-shadow: inset 0 0 0 0.2rem #333;font-weight: 600;text-transform: uppercase;color: #333;position:absolute;bottom: 0;}