/* 
    Created on : 10 de jun. de 2024, 10:55:24
    Author     : bruno
*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
/* Estilos gerais do container */
main{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    background-color:#f0f0f0;
    padding:20px;
}
.container-contato {
    font-family: 'Arial', sans-serif;
    width:49%;    
    padding: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.2);
}

/* Estilos para os títulos das seções */
.container-contato h1,
.container-contato h2,
.container-contato h3 {
    color: #333;
    text-align: center;
}

/* Estilos para os endereços */
.container-contato address {
    background-color: white;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 2px;     
}
.container-contato address p{
    line-height:30px;
    color:#696969;
}
.container-contato address p i{
    margin-right:8px;
}
/* Estilos para os links */
.container-contato a {
    color:#696969;
    text-decoration: none;
}


/* Estilos para o formulário */
.container-contato form {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
}

.container-contato label {
    display: block;
    margin-bottom: 10px;
}

.container-contato input[type="text"],
.container-contato input[type="email"],
.container-contato textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    margin-top:5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.container-contato textarea {
    height:200px;
}

.container-contato input[type="submit"] {
    background-color: #28a745;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.container-contato .fa-whatsapp{
    color:#218838;
    font-weight:600;
    margin-left: 5px;
}
.container-contato .fa-globe{
    color:#4e4eb9;
}
.container-contato .fa-phone{
    color:#5c9ad2;
}
.container-contato .fa-envelope{
    color:#04159c;
}
.container-contato .fa-location-dot{
    color:#ff0000;
}

.container-contato input[type="submit"]:hover {
    background-color: #218838;
}

/* Estilos para o ReCaptcha */
.g-recaptcha {
    margin-bottom: 20px;
}
/* Estilos para telas maiores que 900px */
@media (max-width: 900px) {
  main{
      flex-direction:column;
      gap:10px;
      padding:10px;
  }
    .container-contato {
    width:100%;
    }
}
/* Estilos para telas maiores que 600px */
@media (max-width: 600px) {
  
}