{"id":585,"date":"2026-03-20T02:17:14","date_gmt":"2026-03-20T08:17:14","guid":{"rendered":"https:\/\/giistudio.cloud\/?page_id=585"},"modified":"2026-03-30T21:22:51","modified_gmt":"2026-03-31T03:22:51","slug":"video-corporativo-saltillo","status":"publish","type":"page","link":"https:\/\/giistudio.com.mx\/en\/video-corporativo-saltillo\/","title":{"rendered":"Video corporativo en Saltillo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"585\" class=\"elementor elementor-585\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaedc88 e-flex e-con-boxed e-con e-parent\" data-id=\"aaedc88\" 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-3a86fca elementor-widget elementor-widget-html\" data-id=\"3a86fca\" 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 { background-color: #060608 !important; }\r\n\r\n:root {\r\n    --gii-bg: #060608;--gii-surface: #0c0c10;--gii-surface-raised: #111116;--gii-border: rgba(255,255,255,0.06);--gii-border-hover: rgba(255,255,255,0.12);--gii-text-main: #f0f0f2;--gii-text-secondary: #a0a0ad;--gii-text-dim: #5a5a6e;--gii-accent: #8b5cf6;--gii-accent-soft: rgba(139,92,246,0.12);--gii-blue: #3b82f6;--gii-green: #10b981;--gii-warm: #c9a87c;--gii-warm-soft: rgba(201,168,124,0.10);--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: transparent !important; overflow: hidden; display: flex; flex-direction: column; font-family: 'Inter', -apple-system, sans-serif; color: var(--gii-text-secondary); -webkit-font-smoothing: antialiased; }\r\n.gii-wrapper section,.gii-wrapper header,.gii-wrapper footer { position: relative; z-index: 1; background: transparent !important; }\r\n.gii-bg-glow { position: fixed; inset: 0; pointer-events: none; z-index: 0; background: radial-gradient(ellipse 50% 40% at 65% 8%, rgba(139,92,246,0.04) 0%, transparent 70%), radial-gradient(ellipse 40% 50% at 20% 90%, rgba(59,130,246,0.02) 0%, transparent 70%); }\r\n.gii-section { width: 100%; padding: 120px 24px; display: flex; flex-direction: column; align-items: center; background: transparent !important; }\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) !important; font-family: 'Poppins', sans-serif !important; line-height: 1.15 !important; }\r\n.gii-wrapper p,.gii-wrapper li,.gii-wrapper label { font-size: 16px !important; line-height: 1.65 !important; color: var(--gii-text-secondary) !important; }\r\n.gii-h1 { font-size: clamp(38px, 6.5vw, 72px) !important; font-weight: 700 !important; color: var(--gii-text-main) !important; margin-bottom: 28px !important; letter-spacing: -0.03em !important; line-height: 1.08 !important; }\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) !important; margin-bottom: 18px !important; letter-spacing: -0.025em !important; font-weight: 700 !important; }\r\n.gii-eyebrow { display: inline-flex; align-items: center; gap: 10px; 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 !important; 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) !important; border: 1px solid var(--gii-border) !important; border-radius: 12px !important; padding: 44px 32px !important; transition: border-color 0.4s, box-shadow 0.4s, transform 0.3s; height: 100%; display: flex; flex-direction: column; }\r\n.gii-card:hover { border-color: var(--gii-border-hover) !important; 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\r\n.gii-svc { background: var(--gii-surface) !important; border: 1px solid var(--gii-border) !important; border-radius: 12px !important; padding: 36px 28px !important; transition: all 0.4s; position: relative; overflow: hidden; display: flex; flex-direction: column; }\r\n.gii-svc::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--gii-accent), var(--gii-blue)); transform: scaleX(0); transform-origin: left; transition: transform 0.5s; }\r\n.gii-svc:hover { border-color: var(--gii-border-hover) !important; transform: translateY(-3px); box-shadow: 0 20px 50px -15px rgba(0,0,0,0.5); }\r\n.gii-svc:hover::before { transform: scaleX(1); }\r\n.gii-svc .gii-icon-box { transition: transform 0.3s; }\r\n.gii-svc:hover .gii-icon-box { transform: scale(1.1); }\r\n.gii-svc h3 { font-size: 19px !important; margin-bottom: 10px !important; font-weight: 700 !important; }\r\n.gii-svc p { font-size: 15px !important; line-height: 1.6 !important; }\r\n.gii-tag { display: inline-block; font-size: 9px !important; letter-spacing: 2px; text-transform: uppercase; padding: 4px 10px; border-radius: 4px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); color: var(--gii-text-secondary); margin-right: 6px; margin-bottom: 6px; }\r\n\r\n.gii-img-box { border-radius: 12px; overflow: hidden; border: 1px solid var(--gii-border); width: 100%; min-height: 420px; background: var(--gii-surface); }\r\n.gii-img-box img { width: 100%; height: 100%; object-fit: cover; display: block; }\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) !important; border: 1px solid var(--gii-border) !important; border-radius: 12px !important; 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 !important; font-size: 20px !important; margin-bottom: 24px; color: #fff !important; font-family: 'Poppins', sans-serif !important; }\r\n\r\n.gii-model-featured { position: relative; }\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 !important; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 5px 18px; border-radius: 4px; white-space: nowrap; }\r\n\r\n.gii-checklist { list-style: none !important; padding: 0 !important; }\r\n.gii-checklist li { position: relative; padding-left: 28px !important; margin-bottom: 14px !important; font-size: 14px !important; }\r\n.gii-checklist li::before { content: '\u2713'; position: absolute; left: 0; top: 1px; color: var(--gii-accent); font-weight: 900; font-size: 16px; }\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 !important; font-weight: 600; text-decoration: none; cursor: pointer; transition: all 0.3s; border: none; font-family: 'Inter', sans-serif; gap: 10px; }\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); }\r\n\r\n.gii-form-wrapper { background: var(--gii-surface-raised) !important; border: 1px solid var(--gii-border) !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 !important; color: var(--gii-text-main) !important; font-weight: 500 !important; font-size: 13px !important; margin-bottom: 8px !important; }\r\n.gii-input { width: 100% !important; padding: 14px 18px !important; background: var(--gii-bg) !important; border: 1px solid var(--gii-border) !important; border-radius: 8px !important; color: #fff !important; font-family: 'Inter', sans-serif !important; font-size: 15px !important; 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-wrapper details { background: transparent !important; border-bottom: 1px solid var(--gii-border) !important; margin-bottom: 0; }\r\n.gii-wrapper details[open] { padding-bottom: 10px; }\r\n.gii-wrapper summary { padding: 28px 0 !important; font-weight: 600 !important; color: var(--gii-text-main) !important; cursor: pointer; list-style: none; display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 18px !important; }\r\n.gii-wrapper summary::-webkit-details-marker { display: none; }\r\n.gii-wrapper summary::after { content: '+' !important; font-size: 20px !important; color: var(--gii-text-dim) !important; font-weight: 300 !important; flex-shrink: 0; margin-left: 16px; }\r\n.gii-wrapper details[open] summary { color: var(--gii-accent) !important; }\r\n.gii-wrapper details[open] summary::after { content: '\u2212' !important; color: var(--gii-accent) !important; }\r\n.gii-reveal { padding: 0 0 20px 0; font-size: 15px !important; line-height: 1.7 !important; }\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; display: inline-flex; background: none !important; }\r\n.gii-footer-icon:hover { color: var(--gii-text-secondary) !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 !important; gap: 40px; }\r\n    .gii-section-title { margin-bottom: 50px; }\r\n    .gii-card, .gii-svc { padding: 36px 24px !important; }\r\n    .gii-img-box { min-height: 280px; }\r\n    .gii-btn-group { flex-direction: column; width: 100%; }\r\n    .gii-btn { width: 100%; }\r\n    .gii-system-flow { grid-template-columns: 1fr !important; }\r\n    .gii-system-divider { width: 100%; height: 1px; }\r\n    .gii-system-card { padding: 36px 24px; }\r\n    .gii-form-wrapper { padding: 30px 20px; }\r\n    .gii-model-featured::before { font-size: 9px !important; padding: 4px 14px; }\r\n    .gii-input,.gii-wrapper input,.gii-wrapper textarea { background: var(--gii-bg) !important; border-color: var(--gii-border) !important; color: #fff !important; }\r\n}\r\n@media (max-width: 600px) { .gii-h1 { font-size: clamp(32px, 8vw, 44px) !important; } }\r\n\r\n\/* ===== CHATBOT PRO \u2014 CORPORATIVO ===== *\/\r\n@keyframes chtRingSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes chtOrbPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}@keyframes chtHeaderLine{0%{background-position:0% 50%}100%{background-position:200% 50%}}@keyframes chtWaveBar{0%,100%{height:3px}50%{height:13px}}@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,#3b82f6,#c9a87c,#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,#3b82f6,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,#3b82f6,#c9a87c,#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}.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,#3b82f6);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\">SISTEMAS DE CRECIMIENTO PARA EMPRESAS \u00b7 SALTILLO<\/div>\r\n            <h1 class=\"gii-h1\">Tu empresa necesita un sistema,<br>no m\u00e1s herramientas sueltas.<\/h1>\r\n            <p style=\"font-size: clamp(17px, 2vw, 20px) !important; max-width: 720px; margin: 0 auto 48px; font-weight: 400; line-height: 1.6 !important;\">Producci\u00f3n cinematogr\u00e1fica, desarrollo web, estrategias de marketing, automatizaciones y funnels de conversi\u00f3n integrados en una sola operaci\u00f3n. Sin agencias. Sin intermediarios.<\/p>\r\n            <div class=\"gii-btn-group\"><a href=\"#formulario\" class=\"gii-btn gii-btn-primary\">Agendar cita inicial<\/a><a href=\"#sistema\" class=\"gii-btn gii-btn-outline\">Ver c\u00f3mo funciona<\/a><\/div>\r\n            <p style=\"font-size: 13px !important; color: var(--gii-text-dim) !important; margin-top: 40px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase;\">Video \u00b7 Web \u00b7 Marketing \u00b7 Automatizaci\u00f3n \u00b7 IA \u00b7 Funnels<\/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 !important; color: var(--gii-accent) !important; 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) !important; margin-bottom: 28px !important; letter-spacing: -0.025em !important; line-height: 1.15 !important;\">Copilot te da respuestas. Nosotros te damos resultados.<\/h2>\r\n                <p style=\"margin-bottom: 20px;\">Un freelance para dise\u00f1o, una agencia para redes, Copilot para los emails, Canva para los posts. Muchas piezas, ning\u00fan sistema. Tu marca se fragmenta, tu equipo pierde tiempo coordinando proveedores, y nadie mide el retorno real.<\/p>\r\n                <p style=\"margin-bottom: 32px; color: var(--gii-accent) !important; font-weight: 500;\">Las empresas que crecen no tienen m\u00e1s herramientas \u2014 tienen un sistema integrado que funciona como uno solo.<\/p>\r\n                <div style=\"background: var(--gii-accent-soft); border-left: 3px solid var(--gii-accent); padding: 18px 22px; border-radius: 0 8px 8px 0; margin-bottom: 40px;\"><p style=\"font-weight: 600 !important; color: var(--gii-accent) !important; margin: 0 !important; font-size: 15px !important;\">En Gii Studio no vendemos piezas sueltas. Instalamos el sistema completo para que tu empresa opere a otro nivel.<\/p><\/div>\r\n                <a href=\"#formulario\" class=\"gii-btn gii-btn-primary\" style=\"padding: 15px 30px; font-size: 14px !important;\">Diagnosticar mi empresa<\/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\/v1773994135\/Captura_de_pantalla_2026-03-20_020837_ltkgia.png\" alt=\"Sistemas corporativos Gii Studio\" loading=\"lazy\"><\/div>\r\n        <\/div><\/div>\r\n    <\/section>\r\n\r\n    <section class=\"gii-section\" id=\"servicios\">\r\n        <div class=\"gii-container\">\r\n            <div class=\"gii-section-title gii-fade-up\"><h2>Todo lo que tu empresa necesita. Un solo equipo.<\/h2><p style=\"text-align: center; max-width: 620px;\">No vendemos horas \u2014 entregamos sistemas. Cada servicio se conecta con los dem\u00e1s para crear una operaci\u00f3n digital que funciona.<\/p><\/div>\r\n            <div class=\"gii-grid-3 gii-fade-up gii-delay-1\">\r\n                <div class=\"gii-svc\"><div class=\"gii-icon-box\"><i class=\"ph-fill ph-video-camera\"><\/i><\/div><h3>Producci\u00f3n Audiovisual<\/h3><p>Video corporativo, comerciales, c\u00e1psulas para redes y contenido de marca. Producci\u00f3n end-to-end en 4K con color grading cinematogr\u00e1fico.<\/p><div style=\"margin-top:auto; padding-top:16px;\"><span class=\"gii-tag\">Comerciales<\/span><span class=\"gii-tag\">Reels<\/span><span class=\"gii-tag\">Corporativo<\/span><\/div><\/div>\r\n                <div class=\"gii-svc\"><div class=\"gii-icon-box\"><i class=\"ph-fill ph-drone\"><\/i><\/div><h3>Drone & Aerial<\/h3><p>Captura a\u00e9rea cinematogr\u00e1fica. Tours virtuales, inspecci\u00f3n de obra, tomas para bienes ra\u00edces y presentaciones corporativas.<\/p><div style=\"margin-top:auto; padding-top:16px;\"><span class=\"gii-tag\">FPV<\/span><span class=\"gii-tag\">Inmobiliario<\/span><span class=\"gii-tag\">4K<\/span><\/div><\/div>\r\n                <div class=\"gii-svc\"><div class=\"gii-icon-box\" style=\"color:var(--gii-blue); background:rgba(59,130,246,0.1); border-color:rgba(59,130,246,0.15);\"><i class=\"ph-fill ph-camera\"><\/i><\/div><h3>Fotograf\u00eda Corporativa<\/h3><p>Headshots ejecutivos, espacios comerciales, producto, arquitectura e interiorismo. Color grading profesional con DaVinci Resolve.<\/p><div style=\"margin-top:auto; padding-top:16px;\"><span class=\"gii-tag\">Headshots<\/span><span class=\"gii-tag\">Producto<\/span><\/div><\/div>\r\n                <div class=\"gii-svc\"><div class=\"gii-icon-box\" style=\"color:var(--gii-blue); background:rgba(59,130,246,0.1); border-color:rgba(59,130,246,0.15);\"><i class=\"ph-fill ph-code\"><\/i><\/div><h3>Desarrollo Web<\/h3><p>Sitios de alto rendimiento con hosting VPS propio. Portales corporativos, landing pages y e-commerce optimizados para conversi\u00f3n.<\/p><div style=\"margin-top:auto; padding-top:16px;\"><span class=\"gii-tag\">Websites<\/span><span class=\"gii-tag\">E-Commerce<\/span><\/div><\/div>\r\n                <div class=\"gii-svc\"><div class=\"gii-icon-box\"><i class=\"ph-fill ph-chart-line-up\"><\/i><\/div><h3>Marketing Digital & Ads<\/h3><p>Estrategia de contenido, campa\u00f1as de pauta, analytics y optimizaci\u00f3n continua. Dashboards de rendimiento y reportes ejecutivos mensuales.<\/p><div style=\"margin-top:auto; padding-top:16px;\"><span class=\"gii-tag\">Meta Ads<\/span><span class=\"gii-tag\">Google Ads<\/span><span class=\"gii-tag\">Analytics<\/span><\/div><\/div>\r\n                <div class=\"gii-svc\"><div class=\"gii-icon-box\" style=\"color:var(--gii-green); background:rgba(16,185,129,0.1); border-color:rgba(16,185,129,0.15);\"><i class=\"ph-fill ph-robot\"><\/i><\/div><h3>AI & Automatizaci\u00f3n<\/h3><p>Agentes de atenci\u00f3n con IA, flujos automatizados de captaci\u00f3n, chatbots inteligentes y CRM integrado. n8n + Airtable + Claude AI.<\/p><div style=\"margin-top:auto; padding-top:16px;\"><span class=\"gii-tag\">n8n<\/span><span class=\"gii-tag\">Chatbots IA<\/span><span class=\"gii-tag\">CRM<\/span><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\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;\">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 !important; color: var(--gii-accent) !important; margin-bottom: 14px !important; font-weight: 800 !important; font-style: italic;\">Atracci\u00f3n<\/h3><p style=\"font-size: 15px !important; max-width: 300px;\">Producci\u00f3n visual, contenido y posicionamiento que genera atenci\u00f3n, confianza y percepci\u00f3n de valor ante tu mercado.<\/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 !important; color: var(--gii-blue) !important; margin-bottom: 14px !important; font-weight: 800 !important; font-style: italic;\">Captura<\/h3><p style=\"font-size: 15px !important; max-width: 300px;\">Landing pages, formularios, funnels y rutas de contacto dise\u00f1adas para convertir inter\u00e9s en leads calificados.<\/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 !important; color: var(--gii-green) !important; margin-bottom: 14px !important; font-weight: 800 !important; font-style: italic;\">Seguimiento<\/h3><p style=\"font-size: 15px !important; max-width: 300px;\">CRM, automatizaci\u00f3n e IA para responder r\u00e1pido, organizar prospectos y no perder ninguna oportunidad de venta.<\/p><\/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>C\u00f3mo trabajamos<\/h2><p style=\"text-align: center; max-width: 600px;\">Un proceso claro en tres fases. Desde la primera pl\u00e1tica hasta la operaci\u00f3n continua.<\/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 !important;\">\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 !important; margin-bottom: 14px !important; font-weight: 800 !important;\">Cita Inicial + Diagn\u00f3stico<\/h3>\r\n                    <p style=\"margin-bottom: 32px !important; flex-grow: 1;\">Agenda una cita inicial sin costo donde conocemos tu empresa. Si hay fit, pasamos al diagn\u00f3stico profundo donde analizamos tu operaci\u00f3n digital completa.<\/p>\r\n                    <p style=\"font-size: 12px !important; font-weight: 700; color: var(--gii-text-dim) !important; margin-bottom: 18px !important; text-transform: uppercase; letter-spacing: 2px;\">Incluye:<\/p>\r\n                    <ul class=\"gii-checklist\"><li>Cita inicial para conocer tu empresa<\/li><li>Diagn\u00f3stico profundo de operaci\u00f3n 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 !important;\">\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 !important; margin-bottom: 14px !important; font-weight: 800 !important;\">Gii Launch System<\/h3>\r\n                    <p style=\"margin-bottom: 32px !important; 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 !important; font-weight: 700; color: var(--gii-text-dim) !important; margin-bottom: 18px !important; text-transform: uppercase; letter-spacing: 2px;\">Incluye:<\/p>\r\n                    <ul class=\"gii-checklist\"><li>Posicionamiento y direcci\u00f3n estrat\u00e9gica<\/li><li>Web, landing pages y funnels<\/li><li>CRM, pipeline y automatizaciones<\/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 !important;\">\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 !important; margin-bottom: 14px !important; font-weight: 800 !important;\">Gii Growth Partner<\/h3>\r\n                    <p style=\"margin-bottom: 32px !important; flex-grow: 1;\">Gesti\u00f3n integral del sistema mes a mes: optimizaci\u00f3n, soporte, producci\u00f3n de contenido y mejora continua.<\/p>\r\n                    <p style=\"font-size: 12px !important; font-weight: 700; color: var(--gii-text-dim) !important; margin-bottom: 18px !important; text-transform: uppercase; letter-spacing: 2px;\">Incluye:<\/p>\r\n                    <ul class=\"gii-checklist\"><li>Gesti\u00f3n y optimizaci\u00f3n continua<\/li><li>Producci\u00f3n de contenido mensual<\/li><li>Nuevas campa\u00f1as y test de ads<\/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 qu\u00e9 tipo de empresas est\u00e1 dise\u00f1ado?<\/summary><div class=\"gii-reveal\">Para PyMEs, marcas en crecimiento, despachos profesionales y cualquier empresa mediana que necesite una presencia digital profesional y un sistema integrado para generar m\u00e1s clientes.<\/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 empresa, 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. El 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, instalamos y operamos todo. T\u00fa te enfocas en tu negocio. Te reportamos resultados y avances de forma clara y ejecutiva.<\/div><\/details>\r\n                <details><summary>\u00bfC\u00f3mo se diferencia esto de usar Copilot o ChatGPT directamente?<\/summary><div class=\"gii-reveal\">Copilot es un asistente de texto. Nosotros somos el arquitecto del sistema completo: dise\u00f1amos la estrategia, producimos el contenido visual, construimos la web, configuramos la automatizaci\u00f3n y medimos los resultados. La IA es una herramienta dentro de nuestro sistema, no el sistema en s\u00ed.<\/div><\/details>\r\n                <details><summary>\u00bfTrabajan fuera de Saltillo?<\/summary><div class=\"gii-reveal\">Nuestro foco principal est\u00e1 en Saltillo y Monterrey. Aceptamos proyectos remotos seg\u00fan disponibilidad y alcance.<\/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) !important; margin-bottom: 20px !important; letter-spacing: -0.02em !important;\">Agenda tu cita inicial<\/h2>\r\n                <p style=\"margin-bottom: 44px !important; max-width: 420px; margin-left: auto; margin-right: auto;\">Platiquemos sobre tu empresa y detectemos juntos las oportunidades. Sin costo, sin compromiso.<\/p>\r\n                <a href=\"https:\/\/wa.me\/5219541259727?text=Hola,%20vengo%20de%20la%20p%C3%A1gina%20corporativa%20de%20Gii%20Studio.%20Me%20interesa%20agendar%20una%20cita%20inicial%20para%20mi%20empresa.\" 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) !important; font-weight: 700; font-size: 16px !important; margin-bottom: 6px;\">Respuesta en menos de 24 hrs.<\/p><p style=\"font-size: 14px !important; color: var(--gii-text-dim) !important;\">Saltillo, Coahuila \u00b7 Disponible para Monterrey y remoto.<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"gii-form-wrapper gii-fade-up gii-delay-2\">\r\n                <form id=\"cpForm\">\r\n                    <div class=\"gii-form-group\"><label class=\"gii-label\">Nombre completo *<\/label><input type=\"text\" id=\"cpNombre\" name=\"nombre\" class=\"gii-input\" placeholder=\"Tu nombre\" required><\/div>\r\n                    <div class=\"gii-form-group\"><label class=\"gii-label\">Empresa *<\/label><input type=\"text\" id=\"cpEmpresa\" name=\"empresa\" class=\"gii-input\" placeholder=\"Nombre de tu empresa\" required><\/div>\r\n                    <div class=\"gii-form-group\"><label class=\"gii-label\">Cargo<\/label><input type=\"text\" id=\"cpCargo\" name=\"cargo\" class=\"gii-input\" placeholder=\"Ej: Director de Marketing\"><\/div>\r\n                    <div class=\"gii-form-group\"><label class=\"gii-label\">WhatsApp *<\/label><input type=\"tel\" id=\"cpTelefono\" name=\"telefono\" class=\"gii-input\" placeholder=\"+52 000 000 0000\" required><\/div>\r\n                    <div class=\"gii-form-group\"><label class=\"gii-label\">\u00bfCu\u00e1l es el principal reto de tu empresa hoy? *<\/label><textarea id=\"cpNecesidad\" name=\"necesidad\" class=\"gii-input\" placeholder=\"Ej: Necesitamos renovar nuestra imagen, automatizar procesos y generar m\u00e1s leads calificados...\" required><\/textarea><\/div>\r\n                    <div style=\"margin-top: 32px;\"><button type=\"submit\" class=\"gii-btn gii-btn-primary\" id=\"cpSubmitBtn\" style=\"width: 100%; padding: 18px; font-size: 16px !important;\">Agendar cita inicial \u2192<\/button><\/div>\r\n                    <div id=\"cpFormMessage\" 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) !important; margin-bottom: 22px !important; letter-spacing: -0.03em !important; font-weight: 800 !important;\">Tu empresa merece un sistema, no piezas sueltas.<\/h2>\r\n            <p style=\"font-size: clamp(16px, 2vw, 18px) !important; color: var(--gii-text-dim) !important; max-width: 560px; margin: 0 auto; font-weight: 400; line-height: 1.65 !important;\">Antes de invertir en marketing o automatizaci\u00f3n, necesitas saber exactamente qu\u00e9 estructura le falta a tu operaci\u00f3n.<\/p>\r\n        <\/div><\/div>\r\n    <\/section>\r\n\r\n    <footer style=\"padding: 50px 24px; text-align: center; background: transparent !important;\">\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:\/\/wa.me\/5219541259727\" target=\"_blank\" class=\"gii-footer-icon\" rel=\"noopener\"><i class=\"ph-fill ph-whatsapp-logo\"><\/i><\/a>\r\n        <\/div>\r\n        <p style=\"font-size: 13px !important; color: var(--gii-text-dim) !important; margin: 0; letter-spacing: 0.5px;\">\u00a9 2026 Gii Studio. Sistemas de crecimiento digital para empresas.<\/p>\r\n    <\/footer>\r\n<\/main>\r\n\r\n<!-- CHATBOT PRO \u2014 CORPORATIVO -->\r\n<button class=\"chtgl\" id=\"chtgl\" onclick=\"tgChat()\" aria-label=\"Abrir chat\"><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\"]')) { var s = document.createElement('script'); s.src = 'https:\/\/unpkg.com\/@phosphor-icons\/web'; s.async = true; document.head.appendChild(s); }\r\n    var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1 });\r\n    document.querySelectorAll('.gii-fade-up').forEach(function(el) { observer.observe(el); });\r\n    var allDetails = document.querySelectorAll('.gii-wrapper details');\r\n    allDetails.forEach(function(d) { d.addEventListener('click', function() { allDetails.forEach(function(o) { if (o !== d) o.removeAttribute('open'); }); }); });\r\n\r\n    var form = document.getElementById('cpForm');\r\n    if (form) {\r\n        form.addEventListener('submit', async function(e) {\r\n            e.preventDefault();\r\n            var btn = document.getElementById('cpSubmitBtn'), msg = document.getElementById('cpFormMessage');\r\n            btn.disabled = true; btn.innerHTML = 'Procesando...'; msg.style.display = 'none';\r\n            var data = { nombre: document.getElementById('cpNombre').value, empresa: document.getElementById('cpEmpresa').value, cargo: document.getElementById('cpCargo').value, telefono: document.getElementById('cpTelefono').value, necesidad: document.getElementById('cpNecesidad').value, origen: 'giistudio.com.mx\/corporativos \u2014 Landing Corporativa' };\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! Nos comunicaremos en menos de 24 hrs.'; 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 CORPORATIVO ===== *\/\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 servicios ofrecen?\",m:\"\u00bfQu\u00e9 servicios ofrece Gii Studio para empresas?\"},{l:\"\u00bfQu\u00e9 incluye la cita inicial?\",m:\"\u00bfQu\u00e9 incluye la cita inicial para empresas?\"},{l:\"\u00bfC\u00f3mo funciona el sistema?\",m:\"\u00bfC\u00f3mo funciona el sistema de crecimiento para empresas?\"},{l:\"Quiero agendar mi cita\",m:\"Quiero agendar una cita inicial para mi empresa\"}];\r\n    var chatOpen=false,chatInit=false,sid='gii_cp_'+(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 empresas, producci\u00f3n audiovisual, automatizaci\u00f3n 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:'corporativo_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=\"#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    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:'corporativo_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>SISTEMAS DE CRECIMIENTO PARA EMPRESAS \u00b7 SALTILLO Tu empresa necesita un sistema,no m\u00e1s herramientas sueltas. Producci\u00f3n cinematogr\u00e1fica, desarrollo web, estrategias de marketing, automatizaciones y funnels de conversi\u00f3n integrados en una sola operaci\u00f3n. Sin agencias. Sin intermediarios. Agendar cita inicialVer c\u00f3mo funciona Video \u00b7 Web \u00b7 Marketing \u00b7 Automatizaci\u00f3n \u00b7 IA \u00b7 Funnels El problema real [&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-585","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/585","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=585"}],"version-history":[{"count":14,"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/585\/revisions"}],"predecessor-version":[{"id":906,"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/585\/revisions\/906"}],"wp:attachment":[{"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/media?parent=585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}