.wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
  }
  .one {
    grid-column: 2 / 4;
    grid-row: 1 / 3;
  }

#map {  
  width: 100%;    
  height: 450px;
  position: relative;
  }

.ubicacion-c{
  position: absolute;

  left: 15px;
  margin: 0;
  top:20px;
  padding: 5px 10px;

}

@media screen 
and (device-width: 375px) 

  {

    .ubicacion-c{
      position: absolute;
    
      left: 15px;
      margin: 0;
      top:80px;
      padding: 5px 10px;
    
    }
    
}
     .coordinates {
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        position: absolute;
        bottom: 40px;
        left: 10px;
        padding: 5px 10px;
        margin: 0;
        font-size: 11px;
        line-height: 18px;
        border-radius: 3px;
        display: none;
        }


        .popul{
          
          width: 186px;
          height: auto;
          position:  absolute;
          left: 35px;
          top: 0;
          text-align: center;
          padding: 10px;
          
        }
        .popul2{
          
          width: 186px;
          height: auto;
          position:  absolute;
          left: 20px;
          top: 0;
          text-align: center;
          padding: 7px;
          font-size: 15px;
          color: #fff;
          font-weight: 35;
          z-index: 2;
          
        }



  

        .empre_sin_odertas{
          background-image: url("../images/img-reportess/empresas.svg");

          width: 45px;
          height: 45px;
          background-position:center ;
          background-repeat: no-repeat;
          background-size: 30px;
          background-origin: padding-box;
          border-radius: 100%;
          border: none;
          background-color: rgba(255, 255, 255, 0);
         
        }
        .empre_con_odertas{
          width: 45px;
          height: 45px;
          border-radius: 100%;
          border: none;
          background-image: url("../images/img-reportess/empresas_con_reportes.svg");
          background-position:center ;
          background-repeat: no-repeat;
          background-size:30px;
          background-origin: padding-box;
          background-color: rgba(5, 255, 118, 0);

        }
        .centro_estudio_sin_oferta{
          width: 40px;
          height: 40px;
          background-image: url("../images/img-reportess/Centro_estudio.svg");
          background-position:center ;
          background-repeat: no-repeat;
          background-size: 30px;
          background-origin: padding-box;
          border-radius: 100%;
          border: none;
          background-color: rgba(255, 5, 5, 0);
        }
        .centro_estudio_con_oferta{
          width: 40px;
          height: 40px;
          background-image: url("../images/img-reportess/Centro_estudio_con_ofertas.svg");
          background-position:center ;
          background-repeat: no-repeat;
          background-size: 30px;
          background-origin: padding-box;
          border-radius: 100%;
          border: none;
          background-color: rgba(5, 255, 118, 0);
        }

    

        .map .fe{
          width: 30px;
          height: 30px;
          border-radius: 50%;
          border: #72177b;
          cursor: pointer;
          z-index: 3;
          color: #72177b;
          font-size: 27px;
          font-weight: 800;
          
          
          z-index: 5;
         

        }
        .map .fe:hover{
          /* background-color: #72177b; */
          color:#1170e4 ;
          
        }
   

 
    
        .boton{
          z-index: 100;
        
        }

        .modalr{
         
          position:absolute;
          z-index: 100;
          width: 100%;
  
        

        }
        .modalr .listart{
          position: relative;
          width: 97%;
          height: 63vh;
       
          background-color: rgba(65, 65, 65, 0.438);

        }
        .mod{
          position: absolute;
          left: 0;
          right: 0;
          top: 100px;
        }
 





        /* Modal container*/

/* Modal container gets target and it is shown and background modal too*/
 .modale:target, .modale:target .modal-bge {
    display: block;
    z-index: 100;
    opacity: 1;
    visibility: visible; 
}
/* Background modal*/
  .modal-bge:active, .modal-bge:hover, .modal-bge:visited, .modal-bge:link {
    text-decoration: none;
    /* visibility: hidden; */
    opacity: 0;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.411);
    -webkit-transition: all .7s;
    transition: all .7s;
    
}
 /* Background modal overlaps to container*/
  .modale:target .modal-bge {
    z-index: 200; 
}
/* Modal content or body*/
  .modal-contente {
    position: absolute;
    top: 220px;
    left: 10px;
    
    line-height: 25px;
    /* -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */
    background-color: white;
    width: 200px;
    border: solid black 1px ;
    border-radius: 15px;
    text-align: center;
    z-index: 4; 
}
  .modal-title {
    text-transform: uppercase;
    margin-top: 5vh;
    margin-right: 5vh;
    margin-left: 5vh;
    margin-bottom: 1.2rem; 
}
  .modal-text {
    margin-bottom: 5vh;
    margin-right: 5vh;
    margin-left: 5vh; 
}
/* Modal is closed at lose target*/
.modale .modale-exit:link, .modale-exit:active, .modale-exit:visited, .modale-exit:hover {
    position: absolute;
    top: 5%;
    right: 5%;
    font-size: 1.7rem;
    text-decoration: none;
    color: #F92A2A; 
}


     
@media (max-width:767px){
  .modal-contente {
    
    top: 648px;
     left: 0;
    right: 0;


}

  
}


.markere{
  width: 35px;
  height:35px;
  background-image: url('../images/img-reportess/estructura.svg');
  background-repeat: no-repeat;
 
  
}

.chamabista{
  width: 13px;
  height:13px;
  border: 1px solid rgb(5, 235, 243);
  border-radius: 100%;
  background-color: #1170e4;
 
  
}
.message-container {
  display: flex;
  align-items: center;
}

.message-container {
  display: flex;
  align-items: center;
}

.image-container {
  width: 50%;
  height: 150px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  animation: changeImage 6s linear infinite;
}

.image1 {
  background-image: url('../images/logo-nuevo-chamba.png');
}

.image2 {
  background-image: url('../images/logo-nuevo-chamba.png');
}

.image3 {
  background-image: url('../images/logo-nuevo-chamba.png');
}

@keyframes changeImage {
  0% {
    background-image: url('../images/logo-nuevo-chamba.png');
  }
  33% {
    background-image: url('../images/logo-nuevo-chamba.png');
  }
  66% {
    background-image: url('../images/logo-nuevo-chamba.png');
  }
  100% {
    background-image: url('../images/logo-nuevo-chamba.png');
  }
}

.description-container {
  font-size: 14px;
}