Taller práctico de IA aplicada al turismo

.ai-nl-footer { --nl-texto: inherit; /* color del título: hereda el del footer */ --nl-texto-suave: #737373; /* color del subtítulo y la casilla */ --nl-azul: #3794FF; --nl-azul-hover: #1f7ae0; max-width: 420px; font-family: 'Noto Sans', sans-serif; color: var(--nl-texto); } .ai-nl-footer .nl-titulo { margin: 0 0 6px; font-family: 'Lexend Exa', sans-serif; font-size: 16px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.3; color: var(--nl-texto); } .ai-nl-footer .nl-sub { margin: 0 0 14px; font-size: 13px; line-height: 1.5; color: var(--nl-texto-suave); } .ai-nl-footer .nl-fila { display: flex; align-items: center; gap: 6px; background: #fff; border: 1px solid #e2e6ec; border-radius: 100px; padding: 4px; } .ai-nl-footer .nl-email { flex: 1; min-width: 0; border: none !important; outline: none; background: transparent !important; box-shadow: none !important; padding: 9px 14px !important; font-size: 14px; color: #222; font-family: 'Noto Sans', sans-serif; } .ai-nl-footer .nl-btn { background: var(--nl-azul) !important; color: #fff !important; border: none !important; border-radius: 100px !important; padding: 9px 18px !important; font-family: 'Lexend Exa', sans-serif; font-size: 12.5px; font-weight: 500; line-height: 1.2; cursor: pointer; white-space: nowrap; transition: background .2s; } .ai-nl-footer .nl-btn:hover, .ai-nl-footer .nl-btn:focus { background: var(--nl-azul-hover) !important; } .ai-nl-footer .nl-btn:disabled { opacity: .6; cursor: wait; } .ai-nl-footer .nl-legal { display: flex; gap: 7px; align-items: flex-start; margin-top: 10px; font-size: 11.5px; line-height: 1.45; color: var(--nl-texto-suave); cursor: pointer; } .ai-nl-footer .nl-legal input { margin-top: 2px; } .ai-nl-footer .nl-legal a { color: var(--nl-azul); text-decoration: underline; } .ai-nl-footer .nl-msg { margin: 10px 0 0; font-size: 13px; display: none; } .ai-nl-footer .nl-honeypot { position: absolute; left: -9999px; opacity: 0; height: 0; width: 0; } (function () { /* ====== PEGA AQUÍ LA MISMA URL /exec QUE EN EL POPUP ====== */ var AI_NL_URL_RECEPTOR = 'https://script.google.com/macros/s/AKfycbwGZmFzzpDShBn0I3hdZRVIzGzebLK2gZbySUQ_nfQ9vDnQmKjCjvOM8u12DeVaDB-n/exec'; /* ========================================================== */ // Funciona aunque haya más de un bloque de newsletter en la misma página document.querySelectorAll('.ai-nl-footer').forEach(function (caja) { if (caja.dataset.listo) return; caja.dataset.listo = '1'; var form = caja.querySelector('.nl-form'); var input = caja.querySelector('.nl-email'); var legal = caja.querySelector('.nl-privacidad'); var btn = caja.querySelector('.nl-btn'); var msg = caja.querySelector('.nl-msg'); function mostrar(texto, ok) { msg.textContent = texto; msg.style.color = ok ? '#1b7f4b' : '#d62839'; msg.style.display = 'block'; } form.addEventListener('submit', function (e) { e.preventDefault(); var email = input.value.trim(); if (!/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(email)) { mostrar('Revisa el email: no parece válido.', false); return; } if (!legal.checked) { mostrar('Debes aceptar la política de privacidad.', false); return; } caja.querySelector('.nl-origen').value = window.location.href.split('#')[0] + ' (footer)'; btn.disabled = true; btn.textContent = 'Enviando…'; fetch(AI_NL_URL_RECEPTOR, { method: 'POST', body: new URLSearchParams(new FormData(form)) }) .then(function (r) { if (!r.ok) throw new Error(); return r.json(); }) .then(function (data) { if (!data || !data.ok) throw new Error(); form.reset(); mostrar('¡Listo! Ya estás suscrito. Te llegará entre el 1 y el 3 de cada mes.', true); }) .catch(function () { mostrar('Algo ha fallado. Inténtalo de nuevo o escríbenos a info@aimpulsa.com.', false); }) .then(function () { btn.disabled = false; btn.textContent = 'Suscribirme'; }); }); }); })();