* {
        box-sizing: border-box;
      }

.contenedor-directorio {
    width: 98%;
    margin: auto;
      padding-left: 2.5%;
}

.localidad {
    margin: auto;
    width: 80%;
    text-align: center;
    font-weight: 400;
    color: #FFF;
    font-size: 20px;
    border: 1px solid #eb0028;
    background: #eb0028;
    border-radius: 50px;
    padding-top: 1%;
    padding-bottom: 0.5%;
    margin-left: 8.5%;
}


.cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    padding-right: 1%;
    /* flex-direction: row; */
    flex-wrap: wrap;
    /* padding-right: 1%; */
  
}



.UnaDireccion {
    /* margin: auto; */
    width: 30.5%;
    padding: 1%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin:1% 1%;
    
}

.datos-direccion{
padding: 2%;
    margin: auto;
    text-align: center;
  
    
}



    
.titulo-direccion {
    font-weight: 900;
    color: #ef3084;
    padding: 2% 5%;
    background-color: #ffe3e5;
    border-radius: 30px;}
    
}



.cont-directorio-republica{

}



@media (max-width: 2000px){
    
 .cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    padding: 2%;
    /* flex-direction: row; */
    flex-wrap: wrap;
}
    
.titulo-direccion {
    font-weight: 900;
    color: #ef3084;
    padding: 2% 5%;
    background-color: #ffe3e5;
    border-radius: 30px;}
    
}




@media (max-width: 725px){
    
.cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    /* flex-direction: row; */
    flex-wrap: wrap;
}
    
.contenedor-directorio {
    width: 95%;
    margin: auto;
}    
    
.titulo-direccion {
    font-weight: 900;
    color: #ef3084;
    padding: 2% 5%;
    background-color:#ffe3e5;
    border-radius: 30px;
}
    
.UnaDireccion {
    width: 45%;
    padding: 2%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 1% 2%;
}  
    
}



@media (max-width: 600px){
    
.cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    padding: 2%;
    /* flex-direction: row; */
    flex-wrap: wrap;
}
    
.contenedor-directorio {
    width: 95%;
    margin: auto;
}    
    
.titulo-direccion {
    font-weight: 900;
    color: #ef3084;
    padding: 2% 5%;
    background-color: #ffe3e5;
    border-radius: 30px;
}
    
.UnaDireccion {
    width: 48%;
    padding: 2%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 1% 1%;
}  
    
}


@media (max-width: 430px){
 .datos-direccion {
    padding: 2%;
    margin: auto;
    text-align: center;
    font-size: 13px;}   
}

@media (max-width: 400px){
 .datos-direccion {
    padding: 2%;
    margin: auto;
    text-align: center;
    font-size: 11px;} 
    
.contenedor-directorio {
    width: 98%;
    margin: auto;
}
    
.UnaDireccion {
    width: 48%;
    padding: 2%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 0.5% 0.5%;
}    
    
}


@media (max-width: 360px){
    
.localidad {
    margin: auto;
    width: 90%;
    text-align: center;
    font-weight: 800;
    color: #FFF;
    font-size: 21px;
    border: 1px solid #eb0028;
    background: #eb0028;
    border-radius: 50px;
    padding-top: 2.5%;
    padding-bottom: 2%;
    margin-left: 4.5%;
    margin-bottom: 3%;
}    
    
.cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    padding: 2%;
    /* flex-direction: row; */
    flex-wrap: wrap;
}
    
.contenedor-directorio {
    width: 98%;
    margin: auto;
}    
    
.titulo-direccion {
    font-weight: 900;
    color: #ef3084;;
    padding: 2% 5%;
    background-color: #ffe3e5;
    border-radius: 30px;
}
    
.UnaDireccion {
    width: 96%;
    padding: 2%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-left:2%;
    margin-right:1%;
    margin-top: 1%;
    margin-bottom: 1%;
    
}  
    
}