.zaites-contato-wrapper {
    max-width: 720px;
    margin: 0 auto;
}

.zaites-contato-form {
    display: grid;
    gap: 18px;
}

.zaites-contato-campo {
    display: grid;
    gap: 7px;
}

.zaites-contato-campo label {
    font-weight: 600;
}

.zaites-contato-campo input,
.zaites-contato-campo textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    font: inherit;
    background: #fff;
}

.zaites-contato-campo input:focus,
.zaites-contato-campo textarea:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.zaites-contato-botao {
    width: fit-content;
    padding: 12px 20px;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    font: inherit;
    font-weight: 600;
}

.zaites-contato-alerta {
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
}

.zaites-contato-sucesso {
    border-color: #4f8a5b;
}

.zaites-contato-erro {
    border-color: #a64040;
}

.zaites-contato-hp {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}


.zaites-contato-diagnostico {
    margin-top: 10px;
    font-size: 0.9em;
}

.zaites-contato-diagnostico pre {
    white-space: pre-wrap;
    word-break: break-word;
    margin: 8px 0 0;
    padding: 10px;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    overflow-x: auto;
}