/* ============================================================================
   MARKETING BLISS - ESTILO DAS MENSAGENS DO FORMULARIO
   ----------------------------------------------------------------------------
   De proposito este arquivo NAO estiliza os campos do seu formulario.
   Ele so cuida dos avisos de erro e de sucesso, para nao brigar com o
   visual que ja existe no site. Pode ajustar as cores a vontade.
   ========================================================================== */

/* Armadilha de robo: fica fora da tela, invisivel para a pessoa. */
.mb-armadilha,
form input[name="website"],
form input[name="url_site"],
form input[name="_confirme"] {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Aviso embaixo de um campo com erro */
.mb-erro-campo {
    display: none;
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.45;
    color: #c0392b;
}

/* Borda vermelha no campo com erro */
.mb-campo-invalido {
    border-color: #c0392b !important;
    box-shadow: 0 0 0 3px rgba(192, 57, 43, .12) !important;
}

/* Caixa de aviso geral (sucesso ou falha), no fim do formulario */
.mb-aviso {
    display: none;
    margin: 18px 0 0;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.55;
    border: 1px solid transparent;
}

.mb-aviso-sucesso {
    background: #eaf7ef;
    border-color: #b7e2c6;
    color: #1d6b39;
}

.mb-aviso-erro {
    background: #fdeceb;
    border-color: #f6c9c5;
    color: #a5271c;
}

/* Botao enquanto envia */
form [type="submit"]:disabled,
form button:disabled {
    opacity: .65;
    cursor: progress;
}