Botón Regalo
#dxrBtn {
position: fixed;
bottom: 24px;
left: 24px;
z-index: 999998;
display: flex;
align-items: center;
gap: 8px;
padding: 14px 20px;
border-radius: 999px;
border: none;
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif;
font-weight: 700;
font-size: 15px;
color: #ffffff;
background: linear-gradient(135deg, #6a11cb 0%, #0047CC 60%, #00AEEF 100%);
box-shadow: 0 8px 24px rgba(0, 71, 204, 0.35);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
#dxrBtn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0, 71, 204, 0.45); }
.dxr-overlay {
position: fixed; inset: 0; z-index: 999999;
background: rgba(10, 15, 30, 0.55);
display: flex; align-items: center; justify-content: center;
padding: 20px;
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif;
}
.dxr-overlay[hidden] { display: none; }
.dxr-card {
background: #ffffff;
border-radius: 18px;
max-width: 440px;
width: 100%;
padding: 28px 26px 24px;
position: relative;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.dxr-close {
position: absolute; top: 14px; right: 16px;
background: none; border: none; font-size: 22px; line-height: 1;
cursor: pointer; color: #64748B;
}
.dxr-eyebrow {
display: inline-block; font-size: 12px; font-weight: 700;
color: #0047CC; text-transform: uppercase; letter-spacing: 0.04em;
margin-bottom: 6px;
}
.dxr-card h3 { margin: 0 0 6px; font-size: 22px; color: #0B1F45; }
.dxr-desc { margin: 0 0 18px; font-size: 14px; color: #475569; line-height: 1.5; }
.dxr-form label {
display: block; font-size: 13px; font-weight: 600; color: #0B1F45;
margin-bottom: 12px;
}
.dxr-form input {
display: block; width: 100%; margin-top: 6px; padding: 11px 12px;
border: 1px solid #CBD5E1; border-radius: 10px; font-size: 14px;
box-sizing: border-box; font-family: inherit;
}
.dxr-form input:focus { outline: none; border-color: #0047CC; }
.dxr-submit {
width: 100%; margin-top: 6px; padding: 13px; border: none; border-radius: 10px;
background: linear-gradient(135deg, #0047CC, #00AEEF);
color: #fff; font-weight: 700; font-size: 15px; cursor: pointer;
}
.dxr-submit:disabled { opacity: 0.6; cursor: default; }
.dxr-error { color: #B91C1C; font-size: 13px; min-height: 1.2em; margin: 4px 0 8px; }
.dxr-success { font-weight: 600; color: #0B1F45; margin-top: 10px; font-size: 14px; }
(function () {
// 🔧 Mismos datos que ya usas en el simulacro — no hace falta tocarlos.
var EMAILJS_SERVICE_ID = ‘service_aesj7bm’;
var EMAILJS_TEMPLATE_ID = ‘template_btiiw9h’;
var EMAILJS_PUBLIC_KEY = ‘al2_D-uZ_yG-cb_KB’;
var DOWNLOAD_LINK = ‘https://diagnosticandovida-simulacro.netlify.app/libro-regalo.pdf’;
try { emailjs.init({ publicKey: EMAILJS_PUBLIC_KEY }); } catch (e) { console.error(e); }
var btn = document.getElementById(‘dxrBtn’);
var modal = document.getElementById(‘dxrModal’);
var closeBtn = document.getElementById(‘dxrClose’);
var form = document.getElementById(‘dxrForm’);
var errorEl = document.getElementById(‘dxrError’);
var submitBtn = document.getElementById(‘dxrSubmitBtn’);
function open() { errorEl.textContent = »; modal.hidden = false; }
function close() { modal.hidden = true; }
btn.addEventListener(‘click’, open);
closeBtn.addEventListener(‘click’, close);
modal.addEventListener(‘click’, function (e) { if (e.target === modal) close(); });
form.addEventListener(‘submit’, function (e) {
e.preventDefault();
errorEl.textContent = »;
var name = document.getElementById(‘dxrName’).value.trim();
var email = document.getElementById(‘dxrEmail’).value.trim();
var location = document.getElementById(‘dxrLocation’).value.trim();
var university = document.getElementById(‘dxrUniversity’).value.trim();
if (!name || !email || !location || !university) {
errorEl.textContent = ‘Completa todos los campos.’;
return;
}
submitBtn.disabled = true;
submitBtn.textContent = ‘Enviando…’;
emailjs.send(EMAILJS_SERVICE_ID, EMAILJS_TEMPLATE_ID, {
to_name: name,
to_email: email,
pais_ciudad: location,
universidad: university,
download_link: DOWNLOAD_LINK
}).then(function () {
form.hidden = true;
var msg = document.createElement(‘p’);
msg.className = ‘dxr-success’;
msg.textContent = ‘¡Listo! Revisa tu correo (y spam) — ahí te llegó el link de descarga.’;
form.parentNode.appendChild(msg);
}).catch(function (err) {
console.error(‘Error enviando el regalo:’, err);
errorEl.textContent = ‘Hubo un problema enviando el correo. Intenta de nuevo en un momento.’;
submitBtn.disabled = false;
submitBtn.textContent = ‘Enviarme mi libro →’;
});
});
})();