/*** MAPA EDIFICIOS *****/
#fondo-calle{
    width: 1067px;
    height: 1000px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    display: block;
    background:url(/assets/uploads/map-edi/mapa-edificios-CD-2024-edicion-59.jpg);
}

#fondo-calle-new{
    width: 1067px;
    height: 1067px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    display: block;
    background:url(/assets/uploads/map-edi/mapa-edificios-CD-2024-edicion-59.jpg);
}

@media (max-width: 1023px){
    #fondo-calle{
        display: none!important;
    }
}

#fondo-calle-new .boton-edificio {
    background-color: red;
}

.boton-edificio {
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 50%;
    cursor:pointer;
    z-index: 2;
}


[data-edificio="1"]{top: 204px;left: 61%;}
[data-edificio="2"]{top: 307px;left: 75%;}
[data-edificio="3"]{top: 225px;left: 69%;}
[data-edificio="4"]{top: 450px;left: 69%;}
[data-edificio="5"]{top: 352px;left: 50%;}
[data-edificio="6"]{top: 246px;left: 48%;}
[data-edificio="7"]{top: 76px;left: 58%;}
[data-edificio="8"]{top: 308px;left: 56%;}
[data-edificio="9"]{top: 102px;left: 49%;}
[data-edificio="10"]{top: 408px;left: 84%;}
[data-edificio="11"]{top: 548px;left: 54%;}
[data-edificio="12"]{top: 663px;left: 53%;}
[data-edificio="13"]{top: 748px;left: 34%;}
[data-edificio="14"]{top: 100px;left: 70%;}
[data-edificio="15"]{top: 334px;left: 34%;}
[data-edificio="16"]{top: 631px;left: 63%;}
[data-edificio="17"]{top: 577px;left: 71%;}
[data-edificio="18"]{top: 689px;left: 20%;}
[data-edificio="19"]{top: 417px;left: 52%;}
[data-edificio="20"]{top: 656px;left: 45%;}
[data-edificio="21"]{top: 550px;left: 33%;}
[data-edificio="22"]{top: 923px;left: 26%;}
[data-edificio="23"]{top: 865px;left: 51%;}
[data-edificio="24"]{top: 408px;left: 42%;}
[data-edificio="25"]{top: 303px;left: 67%;}
[data-edificio="26"]{top: 528px;left: 63%;}
[data-edificio="27"]{top: 903px;left: 34%;}
[data-edificio="28"]{top: 528px;left: 82%;}
[data-edificio="29"]{top: 367px;left: 60%;}
[data-edificio="30"]{top: 199px;left: 79%;}


@media (min-width:1024px) and (max-width: 1320px){
    [data-edificio="1"]{top: 204px;left: 61%;}
    [data-edificio="2"]{top: 307px;left: 82%;}
    [data-edificio="3"]{top: 225px;left: 74%;}
    [data-edificio="4"]{top: 450px;left: 74%;}
    [data-edificio="5"]{top: 352px;left: 50%;}
    [data-edificio="6"]{top: 246px;left: 48%;}
    [data-edificio="7"]{top: 76px;left: 60%;}
    [data-edificio="8"]{top: 308px;left: 56%;}
    [data-edificio="9"]{top: 102px;left: 49%;}
    [data-edificio="10"]{top: 408px;left: 95%;}
    [data-edificio="11"]{top: 548px;left: 54%;}
    [data-edificio="12"]{top: 663px;left: 53%;}
    [data-edificio="13"]{top: 748px;left: 30%;}
    [data-edificio="14"]{top: 100px;left: 77%;}
    [data-edificio="15"]{top: 334px;left: 29%;}
    [data-edificio="16"]{top: 631px;left: 67%;}
    [data-edificio="17"]{top: 577px;left: 76%;}
    [data-edificio="18"]{top: 689px;left: 11%;}
    [data-edificio="19"]{top: 417px;left: 52%;}
    [data-edificio="20"]{top: 656px;left: 45%;}
    [data-edificio="21"]{top: 550px;left: 28%;}
    [data-edificio="22"]{top: 923px;left: 20%;}
    [data-edificio="23"]{top: 865px;left: 51%;}
    [data-edificio="24"]{top: 408px;left: 42%;}
    [data-edificio="25"]{top: 303px;left: 72%;}
    [data-edificio="26"]{top: 528px;left: 67%;}
    [data-edificio="27"]{top: 903px;left: 30%;}
    [data-edificio="28"]{top: 528px;left: 91%;}
    [data-edificio="29"]{top: 367px;left: 60%;}
    [data-edificio="30"]{top: 199px;left: 87%;}
} 

/** informacion recuadro **/
#fondo-texto-edificio{
    background: rgba(255, 255, 255, 0.5);
    width: 1067px;
    height: 1067px;
    z-index: 9999;
    position: absolute;
    display: none;
    transition: all 0.5s;
}

.recuadro-texto-edificio {
    background: #fff;
    width: 350px;
    text-align: center;
    min-height: 60px;
    position: relative;
    padding: 40px;
    margin: 0 auto;
    top: 45%;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.15);
    border: 3px solid #ea3424;
    z-index: 99999;
    display: none;
    transition: all 0.5s;
}
.boton-cerrar{
    position: absolute;
    background: #ccc;
    border-radius: 50%;
    padding: 0px 7px 2px;
    top: 4px;
    right: 4px;
    display: none;
    cursor: pointer;
}
.info-edificio span{
    display: none;
    transition: all 0.5s;
}

.info-edificio span a, .info-edificio span .date-edi{
    text-decoration: none;
    text-transform: uppercase;
    color: #ea3424;
    font-weight: 700;
}

.info-edificio span a:hover {
    color: #565656;
}

.plano-pruebas .boton-edificio  {
    /* background-color: #ea352469; */
}