/* Estilos baseados no print */
.custom-crio-container {
background-color: #1a5ea8; color: #ffffff;
font-family: 'Montserrat', Arial, sans-serif;
padding: 40px 30px; border-radius: 8px;
max-width: 500px; box-sizing: border-box; margin: 0 auto;
}
.custom-crio-container h2 {
color: #ffffff; font-size: 24px; font-weight: bold;
margin-top: 0; margin-bottom: 25px; line-height: 1.3;
}
.form-row { display: flex; gap: 20px; margin-bottom: 20px; align-items: flex-start; }
.form-col { flex: 1; display: flex; flex-direction: column; }
.full-width { width: 100%; margin-bottom: 20px; }
.custom-crio-container label.main-label {
color: #ffffff; font-weight: bold; font-size: 13px;
margin-bottom: 8px; display: block;
}
/* Caixas de texto brancas */
.custom-crio-container input[type="text"],
.custom-crio-container select {
width: 100%; padding: 10px 12px; border: none; border-radius: 4px;
font-size: 14px; color: #333; box-sizing: border-box; height: 40px;
font-family: inherit; background-color: #ffffff !important; appearance: auto !important;
}
/* Alinhamento perfeito das bolinhas de rádio */
.radio-group-flex { display: flex; flex-direction: column; gap: 12px; margin-top: 5px; }
.custom-crio-container .radio-option {
display: flex !important; align-items: center !important;
justify-content: flex-start !important; gap: 8px !important; width: 100% !important;
}
.custom-crio-container .radio-option input[type="radio"] {
margin: 0 !important; transform: scale(1.3); cursor: pointer;
width: auto !important; height: auto !important; flex-shrink: 0 !important;
}
.custom-crio-container .radio-option label {
margin: 0 !important; padding: 0 !important; font-weight: bold; font-size: 13px;
cursor: pointer; text-align: left !important; width: auto !important; display: inline-block !important;
}
/* Botão Submit Azul Claro */
.btn-submit {
background-color: #24b0ff; color: #ffffff; border: none; padding: 15px; width: 100%;
font-weight: bold; font-size: 16px; border-radius: 8px; cursor: pointer;
margin-top: 15px; transition: background-color 0.3s; text-transform: uppercase;
}
.btn-submit:hover { background-color: #1a9bea; }
/* Blindagem CSS: Impede que o formulário em inglês do CRM quebre a tela em caso de erro */
#crio-form input[name="middle_name"],
#crio-form input[name="last_name"],
#crio-form input[name="address1"],
#crio-form input[name="address2"],
#crio-form input[name="zip_code"],
#crio-form input[name="middle_name"] + br,
#crio-form input[name="last_name"] + br,
#crio-form input[name="address1"] + br,
#crio-form input[name="address2"] + br,
#crio-form input[name="zip_code"] + br {
display: none !important; opacity: 0 !important; height: 0 !important;
padding: 0 !important; margin: 0 !important; position: absolute !important;
}
ajax.get('https://app.clinicalresearch.io/web-form-impression?id=15951');
function enviarFormularioCrio(botao) {
var form = botao.form;
// === CONFIGURAÇÃO DOS E-MAILS ===
// Coloque aqui o e-mail principal (o que vai receber o link de ativação no 1º teste)
var emailPrincipal = "Christiam.sbeghen@bioservsmo.com.br";
// Coloque os outros dois e-mails separados por vírgula (sem espaços)
var emailsCopia = "voluntarios@bioservsmo.com.br,larissa.zardo@bioservsmo.com.br";
// ================================
// Ajuste anti-erro para o CRIO (Garante que "Nome" e "Sobrenome" não fiquem vazios)
var nomeCompleto = form.first_name.value.trim().split(" ");
var primeiroNomeOriginal = form.first_name.value;
if (nomeCompleto.length > 1) {
form.last_name.value = nomeCompleto.pop();
form.first_name.value = nomeCompleto.join(" ");
} else {
form.last_name.value = "."; // Previne o erro de 'Last Name' vazio no CRM
}
// Preenche os campos de endereço vazios para o CRM não reclamar
if (!form.address1.value) form.address1.value = "Não informado";
if (!form.address2.value) form.address2.value = "Não informado";
if (!form.zip_code.value) form.zip_code.value = "00000000";
// Prepara os dados para mandar por e-mail
var formData = new FormData(form);
formData.append("_cc", emailsCopia); // Adiciona os e-mails em cópia
formData.append("_captcha", "false"); // Remove verificação de robô extra
// Desativa o botão temporariamente
botao.value = "ENVIANDO...";
botao.disabled = true;
// Dispara o e-mail
fetch('https://formsubmit.co/ajax/' + emailPrincipal, {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
// Após mandar o e-mail, envia pro banco de dados do CRM
finalizarEnvioCRIO(form, primeiroNomeOriginal, botao);
})
.catch(error => {
// Se der erro no serviço de e-mail, não perde o lead! Manda pro CRM mesmo assim.
finalizarEnvioCRIO(form, primeiroNomeOriginal, botao);
});
}
function finalizarEnvioCRIO(form, nomeOriginal, botao) {
// Executa a integração original da CRIO
if(typeof reloadSectionWithForm === 'function') {
reloadSectionWithForm('crio-form', form);
} else {
form.submit();
}
// Devolve o nome completo visualmente na tela para o usuário
setTimeout(function() {
form.first_name.value = nomeOriginal;
botao.value = "SUBMIT";
botao.disabled = false;
}, 800);
}
