{"id":368,"date":"2026-03-17T13:28:34","date_gmt":"2026-03-17T19:28:34","guid":{"rendered":"https:\/\/giistudio.cloud\/?page_id=368"},"modified":"2026-03-30T21:22:33","modified_gmt":"2026-03-31T03:22:33","slug":"marketing-para-hoteles-restaurantes-saltillo","status":"publish","type":"page","link":"https:\/\/giistudio.com.mx\/en\/marketing-para-hoteles-restaurantes-saltillo\/","title":{"rendered":"Marketing para hoteles y restaurantes en Saltillo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"368\" class=\"elementor elementor-368\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b44f750 e-flex e-con-boxed e-con e-parent\" data-id=\"b44f750\" 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-95dd8b6 elementor-widget elementor-widget-html\" data-id=\"95dd8b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700;800&family=Cormorant+Garamond:wght@400;500;600;700&display=swap');\r\n\r\nhtml,body,body.elementor-default,body.elementor-page,body.page,body.home,\r\n#page,#content,#primary,#main,.site,.site-content,.entry-content,\r\n.page-content,.post-content,main,article,.elementor,.elementor-element,\r\n.elementor-widget-container,.elementor-section,.elementor-section-wrap,\r\n.elementor-inner,.elementor-column,.elementor-column-wrap,.elementor-widget,\r\n.elementor-widget-wrap,.elementor-top-section,.elementor-inner-section,\r\n.e-con,.e-con-inner,.e-con-full,.e-child,[data-elementor-type],\r\n[data-elementor-type=\"wp-page\"],[data-elementor-type=\"wp-post\"] {\r\n    background-color: #060608 !important;\r\n    background-image: none !important;\r\n}\r\n\r\n:root {\r\n    --hr-bg: #060608;--hr-surface: #0c0c10;--hr-surface-2: #121216;--hr-border: rgba(255,255,255,0.06);--hr-border-h: rgba(255,255,255,0.14);--hr-text: #f2f0f5;--hr-text-2: #c4bfcc;--hr-text-dim: #5e5868;--hr-warm: #c9a87c;--hr-warm-s: rgba(201,168,124,0.08);--hr-warm-b: rgba(201,168,124,0.20);--hr-gold: #b8975a;--hr-gold-s: rgba(184,151,90,0.08);--hr-accent: #8b5cf6;--hr-accent-s: rgba(139,92,246,0.08);--hr-blue: #60a5fa;--hr-green: #10b981;--hr-r: 10px;\r\n}\r\n\r\n.HR * { box-sizing:border-box; margin:0; padding:0; }\r\n.HR { position:relative; width:100%; background:transparent !important; overflow:hidden; display:flex; flex-direction:column; font-family:'Inter',-apple-system,sans-serif; color:var(--hr-text-2); -webkit-font-smoothing:antialiased; }\r\n.HR section,.HR header,.HR footer { position:relative; z-index:1; background:transparent !important; }\r\n.hr-s { width:100%; padding:110px 24px; display:flex; flex-direction:column; align-items:center; background:transparent !important; }\r\n.hr-c { width:100%; max-width:1120px; margin:0 auto; }\r\n\r\n.HR h1,.HR h2,.HR h3,.HR h4 { color:var(--hr-text) !important; font-family:'Poppins',sans-serif !important; line-height:1.15 !important; }\r\n.HR p,.HR li { font-size:16px !important; line-height:1.65 !important; color:var(--hr-text-2) !important; }\r\n.hr-hero-t { font-size:clamp(36px,6.5vw,72px) !important; font-weight:700 !important; color:var(--hr-text) !important; margin-bottom:28px !important; letter-spacing:-0.03em !important; line-height:1.08 !important; }\r\n.hr-serif { font-family:'Cormorant Garamond',serif !important; font-style:italic; font-weight:500; }\r\n.hr-eyebrow { display:inline-flex; align-items:center; gap:10px; border:1px solid var(--hr-warm-b); padding:10px 24px; border-radius:4px; color:var(--hr-warm); font-weight:600; letter-spacing:3px; margin-bottom:32px; font-size:11px !important; text-transform:uppercase; }\r\n.hr-st { text-align:center; display:flex; flex-direction:column; align-items:center; margin-bottom:60px; }\r\n.hr-st h2 { font-size:clamp(28px,5vw,46px) !important; margin-bottom:16px !important; letter-spacing:-0.025em !important; font-weight:700 !important; }\r\n.hr-st p { max-width:620px; font-size:17px !important; }\r\n.hr-label { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--hr-border); padding:8px 22px; border-radius:4px; font-weight:600; letter-spacing:3px; margin-bottom:28px; font-size:10px !important; text-transform:uppercase; }\r\n\r\n.hr-g2 { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; width:100%; }\r\n.hr-g3 { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; width:100%; }\r\n\r\n.hr-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; width:100%; }\r\n.hr-gallery-item { border-radius:8px; overflow:hidden; border:1px solid var(--hr-border); transition:transform .4s, box-shadow .4s; cursor:pointer; height:280px; }\r\n.hr-gallery-item:hover { transform:translateY(-4px); box-shadow:0 16px 40px -10px rgba(0,0,0,.5); }\r\n.hr-gallery-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s; }\r\n.hr-gallery-item:hover img { transform:scale(1.04); }\r\n\r\n.hr-card { background:var(--hr-surface) !important; border:1px solid var(--hr-border) !important; border-radius:var(--hr-r) !important; padding:44px 32px !important; transition:border-color .4s, transform .3s, box-shadow .4s; display:flex; flex-direction:column; height:100%; }\r\n.hr-card:hover { border-color:var(--hr-border-h) !important; transform:translateY(-3px); box-shadow:0 20px 50px -15px rgba(0,0,0,.5); }\r\n.hr-icon { width:52px; height:52px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:24px; font-size:24px; }\r\n.hr-icon.warm { color:var(--hr-warm); background:var(--hr-warm-s); border:1px solid var(--hr-warm-b); }\r\n.hr-icon.accent { color:var(--hr-accent); background:var(--hr-accent-s); border:1px solid rgba(139,92,246,0.15); }\r\n.hr-icon.blue { color:var(--hr-blue); background:rgba(96,165,250,0.08); border:1px solid rgba(96,165,250,0.15); }\r\n.hr-icon.green { color:var(--hr-green); background:rgba(16,185,129,0.08); border:1px solid rgba(16,185,129,0.15); }\r\n.hr-icon.gold { color:var(--hr-gold); background:var(--hr-gold-s); border:1px solid rgba(184,151,90,0.20); }\r\n.hr-card h3 { font-size:20px !important; margin-bottom:12px !important; font-weight:700 !important; }\r\n.hr-card p { font-size:15px !important; line-height:1.6 !important; }\r\n\r\n.hr-phase { background:var(--hr-surface) !important; border:1px solid var(--hr-border) !important; border-radius:var(--hr-r) !important; padding:40px 32px; text-align:center; transition:border-color .4s, transform .3s, box-shadow .4s; display:flex; flex-direction:column; height:100%; }\r\n.hr-phase:hover { border-color:var(--hr-border-h) !important; transform:translateY(-4px); box-shadow:0 20px 50px -15px rgba(0,0,0,.5); }\r\n.hr-phase-n { font-size:48px !important; font-weight:800 !important; font-family:'Poppins',sans-serif !important; margin-bottom:12px; }\r\n.hr-phase h3 { font-size:22px !important; margin-bottom:10px !important; }\r\n.hr-phase p { font-size:14px !important; }\r\n\r\n.hr-quote { background:var(--hr-warm-s); border-left:3px solid var(--hr-warm); padding:20px 24px; border-radius:0 var(--hr-r) var(--hr-r) 0; }\r\n.hr-quote p { font-weight:600 !important; color:var(--hr-warm) !important; font-size:15px !important; margin:0 !important; }\r\n\r\n.hr-btn-g { display:flex; gap:14px; justify-content:center; align-items:center; flex-wrap:wrap; width:100%; }\r\n.hr-btn { display:inline-flex; align-items:center; justify-content:center; padding:18px 36px; border-radius:6px; font-size:15px !important; font-weight:600; text-decoration:none; cursor:pointer; transition:all .3s; border:none; font-family:'Inter',sans-serif; gap:8px; }\r\n.hr-btn-warm { background:var(--hr-warm); color:#060608; box-shadow:0 8px 30px rgba(201,168,124,.2); }\r\n.hr-btn-warm:hover { box-shadow:0 12px 40px rgba(201,168,124,.35); transform:translateY(-1px); }\r\n.hr-btn-o { background:transparent; border:1px solid rgba(255,255,255,.12); color:#fff; }\r\n.hr-btn-o:hover { border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.03); }\r\n.hr-btn-wa { background:#25d366; color:white; box-shadow:0 8px 25px rgba(37,211,102,.12); }\r\n.hr-btn-wa:hover { transform:translateY(-1px); }\r\n\r\n.hr-form { background:var(--hr-surface-2) !important; border:1px solid var(--hr-border) !important; border-radius:var(--hr-r); padding:48px; width:100%; max-width:580px; margin:0 auto; }\r\n.hr-fg { margin-bottom:20px; }\r\n.hr-fl { display:block !important; color:var(--hr-text) !important; font-weight:600 !important; font-size:14px !important; margin-bottom:10px !important; }\r\n.hr-fi { width:100% !important; padding:16px 20px !important; background:var(--hr-bg) !important; border:1px solid var(--hr-border) !important; border-radius:8px !important; color:#fff !important; font-family:'Inter',sans-serif !important; font-size:16px !important; transition:all .3s; }\r\n.hr-fi:focus { outline:none !important; border-color:var(--hr-warm) !important; box-shadow:0 0 0 3px var(--hr-warm-s) !important; }\r\n.hr-fi::placeholder { color:var(--hr-text-dim) !important; opacity:.7; }\r\ntextarea.hr-fi { resize:vertical; min-height:110px; }\r\n\r\n.hrf { opacity:0; transform:translateY(24px); transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); }\r\n.hrf.vis { opacity:1; transform:translateY(0); }\r\n.hrf-d1 { transition-delay:.1s; }\r\n.hrf-d2 { transition-delay:.2s; }\r\n\r\n.HR footer { background:transparent !important; }\r\n.hr-foot a { color:var(--hr-text-dim) !important; font-size:22px; text-decoration:none !important; transition:color .3s, transform .3s; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; border:1px solid var(--hr-border); background:var(--hr-surface) !important; }\r\n.hr-foot a:hover { color:var(--hr-text) !important; border-color:var(--hr-border-h); transform:translateY(-2px); }\r\n\r\n@media (max-width:1024px) {\r\n    .hr-s { padding:80px 20px; }\r\n    .hr-g2,.hr-g3 { grid-template-columns:1fr !important; gap:40px; }\r\n    .hr-gallery { grid-template-columns:1fr 1fr; }\r\n    .hr-gallery-item { height:220px; }\r\n    .hr-card { padding:32px 24px !important; }\r\n    .hr-btn-g { flex-direction:column; width:100%; }\r\n    .hr-btn { width:100%; }\r\n    .hr-form { padding:32px 22px; }\r\n}\r\n@media (max-width:600px) {\r\n    .hr-hero-t { font-size:clamp(28px,8vw,42px) !important; }\r\n    .hr-gallery { grid-template-columns:1fr 1fr; }\r\n    .hr-gallery-item { height:180px; }\r\n}\r\n\r\n\/* ===== CHATBOT PRO \u2014 HOTELES ===== *\/\r\n@keyframes chtRingSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\r\n@keyframes chtOrbPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}\r\n@keyframes chtHeaderLine{0%{background-position:0% 50%}100%{background-position:200% 50%}}\r\n@keyframes chtWaveBar{0%,100%{height:3px}50%{height:13px}}\r\n@keyframes chtBdot{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}\r\n.chtgl{position:fixed;bottom:24px;right:24px;z-index:9990;width:58px;height:58px;border-radius:50%;background:#060608;display:flex;align-items:center;justify-content:center;transition:all .3s;overflow:hidden;cursor:pointer;border:none}.chtgl::before{content:'';position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(#c9a87c,#8b5cf6,#60a5fa,#c9a87c);animation:chtRingSpin 3s linear infinite}.chtgl::after{content:'';position:absolute;inset:2px;border-radius:50%;background:#060608}.chtgl svg{width:24px;height:24px;position:relative;z-index:1}.chtgl:hover{box-shadow:0 4px 24px rgba(201,168,124,.25)}\r\n.chtw{position:fixed;bottom:96px;right:24px;z-index:9990;width:370px;max-width:calc(100vw - 48px);height:540px;max-height:72vh;border-radius:16px;border:1px solid rgba(201,168,124,.15);background:#0c0c10;box-shadow:0 20px 60px rgba(0,0,0,.5);display:none;flex-direction:column;overflow:hidden;font-family:'Inter',-apple-system,sans-serif}.chtw.op{display:flex}\r\n.chth{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px}.chth::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c9a87c,#8b5cf6,transparent);background-size:200% 100%;animation:chtHeaderLine 3s linear infinite}\r\n.chtav-wrap{position:relative;width:40px;height:40px;flex-shrink:0}.chtav-ring{position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(#c9a87c,#8b5cf6,#60a5fa,#c9a87c);animation:chtRingSpin 3s linear infinite}.chtav-bg{position:absolute;inset:2px;border-radius:50%;background:#0c0c10}.chtav{position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle,#c9a87c,#7a6448);display:flex;align-items:center;justify-content:center;animation:chtOrbPulse 2.5s ease-in-out infinite}.chtav svg{width:16px;height:16px}\r\n.cht-badge{font-size:.65rem;font-weight:500;color:#c9a87c;background:rgba(201,168,124,.1);padding:2px 8px;border-radius:99px;margin-left:6px}\r\n.cht-voz{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;border:1px solid rgba(201,168,124,.2);background:transparent;font-size:.65rem;color:#5e5868;transition:all .2s;cursor:pointer}.cht-voz svg{width:12px;height:12px}.cht-voz.active{border-color:rgba(201,168,124,.4);background:rgba(201,168,124,.1);color:#c9a87c}\r\n.chts{display:flex;align-items:center;gap:6px;margin-top:2px}.chton{width:6px;height:6px;border-radius:50%;background:#4ade80}\r\n.chtms{flex-grow:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}\r\n.msg-wrap{display:flex;align-items:flex-end;gap:8px;max-width:84%}.msg-wrap.bot{align-self:flex-start}.msg-wrap.usr{align-self:flex-end;flex-direction:row-reverse}\r\n.msg-av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#c9a87c,#8b5cf6);flex-shrink:0;display:flex;align-items:center;justify-content:center}.msg-av svg{width:12px;height:12px}\r\n.msg{padding:10px 16px;border-radius:16px;font-size:.875rem;line-height:1.5}.msg-u{background:linear-gradient(135deg,#c9a87c,#7a6448);color:#fff;border-bottom-right-radius:4px}.msg-b{background:rgba(201,168,124,.06);border:1px solid rgba(201,168,124,.08);border-bottom-left-radius:4px;color:#f2f0f5}\r\n.msg-tts{display:none;align-items:center;gap:3px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(201,168,124,.08)}.msg-tts.playing{display:flex}.msg-tts-bar{width:3px;background:#c9a87c;border-radius:2px;animation:chtWaveBar .5s ease-in-out infinite}.msg-tts-bar:nth-child(1){animation-delay:0s}.msg-tts-bar:nth-child(2){animation-delay:.1s}.msg-tts-bar:nth-child(3){animation-delay:.2s}.msg-tts-bar:nth-child(4){animation-delay:.3s}.msg-tts-bar:nth-child(5){animation-delay:.15s}.msg-tts-bar:nth-child(6){animation-delay:.25s}.msg-tts-bar:nth-child(7){animation-delay:.05s}.msg-tts-lbl{font-size:.7rem;color:#5e5868;margin-left:6px}\r\n.cht-typ{display:flex;gap:4px;padding:12px 16px;align-self:flex-start;background:rgba(201,168,124,.06);border:1px solid rgba(201,168,124,.08);border-radius:16px;border-bottom-left-radius:4px}.cht-typ span{width:8px;height:8px;border-radius:50%;background:#c9a87c}.cht-typ span:nth-child(1){animation:chtBdot .6s infinite 0s}.cht-typ span:nth-child(2){animation:chtBdot .6s infinite .15s}.cht-typ span:nth-child(3){animation:chtBdot .6s infinite .3s}\r\n.qrs{padding:0 16px 8px;display:flex;flex-wrap:wrap;gap:6px}.qr{padding:6px 12px;font-size:.72rem;border-radius:9999px;border:1px solid rgba(201,168,124,.18);color:#c9a87c;transition:all .2s;cursor:pointer;background:rgba(201,168,124,.04);font-family:'Inter',sans-serif}.qr:hover{background:rgba(201,168,124,.12)}\r\n.cht-ia{padding:12px 16px;border-top:1px solid rgba(201,168,124,.06);display:flex;gap:8px;align-items:center}\r\n.cht-in{flex-grow:1;background:rgba(0,0,0,.5);border:1px solid rgba(201,168,124,.1);border-radius:10px;padding:10px 16px;font-size:.875rem;color:#fff;outline:none;transition:border-color .2s;font-family:'Inter',sans-serif}.cht-in:focus{border-color:rgba(201,168,124,.35)}.cht-in::placeholder{color:rgba(94,88,104,.7)}\r\n.cht-sn{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#c9a87c,#7a6448);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .2s;border:none;cursor:pointer}.cht-sn:disabled{opacity:.3}.cht-sn:hover{filter:brightness(1.1)}.cht-sn svg{width:16px;height:16px}\r\n<\/style>\r\n\r\n<main class=\"HR\">\r\n\r\n<header class=\"hr-s hrf\" style=\"min-height:100vh; justify-content:center; padding-top:100px; padding-bottom:60px;\">\r\n    <div class=\"hr-c\" style=\"text-align:center;\">\r\n        <div class=\"hr-eyebrow\">\ud83c\udfe8 SISTEMA DE CRECIMIENTO PARA HOTELES Y RESTAURANTES<\/div>\r\n        <h1 class=\"hr-hero-t\">Tu hotel o restaurante necesita<br>un sistema, <span class=\"hr-serif\" style=\"color:var(--hr-warm) !important;\">no piezas sueltas.<\/span><\/h1>\r\n        <p style=\"font-size:clamp(16px,1.8vw,19px) !important; color:var(--hr-text-2) !important; max-width:660px; margin:0 auto 40px; line-height:1.65 !important; text-align:center;\">Posicionamiento visual, desarrollo web con motor de reservas, automatizaci\u00f3n con IA y estrategia de atracci\u00f3n. Todo integrado en un solo sistema para que tu negocio crezca de forma predecible.<\/p>\r\n        <div class=\"hr-btn-g\"><a href=\"#diagnostico\" class=\"hr-btn hr-btn-warm\">Agendar cita inicial<\/a><a href=\"#sistema\" class=\"hr-btn hr-btn-o\">Ver el sistema<\/a><\/div>\r\n        <p style=\"font-size:12px !important; color:var(--hr-text-dim) !important; margin-top:40px; letter-spacing:2px; text-transform:uppercase; font-weight:600;\">Producci\u00f3n visual \u00b7 Web + Reservas \u00b7 Agentes IA \u00b7 Marketing \u00b7 Automatizaci\u00f3n<\/p>\r\n    <\/div>\r\n<\/header>\r\n\r\n<section class=\"hr-s\" style=\"padding-top:0; padding-bottom:80px;\">\r\n    <div class=\"hr-c\"><div class=\"hr-g2\">\r\n        <div class=\"hrf hrf-d1\">\r\n            <div class=\"hr-label\" style=\"border-color:var(--hr-warm-b); color:var(--hr-warm);\">NUESTRA OPERACI\u00d3N<\/div>\r\n            <h2 style=\"font-size:clamp(26px,4vw,38px) !important; margin-bottom:24px !important; letter-spacing:-0.02em !important; line-height:1.15 !important;\">No entregamos piezas sueltas. Instalamos infraestructura comercial.<\/h2>\r\n            <p style=\"margin-bottom:20px;\">Cada proyecto que operamos recibe un sistema integrado: desde c\u00f3mo se percibe en el mercado hasta c\u00f3mo responde a cada prospecto que toca la puerta. Estrategia, producci\u00f3n y tecnolog\u00eda en una sola direcci\u00f3n.<\/p>\r\n            <div style=\"display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; margin-top:32px;\">\r\n                <div><h4 style=\"font-size:15px !important; color:var(--hr-text) !important; margin-bottom:6px;\">Direcci\u00f3n<\/h4><p style=\"font-size:13px !important;\">Posicionamiento visual y mensaje con est\u00e1ndar premium.<\/p><\/div>\r\n                <div><h4 style=\"font-size:15px !important; color:var(--hr-text) !important; margin-bottom:6px;\">Conversi\u00f3n<\/h4><p style=\"font-size:13px !important;\">Activos y rutas dise\u00f1adas para generar reservas directas.<\/p><\/div>\r\n                <div><h4 style=\"font-size:15px !important; color:var(--hr-text) !important; margin-bottom:6px;\">Operaci\u00f3n<\/h4><p style=\"font-size:13px !important;\">Automatizaci\u00f3n e IA que responde y organiza sin fricci\u00f3n.<\/p><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"hrf hrf-d2\" style=\"border-radius:var(--hr-r); overflow:hidden; border:1px solid var(--hr-border);\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773899697\/Captura_de_pantalla_2026-03-18_234007_qvjngr.png\" alt=\"Hotel\" loading=\"lazy\" style=\"width:100%; height:100%; object-fit:cover; display:block;\"><\/div>\r\n    <\/div><\/div>\r\n<\/section>\r\n\r\n<section class=\"hr-s\" id=\"sistema\">\r\n    <div class=\"hr-c\">\r\n        <div class=\"hr-st hrf\"><h2>Un sistema, tres motores.<\/h2><p>Cada componente resuelve una parte distinta del problema. Juntos, convierten tu presencia digital en una m\u00e1quina de reservas.<\/p><\/div>\r\n        <div class=\"hr-g3 hrf hrf-d1\" style=\"gap:16px;\">\r\n            <div class=\"hr-phase\"><div class=\"hr-phase-n\" style=\"color:var(--hr-warm) !important;\">01<\/div><h3>Posicionamiento + Contenido<\/h3><p>Producci\u00f3n visual profesional: fotograf\u00eda, video, drone y color grading. El contenido que define c\u00f3mo te percibe el mercado.<\/p><\/div>\r\n            <div class=\"hr-phase\"><div class=\"hr-phase-n\" style=\"color:var(--hr-accent) !important;\">02<\/div><h3>Web + Motor de Reservas<\/h3><p>Sitio web profesional con sistema de reservas embebido. Tus clientes reservan directo \u2014 sin comisiones de OTAs.<\/p><\/div>\r\n            <div class=\"hr-phase\"><div class=\"hr-phase-n\" style=\"color:var(--hr-green) !important;\">03<\/div><h3>Automatizaci\u00f3n + Agentes IA<\/h3><p>Agentes IA en web, WhatsApp e Instagram que responden 24\/7, capturan leads y alimentan tu CRM autom\u00e1ticamente.<\/p><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"hr-s\" style=\"padding-top:40px;\">\r\n    <div class=\"hr-c\">\r\n        <div class=\"hr-st hrf\"><div class=\"hr-label\" style=\"border-color:var(--hr-warm-b); color:var(--hr-warm);\">HOTELES<\/div><h2>Cada espacio cuenta una historia. Nosotros la hacemos visible.<\/h2><p>Fotograf\u00eda y video que elevan la percepci\u00f3n de tu hotel y convierten visitantes en hu\u00e9spedes.<\/p><\/div>\r\n        <div class=\"hr-gallery hrf hrf-d1\" style=\"grid-template-columns:repeat(3,1fr);\">\r\n            <div class=\"hr-gallery-item\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773899735\/Captura_de_pantalla_2026-03-18_234129_gzvxay.png\" alt=\"Hotel\" loading=\"lazy\"><\/div>\r\n            <div class=\"hr-gallery-item\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773899711\/Captura_de_pantalla_2026-03-18_234043_pcwslp.png\" alt=\"Hotel\" loading=\"lazy\"><\/div>\r\n            <div class=\"hr-gallery-item\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773899776\/Captura_de_pantalla_2026-03-18_234246_jfz1a2.png\" alt=\"Hotel\" loading=\"lazy\"><\/div>\r\n            <div class=\"hr-gallery-item\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773899785\/Captura_de_pantalla_2026-03-18_234502_jpcrvw.png\" alt=\"Hotel\" loading=\"lazy\"><\/div>\r\n            <div class=\"hr-gallery-item\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773899757\/Captura_de_pantalla_2026-03-18_234145_hqasxc.png\" alt=\"Hotel\" loading=\"lazy\"><\/div>\r\n            <div class=\"hr-gallery-item\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773905106\/Captura_de_pantalla_2026-03-19_012456_kwgtnd.png\" alt=\"Hotel\" loading=\"lazy\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"hr-s\" style=\"padding-top:40px;\">\r\n    <div class=\"hr-c\">\r\n        <div class=\"hr-st hrf\"><div class=\"hr-label\" style=\"border-color:rgba(96,165,250,0.20); color:var(--hr-blue);\">RESTAURANTES<\/div><h2>El platillo entra por los ojos. Nosotros lo hacemos irresistible.<\/h2><p>Fotograf\u00eda gastron\u00f3mica, ambientaci\u00f3n y video que hacen que la gente quiera estar en tu mesa.<\/p><\/div>\r\n        <div class=\"hr-g2 hrf hrf-d1\" style=\"gap:40px;\">\r\n            <div style=\"border-radius:var(--hr-r); overflow:hidden; border:1px solid var(--hr-border); height:440px;\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773783209\/Captura_de_pantalla_2026-03-17_153325_kzsmt1.png\" alt=\"Restaurante\" loading=\"lazy\" style=\"width:100%; height:100%; object-fit:cover; display:block;\"><\/div>\r\n            <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:10px;\">\r\n                <div style=\"border-radius:8px; overflow:hidden; border:1px solid var(--hr-border); height:215px;\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773905493\/Captura_de_pantalla_2026-03-19_012903_a8i65u.png\" alt=\"Restaurante\" loading=\"lazy\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\r\n                <div style=\"border-radius:8px; overflow:hidden; border:1px solid var(--hr-border); height:215px;\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773905499\/Captura_de_pantalla_2026-03-19_012937_rfhsf9.png\" alt=\"Restaurante\" loading=\"lazy\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\r\n                <div style=\"border-radius:8px; overflow:hidden; border:1px solid var(--hr-border); height:215px;\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773905532\/Captura_de_pantalla_2026-03-19_012959_d1gwhw.png\" alt=\"Restaurante\" loading=\"lazy\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\r\n                <div style=\"border-radius:8px; overflow:hidden; border:1px solid var(--hr-border); height:215px;\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773905587\/Captura_de_pantalla_2026-03-19_013302_bs18jl.png\" alt=\"Restaurante\" loading=\"lazy\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"hr-s\">\r\n    <div class=\"hr-c\">\r\n        <div class=\"hr-st hrf\"><h2>Qu\u00e9 instalamos en tu negocio.<\/h2><p>Cada pieza se conecta con las dem\u00e1s para crear un sistema que funciona mientras t\u00fa operas.<\/p><\/div>\r\n        <div class=\"hr-g3 hrf hrf-d1\">\r\n            <div class=\"hr-card\"><div class=\"hr-icon warm\"><i class=\"ph-fill ph-camera\"><\/i><\/div><h3>Producci\u00f3n visual<\/h3><p>Fotograf\u00eda profesional de habitaciones, platillos, \u00e1reas. Video promocional y drone. Color grading cinematogr\u00e1fico.<\/p><\/div>\r\n            <div class=\"hr-card\"><div class=\"hr-icon accent\"><i class=\"ph-fill ph-code\"><\/i><\/div><h3>Sitio web + Reservas<\/h3><p>Dise\u00f1o web profesional con motor de reservas embebido. Tus clientes reservan directo sin salir de tu p\u00e1gina \u2014 sin comisiones.<\/p><\/div>\r\n            <div class=\"hr-card\"><div class=\"hr-icon green\"><i class=\"ph-fill ph-robot\"><\/i><\/div><h3>Agente IA en Web<\/h3><p>Chatbot inteligente que responde preguntas sobre tu negocio 24\/7, orienta hacia la reserva y captura datos del prospecto.<\/p><\/div>\r\n            <div class=\"hr-card\"><div class=\"hr-icon green\"><i class=\"ph-fill ph-whatsapp-logo\"><\/i><\/div><h3>Agente IA en WhatsApp<\/h3><p>Bot que responde autom\u00e1ticamente, env\u00eda fotos y men\u00fas, captura datos y escala a tu equipo cuando es necesario.<\/p><\/div>\r\n            <div class=\"hr-card\"><div class=\"hr-icon blue\"><i class=\"ph-fill ph-megaphone\"><\/i><\/div><h3>Marketing + Redes<\/h3><p>Gesti\u00f3n de redes sociales, campa\u00f1as de ads, contenido mensual y estrategia de atracci\u00f3n por temporada.<\/p><\/div>\r\n            <div class=\"hr-card\"><div class=\"hr-icon gold\"><i class=\"ph-fill ph-database\"><\/i><\/div><h3>CRM + Automatizaci\u00f3n<\/h3><p>Sistema centralizado de leads con seguimiento autom\u00e1tico, emails, notificaciones y pipeline visual de reservas.<\/p><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"hr-s\">\r\n    <div class=\"hr-c\">\r\n        <div class=\"hr-st hrf\"><h2>C\u00f3mo funciona.<\/h2><p>Un proceso claro en tres fases. Cada fase tiene entregables concretos y un objetivo definido.<\/p><\/div>\r\n        <div class=\"hr-g3 hrf hrf-d1\" style=\"gap:20px;\">\r\n            <div style=\"background:var(--hr-surface); border:1px solid var(--hr-warm-b); border-radius:var(--hr-r); padding:40px 28px; display:flex; flex-direction:column; height:100%; transition:transform .3s, box-shadow .4s;\" onmouseover=\"this.style.transform='translateY(-4px)'; this.style.boxShadow='0 20px 50px -15px rgba(0,0,0,.5)';\" onmouseout=\"this.style.transform='none'; this.style.boxShadow='none';\">\r\n                <div style=\"display:inline-block; padding:4px 14px; border-radius:4px; background:var(--hr-warm); color:#060608; font-size:10px !important; font-weight:700; text-transform:uppercase; letter-spacing:2px; margin-bottom:20px; align-self:flex-start;\">FASE 1<\/div>\r\n                <h3 style=\"font-size:22px !important; margin-bottom:12px !important; color:var(--hr-text) !important;\">Cita Inicial + Diagn\u00f3stico<\/h3>\r\n                <p style=\"font-size:15px !important; color:var(--hr-text-2) !important; margin-bottom:16px; flex:1;\">Agenda una cita inicial donde conocemos tu negocio y evaluamos oportunidades. Si hay fit, pasamos al diagn\u00f3stico profundo donde analizamos tu presencia, competencia y canales. Te entregamos un reporte con hallazgos y plan de acci\u00f3n.<\/p>\r\n                <div class=\"hr-quote\"><p>La primera cita es sin costo. El diagn\u00f3stico profundo es donde empieza el trabajo real.<\/p><\/div>\r\n            <\/div>\r\n            <div style=\"background:var(--hr-surface); border:1px solid rgba(139,92,246,0.20); border-radius:var(--hr-r); padding:40px 28px; display:flex; flex-direction:column; height:100%; transition:transform .3s, box-shadow .4s;\" onmouseover=\"this.style.transform='translateY(-4px)'; this.style.boxShadow='0 20px 50px -15px rgba(0,0,0,.5)';\" onmouseout=\"this.style.transform='none'; this.style.boxShadow='none';\">\r\n                <div style=\"display:inline-block; padding:4px 14px; border-radius:4px; background:var(--hr-accent); color:#fff; font-size:10px !important; font-weight:700; text-transform:uppercase; letter-spacing:2px; margin-bottom:20px; align-self:flex-start;\">FASE 2<\/div>\r\n                <h3 style=\"font-size:22px !important; margin-bottom:12px !important; color:var(--hr-text) !important;\">Gii Launch<\/h3>\r\n                <p style=\"font-size:15px !important; color:var(--hr-text-2) !important; margin-bottom:16px; flex:1;\">Implementamos el sistema completo: producci\u00f3n visual, sitio web con reservas, agentes IA, CRM y automatizaci\u00f3n. Todo en 6-8 semanas.<\/p>\r\n                <div class=\"hr-quote\" style=\"border-left-color:var(--hr-accent); background:var(--hr-accent-s);\"><p style=\"color:var(--hr-accent) !important;\">La fase de construcci\u00f3n. Tu negocio digital arranca.<\/p><\/div>\r\n            <\/div>\r\n            <div style=\"background:var(--hr-surface); border:1px solid rgba(16,185,129,0.20); border-radius:var(--hr-r); padding:40px 28px; display:flex; flex-direction:column; height:100%; transition:transform .3s, box-shadow .4s;\" onmouseover=\"this.style.transform='translateY(-4px)'; this.style.boxShadow='0 20px 50px -15px rgba(0,0,0,.5)';\" onmouseout=\"this.style.transform='none'; this.style.boxShadow='none';\">\r\n                <div style=\"display:inline-block; padding:4px 14px; border-radius:4px; background:var(--hr-green); color:#060608; font-size:10px !important; font-weight:700; text-transform:uppercase; letter-spacing:2px; margin-bottom:20px; align-self:flex-start;\">FASE 3<\/div>\r\n                <h3 style=\"font-size:22px !important; margin-bottom:12px !important; color:var(--hr-text) !important;\">Gii Partner<\/h3>\r\n                <p style=\"font-size:15px !important; color:var(--hr-text-2) !important; margin-bottom:16px; flex:1;\">Acompa\u00f1amiento mensual: marketing, contenido, optimizaci\u00f3n de agentes IA, reportes y estrategia por temporada. Crecemos juntos.<\/p>\r\n                <div class=\"hr-quote\" style=\"border-left-color:var(--hr-green); background:rgba(16,185,129,0.08);\"><p style=\"color:var(--hr-green) !important;\">La fase de crecimiento continuo.<\/p><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"hr-s\">\r\n    <div class=\"hr-c\"><div class=\"hr-g2\">\r\n        <div class=\"hrf hrf-d1\">\r\n            <p style=\"font-size:11px !important; color:var(--hr-warm) !important; text-transform:uppercase; letter-spacing:3px; margin-bottom:24px; font-weight:700;\">El costo de no actuar<\/p>\r\n            <h2 style=\"font-size:clamp(26px,4vw,38px) !important; margin-bottom:24px !important; letter-spacing:-0.02em !important; line-height:1.15 !important;\">Cada reserva en Booking te cuesta entre 15% y 25% de comisi\u00f3n.<\/h2>\r\n            <p style=\"margin-bottom:20px;\">Un hotel con $300,000 MXN mensuales en reservas paga entre $45,000 y $75,000 al mes solo en comisiones a OTAs. Con un sistema de reservas propio y marketing directo, cada reserva directa es una reserva sin comisi\u00f3n.<\/p>\r\n            <p style=\"margin-bottom:20px;\">Un restaurante que no responde mensajes de Instagram o WhatsApp en los primeros 5 minutos pierde hasta el 60% de esos prospectos. Un agente IA que responde en 5 segundos a las 3 am convierte consultas en reservaciones.<\/p>\r\n            <div class=\"hr-quote\"><p>La inversi\u00f3n en un sistema digital se recupera en 1-2 meses con el ahorro en comisiones y el aumento de reservas directas.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"hrf hrf-d2\" style=\"display:flex; flex-direction:column; gap:12px;\">\r\n            <div style=\"background:var(--hr-surface); border:1px solid var(--hr-border); border-radius:var(--hr-r); padding:24px 20px; display:flex; align-items:center; gap:16px; transition:border-color .4s, transform .3s;\" onmouseover=\"this.style.transform='translateY(-3px)'; this.style.borderColor='rgba(255,255,255,0.14)';\" onmouseout=\"this.style.transform='none'; this.style.borderColor='rgba(255,255,255,0.06)';\"><div class=\"hr-icon warm\" style=\"margin-bottom:0; flex-shrink:0;\"><i class=\"ph-fill ph-chart-line-up\"><\/i><\/div><div><h4 style=\"font-size:15px !important; color:var(--hr-text) !important; margin-bottom:4px;\">Reservas directas = 0% comisi\u00f3n<\/h4><p style=\"font-size:13px !important; margin:0 !important;\">Cada reserva que llega por tu web en vez de Booking es ganancia neta.<\/p><\/div><\/div>\r\n            <div style=\"background:var(--hr-surface); border:1px solid var(--hr-border); border-radius:var(--hr-r); padding:24px 20px; display:flex; align-items:center; gap:16px; transition:border-color .4s, transform .3s;\" onmouseover=\"this.style.transform='translateY(-3px)'; this.style.borderColor='rgba(255,255,255,0.14)';\" onmouseout=\"this.style.transform='none'; this.style.borderColor='rgba(255,255,255,0.06)';\"><div class=\"hr-icon accent\" style=\"margin-bottom:0; flex-shrink:0;\"><i class=\"ph-fill ph-robot\"><\/i><\/div><div><h4 style=\"font-size:15px !important; color:var(--hr-text) !important; margin-bottom:4px;\">IA que trabaja 24\/7<\/h4><p style=\"font-size:13px !important; margin:0 !important;\">Tu agente responde en 5 segundos mientras tu equipo descansa.<\/p><\/div><\/div>\r\n            <div style=\"background:var(--hr-surface); border:1px solid var(--hr-border); border-radius:var(--hr-r); padding:24px 20px; display:flex; align-items:center; gap:16px; transition:border-color .4s, transform .3s;\" onmouseover=\"this.style.transform='translateY(-3px)'; this.style.borderColor='rgba(255,255,255,0.14)';\" onmouseout=\"this.style.transform='none'; this.style.borderColor='rgba(255,255,255,0.06)';\"><div class=\"hr-icon green\" style=\"margin-bottom:0; flex-shrink:0;\"><i class=\"ph-fill ph-handshake\"><\/i><\/div><div><h4 style=\"font-size:15px !important; color:var(--hr-text) !important; margin-bottom:4px;\">Un solo proveedor, un solo sistema<\/h4><p style=\"font-size:13px !important; margin:0 !important;\">Producci\u00f3n, web, IA y marketing bajo un mismo techo. Sin intermediarios.<\/p><\/div><\/div>\r\n        <\/div>\r\n    <\/div><\/div>\r\n<\/section>\r\n\r\n<section class=\"hr-s\" id=\"diagnostico\">\r\n    <div class=\"hr-c\"><div class=\"hr-g2\" style=\"gap:60px;\">\r\n        <div class=\"hrf\" style=\"text-align:center;\">\r\n            <div style=\"width:72px; height:72px; border-radius:50%; background:rgba(37,211,102,.08); border:1px solid rgba(37,211,102,.2); display:flex; align-items:center; justify-content:center; margin:0 auto 28px; font-size:32px; color:#25d366;\"><i class=\"ph-fill ph-whatsapp-logo\"><\/i><\/div>\r\n            <h2 style=\"font-size:clamp(26px,4vw,38px) !important; font-family:'Poppins',sans-serif !important; margin-bottom:18px !important;\">Agenda tu cita inicial.<\/h2>\r\n            <p style=\"font-size:16px !important; margin-bottom:28px; max-width:400px; margin-left:auto; margin-right:auto;\">Platiquemos sobre tu negocio y evaluemos oportunidades juntos. Sin costo, sin compromiso.<\/p>\r\n            <a href=\"https:\/\/wa.me\/5219541259727?text=Hola,%20vengo%20de%20la%20p%C3%A1gina%20de%20Gii%20Studio.%20Me%20interesa%20agendar%20una%20cita%20inicial%20para%20mi%20hotel%20%2F%20restaurante.\" target=\"_blank\" class=\"hr-btn hr-btn-wa\" style=\"padding:18px 36px;\" rel=\"noopener\"><i class=\"ph-fill ph-whatsapp-logo\" style=\"font-size:18px;\"><\/i> WhatsApp directo<\/a>\r\n            <div style=\"margin-top:44px;\"><p style=\"color:var(--hr-text) !important; font-weight:700; font-size:15px !important; margin-bottom:6px;\">Respuesta en menos de 48 hrs.<\/p><p style=\"font-size:15px !important;\">Saltillo, Coahuila \u00b7 Disponible para proyectos en Monterrey.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"hr-form hrf hrf-d2\">\r\n            <form id=\"hrForm\">\r\n                <div class=\"hr-fg\"><label class=\"hr-fl\">Nombre *<\/label><input type=\"text\" id=\"hrNombre\" name=\"nombre\" class=\"hr-fi\" placeholder=\"Tu nombre\" required><\/div>\r\n                <div class=\"hr-fg\"><label class=\"hr-fl\">Hotel \/ Restaurante *<\/label><input type=\"text\" id=\"hrEmpresa\" name=\"empresa\" class=\"hr-fi\" placeholder=\"Nombre de tu negocio\" required><\/div>\r\n                <div class=\"hr-fg\"><label class=\"hr-fl\">Sitio web actual<\/label><input type=\"text\" id=\"hrWeb\" name=\"web\" class=\"hr-fi\" placeholder=\"Ej: www.mihotel.com\"><\/div>\r\n                <div class=\"hr-fg\"><label class=\"hr-fl\">WhatsApp *<\/label><input type=\"tel\" id=\"hrTelefono\" name=\"telefono\" class=\"hr-fi\" placeholder=\"+52 000 000 0000\" required><\/div>\r\n                <div class=\"hr-fg\"><label class=\"hr-fl\">\u00bfQu\u00e9 necesitas?<\/label><textarea id=\"hrNecesidad\" name=\"necesidad\" class=\"hr-fi\" placeholder=\"Ej: Necesitamos mejorar nuestra web, integrar reservas directas y automatizar respuestas...\"><\/textarea><\/div>\r\n                <div style=\"margin-top:28px;\"><button type=\"submit\" class=\"hr-btn hr-btn-warm\" id=\"hrSubmitBtn\" style=\"width:100%; padding:20px; font-size:17px !important;\">Agendar cita inicial \u2192<\/button><\/div>\r\n                <div id=\"hrFormMessage\" style=\"display:none; margin-top:18px; text-align:center; font-size:14px; font-weight:600;\"><\/div>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div><\/div>\r\n<\/section>\r\n\r\n<section class=\"hr-s\" style=\"padding-top:40px; padding-bottom:80px;\">\r\n    <div class=\"hr-c\" style=\"text-align:center;\"><div class=\"hrf\" style=\"max-width:650px; margin:0 auto;\">\r\n        <h2 style=\"font-size:clamp(28px,5vw,46px) !important; margin-bottom:20px !important; letter-spacing:-0.03em !important; font-weight:800 !important;\">Tu negocio merece un sistema<br><span class=\"hr-serif\" style=\"color:var(--hr-warm) !important; font-size:clamp(30px,5.5vw,50px) !important;\">que trabaje por ti.<\/span><\/h2>\r\n        <p style=\"font-size:clamp(15px,1.8vw,17px) !important; max-width:500px; margin:0 auto; line-height:1.65 !important;\">Agenda tu cita inicial y descubre c\u00f3mo transformar tu presencia digital.<\/p>\r\n    <\/div><\/div>\r\n<\/section>\r\n\r\n<footer style=\"padding:40px 24px 48px; text-align:center; width:100%; background:transparent !important;\">\r\n    <div class=\"hr-foot\" style=\"display:flex; justify-content:center; gap:20px; margin-bottom:24px;\">\r\n        <a href=\"https:\/\/instagram.com\/giistudio\" target=\"_blank\" rel=\"noopener\"><i class=\"ph-fill ph-instagram-logo\"><\/i><\/a>\r\n        <a href=\"https:\/\/facebook.com\/giistudiofilms\" target=\"_blank\" rel=\"noopener\"><i class=\"ph-fill ph-facebook-logo\"><\/i><\/a>\r\n        <a href=\"https:\/\/tiktok.com\/@giistudio\" target=\"_blank\" rel=\"noopener\"><i class=\"ph-fill ph-tiktok-logo\"><\/i><\/a>\r\n        <a href=\"https:\/\/wa.me\/5219541259727\" target=\"_blank\" rel=\"noopener\"><i class=\"ph-fill ph-whatsapp-logo\"><\/i><\/a>\r\n    <\/div>\r\n    <p style=\"font-size:12px !important; color:var(--hr-text-dim) !important; margin:0; letter-spacing:.5px;\">\u00a9 2026 Gii Studio. Sistemas de crecimiento digital para hoteles y restaurantes.<\/p>\r\n<\/footer>\r\n<\/main>\r\n\r\n<!-- CHATBOT PRO \u2014 HOTELES Y RESTAURANTES -->\r\n<button class=\"chtgl\" id=\"chtgl\" onclick=\"tgChat()\" aria-label=\"Abrir chat\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#c9a87c\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\/><\/svg><\/button>\r\n<div class=\"chtw\" id=\"chtw\">\r\n<div class=\"chth\">\r\n<div class=\"chtav-wrap\"><div class=\"chtav-ring\"><\/div><div class=\"chtav-bg\"><\/div><div class=\"chtav\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M12 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3z\"\/><path d=\"M19 10v2a7 7 0 01-14 0v-2\"\/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"\/><\/svg><\/div><\/div>\r\n<div style=\"flex-grow:1\"><p style=\"font-size:.875rem;font-weight:600;color:#f2f0f5;margin:0\">Gii Studio <span class=\"cht-badge\">IA<\/span><\/p><div class=\"chts\"><span class=\"chton\"><\/span><span style=\"font-size:.7rem;color:#5e5868\">Asistente activo<\/span><\/div><\/div>\r\n<button class=\"cht-voz\" id=\"ttsBtn\" onclick=\"tgTTS()\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15.536 8.464a5 5 0 010 7.072M17.95 6.05a8 8 0 010 11.9M6.5 8H4a1 1 0 00-1 1v6a1 1 0 001 1h2.5l4.5 4V4l-4.5 4z\"\/><\/svg><span>VOZ<\/span><\/button>\r\n<button onclick=\"tgChat()\" style=\"color:#5e5868;margin-left:4px;background:none;border:none;cursor:pointer\"><svg style=\"width:18px;height:18px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/><\/svg><\/button>\r\n<\/div>\r\n<div class=\"chtms\" id=\"chtms\"><\/div>\r\n<div class=\"qrs\" id=\"qrs\"><\/div>\r\n<div class=\"cht-ia\"><form id=\"chtForm\" style=\"display:flex;gap:8px;width:100%;margin:0\"><input class=\"cht-in\" id=\"chtIn\" placeholder=\"Escribe un mensaje...\" maxlength=\"500\"><button type=\"submit\" class=\"cht-sn\" id=\"chtSn\" disabled><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 19V5m0 0l-7 7m7-7l7 7\"\/><\/svg><\/button><\/form><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    if (!document.querySelector('script[src*=\"phosphor-icons\"]')) { var s = document.createElement('script'); s.src = 'https:\/\/unpkg.com\/@phosphor-icons\/web'; s.async = true; document.head.appendChild(s); }\r\n    var obs = new IntersectionObserver(function(e) { e.forEach(function(en) { if (en.isIntersecting) { en.target.classList.add('vis'); obs.unobserve(en.target); } }); }, { threshold: 0.08 });\r\n    document.querySelectorAll('.hrf').forEach(function(el) { obs.observe(el); });\r\n\r\n    var form = document.getElementById('hrForm');\r\n    if (form) {\r\n        form.addEventListener('submit', async function(e) {\r\n            e.preventDefault();\r\n            var btn = document.getElementById('hrSubmitBtn'), msg = document.getElementById('hrFormMessage');\r\n            btn.disabled = true; btn.innerHTML = 'Enviando...'; msg.style.display = 'none';\r\n            var data = { nombre: document.getElementById('hrNombre').value, empresa: document.getElementById('hrEmpresa').value, web: document.getElementById('hrWeb').value, telefono: document.getElementById('hrTelefono').value, necesidad: document.getElementById('hrNecesidad').value, origen: 'giistudio.com.mx\/hoteles-restaurantes \u2014 Landing Hospitality' };\r\n            try { var res = await fetch('https:\/\/giistudio-n8n-giistudio.8quhmc.easypanel.host\/webhook\/c587bf56-11b4-40c8-9277-9b565dfa78ad', { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(data) }); if (res.ok) { msg.style.color='#10b981'; msg.textContent='\u00a1Solicitud enviada! Te contactaremos pronto.'; msg.style.display='block'; form.reset(); } else { throw new Error('err'); } }\r\n            catch (err) { msg.style.color='#ef4444'; msg.textContent='Error de conexi\u00f3n. Escr\u00edbenos por WhatsApp.'; msg.style.display='block'; }\r\n            finally { btn.disabled=false; btn.innerHTML='Agendar cita inicial \u2192'; }\r\n        });\r\n    }\r\n\r\n    \/* ===== CHATBOT PRO \u2014 HOSPITALITY ===== *\/\r\n    var CHAT_WH='https:\/\/giistudio-n8n-giistudio.8quhmc.easypanel.host\/webhook\/gii-chat';\r\n    var TTS_WH='https:\/\/giistudio-n8n-giistudio.8quhmc.easypanel.host\/webhook\/gii-tts';\r\n    var QR=[{l:\"\u00bfQu\u00e9 incluye la cita inicial?\",m:\"\u00bfQu\u00e9 incluye la cita inicial para hoteles y restaurantes?\"},{l:\"Reservas directas vs OTAs\",m:\"\u00bfC\u00f3mo me ayudan a tener m\u00e1s reservas directas?\"},{l:\"\u00bfC\u00f3mo funcionan los agentes IA?\",m:\"\u00bfC\u00f3mo funcionan los agentes de IA para hoteles?\"},{l:\"Quiero agendar mi cita\",m:\"Quiero agendar una cita inicial para mi hotel o restaurante\"}];\r\n    var chatOpen=false,chatInit=false,sid='gii_hr_'+(Date.now()).toString(36)+'_'+Math.random().toString(36).slice(2,9),msgC=0,lastS=0,chatL=false,ttsOn=false,ttsPlaying=false;\r\n    function norm(v){return String(v||'').replace(\/\\s+\/g,' ').trim()}\r\n    function safeTrack(name,params){if(typeof gtag==='function'){gtag('event',name,params||{})}}\r\n    window.tgTTS=function(){ttsOn=!ttsOn;var b=document.getElementById('ttsBtn');b.classList.toggle('active',ttsOn);if(!ttsOn&&window._ttsAudio){window._ttsAudio.pause();window._ttsAudio=null;ttsPlaying=false;document.querySelectorAll('.msg-tts.playing').forEach(function(e){e.classList.remove('playing')})}};\r\n    async function speakTTS(text){if(!ttsOn||!text||ttsPlaying)return;if(text.length>500)text=text.slice(0,500);ttsPlaying=true;var lastTts=document.querySelectorAll('.msg-tts');lastTts=lastTts[lastTts.length-1];if(lastTts)lastTts.classList.add('playing');try{var ctrl=new AbortController();var to=setTimeout(function(){ctrl.abort()},15000);var r=await fetch(TTS_WH,{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({text:text}),signal:ctrl.signal});clearTimeout(to);if(!r.ok)throw new Error('TTS err');var b=await r.blob();if(b.size<1000)throw new Error('small');var a=new Audio(URL.createObjectURL(b));window._ttsAudio=a;a.onended=function(){ttsPlaying=false;window._ttsAudio=null;if(lastTts)lastTts.classList.remove('playing')};a.onerror=function(){ttsPlaying=false;window._ttsAudio=null;if(lastTts)lastTts.classList.remove('playing')};a.play().catch(function(){ttsPlaying=false;if(lastTts)lastTts.classList.remove('playing')})}catch(e){ttsPlaying=false;if(lastTts)lastTts.classList.remove('playing')}}\r\n    function parseJSON(t){try{return JSON.parse(t)}catch(e){return t}}\r\n    function extractBotText(data){if(typeof data==='string')return data.trim();var vals=[data&&data.output,data&&data.text,data&&data.message,data&&data.response,data&&data.reply,data&&data.answer];if(data&&data.data)vals.push(data.data.output,data.data.text,data.data.message);if(data&&data.result)vals.push(data.result.output,data.result.text);for(var i=0;i<vals.length;i++){if(typeof vals[i]==='string'&&vals[i].trim())return vals[i].trim()}return ''}\r\n    window.tgChat=function(){chatOpen=!chatOpen;var w=document.getElementById('chtw'),b=document.getElementById('chtgl');if(chatOpen){w.classList.add('op');b.innerHTML='<svg style=\"width:24px;height:24px;position:relative;z-index:1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"white\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\"\/><\/svg>';if(!chatInit){chatInit=true;addMsg('b','\u00a1Hola! Soy el asistente de Gii Studio. Puedo orientarte sobre sistemas de crecimiento para hoteles y restaurantes, reservas directas, agentes IA y c\u00f3mo agendar tu cita inicial.');showQR()}setTimeout(function(){var inp=document.getElementById('chtIn');if(inp)inp.focus()},60);safeTrack('open_chat',{event_category:'engagement',event_label:'hospitality_chat'})}else{w.classList.remove('op');b.innerHTML='<svg style=\"width:24px;height:24px;position:relative;z-index:1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#c9a87c\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\/><\/svg>'}};\r\n    function addMsg(r,t){var m=document.getElementById('chtms');var text=String(t||'');if(r==='b'){var wrap=document.createElement('div');wrap.className='msg-wrap bot';wrap.innerHTML='<div class=\"msg-av\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v4m0 12v4M2 12h4m12 0h4\"\/><\/svg><\/div><div><div class=\"msg msg-b\"><\/div><div class=\"msg-tts\"><span class=\"msg-tts-bar\"><\/span><span class=\"msg-tts-bar\"><\/span><span class=\"msg-tts-bar\"><\/span><span class=\"msg-tts-bar\"><\/span><span class=\"msg-tts-bar\"><\/span><span class=\"msg-tts-bar\"><\/span><span class=\"msg-tts-bar\"><\/span><span class=\"msg-tts-lbl\">Reproduciendo...<\/span><\/div><\/div>';wrap.querySelector('.msg-b').textContent=text;m.appendChild(wrap)}else{var wrap=document.createElement('div');wrap.className='msg-wrap usr';wrap.innerHTML='<div class=\"msg msg-u\"><\/div>';wrap.querySelector('.msg-u').textContent=text;m.appendChild(wrap)}m.scrollTop=m.scrollHeight;if(r==='b')speakTTS(text)}\r\n    function showQR(){document.getElementById('qrs').innerHTML=QR.map(function(q){return '<button class=\"qr\" onclick=\"sendChat(\\''+q.m.replace(\/'\/g,\"\\\\'\")+'\\')\">'+q.l+'<\/button>'}).join('')}\r\n    function hideQR(){document.getElementById('qrs').innerHTML=''}\r\n    window.sendChat=async function(text){text=norm(text);if(!text||msgC>=60||chatL)return;var now=Date.now();if(now-lastS<3000)return;lastS=now;msgC++;addMsg('u',text);hideQR();document.getElementById('chtIn').value='';chatL=true;var m=document.getElementById('chtms'),typ=document.createElement('div');typ.className='cht-typ';typ.innerHTML='<span><\/span><span><\/span><span><\/span>';m.appendChild(typ);m.scrollTop=m.scrollHeight;var payload={action:'sendMessage',chatInput:text,message:text,sessionId:sid,timestamp:new Date().toISOString(),source:'website_chat',pageUrl:window.location.href,pageTitle:document.title};try{var ctrl=new AbortController();var to=setTimeout(function(){ctrl.abort()},30000);var res=await fetch(CHAT_WH,{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify(payload),signal:ctrl.signal});clearTimeout(to);var raw=await res.text();if(!res.ok)throw new Error('HTTP '+res.status);var data=parseJSON(raw);var bt=extractBotText(data);typ.remove();addMsg('b',bt||'Gracias por tu mensaje. Te contactaremos pronto para agendar tu cita inicial.');safeTrack('send_chat_message',{event_category:'engagement',event_label:'hospitality_chat'})}catch(err){typ.remove();addMsg('b','Hubo un error al conectar. Intenta de nuevo o escr\u00edbenos por WhatsApp.')}finally{chatL=false;document.getElementById('chtSn').disabled=!document.getElementById('chtIn').value.trim()}};\r\n    document.getElementById('chtForm').addEventListener('submit',function(e){e.preventDefault();sendChat(document.getElementById('chtIn').value)});\r\n    document.getElementById('chtIn').addEventListener('input',function(){document.getElementById('chtSn').disabled=!this.value.trim()});\r\n    document.addEventListener('keydown',function(e){if(e.key==='Escape'&&chatOpen)tgChat()});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfe8 SISTEMA DE CRECIMIENTO PARA HOTELES Y RESTAURANTES Tu hotel o restaurante necesitaun sistema, no piezas sueltas. Posicionamiento visual, desarrollo web con motor de reservas, automatizaci\u00f3n con IA y estrategia de atracci\u00f3n. Todo integrado en un solo sistema para que tu negocio crezca de forma predecible. Agendar cita inicialVer el sistema Producci\u00f3n visual \u00b7 Web [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-368","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/comments?post=368"}],"version-history":[{"count":21,"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/368\/revisions"}],"predecessor-version":[{"id":903,"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/368\/revisions\/903"}],"wp:attachment":[{"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/media?parent=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}