@import url('records.basics.css');

.infoBox .graphBox .imageBox .scnd_ima {display:none;}
.pinnsBox .ico.place {overflow:visible;}
.pinnsBox .ico.place .label {font-size:1.2rem;display:table-cell;vertical-align: middle;position:relative;text-align:left;left:3rem;height:2.5rem;}
.pinnsBox .item .label {margin:0; font-size:1.4rem;background: #eda35f;padding: .8rem 1rem;color: #fff;}

/*plegar/desplegar*/
.chipsBox.beoff {width:0;}
.chipsBox.be_on {width:100%;max-width:72rem;top:50%;left:50%;margin-left:-36rem;margin-top:-30rem;}
/* .chipsBox.be_on .active {width:100%;} */

.chipsBox.be_on .head-item .label {margin-top: -1rem;}
.chipsBox .body-item .texto {max-height:14rem;}

/*fireworks*/
.chipsBox .item {display:block;clip:rect(0,0,0,0);transform:scale(0,0);-webkit-transform:scale(0,0);box-shadow: 0 2rem 2rem rgba(0,0,0,0.25);}
.chipsBox .item.active {display:block;width:100%;clip:auto;transform: scale(1,1); -webkit-transform:scale(1,1);transition: all ease 1s; -webkit-transition: all ease 1s;}
.chipsBox.beoff .close {opacity:0;}
.chipsBox.be_on .close {opacity:1;transition: all linear 1s; -webkit-transition: all linear 1s;transition-delay:0.6s;-webkit-transition-delay:0.6s;}

/*pin repetido*/
.pinnsBox .item[data-contador="1"] .ico.place {background:url('i/boliche_big.png');cursor: initial;}
.pinnsBox .item[data-contador="1"] .ifont {width:4.4rem;height:5.4rem;cursor: initial;}
.pinnsBox .item[data-contador="1"] .label {margin: .2rem 4.7rem;padding-right: .5rem;}
.pinnsBox .item[data-contador="2"] .ico.place {display:none}
.pinnsBox .item[data-contador="2"] .label {margin:1rem 0 0 4.7rem;padding-right: .5rem;}

.pinnsBox [data-contador="1"] .head-item .label,
.pinnsBox [data-contador="2"] .head-item .label {position: absolute;top: 0;left: 5.5rem;font-size: 1.3rem;line-height: 1.1;}
.pinnsBox [data-contador="2"] .head-item .label {height: 2.4rem;overflow: hidden;width: auto;line-height: 1.3;}
.pinnsBox .item .head-item .label:before {content:"-"; margin-right:.5rem}

.pinnsBox .item:hover {filter:brightness(110%)}
.pinnsBox .item:hover .ico {transform:scale(.95)}

/*quitar boliches*/
.pinnsBox .item .ico{display: none;}
.pinnsBox .item .label {margin: 0;opacity: 0;transition: .2s all;}
.pinnsBox .item:hover .label {opacity:1;}

/*esconder recinto*/
.chipsBox.beoff .head-item .label.pretitle, .chipsBox.be_on .head-item .label.title {display:none}

/* mapa miniatura */
.imageBox .main_ima:after {content: "";background:url('i/miniatura.png') no-repeat;background-size: 100% auto;position:absolute;bottom: 1rem;right: 1rem;left: auto;top: auto;width: 17.6rem;height: 11rem;}

/*no js*/
.no-js .chipsBox.beoff .body-item, .chipsBox.beoff .main-item, .no-js .chipsBox.beoff {width:100%;display:block;position:relative;}
.no-js .chipsBox .item {clip:auto;transform: scale(1,1);margin: 2rem 0;border: solid #ddd;padding: 1rem;max-height: initial;}
.no-js .chipsBox .head-item .label {font-size: 3rem;}
.no-js .chipsBox .head-item .label.pretitle, .no-js .chipsBox .head-item .label.title {display:inline-block;font-weight: 300;color: #666;}
.no-js .chipsBox .head-item .label.pretitle {display: inline-block;font-size: 2rem;  padding-left: 1rem;}
.no-js .chipsBox .body-item .texto .capacidad {position:relative; bottom:0;left:0;background: rgba(0,0,0,.5);display:block;margin-bottom: 1rem;}
.no-js .chipsBox .body-item .texto {max-height: initial;padding:.2rem .4rem;}

/*atletismo fichas*/
.grafica .item {color:#666;}
.chipsBox.be_on .close {position: absolute;top: 1rem;}
.chipsBox .main-item img{width: 100%;}
.chipsBox .main-item > span {padding: .6rem 2rem .1rem 2rem;color:#666;font-weight: 400;font-size: 2rem;line-height: 1.4;text-transform: uppercase;display:block;}
.chipsBox .main-item {margin: 0.8rem 0;}


.chipsBox .body-item .texto {font-size: 1.8rem;background: #bab9b9;padding: .3rem .6rem;;text-transform: uppercase;color: #fff;overflow: visible;}
.chipsBox .item.active {display: grid;grid-template-columns: 33% 33% 33%;}
.chipsBox .head-item {order: 1;grid-column-start: 1; grid-column-end: 4;}
.chipsBox .body-item {order: 2;grid-column-start: 1; grid-column-end: 4;}

.chipsBox .main-item {order: 3;}
.chipsBox.be_on {max-width: 40rem;}
.chipsBox.be_on .head-item .label.title {display: inline-block;font-size: 3.2rem;}
.chipsBox.be_on .head-item .label.pretitle {font-size: 2.4rem;}
.chipsBox .description {order: 4;font-size: 2.2rem;padding: .8rem;grid-column-start: 2; grid-column-end: 4;}
.chipsBox .description span{font-size: 2.2rem;}
.chipsBox .description p {font-size: 1.6rem;line-height: 2rem;padding-bottom: .6rem;}
.no-js .chipsBox.beoff .body-item, .chipsBox.beoff .main-item, .no-js .chipsBox.beoff {display: none;}

/*atletismo pines*/
.pinnsBox .item {overflow:hidden;width:1.4rem;background:#c65954;height:1.4rem;border-radius:2rem;}
.pinnsBox .item:hover {overflow:visible;width:auto;background:transparent;height:auto;border-radius:0;z-index:3;}

/*el primer y segundo pin actuan raro*/
.pinnsBox .item[data-contador="2"] .label , .pinnsBox .item[data-contador="1"] .label  {margin: 0;}
.pinnsBox .item .dataBox .label {display: none;}
/*atletismo marcas y tiempos*/
.records-atletismo .grafica , .records-cien .grafica {display: grid;grid-template-columns: 10% 90%;}
.grafica .marcasAtletismo,
.grafica .marcasAtletismo ul {height:100%;display:flex;flex-flow:column;text-align:center;}
.grafica .marcasAtletismo ul {display:flex;justify-content:space-between;flex-flow:column;padding-bottom:9rem;}
.grafica .marcasAtletismo ul li {font-size:2rem;font-weight:300;color:#666;}

.grafica .aniosAtletismo ul{display: flex;justify-content:space-between;}
.grafica .aniosAtletismo ul li { display: inline-block;font-size: 2.6rem;font-weight:300;color:#666;padding: 1rem 0;}
.infoBox .graphBox .imageBox {float: none;}
/*atletismo leyenda*/

.grafica .leyenda ul{display: flex;justify-content: start;margin-top: 2%;}
.grafica .leyenda ul li{display: inline-block;font-size: 1.6rem;margin-right: 2rem;color:#666;}
.grafica .leyenda ul li:before {content: "";width: 5rem;height: 3rem;display: inline-block;vertical-align: middle;margin-right: 1rem;}
.grafica .leyenda ul li:first-child:before {background: #91a580;}
.grafica .leyenda ul li:nth-child(2):before {background: #eecc70;}

/*atletismo titulo*/
.mapa_mod h3 {color:#fff;width:100%;padding:2rem 1rem;display:inline-block;text-align:center;font-size:3rem;text-transform: uppercase;font-weight: 300;margin-bottom:2rem;line-height: 4rem;}
.titleRecordsCien {background: #699ab5;}
.titleRecords {background:#eda35f;}
.records-atletismo  .main_ima.f16x9 {padding-top: 64.68842729970326%;}
.records-cien .main_ima.f16x9 {padding-top: 78%;}

.grid.g1 {max-width: 118rem;margin:0 auto;float:none;}
#scroller {overflow: hidden;}

.grafica .chipsBox.be_on span.material-icons.ghost {font-size: 0;}