/* css\contato.css */

/* Cor de fundo da seção, como no design */
#contato {
    background-color: #f7f7f7;
}

#contato .h1 {
    color: #000000;
}

/* Define um tamanho máximo para o ícone do formulário */
#contato .img-form-icon {
    max-width: 300px;
    height: auto;
}

/* Estiliza o subtítulo */
#contato .lead-form-sub {
    font-size: 1.1rem;
    color: #333;
}

/* Estilo personalizado para os campos do formulário (inputs)
  - Fundo cinza claro
  - Sem borda
  - Cantos arredondados
  - Padding interno
*/
#contato .form-control-custom {
    background-color: #ececec;
    border: none;
    border-radius: 0.5rem;
    padding: 0.85rem 1.1rem;
    font-size: 1rem;
}

#contato .form-control-custom::placeholder {
    color: #999;
}

#contato .form-control-custom:focus {
    background-color: #e6e6e6;
    box-shadow: none;
}

/* Estiliza o texto (label) do checkbox */
#contato .form-check-label-custom {
    font-size: 0.875rem;
    color: #555;
}

/* Estilo para o botão de envio
  - Cor verde-água (teal) do design
  - Formato de pílula (pill)
  - Padding para tamanho
  - Cor do texto branca e em negrito
*/
#contato .btn-form-submit {
    background-color: #00C4A7; /* Cor principal do botão no design */
    color: #ffffff;
    border-radius: 50rem;
    padding: 0.75rem 3rem;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    border: none;
    transition: background-color 0.3s ease;
}

#contato .btn-form-submit:hover {
    background-color: #00a991; /* Um tom mais escuro para o hover */
    color: #ffffff;
}