Deamlow – Contacto<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n \/* Animaci\u00f3n de entrada suave para la p\u00e1gina *\/\n .animate-fadeIn {\n animation: fadeIn 0.4s ease-in-out forwards;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-800 bg-slate-50 min-h-screen flex flex-col overflow-x-hidden\">\n\n \n <div id=\"toastNotification\" class=\"fixed top-5 right-5 z-50 transform translate-y-[-100px] opacity-0 transition-all duration-500 max-w-md bg-white border-l-4 border-blue-600 rounded-xl shadow-2xl p-4 flex items-start gap-3 pointer-events-none\">\n <div id=\"toastIcon\" class=\"p-1 rounded-full bg-blue-100 text-blue-600 mt-0.5\">\n \n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <div>\n <h4 id=\"toastTitle\" class=\"font-bold text-slate-900 text-sm\">Mensaje<\/h4>\n <p id=\"toastMessage\" class=\"text-xs text-slate-600 mt-1\">Detalles.<\/p>\n <\/div>\n <button onclick=\"hideToast()\" class=\"ml-auto text-slate-400 hover:text-slate-600\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\n <\/button>\n <\/div>\n\n <main class=\"flex-grow animate-fadeIn pt-12 pb-20\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-12\">\n \n \n <div class=\"bg-gradient-to-br from-blue-900 to-blue-700 rounded-3xl overflow-hidden shadow-2xl\">\n <div class=\"grid lg:grid-cols-5\">\n \n \n <div class=\"lg:col-span-2 p-10 md:p-14 text-white flex flex-col justify-between relative overflow-hidden\">\n \n <div class=\"absolute -top-20 -left-20 w-64 h-64 bg-blue-600\/20 rounded-full blur-3xl\"><\/div>\n <div class=\"absolute -bottom-20 -right-20 w-64 h-64 bg-indigo-500\/10 rounded-full blur-3xl\"><\/div>\n\n <div class=\"relative z-10 space-y-8\">\n <div>\n <h1 class=\"text-4xl font-extrabold mb-6 tracking-tight\">Empecemos a trabajar juntos<\/h1>\n <p class=\"text-blue-100 text-lg leading-relaxed\">\n D\u00e9janos tus datos y un especialista en Inteligencia Artificial de Deamlow se pondr\u00e1 en contacto contigo a la brevedad para entender y potenciar las necesidades de tu empresa.\n <\/p>\n <\/div>\n \n \n <div class=\"space-y-4\">\n \n \n <a href=\"mailto:info@deamlow.com\" class=\"flex items-center text-lg group bg-white\/5 hover:bg-white\/10 p-4 rounded-2xl transition-all duration-300 border border-white\/5 hover:border-white\/20 shadow-sm\">\n <div class=\"w-12 h-12 bg-white\/10 rounded-full flex items-center justify-center mr-4 group-hover:scale-105 group-hover:bg-blue-500\/20 transition-all flex-shrink-0\">\n \n <svg class=\"w-6 h-6 text-blue-200\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-blue-200 font-semibold uppercase tracking-wider\">Escr\u00edbenos<\/span>\n <span class=\"hover:underline font-bold text-white break-all\">info@deamlow.com<\/span>\n <\/div>\n <\/a>\n \n \n <div class=\"flex items-start text-lg bg-white\/5 p-4 rounded-2xl border border-white\/5 shadow-sm\">\n <div class=\"w-12 h-12 bg-white\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n \n <svg class=\"w-6 h-6 text-blue-200\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2a1 1 0 01-.321.988l-1.305.98a10.582 10.582 0 004.872 4.872l.98-1.305a1 1 0 01.988-.321l2.2.548a1 1 0 01.725.94V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"flex flex-col w-full\">\n <span class=\"text-xs text-blue-200 font-semibold uppercase tracking-wider mb-1\">Ll\u00e1manos<\/span>\n <a href=\"tel:+573112809211\" class=\"hover:underline text-base font-bold text-white hover:text-blue-200 transition-colors py-0.5 flex items-center justify-between group\">\n <span>+57 311 2809211<\/span>\n <svg class=\"w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2z\"><\/path><\/svg>\n <\/a>\n <a href=\"tel:+50687054203\" class=\"hover:underline text-base font-bold text-white hover:text-blue-200 transition-colors py-0.5 flex items-center justify-between group mt-1 border-t border-white\/10 pt-1\">\n <span>+506 87054203<\/span>\n <svg class=\"w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2z\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n \n \n <div class=\"flex items-center text-lg bg-white\/5 p-4 rounded-2xl border border-white\/5 shadow-sm\">\n <div class=\"w-12 h-12 bg-white\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n \n <svg class=\"w-6 h-6 text-blue-200\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path>\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-blue-200 font-semibold uppercase tracking-wider\">Presencia<\/span>\n <span class=\"font-bold text-white\">Costa Rica & Colombia<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"lg:col-span-3 bg-white p-10 md:p-14\">\n <form id=\"contactoFormCompleto\" class=\"space-y-6\">\n \n <div class=\"grid md:grid-cols-2 gap-6\">\n \n <div>\n <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Nombre completo *<\/label>\n <input \n type=\"text\" \n id=\"formNombre\"\n required\n class=\"w-full px-5 py-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50\" \n placeholder=\"Ej. Juan P\u00e9rez\" \n \/>\n <\/div>\n \n <div>\n <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Empresa<\/label>\n <input \n type=\"text\" \n id=\"formEmpresa\"\n class=\"w-full px-5 py-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50\" \n placeholder=\"Nombre de tu empresa\" \n \/>\n <\/div>\n <\/div>\n \n \n <div>\n <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Correo electr\u00f3nico corporativo *<\/label>\n <input \n type=\"email\" \n id=\"formEmail\"\n required\n class=\"w-full px-5 py-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50\" \n placeholder=\"juan@empresa.com\" \n \/>\n <\/div>\n \n \n <div>\n <label class=\"block text-sm font-semibold text-slate-700 mb-2\">\u00bfEn qu\u00e9 podemos ayudarte? *<\/label>\n <textarea \n rows=\"5\" \n id=\"formMensaje\"\n required\n class=\"w-full px-5 py-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50 resize-none\" \n placeholder=\"Cu\u00e9ntanos brevemente sobre tu proyecto, objetivos o la necesidad que deseas automatizar...\"\n ><\/textarea>\n <\/div>\n \n \n <button \n type=\"submit\" \n class=\"w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-xl transition-all shadow-lg hover:shadow-blue-500\/30 text-lg flex items-center justify-center gap-2 group\"\n >\n Enviar Mensaje\n <svg class=\"w-5 h-5 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/button>\n \n <\/form>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n \n <script>\n \/\/ --- Sistema Est\u00e9tico de Alertas Flotantes \/ Toasts ---\n const toast = document.getElementById('toastNotification');\n const toastTitle = document.getElementById('toastTitle');\n const toastMessage = document.getElementById('toastMessage');\n const toastIcon = document.getElementById('toastIcon');\n\n function showToast(title, message, isError = false) {\n toastTitle.textContent = title;\n toastMessage.textContent = message;\n \n if (isError) {\n toast.className = \"fixed top-5 right-5 z-50 transform translate-y-0 opacity-100 transition-all duration-500 max-w-md bg-white border-l-4 border-red-500 rounded-xl shadow-2xl p-4 flex items-start gap-3 pointer-events-auto\";\n toastIcon.className = \"p-1 rounded-full bg-red-100 text-red-500 mt-0.5\";\n toastIcon.innerHTML = `\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"><\/path>\n <\/svg>`;\n } else {\n toast.className = \"fixed top-5 right-5 z-50 transform translate-y-0 opacity-100 transition-all duration-500 max-w-md bg-white border-l-4 border-blue-600 rounded-xl shadow-2xl p-4 flex items-start gap-3 pointer-events-auto\";\n toastIcon.className = \"p-1 rounded-full bg-blue-100 text-blue-500 mt-0.5\";\n toastIcon.innerHTML = `\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n <\/svg>`;\n }\n \n setTimeout(hideToast, 6000); \/\/ Se esconde en 6 segundos\n }\n\n function hideToast() {\n toast.classList.add('translate-y-[-100px]', 'opacity-0');\n toast.classList.remove('translate-y-0', 'opacity-100');\n }\n\n \/\/ --- Env\u00edo de Formulario ---\n document.getElementById('contactoFormCompleto').addEventListener('submit', function(e) {\n e.preventDefault();\n\n const nombre = document.getElementById('formNombre').value.trim();\n const empresa = document.getElementById('formEmpresa').value.trim() || 'Particular \/ No especificada';\n const email = document.getElementById('formEmail').value.trim();\n const mensaje = document.getElementById('formMensaje').value.trim();\n\n \/\/ Validaci\u00f3n b\u00e1sica\n if (!nombre || !email || !mensaje) {\n showToast(\"Error de validaci\u00f3n\", \"Por favor completa todos los campos requeridos (*).\", true);\n return;\n }\n\n const emailDestino = \"info@deamlow.com\";\n const asunto = encodeURIComponent(`[Contacto Deamlow Website] Consulta de ${nombre} - ${empresa}`);\n \n const cuerpo = encodeURIComponent(\n `Hola equipo de Deamlow,\\n\\n` +\n `Se ha recibido una nueva solicitud de contacto desde la p\u00e1gina oficial de contacto (WordPress):\\n\\n` +\n `--------------------------------------------------\\n` +\n `\u2022 Nombre completo: ${nombre}\\n` +\n `\u2022 Correo electr\u00f3nico: ${email}\\n` +\n `\u2022 Empresa o Proyecto: ${empresa}\\n` +\n `--------------------------------------------------\\n\\n` +\n `Mensaje o Requerimiento:\\n` +\n `\"${mensaje}\"\\n\\n` +\n `Por favor, dar seguimiento a la brevedad.\\n`\n );\n\n \/\/ Feedback al usuario antes de redirigir al mailto\n showToast(\"Solicitud Procesada\", \"Abriendo tu gestor de correo local para enviar tu consulta...\", false);\n\n setTimeout(() => {\n window.location.href = `mailto:${emailDestino}?subject=${asunto}&body=${cuerpo}`;\n }, 1500);\n });\n <\/script>\n\n<\/body>\n","protected":false},"excerpt":{"rendered":"<p>Deamlow – Contacto Mensaje Detalles. Empecemos a trabajar juntos D\u00e9janos tus datos y un especialista en Inteligencia Artificial de Deamlow se pondr\u00e1 en contacto contigo a la brevedad para entender y potenciar las necesidades de tu empresa. Escr\u00edbenos info@deamlow.com Ll\u00e1manos +57 311 2809211 +506 87054203 Presencia Costa Rica & Colombia Nombre completo * Empresa Correo…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deamlow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=128"}],"version-history":[{"count":3,"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/pages\/128\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/deamlow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":128,"date":"2026-06-22T15:52:16","date_gmt":"2026-06-22T15:52:16","guid":{"rendered":"https:\/\/deamlow.com\/?page_id=128"},"modified":"2026-06-22T17:08:55","modified_gmt":"2026-06-22T17:08:55","slug":"contactenos","status":"publish","type":"page","link":"https:\/\/deamlow.com\/?page_id=128","title":{"rendered":"Contactenos"},"content":{"rendered":"\n\n\n\n \n \n Deamlow – Contacto<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n \/* Animaci\u00f3n de entrada suave para la p\u00e1gina *\/\n .animate-fadeIn {\n animation: fadeIn 0.4s ease-in-out forwards;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-800 bg-slate-50 min-h-screen flex flex-col overflow-x-hidden\">\n\n \n <div id=\"toastNotification\" class=\"fixed top-5 right-5 z-50 transform translate-y-[-100px] opacity-0 transition-all duration-500 max-w-md bg-white border-l-4 border-blue-600 rounded-xl shadow-2xl p-4 flex items-start gap-3 pointer-events-none\">\n <div id=\"toastIcon\" class=\"p-1 rounded-full bg-blue-100 text-blue-600 mt-0.5\">\n \n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <div>\n <h4 id=\"toastTitle\" class=\"font-bold text-slate-900 text-sm\">Mensaje<\/h4>\n <p id=\"toastMessage\" class=\"text-xs text-slate-600 mt-1\">Detalles.<\/p>\n <\/div>\n <button onclick=\"hideToast()\" class=\"ml-auto text-slate-400 hover:text-slate-600\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\n <\/button>\n <\/div>\n\n <main class=\"flex-grow animate-fadeIn pt-12 pb-20\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-12\">\n \n \n <div class=\"bg-gradient-to-br from-blue-900 to-blue-700 rounded-3xl overflow-hidden shadow-2xl\">\n <div class=\"grid lg:grid-cols-5\">\n \n \n <div class=\"lg:col-span-2 p-10 md:p-14 text-white flex flex-col justify-between relative overflow-hidden\">\n \n <div class=\"absolute -top-20 -left-20 w-64 h-64 bg-blue-600\/20 rounded-full blur-3xl\"><\/div>\n <div class=\"absolute -bottom-20 -right-20 w-64 h-64 bg-indigo-500\/10 rounded-full blur-3xl\"><\/div>\n\n <div class=\"relative z-10 space-y-8\">\n <div>\n <h1 class=\"text-4xl font-extrabold mb-6 tracking-tight\">Empecemos a trabajar juntos<\/h1>\n <p class=\"text-blue-100 text-lg leading-relaxed\">\n D\u00e9janos tus datos y un especialista en Inteligencia Artificial de Deamlow se pondr\u00e1 en contacto contigo a la brevedad para entender y potenciar las necesidades de tu empresa.\n <\/p>\n <\/div>\n \n \n <div class=\"space-y-4\">\n \n \n <a href=\"mailto:info@deamlow.com\" class=\"flex items-center text-lg group bg-white\/5 hover:bg-white\/10 p-4 rounded-2xl transition-all duration-300 border border-white\/5 hover:border-white\/20 shadow-sm\">\n <div class=\"w-12 h-12 bg-white\/10 rounded-full flex items-center justify-center mr-4 group-hover:scale-105 group-hover:bg-blue-500\/20 transition-all flex-shrink-0\">\n \n <svg class=\"w-6 h-6 text-blue-200\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-blue-200 font-semibold uppercase tracking-wider\">Escr\u00edbenos<\/span>\n <span class=\"hover:underline font-bold text-white break-all\">info@deamlow.com<\/span>\n <\/div>\n <\/a>\n \n \n <div class=\"flex items-start text-lg bg-white\/5 p-4 rounded-2xl border border-white\/5 shadow-sm\">\n <div class=\"w-12 h-12 bg-white\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n \n <svg class=\"w-6 h-6 text-blue-200\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2a1 1 0 01-.321.988l-1.305.98a10.582 10.582 0 004.872 4.872l.98-1.305a1 1 0 01.988-.321l2.2.548a1 1 0 01.725.94V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"flex flex-col w-full\">\n <span class=\"text-xs text-blue-200 font-semibold uppercase tracking-wider mb-1\">Ll\u00e1manos<\/span>\n <a href=\"tel:+573112809211\" class=\"hover:underline text-base font-bold text-white hover:text-blue-200 transition-colors py-0.5 flex items-center justify-between group\">\n <span>+57 311 2809211<\/span>\n <svg class=\"w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2z\"><\/path><\/svg>\n <\/a>\n <a href=\"tel:+50687054203\" class=\"hover:underline text-base font-bold text-white hover:text-blue-200 transition-colors py-0.5 flex items-center justify-between group mt-1 border-t border-white\/10 pt-1\">\n <span>+506 87054203<\/span>\n <svg class=\"w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2z\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n \n \n <div class=\"flex items-center text-lg bg-white\/5 p-4 rounded-2xl border border-white\/5 shadow-sm\">\n <div class=\"w-12 h-12 bg-white\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n \n <svg class=\"w-6 h-6 text-blue-200\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path>\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-blue-200 font-semibold uppercase tracking-wider\">Presencia<\/span>\n <span class=\"font-bold text-white\">Costa Rica & Colombia<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"lg:col-span-3 bg-white p-10 md:p-14\">\n <form id=\"contactoFormCompleto\" class=\"space-y-6\">\n \n <div class=\"grid md:grid-cols-2 gap-6\">\n \n <div>\n <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Nombre completo *<\/label>\n <input \n type=\"text\" \n id=\"formNombre\"\n required\n class=\"w-full px-5 py-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50\" \n placeholder=\"Ej. Juan P\u00e9rez\" \n \/>\n <\/div>\n \n <div>\n <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Empresa<\/label>\n <input \n type=\"text\" \n id=\"formEmpresa\"\n class=\"w-full px-5 py-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50\" \n placeholder=\"Nombre de tu empresa\" \n \/>\n <\/div>\n <\/div>\n \n \n <div>\n <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Correo electr\u00f3nico corporativo *<\/label>\n <input \n type=\"email\" \n id=\"formEmail\"\n required\n class=\"w-full px-5 py-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50\" \n placeholder=\"juan@empresa.com\" \n \/>\n <\/div>\n \n \n <div>\n <label class=\"block text-sm font-semibold text-slate-700 mb-2\">\u00bfEn qu\u00e9 podemos ayudarte? *<\/label>\n <textarea \n rows=\"5\" \n id=\"formMensaje\"\n required\n class=\"w-full px-5 py-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50 resize-none\" \n placeholder=\"Cu\u00e9ntanos brevemente sobre tu proyecto, objetivos o la necesidad que deseas automatizar...\"\n ><\/textarea>\n <\/div>\n \n \n <button \n type=\"submit\" \n class=\"w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-xl transition-all shadow-lg hover:shadow-blue-500\/30 text-lg flex items-center justify-center gap-2 group\"\n >\n Enviar Mensaje\n <svg class=\"w-5 h-5 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/button>\n \n <\/form>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n \n <script>\n \/\/ --- Sistema Est\u00e9tico de Alertas Flotantes \/ Toasts ---\n const toast = document.getElementById('toastNotification');\n const toastTitle = document.getElementById('toastTitle');\n const toastMessage = document.getElementById('toastMessage');\n const toastIcon = document.getElementById('toastIcon');\n\n function showToast(title, message, isError = false) {\n toastTitle.textContent = title;\n toastMessage.textContent = message;\n \n if (isError) {\n toast.className = \"fixed top-5 right-5 z-50 transform translate-y-0 opacity-100 transition-all duration-500 max-w-md bg-white border-l-4 border-red-500 rounded-xl shadow-2xl p-4 flex items-start gap-3 pointer-events-auto\";\n toastIcon.className = \"p-1 rounded-full bg-red-100 text-red-500 mt-0.5\";\n toastIcon.innerHTML = `\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"><\/path>\n <\/svg>`;\n } else {\n toast.className = \"fixed top-5 right-5 z-50 transform translate-y-0 opacity-100 transition-all duration-500 max-w-md bg-white border-l-4 border-blue-600 rounded-xl shadow-2xl p-4 flex items-start gap-3 pointer-events-auto\";\n toastIcon.className = \"p-1 rounded-full bg-blue-100 text-blue-500 mt-0.5\";\n toastIcon.innerHTML = `\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n <\/svg>`;\n }\n \n setTimeout(hideToast, 6000); \/\/ Se esconde en 6 segundos\n }\n\n function hideToast() {\n toast.classList.add('translate-y-[-100px]', 'opacity-0');\n toast.classList.remove('translate-y-0', 'opacity-100');\n }\n\n \/\/ --- Env\u00edo de Formulario ---\n document.getElementById('contactoFormCompleto').addEventListener('submit', function(e) {\n e.preventDefault();\n\n const nombre = document.getElementById('formNombre').value.trim();\n const empresa = document.getElementById('formEmpresa').value.trim() || 'Particular \/ No especificada';\n const email = document.getElementById('formEmail').value.trim();\n const mensaje = document.getElementById('formMensaje').value.trim();\n\n \/\/ Validaci\u00f3n b\u00e1sica\n if (!nombre || !email || !mensaje) {\n showToast(\"Error de validaci\u00f3n\", \"Por favor completa todos los campos requeridos (*).\", true);\n return;\n }\n\n const emailDestino = \"info@deamlow.com\";\n const asunto = encodeURIComponent(`[Contacto Deamlow Website] Consulta de ${nombre} - ${empresa}`);\n \n const cuerpo = encodeURIComponent(\n `Hola equipo de Deamlow,\\n\\n` +\n `Se ha recibido una nueva solicitud de contacto desde la p\u00e1gina oficial de contacto (WordPress):\\n\\n` +\n `--------------------------------------------------\\n` +\n `\u2022 Nombre completo: ${nombre}\\n` +\n `\u2022 Correo electr\u00f3nico: ${email}\\n` +\n `\u2022 Empresa o Proyecto: ${empresa}\\n` +\n `--------------------------------------------------\\n\\n` +\n `Mensaje o Requerimiento:\\n` +\n `\"${mensaje}\"\\n\\n` +\n `Por favor, dar seguimiento a la brevedad.\\n`\n );\n\n \/\/ Feedback al usuario antes de redirigir al mailto\n showToast(\"Solicitud Procesada\", \"Abriendo tu gestor de correo local para enviar tu consulta...\", false);\n\n setTimeout(() => {\n window.location.href = `mailto:${emailDestino}?subject=${asunto}&body=${cuerpo}`;\n }, 1500);\n });\n <\/script>\n\n<\/body>\n","protected":false},"excerpt":{"rendered":"<p>Deamlow – Contacto Mensaje Detalles. Empecemos a trabajar juntos D\u00e9janos tus datos y un especialista en Inteligencia Artificial de Deamlow se pondr\u00e1 en contacto contigo a la brevedad para entender y potenciar las necesidades de tu empresa. Escr\u00edbenos info@deamlow.com Ll\u00e1manos +57 311 2809211 +506 87054203 Presencia Costa Rica & Colombia Nombre completo * Empresa Correo…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deamlow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=128"}],"version-history":[{"count":3,"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/deamlow.com\/index.php?rest_route=\/wp\/v2\/pages\/128\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/deamlow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}