{"id":52093,"date":"2026-07-13T19:38:20","date_gmt":"2026-07-13T19:38:20","guid":{"rendered":"https:\/\/feelingyachty.com\/?page_id=52093"},"modified":"2026-08-13T14:30:09","modified_gmt":"2026-08-13T14:30:09","slug":"elementor-52093","status":"publish","type":"page","link":"https:\/\/web.feelingyachty.com\/es\/elementor-52093\/","title":{"rendered":"Elementor #52093"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"52093\" class=\"elementor elementor-52093\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37156cf e-flex e-con-boxed e-con e-parent\" data-id=\"37156cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-110156d elementor-widget elementor-widget-html\" data-id=\"110156d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== Feeling Yachty \u2014 Support Bot Chat Widget ===== -->\r\n<style>\r\n  #fyb-bubble, #fyb-panel, #fyb-panel * { box-sizing: border-box; }\r\n  #fyb-bubble {\r\n    position: fixed; bottom: 22px; left: 22px;\r\n    width: 60px; height: 60px; border-radius: 50%;\r\n    background: linear-gradient(135deg, #e45c9c, #7c3aed);\r\n    box-shadow: 0 10px 30px rgba(124,58,237,.35);\r\n    display: flex; align-items: center; justify-content: center;\r\n    cursor: pointer; z-index: 999999; border: none; transition: transform .15s ease;\r\n  }\r\n  #fyb-bubble:hover { transform: translateY(-2px); }\r\n  #fyb-bubble svg { width: 26px; height: 26px; }\r\n  #fyb-panel {\r\n    position: fixed; bottom: 96px; left: 22px;\r\n    width: 360px; max-width: calc(100vw - 32px);\r\n    height: 520px; max-height: calc(100vh - 140px);\r\n    background: #fff; border: 1px solid rgba(124,58,237,.16); border-radius: 20px;\r\n    box-shadow: 0 24px 60px rgba(23,32,51,.18);\r\n    display: none; flex-direction: column; overflow: hidden; z-index: 999999;\r\n    font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n  }\r\n  #fyb-panel.fyb-open { display: flex; }\r\n  #fyb-header { background: linear-gradient(120deg, #fff 0%, #fff5fa 52%, #F3E8FF 100%); padding: 14px 16px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #E6EAF3; }\r\n  #fyb-avatar { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, #e45c9c, #7c3aed); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; flex-shrink: 0; }\r\n  #fyb-header-text h1 { margin: 0; font-size: 13.5px; font-weight: 800; color: #172033; }\r\n  #fyb-header-text p { margin: 1px 0 0; font-size: 11px; color: #526079; }\r\n  #fyb-close { margin-left: auto; background: none; border: none; cursor: pointer; color: #526079; font-size: 18px; line-height: 1; padding: 4px; }\r\n  #fyb-thread { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 8px; background: #FFF9FC; }\r\n  .fyb-row { display: flex; }\r\n  .fyb-row.fyb-out { justify-content: flex-end; }\r\n  .fyb-bubble-msg { max-width: 82%; padding: 9px 12px; border-radius: 14px; font-size: 13.5px; line-height: 1.4; white-space: pre-wrap; box-shadow: 0 1px 2px rgba(0,0,0,.06); }\r\n  .fyb-row.fyb-in .fyb-bubble-msg { background: #fff; color: #172033; border: 1px solid #E6EAF3; border-bottom-left-radius: 3px; }\r\n  .fyb-row.fyb-out .fyb-bubble-msg { background: linear-gradient(135deg, #e45c9c, #7c3aed); color: #fff; border-bottom-right-radius: 3px; }\r\n  #fyb-composer { display: flex; gap: 6px; padding: 10px; background: #fff; border-top: 1px solid #E6EAF3; }\r\n  #fyb-input { flex: 1; border: 1px solid #E6EAF3; background: #FFF9FC; border-radius: 100px; padding: 9px 14px; font-size: 13.5px; outline: none; color: #172033; }\r\n  #fyb-input:focus { border-color: #7c3aed; }\r\n  #fyb-send { background: linear-gradient(135deg, #e45c9c, #7c3aed); color: #fff; border: none; border-radius: 100px; width: 38px; height: 38px; flex-shrink: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; }\r\n  #fyb-send:disabled { opacity: .5; cursor: not-allowed; }\r\n<\/style>\r\n<button id=\"fyb-bubble\" aria-label=\"Chatea con nosotros\">\r\n  <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\r\n<\/button>\r\n<div id=\"fyb-panel\">\r\n  <div id=\"fyb-header\">\r\n    <div id=\"fyb-avatar\">S<\/div>\r\n    <div id=\"fyb-header-text\">\r\n      <h1>Support Bot<\/h1>\r\n      <p>Por lo general, responde en pocos minutos<\/p>\r\n    <\/div>\r\n    <button id=\"fyb-close\" aria-label=\"Cerrar chat\">\u2715<\/button>\r\n  <\/div>\r\n  <div id=\"fyb-thread\">\r\n    <div class=\"fyb-row fyb-in\"><div class=\"fyb-bubble-msg\">\u00a1Hola! \ud83d\udc4b \u00bfC\u00f3mo puedo ayudarte hoy?<\/div><\/div>\r\n  <\/div>\r\n  <div id=\"fyb-composer\">\r\n    <input id=\"fyb-input\" type=\"text\" placeholder=\"Escribe un mensaje\u2026\" autocomplete=\"off\" \/>\r\n    <button id=\"fyb-send\" aria-label=\"Enviar\">\r\n      <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\n(function () {\r\n  var WEBHOOK_URL = \"https:\/\/feelingyachty.app.n8n.cloud\/webhook\/697a32aa-ad7c-4c03-82a6-499d5d4c2482\/support-bot-chat\";\r\n  var sessionId = 'web-' + Math.random().toString(36).slice(2, 10);\r\n  var bubble = document.getElementById('fyb-bubble');\r\n  var panel = document.getElementById('fyb-panel');\r\n  var closeBtn = document.getElementById('fyb-close');\r\n  var thread = document.getElementById('fyb-thread');\r\n  var input = document.getElementById('fyb-input');\r\n  var sendBtn = document.getElementById('fyb-send');\r\n  bubble.addEventListener('click', function () { panel.classList.toggle('fyb-open'); if (panel.classList.contains('fyb-open')) input.focus(); });\r\n  closeBtn.addEventListener('click', function () { panel.classList.remove('fyb-open'); });\r\n  function addMsg(text, who) {\r\n    var row = document.createElement('div');\r\n    row.className = 'fyb-row ' + (who === 'out' ? 'fyb-out' : 'fyb-in');\r\n    var msg = document.createElement('div'); msg.className = 'fyb-bubble-msg'; msg.textContent = text;\r\n    row.appendChild(msg); thread.appendChild(row); thread.scrollTop = thread.scrollHeight;\r\n  }\r\n  function addTyping() {\r\n    var row = document.createElement('div'); row.className = 'fyb-row fyb-in'; row.id = 'fyb-typing';\r\n    row.innerHTML = '<div class=\"fyb-bubble-msg\">\u2026<\/div>'; thread.appendChild(row); thread.scrollTop = thread.scrollHeight;\r\n  }\r\n  function removeTyping() { var row = document.getElementById('fyb-typing'); if (row) row.remove(); }\r\n  function send() {\r\n    var text = input.value.trim(); if (!text) return;\r\n    addMsg(text, 'out'); input.value = ''; sendBtn.disabled = true; addTyping();\r\n    fetch(WEBHOOK_URL, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify({ message: text, sessionId: sessionId }) })\r\n      .then(function (res) { return res.json(); })\r\n      .then(function (data) { removeTyping(); addMsg(data.reply || \"Sorry, I didn't catch that \u2014 could you try again?\", 'in'); })\r\n      .catch(function () { removeTyping(); addMsg(\"Sorry, I'm having trouble connecting right now.\", 'in'); })\r\n      .finally(function () { sendBtn.disabled = false; input.focus(); });\r\n  }\r\n  sendBtn.addEventListener('click', send);\r\n  input.addEventListener('keydown', function (e) { if (e.key === 'Enter') send(); });\r\n})();\r\n<\/script>\r\n<!-- ===== End Support Bot Chat Widget ===== -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>S Support Bot Usually replies in a few minutes \u2715 Hi! \ud83d\udc4b How can I help you today?<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-52093","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/web.feelingyachty.com\/es\/wp-json\/wp\/v2\/pages\/52093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.feelingyachty.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.feelingyachty.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.feelingyachty.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/web.feelingyachty.com\/es\/wp-json\/wp\/v2\/comments?post=52093"}],"version-history":[{"count":8,"href":"https:\/\/web.feelingyachty.com\/es\/wp-json\/wp\/v2\/pages\/52093\/revisions"}],"predecessor-version":[{"id":77177,"href":"https:\/\/web.feelingyachty.com\/es\/wp-json\/wp\/v2\/pages\/52093\/revisions\/77177"}],"wp:attachment":[{"href":"https:\/\/web.feelingyachty.com\/es\/wp-json\/wp\/v2\/media?parent=52093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}