

/* .contactenos {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border: solid 2px black;
    height: auto;
} */

.contactenos__content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 1%;
    
}

/* .borderafil {
	border: solid 1px ;
	margin-bottom: 0px;
} */



.contactenos__text, .contactenos__form {
    /* display: flex; */
    /* flex-direction: row; */
    /* height: auto; */
    /* width: 50%; */
    padding-bottom: 2%;
    border-radius: 5px;
    
}

.contactenos__text {
    display: flex;
    flex-direction: column;
    font-family: 'Sofia';font-size: 22px;
    /* color: red; */
}

.contactenos__text-p {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 15px; 
    margin-top: 15px;
    
}

.contactenos__text-info {
    display: flex;
    flex-direction: row;
    margin-left: 15px; 
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 2.5rem;
    /* color:blue;
    background: red; */
    
} 

.contactenos__text-social {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    margin: auto;
    width: 100%;
    
}


.contactenos__map {
    display: inline;
    margin: auto;
    width: 50vw;
    height: 450px;
}

iframe {
    /* width: 600px;  */
    /* height: 450px; */
    display: flex;
    justify-content: center;
    width: 45vw;
    height: 450px;
    border: solid 1px black;
    padding-left: 2%;
}

.contactenos__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    background:#b9d8f1 ; 
    margin-bottom: 30px;
    padding-bottom: 20px;
}


.contactenos__form-formulario {
    display: flex;
    flex-direction: column;
    width: 80%;
    gap: 15px;

}

.contactenos__form-ol {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* justify-content: space-around; */
    align-items: center;
    /* width: 60%; */
    /* border: solid 1px; */
    gap: 25px;
}

.contactenos__form-li {
    /* border: solid 1px; */
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;


    /*margin: 1vw;
    padding: 1vw;
    margin-bottom: 10px;
    width: 33%;
    background: #b9d8f1;*/
}

.contactenos__form-ol li {
    display: flex;
    /* width: 100%; */
    /* height: 100%; */
    /* border: solid 1px whitesmoke; */
    border-radius: 100%;

    /* margin: 25px; */
    text-align: center;
    /* line-height: 22px; */
    color: rgba(0,50,100,1);
    /* background: white; */
    margin-top: 15px;
    
}

.contactenos__form-ol li a {
    color: blue;
    width: 100%;
    height: 100%;
    
    /* border: solid 1px whitesmoke;
    border-radius: 100%; */
    /* padding: 10px; */
}

.contactenos__form-ol li a:hover {
    /* border-radius: 50%; */
    /* border-radius: 100%; */
    background-color: #f1f1f1;
    color: var(--color-verde);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-items: center;


}

.contactenos__form-input, .contactenos__form-textArea {
    border-radius: 7px;
    border: none;
    height: 40px;
    padding: 5px 10px;
}

.contactenos__form-textArea {
    height: auto;
    resize: vertical;
}

.contactenos__form-btn {
    width: 100%;
    height: 50px;
    
    /* background-color: var(--text-color); */
    border-radius: 7px;
    color: var(--text-color-inverse);
    border: 1px solid var(--theme-color);

    cursor: pointer;
}

.contactenos__form-btn {
    box-shadow: 0 0 14px var(--secondary-color);
}

/* -------------------------------- */


.form-control {
    width: 100%;
  
  }
  
  /* input[type=text], input[type=email], textarea  {
    background-color: #f8f8f8;
    border: solid 2px rgb(50, 180, 137) !important;
    /* border: solid 2px rgb(0, 50, 37) !important; *
    border-radius: 4px ;
    box-sizing: border-box ;
    margin: 8px 0 ;
    padding: 12px 20px ;
    width: 100%  ;
  
  } */
  
  
  .form-contactenos textarea {
  
    height: 150px;
    padding: 12px 20px;
    resize: none;
    width: 100%;
  }
  
  input[type=button], input[type=submit], input[type=reset] {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    width: 50%;
    margin: auto;
  }
  
/* -------------------------------- */

/* ----------------------------------------------- */
/* -----           Meia Queroes              ----- */
/* ----------------------------------------------- */



/* ----------------------------------------------- */
/* Medium devices (landscape tablets, 768px and up) */
/* ----------------------------------------------- */
@media only screen and (min-width: 768px) {
  
    .contactenos__content {
        display: flex;
        justify-content: space-between;
        gap: 1px;
        width: 98vw;
        
    }
    .contactenos__text, .contactenos__form {
        display: flex;
        /* gap: 2%; */
        border: solid 1px black;
        height: 770px;
        height: auto;
        width: 48vw;
        padding-bottom: 2%;
        margin: 2% auto;
    }

    .contactenos__text {
        display: flex;
        flex-direction: column;
        height: 770px;
        align-items: center;
    }
    
    .contactenos__map  {
        display: flex;
        justify-content: center;


        margin-top: 15px;
        margin-bottom: 1px;
        height: auto;
        /* border: solid red; */
        width: 99%;
    }

    .contactenos__text-info {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-content: flex-end;
        margin-top: 27px;
        text-align: left;
        font-weight: 100;
        /* font-size: smaller; */
        font-size: 0.9vw;
        height: auto;
        
        /* padding: 20px auto; */
        width: 45vw;
        /* background: black; */
        
    }
    .contactenos__text-info > li {
        display: flex;
        
        /* border: solid 1px green; */
        width: 100%;
        
    }
    /*.contactenos__text-social > * {
        height: auto;
        display: flex;
        align-content: center;
        align-content: flex-end !important;
        height: 25px;
        font-size: small;
        font-size: 0.9vw;
        width: 100%;
        padding: 0%;
        border: solid 1px red;
        background: #4CAF50;
    }*/


    .contactenos__text-p {
        display: flex;
        align-items: center;
        font-size: 2vw;
        
    }

    .contactenos__form {
        display: flex;
    }

    .contactenos__form-ol {
        /* width: 70%; */

    }


    
} 


/* ----------------------------------------------- */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* ----------------------------------------------- */

@media only screen and (max-width: 767px) {

      
    .contactenos__content {background-color: #b9d8f1;}

    .contactenos {
        display: flex;
        justify-content: space-around;
        /* justify-content: space-between; */
        /*justify-items: center;
        align-content: center;
        align-items: center;*/
        gap: 1px;
        width: 98%;
        border: solid 1px red;
        margin: auto 2%;
    }
    .contactenos__content {
        
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        /* align-items: center; */
        margin-top: 1vw;
        padding-top: 0px;
        /* border: solid 1px black;
        border-radius: 5px;*/
        height: auto; 
        /* width: 100%; */
    }
    
    .contactenos__text {
        width: 100vw;
        

    }

    .contactenos__text-p {
        display: flex;
        align-items: center;
        font-size: 3vw;
        
    }

    .contactenos__text-p .contactenos__map {
        /* width: 95vw; */
        
    }

    .contactenos__text-social {
        font-size: 3vw;
        
    }

    .contactenos__form {
        padding: 2px;
        /* margin: 20px; */
        /* border: solid 1px green; */
        border-radius: 5px;
        width: 100vw;
        
        
    }

    .contactenos__map {
        display: flex;
        /* align-items: center; */
        /* align-content: center; */
        /* justify-content: center; */
        /* justify-items: center; */
        /* width: 50vw; */
        height: 320px;
        width: 95%;
        margin-right: 3%;

        /* height: auto; */
        /* border: solid purple ; */
        
    }

    iframe {
     
        border: solid 1px black;
        height: auto;
        /* height: 320px; */
        width: 95%;
        margin-right: 1%;
       
    }

    .contactenos__text-social {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        text-align: left;
        font-weight: 500;
    
        margin: auto;
        
    }

    .contactenos__form {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .contactenos__form-ol {
        width: 90%;
        height: auto;
    }

    .contactenos__form-li {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        
    }


}
