{"id":343,"date":"2026-03-14T22:35:57","date_gmt":"2026-03-15T04:35:57","guid":{"rendered":"https:\/\/giistudio.cloud\/?page_id=343"},"modified":"2026-03-30T21:11:53","modified_gmt":"2026-03-31T03:11:53","slug":"marketing-inmobiliario-saltillo","status":"publish","type":"page","link":"https:\/\/giistudio.com.mx\/en\/marketing-inmobiliario-saltillo\/","title":{"rendered":"Marketing inmobiliario en Saltillo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"343\" class=\"elementor elementor-343\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b637976 e-flex e-con-boxed e-con e-parent\" data-id=\"b637976\" 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-eed9994 elementor-widget elementor-widget-html\" data-id=\"eed9994\" 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&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.elementor-section.elementor-section-boxed > .elementor-container,\r\n.elementor-section-wrap,.elementor > .elementor-inner {\r\n    background-color: #060608 !important;\r\n}\r\n\r\n:root {\r\n    --gii-bg: #060608;\r\n    --gii-surface: #0c0c10;\r\n    --gii-surface-raised: #111116;\r\n    --gii-border: rgba(255,255,255,0.06);\r\n    --gii-border-hover: rgba(255,255,255,0.12);\r\n    --gii-text-main: #f0f0f2;\r\n    --gii-text-secondary: #a0a0ad;\r\n    --gii-text-dim: #5a5a6e;\r\n    --gii-accent: #8b5cf6;\r\n    --gii-accent-soft: rgba(139,92,246,0.12);\r\n    --gii-blue: #3b82f6;\r\n    --gii-green: #10b981;\r\n    --gii-warm: #c9a87c;\r\n    --gii-warm-soft: rgba(201,168,124,0.10);\r\n    --gii-warm-border: rgba(201,168,124,0.18);\r\n}\r\n\r\n.gii-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\r\n.gii-wrapper { position: relative; width: 100%; background: var(--gii-bg); overflow: hidden; display: flex; flex-direction: column; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--gii-text-secondary); -webkit-font-smoothing: antialiased; }\r\n.gii-wrapper::before { content: ''; position: fixed; inset: 0; background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\"); pointer-events: none; z-index: 0; opacity: 0.35; }\r\n.gii-bg-glow { position: fixed; inset: 0; background: radial-gradient(ellipse 60% 50% at 70% 10%, rgba(201,168,124,0.03) 0%, transparent 70%), radial-gradient(ellipse 50% 60% at 20% 90%, rgba(139,92,246,0.02) 0%, transparent 70%); z-index: 0; pointer-events: none; }\r\n.gii-wrapper section,.gii-wrapper header,.gii-wrapper footer,.gii-proof-section,.gii-parallax-section { position: relative; z-index: 1; }\r\n.gii-section { width: 100%; padding: 120px 24px; display: flex; flex-direction: column; align-items: center; }\r\n.gii-container { width: 100%; max-width: 1120px; margin: 0 auto; }\r\n\r\n.gii-wrapper h1,.gii-wrapper h2,.gii-wrapper h3,.gii-wrapper h4 { color: var(--gii-text-main); font-family: 'Poppins', sans-serif; line-height: 1.15; }\r\n.gii-wrapper p,.gii-wrapper li,.gii-wrapper label { font-size: 16px; line-height: 1.65; color: var(--gii-text-secondary); }\r\n.gii-h1 { font-size: clamp(38px, 6.5vw, 72px); font-weight: 700; color: var(--gii-text-main); margin-bottom: 28px; letter-spacing: -0.03em; line-height: 1.08; }\r\n.gii-section-title { text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: 70px; }\r\n.gii-section-title h2 { font-size: clamp(30px, 5vw, 46px); margin-bottom: 18px; letter-spacing: -0.025em; font-weight: 700; }\r\n.gii-eyebrow { display: inline-flex; align-items: center; gap: 10px; background: transparent; border: 1px solid var(--gii-warm-border); padding: 10px 24px; border-radius: 4px; color: var(--gii-warm); font-weight: 600; letter-spacing: 3px; margin-bottom: 36px; font-size: 11px; text-transform: uppercase; }\r\n\r\n.gii-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; width: 100%; }\r\n.gii-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 100%; }\r\n\r\n.gii-card { background: var(--gii-surface); border: 1px solid var(--gii-border); border-radius: 12px; padding: 44px 32px; transition: border-color 0.4s ease, box-shadow 0.4s ease, transform 0.3s ease; height: 100%; display: flex; flex-direction: column; }\r\n.gii-card:hover { border-color: var(--gii-border-hover); box-shadow: 0 20px 50px -15px rgba(0,0,0,0.6); transform: translateY(-2px); }\r\n.gii-icon-box { width: 52px; height: 52px; background: var(--gii-accent-soft); border: 1px solid rgba(139,92,246,0.15); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; color: var(--gii-accent); font-size: 24px; }\r\n.gii-img-box { border-radius: 12px; overflow: hidden; border: 1px solid var(--gii-border); width: 100%; height: 100%; min-height: 420px; background-color: var(--gii-surface); }\r\n.gii-img-box img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n.gii-btn-group { display: flex; gap: 16px; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; }\r\n.gii-btn { display: inline-flex; align-items: center; justify-content: center; padding: 18px 36px; border-radius: 6px; font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer; transition: all 0.3s ease; border: none; font-family: 'Inter', sans-serif; gap: 10px; text-align: center; }\r\n.gii-btn-primary { background: var(--gii-accent); color: white; box-shadow: 0 8px 30px rgba(139,92,246,0.2); }\r\n.gii-btn-primary:hover { box-shadow: 0 12px 40px rgba(139,92,246,0.35); transform: translateY(-1px); }\r\n.gii-btn-outline { background: transparent; border: 1px solid rgba(255,255,255,0.12); color: #fff; }\r\n.gii-btn-outline:hover { border-color: rgba(255,255,255,0.25); background: rgba(255,255,255,0.03); }\r\n.gii-btn-whatsapp { background: #25d366; color: white; box-shadow: 0 8px 25px rgba(37,211,102,0.15); }\r\n.gii-btn-whatsapp:hover { transform: translateY(-1px); box-shadow: 0 12px 35px rgba(37,211,102,0.25); }\r\n\r\n.gii-checklist { list-style: none; padding: 0; }\r\n.gii-checklist li { position: relative; padding-left: 28px; margin-bottom: 14px; font-size: 14px; color: var(--gii-text-secondary); }\r\n.gii-checklist li::before { content: '\\2713'; position: absolute; left: 0; top: 1px; color: var(--gii-accent); font-weight: 900; font-size: 16px; }\r\n\r\n.gii-system-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 0; align-items: stretch; width: 100%; background: var(--gii-surface); border: 1px solid var(--gii-border); border-radius: 12px; overflow: hidden; }\r\n.gii-system-card { padding: 60px 36px; text-align: center; display: flex; flex-direction: column; align-items: center; }\r\n.gii-system-divider { width: 1px; background: var(--gii-border); align-self: stretch; }\r\n.gii-system-num { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 20px; margin-bottom: 24px; color: #fff; font-family: 'Poppins', sans-serif; }\r\n\r\n.gii-model-featured { position: relative; border-color: var(--gii-border); background: var(--gii-surface); }\r\n.gii-model-featured::before { content: 'M\u00e1s solicitado'; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--gii-blue); color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 5px 18px; border-radius: 4px; white-space: nowrap; }\r\n\r\n.gii-proof-section { width: 100%; padding: 0; }\r\n.gii-proof-inner { display: grid; grid-template-columns: 1fr 1fr; min-height: 580px; }\r\n.gii-proof-image { position: relative; overflow: hidden; background: var(--gii-surface); }\r\n.gii-proof-image img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n.gii-proof-content { display: flex; flex-direction: column; justify-content: center; padding: 80px 70px; background: var(--gii-surface); }\r\n.gii-proof-content .proof-label { font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--gii-warm); margin-bottom: 30px; }\r\n.gii-proof-content h2 { font-size: clamp(26px, 3.5vw, 36px); margin-bottom: 20px; letter-spacing: -0.02em; line-height: 1.2; }\r\n.gii-proof-pillars { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; margin-top: 36px; }\r\n.gii-proof-pillar strong { display: block; font-size: 14px; font-weight: 700; color: var(--gii-text-main); margin-bottom: 6px; font-family: 'Poppins', sans-serif; }\r\n.gii-proof-pillar span { font-size: 13px; color: var(--gii-text-dim); line-height: 1.5; }\r\n\r\n.gii-parallax-section { width: 100%; height: 500px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }\r\n.gii-parallax-bg { position: absolute; top: -100px; left: 0; width: 100%; height: calc(100% + 200px); background-size: cover; background-position: center; background-repeat: no-repeat; will-change: transform; }\r\n.gii-parallax-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, var(--gii-bg) 0%, rgba(6,6,8,0.45) 30%, rgba(6,6,8,0.45) 70%, var(--gii-bg) 100%); }\r\n.gii-parallax-content { position: relative; z-index: 2; text-align: center; max-width: 700px; padding: 0 24px; }\r\n\r\n.gii-wrapper details { background: transparent; border-bottom: 1px solid var(--gii-border); margin-bottom: 0; transition: all 0.3s; }\r\n.gii-wrapper details[open] { padding-bottom: 10px; }\r\n.gii-wrapper summary { padding: 28px 0; font-weight: 600; color: var(--gii-text-main); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; font-size: 18px; }\r\n.gii-wrapper summary::-webkit-details-marker { display: none; }\r\n.gii-wrapper summary::after { content: '+'; font-size: 20px; color: var(--gii-text-dim); font-weight: 300; flex-shrink: 0; margin-left: 16px; }\r\n.gii-wrapper details[open] summary { color: var(--gii-warm); }\r\n.gii-wrapper details[open] summary::after { content: '\u2212'; color: var(--gii-warm); }\r\n.gii-reveal { padding: 0 0 20px 0; color: var(--gii-text-secondary); font-size: 15px; line-height: 1.7; }\r\n\r\n.gii-form-wrapper { background: #111116 !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 12px; padding: 48px; width: 100%; max-width: 600px; margin: 0 auto; }\r\n.gii-form-group { margin-bottom: 22px; }\r\n.gii-label { display: block; color: var(--gii-text-main); font-weight: 500; font-size: 13px; margin-bottom: 8px; }\r\n.gii-input { width: 100%; padding: 14px 18px; background: #060608 !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 8px; color: #fff !important; font-family: 'Inter', sans-serif; font-size: 15px; transition: all 0.3s; }\r\n.gii-input:focus { outline: none !important; border-color: var(--gii-accent) !important; box-shadow: 0 0 0 3px var(--gii-accent-soft) !important; }\r\n.gii-input::placeholder { color: var(--gii-text-dim) !important; }\r\ntextarea.gii-input { resize: vertical; min-height: 110px; }\r\n\r\n.gii-fade-up { opacity: 0; transform: translateY(24px); transition: opacity 0.7s cubic-bezier(0.2,0.8,0.2,1), transform 0.7s cubic-bezier(0.2,0.8,0.2,1); }\r\n.gii-fade-up.visible { opacity: 1; transform: translateY(0); }\r\n.gii-delay-1 { transition-delay: 0.1s; }\r\n.gii-delay-2 { transition-delay: 0.2s; }\r\n\r\n.gii-footer-icon { color: var(--gii-text-dim) !important; font-size: 26px; text-decoration: none !important; transition: color 0.3s ease; display: inline-flex; background: none !important; }\r\n.gii-footer-icon:hover { color: var(--gii-text-secondary) !important; }\r\n.gii-wrapper footer,.gii-wrapper footer * { background-color: #060608 !important; background-image: none !important; border: none !important; }\r\n.gii-wrapper footer p { color: var(--gii-text-dim) !important; }\r\n.gii-wrapper section,.gii-wrapper header,.gii-wrapper footer,.gii-proof-section,.gii-proof-content,.gii-parallax-section { border: none !important; border-top: none !important; border-bottom: none !important; }\r\n\r\n@media (max-width: 1024px) {\r\n    .gii-section { padding: 80px 20px; }\r\n    .gii-grid-2, .gii-grid-3 { grid-template-columns: 1fr; gap: 40px; }\r\n    .gii-section-title { margin-bottom: 50px; }\r\n    .gii-card { padding: 36px 24px; }\r\n    .gii-img-box { min-height: 280px; height: auto; }\r\n    .gii-btn-group { flex-direction: column; width: 100%; }\r\n    .gii-btn { width: 100%; padding: 16px 24px; }\r\n    .gii-system-flow { grid-template-columns: 1fr; }\r\n    .gii-system-divider { width: 100%; height: 1px; background: var(--gii-border); }\r\n    .gii-system-card { padding: 36px 24px; }\r\n    .gii-proof-inner { grid-template-columns: 1fr; }\r\n    .gii-proof-image { min-height: 300px; }\r\n    .gii-proof-content { padding: 50px 24px; }\r\n    .gii-proof-pillars { grid-template-columns: 1fr; gap: 20px; }\r\n    .gii-form-wrapper { padding: 30px 20px; }\r\n    .gii-model-featured::before { font-size: 9px; padding: 4px 14px; top: -10px; }\r\n    .gii-parallax-section { height: 400px; background: #060608 !important; }\r\n    .gii-parallax-bg { background-attachment: scroll !important; top: 0 !important; height: 100% !important; }\r\n    .gii-parallax-overlay { background: linear-gradient(180deg, #060608 0%, rgba(6,6,8,0.6) 15%, rgba(6,6,8,0.6) 85%, #060608 100%) !important; }\r\n    .gii-footer-icon { font-size: 22px; }\r\n    .gii-input,.gii-wrapper input,.gii-wrapper textarea { background: #060608 !important; border-color: rgba(255,255,255,0.06) !important; color: #fff !important; }\r\n}\r\n@media (max-width: 600px) { .gii-h1 { font-size: clamp(32px, 8vw, 44px); } }\r\n\r\n\/* ===== CHATBOT PRO \u2014 REAL ESTATE ===== *\/\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(#8b5cf6,#c9a87c,#3b82f6,#8b5cf6);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(139,92,246,.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(139,92,246,.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,#8b5cf6,#c9a87c,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(#8b5cf6,#c9a87c,#3b82f6,#8b5cf6);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,#8b5cf6,#4c2d8c);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:#8b5cf6;background:rgba(139,92,246,.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(139,92,246,.2);background:transparent;font-size:.65rem;color:#5a5a6e;transition:all .2s;cursor:pointer}.cht-voz svg{width:12px;height:12px}.cht-voz.active{border-color:rgba(139,92,246,.4);background:rgba(139,92,246,.1);color:#8b5cf6}\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,#8b5cf6,#c9a87c);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,#8b5cf6,#4c2d8c);color:#fff;border-bottom-right-radius:4px}.msg-b{background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.08);border-bottom-left-radius:4px;color:#f0f0f2}\r\n.msg-tts{display:none;align-items:center;gap:3px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(139,92,246,.08)}.msg-tts.playing{display:flex}.msg-tts-bar{width:3px;background:#8b5cf6;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:#5a5a6e;margin-left:6px}\r\n.cht-typ{display:flex;gap:4px;padding:12px 16px;align-self:flex-start;background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.08);border-radius:16px;border-bottom-left-radius:4px}.cht-typ span{width:8px;height:8px;border-radius:50%;background:#8b5cf6}.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(139,92,246,.18);color:#8b5cf6;transition:all .2s;cursor:pointer;background:rgba(139,92,246,.04);font-family:'Inter',sans-serif}.qr:hover{background:rgba(139,92,246,.12)}\r\n.cht-ia{padding:12px 16px;border-top:1px solid rgba(139,92,246,.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(139,92,246,.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(139,92,246,.35)}.cht-in::placeholder{color:rgba(90,90,110,.7)}\r\n.cht-sn{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#4c2d8c);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=\"gii-wrapper\">\r\n    <div class=\"gii-bg-glow\"><\/div>\r\n\r\n    <header class=\"gii-section gii-fade-up\" style=\"min-height: 100vh; justify-content: center; padding-top: 100px; padding-bottom: 80px;\">\r\n        <div class=\"gii-container\" style=\"text-align: center;\">\r\n            <div class=\"gii-eyebrow\">REAL ESTATE PREMIUM \u00b7 SALTILLO Y MONTERREY<\/div>\r\n            <h1 class=\"gii-h1\">Instalamos sistemas de crecimiento<br>para real estate premium.<\/h1>\r\n            <p style=\"font-size: clamp(17px, 2vw, 20px); color: var(--gii-text-secondary); max-width: 720px; margin: 0 auto 48px auto; font-weight: 400; line-height: 1.6;\">Marketing, producci\u00f3n visual y automatizaci\u00f3n inteligente para desarrollos, brokers, arquitectura y proyectos inmobiliarios.<\/p>\r\n            <div class=\"gii-btn-group\">\r\n                <a href=\"#formulario\" class=\"gii-btn gii-btn-primary\">Agendar cita inicial<\/a>\r\n                <a href=\"#sistema\" class=\"gii-btn gii-btn-outline\">Ver c\u00f3mo funciona<\/a>\r\n            <\/div>\r\n            <p style=\"font-size: 13px; color: var(--gii-text-dim); margin-top: 40px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase;\">Presencia premium \u00b7 Leads mejor estructurados \u00b7 Seguimiento inteligente<\/p>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <section class=\"gii-section\">\r\n        <div class=\"gii-container\"><div class=\"gii-grid-2\">\r\n            <div class=\"gii-fade-up gii-delay-1\">\r\n                <p style=\"font-size: 11px; color: var(--gii-warm); text-transform: uppercase; letter-spacing: 3px; margin-bottom: 28px; font-weight: 700;\">El problema real<\/p>\r\n                <h2 style=\"font-size: clamp(28px, 4vw, 40px); margin-bottom: 28px; letter-spacing: -0.025em; line-height: 1.15;\">Un buen proyecto no se vende solo por ser bueno.<\/h2>\r\n                <p style=\"margin-bottom: 20px; font-size: 16px;\">Buena ubicaci\u00f3n, buen producto, buena imagen. Pero sin una estructura clara para atraer prospectos, capturarlos y darles seguimiento, el crecimiento se vuelve lento y depende de la suerte.<\/p>\r\n                <p style=\"margin-bottom: 32px; color: #e8a87c; font-weight: 500; font-size: 16px;\">Sin estructura comercial, incluso un gran proyecto pierde oportunidades.<\/p>\r\n                <div style=\"background: var(--gii-warm-soft); border-left: 3px solid var(--gii-warm); padding: 18px 22px; border-radius: 0 8px 8px 0; margin-bottom: 40px;\">\r\n                    <p style=\"font-weight: 600; color: var(--gii-warm); margin: 0; font-size: 15px;\">En Gii Studio no producimos piezas sueltas. Instalamos el sistema completo.<\/p>\r\n                <\/div>\r\n                <a href=\"#formulario\" class=\"gii-btn gii-btn-primary\" style=\"padding: 15px 30px; font-size: 14px;\">Diagnosticar mi proyecto<\/a>\r\n            <\/div>\r\n            <div class=\"gii-img-box gii-fade-up gii-delay-2\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773559732\/Captura_de_pantalla_2026-03-15_011013_zl4rat.png\" alt=\"Producci\u00f3n visual real estate premium\" loading=\"lazy\"><\/div>\r\n        <\/div><\/div>\r\n    <\/section>\r\n\r\n    <div class=\"gii-proof-section gii-fade-up\">\r\n        <div class=\"gii-proof-inner\">\r\n            <div class=\"gii-proof-image\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773559834\/Captura_de_pantalla_2026-03-15_013027_rxy34j.png\" alt=\"Proceso de producci\u00f3n Gii Studio\" loading=\"lazy\"><\/div>\r\n            <div class=\"gii-proof-content\">\r\n                <p class=\"proof-label\">Nuestra operaci\u00f3n<\/p>\r\n                <h2>No entregamos piezas. Instalamos infraestructura comercial.<\/h2>\r\n                <p style=\"font-size: 15px; color: var(--gii-text-secondary); line-height: 1.7;\">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 class=\"gii-proof-pillars\">\r\n                    <div class=\"gii-proof-pillar\"><strong>Direcci\u00f3n<\/strong><span>Posicionamiento visual y mensaje con est\u00e1ndar premium.<\/span><\/div>\r\n                    <div class=\"gii-proof-pillar\"><strong>Conversi\u00f3n<\/strong><span>Activos y rutas dise\u00f1adas para generar leads reales.<\/span><\/div>\r\n                    <div class=\"gii-proof-pillar\"><strong>Operaci\u00f3n<\/strong><span>Automatizaci\u00f3n e IA que responde y organiza sin fricci\u00f3n.<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"gii-section\" id=\"sistema\">\r\n        <div class=\"gii-container\">\r\n            <div class=\"gii-section-title gii-fade-up\"><h2>Un sistema, tres motores.<\/h2><p style=\"text-align: center; max-width: 620px; color: var(--gii-text-secondary);\">Cada componente resuelve una parte distinta del problema. Juntos, convierten tu presencia digital en una m\u00e1quina de oportunidades.<\/p><\/div>\r\n            <div class=\"gii-system-flow gii-fade-up gii-delay-1\">\r\n                <div class=\"gii-system-card\"><div class=\"gii-system-num\" style=\"border: 2px solid var(--gii-accent); background: var(--gii-accent-soft);\">1<\/div><h3 style=\"font-size: 22px; color: var(--gii-accent); margin-bottom: 14px; font-weight: 800; font-style: italic;\">Atracci\u00f3n<\/h3><p style=\"font-size: 15px; max-width: 300px; color: var(--gii-text-secondary);\">Producci\u00f3n visual, contenido y posicionamiento que genera atenci\u00f3n, confianza y percepci\u00f3n de valor.<\/p><\/div>\r\n                <div class=\"gii-system-divider\"><\/div>\r\n                <div class=\"gii-system-card\"><div class=\"gii-system-num\" style=\"border: 2px solid var(--gii-blue); background: rgba(59,130,246,0.1);\">2<\/div><h3 style=\"font-size: 22px; color: var(--gii-blue); margin-bottom: 14px; font-weight: 800; font-style: italic;\">Captura<\/h3><p style=\"font-size: 15px; max-width: 300px; color: var(--gii-text-secondary);\">Landing pages, formularios y rutas de contacto dise\u00f1adas para convertir inter\u00e9s en leads reales.<\/p><\/div>\r\n                <div class=\"gii-system-divider\"><\/div>\r\n                <div class=\"gii-system-card\"><div class=\"gii-system-num\" style=\"border: 2px solid var(--gii-green); background: rgba(16,185,129,0.1);\">3<\/div><h3 style=\"font-size: 22px; color: var(--gii-green); margin-bottom: 14px; font-weight: 800; font-style: italic;\">Seguimiento<\/h3><p style=\"font-size: 15px; max-width: 300px; color: var(--gii-text-secondary);\">CRM, automatizaci\u00f3n e IA para responder r\u00e1pido, organizar prospectos y no perder ninguna oportunidad.<\/p><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"gii-parallax-section\" id=\"parallax-visual\">\r\n        <div class=\"gii-parallax-bg\" style=\"background-image: url('https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773559931\/Captura_de_pantalla_2026-03-15_011155_wbzebk.png');\"><\/div>\r\n        <div class=\"gii-parallax-overlay\"><\/div>\r\n        <div class=\"gii-parallax-content gii-fade-up\">\r\n            <p style=\"font-size: 11px; color: var(--gii-warm); text-transform: uppercase; letter-spacing: 3px; font-weight: 700; margin-bottom: 20px;\">Proceso<\/p>\r\n            <h2 style=\"font-size: clamp(28px, 5vw, 44px); color: #fff; letter-spacing: -0.02em; margin-bottom: 16px;\">Cita inicial. Diagn\u00f3stico. Implementaci\u00f3n.<\/h2>\r\n            <p style=\"font-size: 16px; color: rgba(255,255,255,0.6); max-width: 520px; margin: 0 auto;\">De entender tu proyecto a instalar un sistema que funcione con una sola direcci\u00f3n.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"gii-section\">\r\n        <div class=\"gii-container\">\r\n            <div class=\"gii-section-title gii-fade-up\"><h2>C\u00f3mo trabajamos<\/h2><p style=\"text-align: center; max-width: 600px; color: var(--gii-text-secondary);\">Un proceso claro en tres fases. Cada fase tiene entregables concretos y un objetivo definido.<\/p><\/div>\r\n            <div class=\"gii-grid-3 gii-fade-up gii-delay-1\">\r\n                <div class=\"gii-card\" style=\"align-items: flex-start; text-align: left; padding: 48px 36px;\">\r\n                    <div class=\"gii-icon-box\" style=\"width: 60px; height: 60px; font-size: 28px; margin-bottom: 32px;\"><i class=\"ph-fill ph-magnifying-glass\"><\/i><\/div>\r\n                    <h3 style=\"font-size: 26px; margin-bottom: 14px; font-weight: 800;\">Cita Inicial + Diagn\u00f3stico<\/h3>\r\n                    <p style=\"font-size: 16px; margin-bottom: 32px; flex-grow: 1;\">Agenda una cita inicial sin costo donde conocemos tu proyecto. Si hay fit, pasamos al diagn\u00f3stico profundo donde analizamos tu operaci\u00f3n digital completa.<\/p>\r\n                    <p style=\"font-size: 12px; font-weight: 700; color: var(--gii-text-dim); margin-bottom: 18px; text-transform: uppercase; letter-spacing: 2px;\">Incluye:<\/p>\r\n                    <ul class=\"gii-checklist\" style=\"font-size: 16px;\"><li>Cita inicial para conocer tu proyecto<\/li><li>Diagn\u00f3stico profundo de presencia digital<\/li><li>An\u00e1lisis de captaci\u00f3n y seguimiento actual<\/li><li>Plan de acci\u00f3n con prioridades claras<\/li><\/ul>\r\n                <\/div>\r\n                <div class=\"gii-card gii-model-featured\" style=\"align-items: flex-start; text-align: left; padding: 48px 36px;\">\r\n                    <div class=\"gii-icon-box\" style=\"width: 60px; height: 60px; font-size: 28px; margin-bottom: 32px; color: var(--gii-blue); border-color: rgba(59,130,246,0.15); background: rgba(59,130,246,0.1);\"><i class=\"ph-fill ph-rocket\"><\/i><\/div>\r\n                    <h3 style=\"font-size: 26px; margin-bottom: 14px; font-weight: 800;\">Gii Launch System<\/h3>\r\n                    <p style=\"font-size: 16px; margin-bottom: 32px; flex-grow: 1;\">Instalamos la base completa: posicionamiento, activos de conversi\u00f3n, automatizaci\u00f3n y estructura de ads.<\/p>\r\n                    <p style=\"font-size: 12px; font-weight: 700; color: var(--gii-text-dim); margin-bottom: 18px; text-transform: uppercase; letter-spacing: 2px;\">Incluye:<\/p>\r\n                    <ul class=\"gii-checklist\" style=\"font-size: 16px;\"><li>Posicionamiento y direcci\u00f3n estrat\u00e9gica<\/li><li>CRM, pipeline y automatizaciones<\/li><li>Estructura de campa\u00f1as y ads<\/li><li>Agentes de IA para seguimiento<\/li><\/ul>\r\n                <\/div>\r\n                <div class=\"gii-card\" style=\"align-items: flex-start; text-align: left; padding: 48px 36px;\">\r\n                    <div class=\"gii-icon-box\" style=\"width: 60px; height: 60px; font-size: 28px; margin-bottom: 32px; color: var(--gii-green); border-color: rgba(16,185,129,0.15); background: rgba(16,185,129,0.1);\"><i class=\"ph-fill ph-trend-up\"><\/i><\/div>\r\n                    <h3 style=\"font-size: 26px; margin-bottom: 14px; font-weight: 800;\">Gii Growth Partner<\/h3>\r\n                    <p style=\"font-size: 16px; margin-bottom: 32px; flex-grow: 1;\">Gesti\u00f3n integral del sistema mes a mes: optimizaci\u00f3n, soporte y mejora continua de rendimiento.<\/p>\r\n                    <p style=\"font-size: 12px; font-weight: 700; color: var(--gii-text-dim); margin-bottom: 18px; text-transform: uppercase; letter-spacing: 2px;\">Incluye:<\/p>\r\n                    <ul class=\"gii-checklist\" style=\"font-size: 16px;\"><li>Gesti\u00f3n y optimizaci\u00f3n continua<\/li><li>Nuevas campa\u00f1as y test de ads<\/li><li>Soporte y modificaciones<\/li><li>Evoluci\u00f3n estrat\u00e9gica del sistema<\/li><\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"gii-section\">\r\n        <div class=\"gii-container\">\r\n            <div class=\"gii-section-title gii-fade-up\"><h2>Preguntas frecuentes<\/h2><\/div>\r\n            <div class=\"gii-fade-up gii-delay-1\" style=\"max-width: 740px; margin: 0 auto; width: 100%;\">\r\n                <details><summary>\u00bfPara qui\u00e9n est\u00e1 dise\u00f1ado este sistema?<\/summary><div class=\"gii-reveal\">Para desarrollos inmobiliarios, brokers, despachos de arquitectura y proyectos premium que necesitan atraer mejores prospectos y darles seguimiento profesional.<\/div><\/details>\r\n                <details><summary>\u00bfQu\u00e9 incluye la cita inicial?<\/summary><div class=\"gii-reveal\">La cita inicial es sin costo. Conocemos tu proyecto, hacemos preguntas clave y evaluamos si hay oportunidad de trabajar juntos. Si hay fit, te presentamos una propuesta y, al aceptar, arrancamos el diagn\u00f3stico profundo donde entramos directo con tus equipos y operaci\u00f3n digital.<\/div><\/details>\r\n                <details><summary>\u00bfCu\u00e1nto tarda la implementaci\u00f3n?<\/summary><div class=\"gii-reveal\">La cita inicial y propuesta se entregan en d\u00edas. La implementaci\u00f3n del Gii Launch System se desarrolla entre 3 y 6 semanas dependiendo del alcance, asegurando que cada pieza quede bien instalada antes de activar.<\/div><\/details>\r\n                <details><summary>\u00bfNecesito saber de marketing o tecnolog\u00eda?<\/summary><div class=\"gii-reveal\">No. Nosotros dise\u00f1amos e instalamos todo. T\u00fa te enfocas en tu proyecto.<\/div><\/details>\r\n                <details><summary>\u00bfTrabajan fuera de Saltillo y Monterrey?<\/summary><div class=\"gii-reveal\">Nuestro foco principal est\u00e1 en Saltillo y Monterrey, aunque aceptamos proyectos selectivos en otras ciudades.<\/div><\/details>\r\n                <details><summary>\u00bfIncluye inversi\u00f3n en pauta publicitaria?<\/summary><div class=\"gii-reveal\">No. La inversi\u00f3n en pauta se define por separado seg\u00fan tus objetivos, mercado y etapa.<\/div><\/details>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"gii-section\" id=\"formulario\">\r\n        <div class=\"gii-container\"><div class=\"gii-grid-2\" style=\"gap: 60px;\">\r\n            <div class=\"gii-fade-up\" style=\"text-align: center;\">\r\n                <div style=\"width: 80px; height: 80px; border-radius: 50%; background: rgba(37,211,102,0.1); border: 1px solid rgba(37,211,102,0.25); display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; font-size: 36px; color: #25d366;\"><i class=\"ph-fill ph-whatsapp-logo\"><\/i><\/div>\r\n                <h2 style=\"font-size: clamp(30px, 5vw, 42px); font-family: 'Poppins', sans-serif; margin-bottom: 20px; letter-spacing: -0.02em;\">Agenda tu cita inicial<\/h2>\r\n                <p style=\"font-size: 16px; margin-bottom: 44px; max-width: 420px; margin-left: auto; margin-right: auto; color: var(--gii-text-secondary);\">Platiquemos sobre tu proyecto y detectemos juntos las oportunidades. Sin costo, sin compromiso.<\/p>\r\n                <a href=\"https:\/\/wa.me\/5219541259727?text=Hola,%20vengo%20de%20su%20p%C3%A1gina%20web.%20Me%20interesa%20agendar%20una%20cita%20inicial%20para%20mi%20proyecto%20inmobiliario.\" target=\"_blank\" class=\"gii-btn gii-btn-whatsapp\" style=\"padding: 18px 36px;\" rel=\"noopener\"><i class=\"ph-fill ph-whatsapp-logo\" style=\"font-size: 20px;\"><\/i> WhatsApp directo<\/a>\r\n                <div style=\"margin-top: 50px;\"><p style=\"color: var(--gii-text-main); font-weight: 700; font-size: 16px; margin-bottom: 6px;\">Respuesta en menos de 48 hrs.<\/p><p style=\"font-size: 13px; color: var(--gii-text-dim);\">Exclusivo para proyectos con visi\u00f3n de crecimiento.<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"gii-form-wrapper gii-fade-up gii-delay-2\">\r\n                <form id=\"diagnosticForm\">\r\n                    <div class=\"gii-form-group\"><label class=\"gii-label\">Nombre completo *<\/label><input type=\"text\" id=\"nombre\" name=\"nombre\" class=\"gii-input\" placeholder=\"Tu nombre\" required><\/div>\r\n                    <div class=\"gii-form-group\"><label class=\"gii-label\">Empresa \/ Desarrollo \/ Proyecto *<\/label><input type=\"text\" id=\"empresa\" name=\"empresa\" class=\"gii-input\" placeholder=\"Nombre de tu proyecto\" required><\/div>\r\n                    <div class=\"gii-form-group\"><label class=\"gii-label\">Correo corporativo *<\/label><input type=\"email\" id=\"email\" name=\"email\" class=\"gii-input\" placeholder=\"correo@empresa.com\" required><\/div>\r\n                    <div class=\"gii-form-group\"><label class=\"gii-label\">Tel\u00e9fono \/ WhatsApp<\/label><input type=\"tel\" id=\"telefono\" name=\"telefono\" class=\"gii-input\" placeholder=\"+52 000 000 0000\"><\/div>\r\n                    <div class=\"gii-form-group\"><label class=\"gii-label\">\u00bfCu\u00e1l es el principal reto de tu proyecto hoy? *<\/label><textarea id=\"necesidad\" name=\"necesidad\" class=\"gii-input\" placeholder=\"Ej: Necesitamos generar mejores leads y darles un seguimiento m\u00e1s estructurado...\" required><\/textarea><\/div>\r\n                    <div style=\"margin-top: 32px;\"><button type=\"submit\" class=\"gii-btn gii-btn-primary\" id=\"submitBtn\" style=\"width: 100%; padding: 18px; font-size: 16px;\">Agendar cita inicial \u2192<\/button><\/div>\r\n                    <div id=\"formMessage\" style=\"display: none; margin-top: 20px; text-align: center; font-size: 15px; font-weight: 600;\"><\/div>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div><\/div>\r\n    <\/section>\r\n\r\n    <section class=\"gii-section\" style=\"padding-top: 40px; padding-bottom: 140px;\">\r\n        <div class=\"gii-container\" style=\"text-align: center;\"><div class=\"gii-fade-up\" style=\"max-width: 700px; margin: 0 auto;\">\r\n            <h2 style=\"font-size: clamp(36px, 6vw, 56px); color: var(--gii-text-main); margin-bottom: 22px; letter-spacing: -0.03em; font-family: 'Poppins', sans-serif; font-weight: 800;\">El siguiente paso es tener claridad.<\/h2>\r\n            <p style=\"font-size: clamp(16px, 2vw, 18px); color: var(--gii-text-dim); max-width: 560px; margin: 0 auto; font-weight: 400; line-height: 1.65;\">Antes de invertir en marketing, automatizaci\u00f3n o contenido, necesitas saber exactamente qu\u00e9 estructura le falta a tu proyecto.<\/p>\r\n        <\/div><\/div>\r\n    <\/section>\r\n\r\n    <footer style=\"padding: 50px 24px; text-align: center; border-top: none; background: #060608 !important; width: 100%; position: relative; z-index: 1;\">\r\n        <div style=\"display: flex; justify-content: center; gap: 30px; margin-bottom: 28px;\">\r\n            <a href=\"https:\/\/instagram.com\/giistudio\" target=\"_blank\" class=\"gii-footer-icon\" rel=\"noopener\"><i class=\"ph-fill ph-instagram-logo\"><\/i><\/a>\r\n            <a href=\"https:\/\/facebook.com\/giistudiofilms\" target=\"_blank\" class=\"gii-footer-icon\" rel=\"noopener\"><i class=\"ph-fill ph-facebook-logo\"><\/i><\/a>\r\n            <a href=\"https:\/\/linkedin.com\/in\/giistudio\" target=\"_blank\" class=\"gii-footer-icon\" rel=\"noopener\"><i class=\"ph-fill ph-linkedin-logo\"><\/i><\/a>\r\n            <a href=\"https:\/\/youtube.com\/@giistudiofilms\" target=\"_blank\" class=\"gii-footer-icon\" rel=\"noopener\"><i class=\"ph-fill ph-youtube-logo\"><\/i><\/a>\r\n        <\/div>\r\n        <p style=\"font-size: 13px; color: var(--gii-text-dim); margin: 0; font-weight: 400; letter-spacing: 0.5px;\">\u00a9 2026 Gii Studio. Sistemas de crecimiento para real estate premium.<\/p>\r\n    <\/footer>\r\n<\/main>\r\n\r\n<!-- CHATBOT PRO \u2014 REAL ESTATE -->\r\n<button class=\"chtgl\" id=\"chtgl\" onclick=\"tgChat()\" aria-label=\"Abrir chat de Gii Studio\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#8b5cf6\" 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:#f0f0f2;margin:0\">Gii Studio <span class=\"cht-badge\">IA<\/span><\/p><div class=\"chts\"><span class=\"chton\"><\/span><span style=\"font-size:.7rem;color:#5a5a6e\">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:#5a5a6e;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\"]')) {\r\n        var s = document.createElement('script'); s.src = 'https:\/\/unpkg.com\/@phosphor-icons\/web'; s.async = true; document.head.appendChild(s);\r\n    }\r\n\r\n    var observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 };\r\n    var observer = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } });\r\n    }, observerOptions);\r\n    document.querySelectorAll('.gii-fade-up').forEach(function(el) { observer.observe(el); });\r\n\r\n    var diagnosticForm = document.getElementById('diagnosticForm');\r\n    if (diagnosticForm) {\r\n        diagnosticForm.addEventListener('submit', async function(e) {\r\n            e.preventDefault();\r\n            var submitBtn = document.getElementById('submitBtn'), formMessage = document.getElementById('formMessage');\r\n            submitBtn.disabled = true; submitBtn.innerHTML = 'Procesando...'; formMessage.style.display = 'none';\r\n            var formData = { nombre: document.getElementById('nombre').value, empresa: document.getElementById('empresa').value, email: document.getElementById('email').value, telefono: document.getElementById('telefono').value, necesidad: document.getElementById('necesidad').value, origen: 'giistudio.com.mx\/real-estate \u2014 Landing Real Estate' };\r\n            try {\r\n                var response = 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(formData) });\r\n                if (response.ok) { formMessage.style.color = '#10b981'; formMessage.textContent = '\u00a1Solicitud enviada con \u00e9xito! Nos comunicaremos pronto.'; formMessage.style.display = 'block'; diagnosticForm.reset(); }\r\n                else { throw new Error('Error de servidor'); }\r\n            } catch (error) { formMessage.style.color = '#ef4444'; formMessage.textContent = 'Hubo un error de conexi\u00f3n. Escr\u00edbenos por WhatsApp directamente.'; formMessage.style.display = 'block'; }\r\n            finally { submitBtn.disabled = false; submitBtn.innerHTML = 'Agendar cita inicial \\u2192'; }\r\n        });\r\n    }\r\n\r\n    var allDetails = document.querySelectorAll('.gii-wrapper details');\r\n    allDetails.forEach(function(targetDetail) {\r\n        targetDetail.addEventListener('click', function() { allDetails.forEach(function(detail) { if (detail !== targetDetail) { detail.removeAttribute('open'); } }); });\r\n    });\r\n\r\n    var isMobile = window.matchMedia('(max-width: 1024px)').matches;\r\n    var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    if (!isMobile && !prefersReduced) {\r\n        var parallaxBg = document.querySelector('.gii-parallax-bg');\r\n        var parallaxSection = document.getElementById('parallax-visual');\r\n        if (parallaxBg && parallaxSection) {\r\n            var ticking = false;\r\n            function updateParallax() { var rect = parallaxSection.getBoundingClientRect(); var windowH = window.innerHeight; if (rect.bottom > 0 && rect.top < windowH) { var progress = (windowH - rect.top) \/ (windowH + rect.height); var translate = (progress - 0.5) * 100; parallaxBg.style.transform = 'translate3d(0,' + translate + 'px,0)'; } ticking = false; }\r\n            window.addEventListener('scroll', function() { if (!ticking) { window.requestAnimationFrame(updateParallax); ticking = true; } }, { passive: true });\r\n            updateParallax();\r\n        }\r\n    }\r\n\r\n    \/* ===== CHATBOT PRO \u2014 REAL ESTATE ===== *\/\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=[\r\n        {l:\"\u00bfQu\u00e9 incluye la cita inicial?\",m:\"\u00bfQu\u00e9 incluye la cita inicial para real estate?\"},\r\n        {l:\"\u00bfC\u00f3mo funciona el sistema?\",m:\"\u00bfC\u00f3mo funciona el sistema de crecimiento para inmobiliarias?\"},\r\n        {l:\"Quiero agendar mi cita\",m:\"Quiero agendar una cita inicial para mi proyecto inmobiliario\"}\r\n    ];\r\n    var chatOpen=false,chatInit=false,sid='gii_re_'+(Date.now()).toString(36)+'_'+Math.random().toString(36).slice(2,9),msgC=0,lastS=0,chatL=false,ttsOn=false,ttsPlaying=false;\r\n\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 HTTP '+r.status);var b=await r.blob();if(b.size<1000)throw new Error('Audio too 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){console.warn('TTS error:',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\r\n    window.tgChat=function(){\r\n        chatOpen=!chatOpen;var w=document.getElementById('chtw'),b=document.getElementById('chtgl');\r\n        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 real estate, nuestro proceso de trabajo 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:'realestate_chat'})}\r\n        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=\"#8b5cf6\" 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    };\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\r\n    window.sendChat=async function(text){\r\n        text=norm(text);if(!text||msgC>=60||chatL)return;var now=Date.now();if(now-lastS<3000)return;lastS=now;msgC++;\r\n        addMsg('u',text);hideQR();document.getElementById('chtIn').value='';chatL=true;\r\n        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;\r\n        var payload={action:'sendMessage',chatInput:text,message:text,sessionId:sid,timestamp:new Date().toISOString(),source:'website_chat',pageUrl:window.location.href,pageTitle:document.title};\r\n        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:'realestate_chat'})}catch(err){typ.remove();addMsg('b','Hubo un error al conectar. Intenta de nuevo o escr\u00edbenos por WhatsApp.')}\r\n        finally{chatL=false;document.getElementById('chtSn').disabled=!document.getElementById('chtIn').value.trim()}\r\n    };\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>REAL ESTATE PREMIUM \u00b7 SALTILLO Y MONTERREY Instalamos sistemas de crecimientopara real estate premium. Marketing, producci\u00f3n visual y automatizaci\u00f3n inteligente para desarrollos, brokers, arquitectura y proyectos inmobiliarios. Agendar cita inicial Ver c\u00f3mo funciona Presencia premium \u00b7 Leads mejor estructurados \u00b7 Seguimiento inteligente El problema real Un buen proyecto no se vende solo por ser bueno. [&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-343","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/343","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=343"}],"version-history":[{"count":42,"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/343\/revisions"}],"predecessor-version":[{"id":900,"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/343\/revisions\/900"}],"wp:attachment":[{"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/media?parent=343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}