(function() { const formUrl = "https://facilform.com.ar/forms/EcRW0WIRVZZANdsehOXO"; const styles = ` .ff-modal-overlay { visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 10000; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s; } .ff-modal-overlay.ff-visible { visibility: visible; opacity: 1; } .ff-modal-content { background: hsl(var(--background)); border-radius: 8px; width: 90%; max-width: 500px; height: 80%; max-height: 700px; display: flex; flex-direction: column; box-shadow: 0 5px 15px rgba(0,0,0,0.3); transform: scale(0.9); transition: transform 0.3s ease; } .ff-visible .ff-modal-content { transform: scale(1); } .ff-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid hsl(var(--border)); } .ff-modal-title { font-family: 'Belleza', sans-serif; font-size: 20px; font-weight: normal; color: hsl(var(--primary)); } .ff-modal-close { background: none; border: none; font-size: 24px; cursor: pointer; padding: 0; line-height: 1; color: hsl(var(--muted-foreground)); } .ff-modal-body { flex: 1; overflow: auto; } .ff-modal-iframe { width: 100%; height: 100%; border: none; } .ff-widget-button { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; border-radius: 50%; background-color: #25D366; color: white; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 8px rgba(0,0,0,0.2); z-index: 9999; cursor: pointer; border: none; transition: transform 0.2s ease; } .ff-widget-button:hover { transform: scale(1.1); } `; const styleSheet = document.createElement("style"); styleSheet.type = "text/css"; styleSheet.innerText = styles; document.head.appendChild(styleSheet); const widget = document.createElement('button'); widget.className = 'ff-widget-button'; widget.innerHTML = ''; let modal; function openModal() { if (modal && document.body.contains(modal)) return; modal = document.createElement('div'); modal.className = 'ff-modal-overlay'; modal.innerHTML = ` `; document.body.appendChild(modal); setTimeout(() => modal.classList.add('ff-visible'), 10); modal.querySelector('.ff-modal-close').addEventListener('click', closeModal); modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); }); } function closeModal() { if (!modal) return; modal.classList.remove('ff-visible'); setTimeout(() => { if (modal && document.body.contains(modal)) document.body.removeChild(modal); modal = null; }, 300); } widget.addEventListener('click', openModal); document.body.appendChild(widget); })();