{"id":218,"date":"2026-03-08T18:21:38","date_gmt":"2026-03-09T00:21:38","guid":{"rendered":"https:\/\/giistudio.cloud\/?page_id=218"},"modified":"2026-04-19T04:13:25","modified_gmt":"2026-04-19T10:13:25","slug":"landing-gii-studio","status":"publish","type":"page","link":"https:\/\/giistudio.com.mx\/en\/","title":{"rendered":"Gii Studio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nGii Studio \u2014 Estrategia Visual \u00b7 Marketing \u00b7 Automatizaci\u00f3n IA<\/title>\r\n<meta name=\"description\" content=\"Construimos sistemas digitales que hacen crecer tu marca. Producci\u00f3n audiovisual, marketing digital y automatizaci\u00f3n con IA en Saltillo, Coahuila.\">\r\n<meta name=\"keywords\" content=\"producci\u00f3n audiovisual, marketing digital, automatizaci\u00f3n IA, Saltillo, Coahuila, video corporativo, fotograf\u00eda profesional, desarrollo web, branding\">\r\n<meta property=\"og:title\" content=\"Gii Studio \u2014 Sistemas Digitales de Crecimiento\">\r\n<meta property=\"og:description\" content=\"Estrategia visual, marketing y automatizaci\u00f3n IA para hacer crecer tu marca.\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:locale\" content=\"es_MX\">\r\n<meta property=\"og:site_name\" content=\"Gii Studio\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Inter:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-9KV32HK9XW\"><\/script>\r\n<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-9KV32HK9XW');<\/script>\r\n<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https:\/\/connect.facebook.net\/en_US\/fbevents.js');fbq('init','1455460499572120');fbq('track','PageView');<\/script>\r\n<noscript><img decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\" src=\"https:\/\/www.facebook.com\/tr?id=1455460499572120&ev=PageView&noscript=1\"\/><\/noscript>\r\n<style>\r\n:root{--bg:#000;--surface:#0a0a0f;--accent:#8b5cf6;--blue:#3b82f6;--warm:#c9a87c;--tp:#f0f0f3;--ts:#c0c0cc;--fh:'Poppins',sans-serif;--fb:'Inter',sans-serif;--fc:'DM Sans',sans-serif}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tp);font-family:var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,textarea{font:inherit;color:inherit}\r\n::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}\r\n.ctr{max-width:1140px;margin:0 auto;padding:0 16px}@media(min-width:640px){.ctr{padding:0 24px}}\r\n.hd{font-family:var(--fh);font-weight:800}.hdb{font-family:var(--fh);font-weight:700}.gt{background:linear-gradient(90deg,var(--accent),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tw{color:var(--warm)}.ta{color:var(--accent)}.ts{color:var(--ts)}.tc{text-align:center}\r\n.glow{box-shadow:0 0 20px rgba(139,92,246,.3),0 0 40px rgba(139,92,246,.1)}\r\n.circuit-bg{background-image:url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 0v15m0 30v15M0 30h15m30 0h15M15 15h30v30H15z' stroke='%238b5cf6' stroke-width='0.5' fill='none' opacity='0.04'\/%3E%3Ccircle cx='15' cy='15' r='2' fill='%238b5cf6' opacity='0.03'\/%3E%3Ccircle cx='45' cy='15' r='2' fill='%233b82f6' opacity='0.03'\/%3E%3Ccircle cx='15' cy='45' r='2' fill='%233b82f6' opacity='0.03'\/%3E%3Ccircle cx='45' cy='45' r='2' fill='%238b5cf6' opacity='0.03'\/%3E%3C\/svg%3E\")}\r\n@keyframes brot{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\r\n@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\r\n@keyframes spinr{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}\r\n@keyframes pulse-s{0%,100%{transform:scale(.8)}50%{transform:scale(1.2)}}\r\n@keyframes pulse-o{0%,100%{opacity:.4}50%{opacity:1}}\r\n@keyframes draw{0%{stroke-dashoffset:100}50%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}\r\n@keyframes scroll-ind{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}\r\n@keyframes bdot{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\r\n@keyframes snake-g{0%{background-position:0% 0%}100%{background-position:200% 0%}}\r\n@keyframes clap{0%,100%{transform:rotate(0deg)}30%{transform:rotate(-30deg)}60%{transform:rotate(0deg)}}\r\n.anim{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.anim.v{opacity:1;transform:translateY(0)}\r\n.rbrd{background:linear-gradient(90deg,#8b5cf6,#3b82f6,#c9a87c,#8b5cf6);background-size:300% 100%;animation:brot 4s linear infinite}\r\n.mq{animation:marquee 30s linear infinite}.mq:hover{animation-play-state:paused}\r\n.spin-s{animation:spin 30s linear infinite;transform-origin:center}.spin-r{animation:spinr 20s linear infinite;transform-origin:center}.pulse-s{animation:pulse-s 3s ease-in-out infinite}.pulse-o{animation:pulse-o 2s ease-in-out infinite}.draw-l{stroke-dasharray:100;animation:draw 4s ease-in-out infinite}\r\n\/* NAV *\/\r\n.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s}.nav.scr{background:rgba(0,0,0,.8);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}@media(min-width:768px){.nav-in{height:80px}}\r\n.logo{display:flex;align-items:center;gap:8px}.logo b{font-family:var(--fh);font-weight:800;font-size:1.25rem}.logo em{font-family:var(--fh);font-weight:300;font-size:1.25rem;color:var(--accent);font-style:normal}@media(min-width:768px){.logo b,.logo em{font-size:1.5rem}}\r\n.nl{display:none;align-items:center;gap:32px}@media(min-width:1024px){.nl{display:flex}}.nl a{font-size:.875rem;color:var(--ts);transition:color .2s}.nl a:hover{color:var(--accent)}\r\n.ncta{padding:10px 20px;font-size:.875rem;font-weight:600;border-radius:8px;background:var(--accent);color:#fff;transition:all .2s;margin-left:8px}.ncta:hover{filter:brightness(1.1)}\r\n.ham{display:flex;flex-direction:column;gap:6px;padding:8px}@media(min-width:1024px){.ham{display:none}}.ham span{display:block;width:24px;height:2px;background:#fff;transition:all .3s}.ham.o span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.ham.o span:nth-child(2){opacity:0}.ham.o span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}\r\n.mm{display:none;background:rgba(0,0,0,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);padding:24px}.mm.o{display:flex;flex-direction:column;gap:16px}@media(min-width:1024px){.mm{display:none!important}}.mm a{font-size:1rem;color:var(--ts)}.mm .ncta{text-align:center;margin:8px 0 0;padding:12px}\r\n\/* HERO *\/\r\n.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;border-radius:50%;background:rgba(139,92,246,.03);filter:blur(120px)}\r\n.hero h1{font-size:2.25rem;line-height:1.1;margin-bottom:24px}@media(min-width:640px){.hero h1{font-size:3rem}}@media(min-width:768px){.hero h1{font-size:3.75rem}}@media(min-width:1024px){.hero h1{font-size:4.5rem}}\r\n.hero-sub{font-size:1.125rem;color:var(--ts);margin-bottom:40px;letter-spacing:.05em}@media(min-width:768px){.hero-sub{font-size:1.25rem}}\r\n.hctas{display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:48px}@media(min-width:640px){.hctas{flex-direction:row}}\r\n.bp{display:inline-block;padding:16px 32px;font-size:1rem;font-weight:600;border-radius:8px;background:var(--accent);color:#fff;transition:all .2s}.bp:hover{filter:brightness(1.1)}\r\n.bo{display:inline-block;padding:16px 32px;font-size:1rem;font-weight:600;border-radius:8px;border:1px solid rgba(255,255,255,.2);color:#fff;transition:all .2s}.bo:hover{border-color:var(--accent);color:var(--accent)}\r\n.tps{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}@media(min-width:768px){.tps{gap:24px}}.tp-i{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--ts)}@media(min-width:768px){.tp-i{font-size:.875rem}}.tp-d{width:6px;height:6px;border-radius:50%;background:var(--accent)}\r\n.si{position:absolute;bottom:32px;left:50%;transform:translateX(-50%)}.si-in{width:24px;height:40px;border-radius:9999px;border:2px solid rgba(255,255,255,.2);display:flex;justify-content:center;padding-top:8px}.si-dot{width:4px;height:8px;border-radius:9999px;background:var(--accent);animation:scroll-ind 2s infinite}\r\n\/* SECTIONS *\/\r\n.sec{padding:80px 0}@media(min-width:768px){.sec{padding:112px 0}}.sl{font-size:.875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.st{font-size:1.875rem;margin-top:16px}@media(min-width:768px){.st{font-size:3rem}}.mb16{margin-bottom:64px}.mb12{margin-bottom:48px}.bdy{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}\r\n\/* PILARES *\/\r\n.pg3{display:grid;gap:24px}@media(min-width:768px){.pg3{grid-template-columns:repeat(3,1fr)}}\r\n.pc{position:relative}.pc:hover .pb{opacity:1}.pb{position:absolute;inset:-2px;border-radius:16px;opacity:0;transition:opacity .5s;z-index:0;animation:spin 3s linear infinite}\r\n.pi{position:relative;z-index:1;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px 40px;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .5s}.pc:hover .pi{border-color:transparent}\r\n.pi-icon{margin-bottom:24px}.pi-icon svg{width:48px;height:48px}\r\n.pi-t{font-size:1.25rem;margin-bottom:16px}@media(min-width:768px){.pi-t{font-size:1.5rem}}.pi-d{color:var(--ts);line-height:1.6}\r\n\/* METRICS *\/\r\n.mg{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(min-width:768px){.mg{grid-template-columns:repeat(4,1fr);gap:16px}}\r\n.mv{font-size:2.5rem;margin-bottom:8px}@media(min-width:768px){.mv{font-size:3rem}}.ml{font-size:.875rem;color:var(--ts)}@media(min-width:768px){.ml{font-size:1rem}}\r\n.mc{text-align:center;padding:24px;border-radius:12px;cursor:default;transition:all .3s}.mc:hover{background:rgba(255,255,255,.03);transform:scale(1.08) translateY(-4px)}\r\n\/* SERVICIOS *\/\r\n.sg{display:grid;gap:16px}@media(min-width:640px){.sg{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.sg{grid-template-columns:repeat(4,1fr);gap:20px}}\r\n.sc{position:relative;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;transition:all .3s;cursor:default}.sc:hover{border-color:rgba(139,92,246,.3)}\r\n.sc-l{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--blue));border-radius:12px 12px 0 0;opacity:0;transition:opacity .3s}.sc:hover .sc-l{opacity:1}\r\n.sc-i{margin-bottom:16px}.sc-i svg{width:32px;height:32px}.sc-t{font-weight:700;font-size:1rem;margin-bottom:8px;transition:color .3s}@media(min-width:768px){.sc-t{font-size:1.125rem}}.sc:hover .sc-t{color:var(--accent)}.sc-d{font-size:.875rem;color:var(--ts)}\r\n\/* VERTICALES *\/\r\n.vg{display:grid;gap:24px}@media(min-width:768px){.vg{grid-template-columns:repeat(3,1fr)}}\r\n.vc{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4\/5;cursor:pointer}.vc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.vc:hover img{transform:scale(1.05)}\r\n.vo{position:absolute;inset:0;background:linear-gradient(to top,#000,rgba(0,0,0,.6),transparent)}.vco{position:absolute;bottom:0;left:0;right:0;padding:24px 32px}\r\n.vt{font-size:1.25rem;margin-bottom:12px}@media(min-width:768px){.vt{font-size:1.5rem}}.vd{font-size:.875rem;color:var(--ts);margin-bottom:16px}\r\n.la{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--accent);transition:color .2s}.la:hover{color:var(--warm)}.la svg{width:16px;height:16px}\r\n\/* FASES *\/\r\n.fc{position:relative;height:100%}.fc:hover .fg{opacity:1}.fg{position:absolute;inset:-1px;border-radius:16px;background:linear-gradient(to bottom,rgba(139,92,246,.2),transparent);opacity:0;transition:all .7s;filter:blur(2px)}\r\n.fc:hover .fp{opacity:1}.fp{position:absolute;inset:-1px;border-radius:16px;opacity:0;transition:opacity .5s}.fp>div{position:absolute;inset:0;border-radius:16px;border:1px solid rgba(139,92,246,.3);animation:pulse-o 2s ease-in-out infinite}\r\n.fi{position:relative;z-index:1;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px;height:100%;display:flex;flex-direction:column;transition:all .5s}.fc:hover .fi{border-color:rgba(139,92,246,.2)}\r\n.fc:hover .ft-line{opacity:1}.ft-line{position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,rgba(139,92,246,.4),transparent);opacity:0;transition:opacity .5s}\r\n.fh{display:flex;align-items:center;gap:12px;margin-bottom:24px}.fn{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--blue)}.fb{padding:4px 12px;font-size:.75rem;border-radius:9999px;background:rgba(139,92,246,.1);color:var(--accent);border:1px solid rgba(139,92,246,.2)}\r\n.ft{font-size:1.25rem;margin-bottom:24px}@media(min-width:768px){.ft{font-size:1.5rem}}\r\n.fl{list-style:none;flex-grow:1;margin-bottom:32px}.fl li{display:flex;align-items:flex-start;gap:12px;font-size:.875rem;color:var(--ts);margin-bottom:12px}.fd{margin-top:6px;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}\r\n.fcta{display:block;width:100%;text-align:center;padding:12px 24px;font-size:.875rem;font-weight:600;border-radius:8px;border:1px solid rgba(139,92,246,.3);color:var(--accent);transition:all .3s}.fcta:hover{background:var(--accent);color:#fff}\r\n.fnt{margin-top:16px;font-size:.75rem;color:var(--ts);font-style:italic;text-align:center}\r\n.fq{text-align:center;margin-top:48px;font-size:1.125rem;font-style:italic;color:var(--warm)}\r\n\/* EVENTOS *\/\r\n.eg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:768px){.eg{grid-template-columns:repeat(5,1fr);gap:20px}}\r\n.ec{background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden;padding:8px;padding-bottom:16px;transition:all .3s;display:block}.ec:hover{border-color:rgba(139,92,246,.2);transform:translateY(-4px);box-shadow:0 8px 24px rgba(139,92,246,.05)}\r\n.ei{position:relative;aspect-ratio:3\/4;border-radius:4px;overflow:hidden;margin-bottom:12px}.ei img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.ec:hover .ei img{transform:scale(1.05)}\r\n.et{text-align:center;font-size:.875rem;font-weight:500;color:var(--ts);transition:color .3s;margin-bottom:8px}.ec:hover .et{color:var(--tp)}\r\n.ee{text-align:center;font-size:.75rem;font-weight:600;color:var(--accent);opacity:0;transition:opacity .3s}.ec:hover .ee{opacity:1}\r\n\/* POR QUE GII *\/\r\n.gqg{display:grid;gap:48px;align-items:center}@media(min-width:1024px){.gqg{grid-template-columns:1fr 1fr;gap:64px}}\r\n.gc{position:relative;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;transition:all .3s;overflow:hidden}.gc:hover{transform:scale(1.02);border-color:rgba(139,92,246,.3)}\r\n.gc-shim{position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.03),transparent);transform:translateX(-100%);transition:transform 1s}.gc:hover .gc-shim{transform:translateX(100%)}\r\n.gc-in{position:relative;display:flex;align-items:flex-start;gap:16px}.gc-i svg{width:32px;height:32px;flex-shrink:0}\r\n.gc-t{font-weight:700;font-size:1rem;margin-bottom:4px;transition:color .3s}@media(min-width:768px){.gc-t{font-size:1.125rem}}.gc:hover .gc-t{color:var(--accent)}.gc-d{font-size:.875rem;color:var(--ts)}\r\n\/* CLIENTES *\/\r\n.clg{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:center;justify-items:center}@media(min-width:640px){.clg{grid-template-columns:repeat(4,1fr);gap:32px}}\r\n.cl-i{padding:16px;border-radius:12px;border:1px solid transparent;transition:all .3s;cursor:default}.cl-i:hover{border-color:rgba(255,255,255,.1);transform:scale(1.08) translateY(-4px)}.cl-i img{height:64px;width:auto;object-fit:contain}@media(min-width:768px){.cl-i img{height:80px}}\r\n\/* PROCESO *\/\r\n.prg{display:grid;gap:24px;position:relative}@media(min-width:640px){.prg{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.prg{grid-template-columns:repeat(4,1fr)}}\r\n.pr-line{display:none;position:absolute;top:52px;left:12.5%;right:12.5%;height:2px;overflow:hidden}@media(min-width:1024px){.pr-line{display:block}}\r\n.pr-snake{height:100%;width:100%;background:linear-gradient(90deg,var(--accent),var(--blue),var(--accent));background-size:200% 100%;animation:snake-g 3s linear infinite}\r\n.pr-dot{display:none;position:absolute;top:48px;left:50%;transform:translateX(-50%);z-index:10;width:12px;height:12px;border-radius:50%;background:var(--accent)}@media(min-width:1024px){.pr-dot{display:block}}\r\n.pr-n{font-size:3rem;margin-bottom:8px;transition:color 3s}\r\n\/* DEMO REEL *\/\r\n.dr-v{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);aspect-ratio:16\/9;background:var(--surface)}.dr-v video{width:100%;height:100%;object-fit:cover}.dr-vig{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.3),transparent);pointer-events:none}\r\n\/* MARQUEE *\/\r\n.mqs{padding:48px 0;overflow:hidden;position:relative}@media(min-width:768px){.mqs{padding:64px 0}}\r\n.mq-fl{position:absolute;left:0;top:0;bottom:0;width:64px;background:linear-gradient(to right,var(--bg),transparent);z-index:10;pointer-events:none}.mq-fr{position:absolute;right:0;top:0;bottom:0;width:64px;background:linear-gradient(to left,var(--bg),transparent);z-index:10;pointer-events:none}\r\n.mq-i{display:inline-flex;align-items:center;margin:0 20px;font-size:.875rem;font-weight:500;color:var(--tp);cursor:default}@media(min-width:768px){.mq-i{margin:0 28px;font-size:1rem}}.mq-d{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:12px;flex-shrink:0}\r\n\/* FAQ *\/\r\n.faq-i{border-bottom:1px solid rgba(255,255,255,.05)}.faq-b{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;text-align:left;gap:16px}@media(min-width:768px){.faq-b{padding:24px 0}}\r\n.faq-q{font-weight:600;font-size:1rem}@media(min-width:768px){.faq-q{font-size:1.125rem}}\r\n.faq-t{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1px solid rgba(139,92,246,.3);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .3s}.faq-i.o .faq-t{transform:rotate(45deg)}\r\n.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-i.o .faq-a{max-height:300px}.faq-a p{padding-bottom:20px;color:var(--ts);line-height:1.6;padding-right:40px}@media(min-width:768px){.faq-a p{padding-bottom:24px}}\r\n\/* BLOG *\/\r\n.blg{display:grid;gap:24px}@media(min-width:768px){.blg{grid-template-columns:repeat(3,1fr)}}\r\n.blc{background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;transition:all .3s;display:flex;flex-direction:column;height:100%}.blc:hover{border-color:rgba(139,92,246,.2)}\r\n.bl-img{aspect-ratio:16\/9;background:linear-gradient(135deg,rgba(139,92,246,.03),rgba(59,130,246,.03));display:flex;align-items:center;justify-content:center}.bl-img svg{width:96px;height:96px}\r\n.bl-b{padding:24px;display:flex;flex-direction:column;flex-grow:1}.bl-tag{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}\r\n.bl-t{font-weight:700;font-size:1.125rem;margin-bottom:12px;transition:color .3s}.blc:hover .bl-t{color:var(--accent)}.bl-e{font-size:.875rem;color:var(--ts);flex-grow:1}\r\n\/* GALERIA *\/\r\n.glg{display:grid;gap:24px}@media(min-width:640px){.glg{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.glg{grid-template-columns:repeat(3,1fr)}}\r\n.glc{background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;transition:all .3s}.glc:hover{border-color:rgba(201,168,124,.2)}\r\n.gl-img{position:relative;aspect-ratio:2\/3;background:#0f0f14;overflow:hidden}.gl-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.glc:hover .gl-img img{transform:scale(1.05)}\r\n.gl-in{padding:20px}.gl-tt{font-weight:700;font-size:1.125rem;margin-bottom:4px;transition:color .3s}.glc:hover .gl-tt{color:var(--warm)}\r\n.gl-ar{font-size:.875rem;color:var(--accent);margin-bottom:8px}.gl-dt{font-size:.75rem;color:var(--ts);margin-bottom:4px}.gl-pr{font-size:1.125rem;font-weight:700;color:var(--warm);margin-bottom:16px}\r\n.gl-cta{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--warm);transition:color .2s}.gl-cta:hover{color:#fff}\r\n\/* CONTACTO *\/\r\n.cog{display:grid;gap:48px}@media(min-width:1024px){.cog{grid-template-columns:1fr 1fr;gap:64px}}\r\n.cof{background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px}@media(min-width:768px){.cof{padding:32px}}\r\n.fr{display:grid;gap:20px;margin-bottom:20px}@media(min-width:640px){.fr{grid-template-columns:1fr 1fr}}\r\n.flb{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}\r\n.fin{width:100%;background:var(--bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:.875rem;color:var(--tp);transition:border-color .2s;outline:none}.fin:focus{border-color:var(--accent)}.fin::placeholder{color:rgba(192,192,204,.5)}textarea.fin{resize:none}\r\n.bwa{display:inline-flex;align-items:center;gap:12px;padding:14px 24px;border-radius:8px;background:#25D366;color:#fff;font-weight:600;transition:all .2s;margin-bottom:32px}.bwa:hover{filter:brightness(1.1)}\r\n.bsub{width:100%;padding:14px;font-size:1rem;font-weight:600;border-radius:8px;background:var(--accent);color:#fff;border:none;cursor:pointer;transition:all .2s;margin-top:20px}.bsub:hover{filter:brightness(1.1)}.bsub:disabled{opacity:.5}\r\n\/* CTA FINAL *\/\r\n.ctf{position:relative;overflow:hidden}.ctf-glow{display:none}\r\n.ctf h2{font-size:1.875rem;line-height:1.1;margin-bottom:24px}@media(min-width:768px){.ctf h2{font-size:3rem}}@media(min-width:1024px){.ctf h2{font-size:3.75rem}}\r\n.bcb{display:inline-block;padding:16px 40px;font-size:1.125rem;font-weight:600;border-radius:8px;background:var(--accent);color:#fff;transition:all .2s}.bcb:hover{filter:brightness(1.1)}\r\n\/* FOOTER *\/\r\n.ftr{padding:64px 0 40px;border-top:1px solid rgba(255,255,255,.05)}\r\n.ftr-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px}\r\n@media(max-width:900px){.ftr-grid{grid-template-columns:1fr 1fr;gap:32px}}\r\n@media(max-width:480px){.ftr-grid{grid-template-columns:1fr;gap:28px;text-align:center}.ftr-col{align-items:center}}\r\n.ftr-col{display:flex;flex-direction:column;gap:10px}\r\n.ftr-h{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:6px;font-weight:700}\r\n.ftr-lk{font-size:.875rem;color:var(--ts);transition:color .2s;text-decoration:none;line-height:1.4}\r\n.ftr-lk:hover{color:var(--tp)}\r\n.ftr-bot{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:32px;border-top:1px solid rgba(255,255,255,.04)}\r\n@media(min-width:768px){.ftr-bot{flex-direction:row;justify-content:space-between}}\r\n.soc{display:flex;gap:16px}.soc-b{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:var(--ts);transition:all .2s}.soc-b:hover{background:rgba(139,92,246,.2);color:var(--accent)}.soc-b svg{width:20px;height:20px}\r\n.ftr-c{font-size:.875rem;color:var(--ts)}\r\n\/* CHATBOT *\/\r\n.chtgl{position:fixed;bottom:24px;right:24px;z-index:50;width:56px;height:56px;border-radius:50%;background:var(--bg);border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(139,92,246,.3);transition:box-shadow .3s,transform .3s;cursor:pointer}\r\n.chtgl::before{content:'';position:absolute;inset:-3px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#8b5cf6,#3b82f6,#c9a87c,#8b5cf6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:spin 4s linear infinite;pointer-events:none}\r\n.chtgl:hover{box-shadow:0 4px 30px rgba(139,92,246,.5);transform:scale(1.05)}\r\n.chtgl svg{width:24px;height:24px;position:relative;z-index:1}\r\n.chtw{position:fixed;bottom:96px;right:24px;z-index:50;width:360px;max-width:calc(100vw - 48px);height:520px;max-height:70vh;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:var(--surface);box-shadow:0 20px 60px rgba(0,0,0,.5);display:none;flex-direction:column;overflow:hidden;font-family:var(--fc)}.chtw.op{display:flex}\r\n.chth{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.chtav{width:36px;height:36px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem}\r\n.chts{display:flex;align-items:center;gap:6px}.chton{width:8px;height:8px;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{max-width:80%;padding:10px 16px;border-radius:16px;font-size:.875rem;line-height:1.5}.msg-u{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.msg-b{align-self:flex-start;background:#0f0f14;border:1px solid rgba(255,255,255,.05);border-bottom-left-radius:4px}\r\n.cht-typ{display:flex;gap:4px;padding:12px 16px;align-self:flex-start;background:#0f0f14;border:1px solid rgba(255,255,255,.05);border-radius:16px;border-bottom-left-radius:4px}.cht-typ span{width:8px;height:8px;border-radius:50%;background:var(--accent)}.cht-typ span:nth-child(1){animation:bdot .6s infinite 0s}.cht-typ span:nth-child(2){animation:bdot .6s infinite .15s}.cht-typ span:nth-child(3){animation:bdot .6s infinite .3s}\r\n.qrs{padding:0 16px 8px;display:flex;flex-wrap:wrap;gap:8px}.qr{padding:6px 12px;font-size:.75rem;border-radius:9999px;border:1px solid rgba(139,92,246,.2);color:var(--accent);transition:all .2s;cursor:pointer;background:none}.qr:hover{background:rgba(139,92,246,.1)}\r\n.cht-ia{padding:12px 16px;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:8px}\r\n.cht-in{flex-grow:1;background:var(--bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 16px;font-size:.875rem;color:#fff;outline:none;transition:border-color .2s}.cht-in:focus{border-color:var(--accent)}.cht-in::placeholder{color:rgba(192,192,204,.5)}\r\n.cht-sn{width:40px;height:40px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .2s}.cht-sn:disabled{opacity:.3}.cht-sn:hover{filter:brightness(1.1)}.cht-sn svg{width:16px;height:16px}\r\n.cht-tts{width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--ts);flex-shrink:0;transition:all .2s;cursor:pointer}.cht-tts:hover{border-color:var(--accent);color:var(--accent)}.cht-tts.active{background:var(--accent);border-color:var(--accent);color:#fff}.cht-tts svg{width:16px;height:16px}\r\n@media(max-width:640px){#contraste .anim[style*=\"grid-template-columns\"]{grid-template-columns:1fr!important}.casos-grid{grid-template-columns:1fr!important}}\r\n\/* FIX: Parpadeo en pinch-zoom m\u00f3vil \u2014 aislar elementos fixed en capas GPU *\/\r\n.nav,.chtgl,.chtw,.hero-glow,.rbrd{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}\r\n\/* Pausar animaciones durante pinch-zoom para evitar parpadeo *\/\r\nbody.zooming *,body.zooming *::before,body.zooming *::after{animation-play-state:paused!important;transition:none!important}\r\n\/* COLOR GRADING SLIDER *\/\r\n.cg-slider{position:relative;max-width:960px;margin:0 auto}\r\n.cg-slide{display:none}.cg-slide.active{display:block}\r\n.cg-viewport{position:relative;aspect-ratio:16\/9;border-radius:12px;overflow:hidden;cursor:ew-resize;user-select:none;-webkit-user-select:none;box-shadow:0 4px 48px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.06)}\r\n.cg-after,.cg-before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\r\n.cg-before-clip{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(0 50% 0 0);overflow:hidden}\r\n.cg-before-clip .cg-before{width:100%;height:100%;object-fit:cover}\r\n.cg-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 16px rgba(0,0,0,.6);z-index:10;pointer-events:none}\r\n.cg-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.5);border:2.5px solid #fff;display:flex;align-items:center;justify-content:center;z-index:11;box-shadow:0 2px 20px rgba(0,0,0,.5);backdrop-filter:blur(8px);pointer-events:none;transition:background .25s,transform .25s}\r\n.cg-handle span{font-size:15px;color:#fff;font-weight:700;letter-spacing:6px;line-height:1}\r\n.cg-viewport:hover .cg-handle{background:rgba(139,92,246,.4);transform:translate(-50%,-50%) scale(1.08)}\r\n.cg-label{position:absolute;bottom:14px;backdrop-filter:blur(6px);padding:5px 16px;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:2px;z-index:5;color:#fff;pointer-events:none;font-family:var(--fh)}\r\n.cg-label-l{left:14px;background:rgba(0,0,0,.55)}.cg-label-r{right:14px;background:rgba(139,92,246,.35)}\r\n.cg-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}\r\n.cg-dots{display:flex;gap:10px}\r\n.cg-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.12);border:none;cursor:pointer;transition:all .3s;padding:0}.cg-dot.active{background:var(--warm);transform:scale(1.3);box-shadow:0 0 12px rgba(201,168,124,.4)}.cg-dot:hover{background:rgba(201,168,124,.5)}\r\n.cg-arr{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--ts);cursor:pointer;transition:all .25s}.cg-arr:hover{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.3);color:var(--accent);transform:scale(1.05)}\r\n.cg-specs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}\r\n.cg-spec{display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);font-size:.75rem;color:var(--ts);letter-spacing:.5px;font-weight:500}\r\n.cg-spec-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}\r\n.cg-nodes{max-width:960px;margin:40px auto 0;position:relative}\r\n.cg-nodes-label{font-size:.72rem;text-align:center;margin-bottom:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--warm);font-weight:600;font-family:var(--fh)}\r\n.cg-nodes img{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 32px rgba(0,0,0,.4)}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav class=\"nav\" id=\"nav\"><div class=\"ctr nav-in\"><a href=\"#\" class=\"logo\"><b>Gii<\/b><em>Studio<\/em><\/a><div class=\"nl\"><a href=\"#servicios\">Servicios<\/a><a href=\"#casos\">Casos de uso<\/a><a href=\"#fases\">C\u00f3mo trabajamos<\/a><a href=\"#blog\">Blog<\/a><a href=\"#contacto\">Contacto<\/a><a href=\"#contacto\" class=\"ncta glow\">Agendar llamada<\/a><\/div><div class=\"ham\" id=\"ham\" onclick=\"tgMenu()\"><span><\/span><span><\/span><span><\/span><\/div><\/div><div class=\"mm\" id=\"mm\"><a href=\"#servicios\" onclick=\"clMenu()\">Servicios<\/a><a href=\"#casos\" onclick=\"clMenu()\">Casos de uso<\/a><a href=\"#fases\" onclick=\"clMenu()\">C\u00f3mo trabajamos<\/a><a href=\"#blog\" onclick=\"clMenu()\">Blog<\/a><a href=\"#contacto\" onclick=\"clMenu()\">Contacto<\/a><a href=\"#contacto\" class=\"ncta glow\" onclick=\"clMenu()\">Agendar llamada<\/a><\/div><\/nav>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\"><div class=\"circuit-bg\" style=\"position:absolute;inset:0;opacity:.4\"><\/div><div class=\"hero-glow\"><\/div><div style=\"position:relative;z-index:10;text-align:center;padding:0 16px;max-width:1140px;margin:0 auto\">\r\n<div class=\"anim\" style=\"display:inline-block;margin-bottom:32px\"><div class=\"rbrd\" style=\"border-radius:9999px;padding:1px\"><span style=\"display:block;background:rgba(0,0,0,.9);backdrop-filter:blur(4px);border-radius:9999px;padding:8px 20px;font-size:.8rem;font-weight:500;letter-spacing:.2em;color:var(--ts)\">PARA NEGOCIOS QUE QUIEREN CRECER EN SERIO<\/span><\/div><\/div>\r\n<h1 class=\"hd anim\">\u00bfTu negocio depende de ti para <span class=\"gt\">conseguir cada cliente?<\/span><\/h1>\r\n<p class=\"hero-sub anim\">Construimos el sistema que capta, atiende y convierte por ti.<br>Mientras t\u00fa te enfocas en lo que mejor haces.<\/p>\r\n<div class=\"hctas anim\"><a href=\"#contacto\" class=\"bp glow\">Quiero mi sistema \u2192<\/a><a href=\"#problema\" class=\"bo\">Ver c\u00f3mo funciona<\/a><\/div>\r\n<div class=\"tps anim\"><span class=\"tp-i\"><span class=\"tp-d\"><\/span>Sin compromiso<\/span><span class=\"tp-i\"><span class=\"tp-d\"><\/span>Diagn\u00f3stico gratuito<\/span><span class=\"tp-i\"><span class=\"tp-d\"><\/span>Respuesta en 24h<\/span><\/div>\r\n<\/div><div class=\"si\"><div class=\"si-in\"><div class=\"si-dot\"><\/div><\/div><\/div><\/section>\r\n\r\n<!-- EL PROBLEMA \u2014 Reptilian Brain -->\r\n<section class=\"sec\" id=\"problema\"><div class=\"ctr\"><div class=\"tc mb16 anim\"><span class=\"sl\" style=\"color:#ef4444\">\u00bfTe suena familiar?<\/span><h2 class=\"hd st\">Estos problemas te est\u00e1n <span style=\"color:#ef4444\">costando dinero<\/span> todos los d\u00edas.<\/h2><\/div>\r\n<div class=\"pg3\">\r\n<div class=\"anim\" style=\"background:var(--surface);border:1px solid rgba(239,68,68,.15);border-radius:16px;padding:32px;text-align:center\">\r\n<div style=\"width:56px;height:56px;margin:0 auto 20px;border-radius:14px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.12);display:flex;align-items:center;justify-content:center\"><svg width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#ef4444\" stroke-width=\"1.5\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg><\/div>\r\n<h3 class=\"hdb\" style=\"font-size:1.125rem;margin-bottom:8px\">Publicas contenido pero no genera clientes<\/h3>\r\n<p class=\"ts\" style=\"font-size:.9rem;line-height:1.6\">Subes fotos, videos, stories... pero ninguno se convierte en una llamada, un mensaje o una venta real.<\/p><\/div>\r\n<div class=\"anim\" style=\"background:var(--surface);border:1px solid rgba(239,68,68,.15);border-radius:16px;padding:32px;text-align:center\">\r\n<div style=\"width:56px;height:56px;margin:0 auto 20px;border-radius:14px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.12);display:flex;align-items:center;justify-content:center\"><svg width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#ef4444\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/div>\r\n<h3 class=\"hdb\" style=\"font-size:1.125rem;margin-bottom:8px\">Te escriben y nadie responde a tiempo<\/h3>\r\n<p class=\"ts\" style=\"font-size:.9rem;line-height:1.6\">Los leads llegan por WhatsApp, redes o web \u2014 pero cuando respondes, ya se fueron con la competencia.<\/p><\/div>\r\n<div class=\"anim\" style=\"background:var(--surface);border:1px solid rgba(239,68,68,.15);border-radius:16px;padding:32px;text-align:center\">\r\n<div style=\"width:56px;height:56px;margin:0 auto 20px;border-radius:14px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.12);display:flex;align-items:center;justify-content:center\"><svg width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#ef4444\" stroke-width=\"1.5\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/><\/svg><\/div>\r\n<h3 class=\"hdb\" style=\"font-size:1.125rem;margin-bottom:8px\">Inviertes sin saber qu\u00e9 funciona<\/h3>\r\n<p class=\"ts\" style=\"font-size:.9rem;line-height:1.6\">Gastas en publicidad, dise\u00f1o y herramientas, pero no tienes datos claros de qu\u00e9 genera retorno y qu\u00e9 no.<\/p><\/div>\r\n<\/div>\r\n<p class=\"anim\" style=\"text-align:center;margin-top:48px;font-size:1.125rem;font-style:italic;color:var(--warm)\">“No es que tu negocio sea malo. Es que no tiene un sistema.”<\/p>\r\n<\/div><\/section>\r\n\r\n<!-- EL CONTRASTE \u2014 Limbic Brain -->\r\n<section class=\"sec circuit-bg\" id=\"contraste\"><div class=\"ctr\"><div class=\"tc mb16 anim\"><span class=\"sl\">La diferencia es un sistema<\/span><h2 class=\"hd st\">As\u00ed se ve el <span class=\"gt\">antes y despu\u00e9s<\/span><\/h2><\/div>\r\n<div class=\"anim\" style=\"display:grid;gap:24px;grid-template-columns:1fr 1fr;max-width:800px;margin:0 auto\">\r\n<div style=\"background:var(--surface);border:1px solid rgba(239,68,68,.12);border-radius:16px;padding:32px\">\r\n<div style=\"font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ef4444;margin-bottom:20px\">\u2715 SIN SISTEMA<\/div>\r\n<div style=\"display:flex;flex-direction:column;gap:14px\">\r\n<div style=\"display:flex;gap:10px;font-size:.9rem;color:var(--ts)\"><span style=\"width:6px;height:6px;border-radius:50%;background:#ef4444;margin-top:7px;flex-shrink:0\"><\/span>Mensajes sin responder por horas<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.9rem;color:var(--ts)\"><span style=\"width:6px;height:6px;border-radius:50%;background:#ef4444;margin-top:7px;flex-shrink:0\"><\/span>Redes sin estrategia ni direcci\u00f3n<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.9rem;color:var(--ts)\"><span style=\"width:6px;height:6px;border-radius:50%;background:#ef4444;margin-top:7px;flex-shrink:0\"><\/span>Web que no genera oportunidades<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.9rem;color:var(--ts)\"><span style=\"width:6px;height:6px;border-radius:50%;background:#ef4444;margin-top:7px;flex-shrink:0\"><\/span>Cero datos para tomar decisiones<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.9rem;color:var(--ts)\"><span style=\"width:6px;height:6px;border-radius:50%;background:#ef4444;margin-top:7px;flex-shrink:0\"><\/span>Dependes de referidos y suerte<\/div>\r\n<\/div><\/div>\r\n<div style=\"background:var(--surface);border:1px solid rgba(0,201,167,.12);border-radius:16px;padding:32px\">\r\n<div style=\"font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#00C9A7;margin-bottom:20px\">\u2713 CON SISTEMA GII<\/div>\r\n<div style=\"display:flex;flex-direction:column;gap:14px\">\r\n<div style=\"display:flex;gap:10px;font-size:.9rem;color:var(--ts)\"><span style=\"width:6px;height:6px;border-radius:50%;background:#00C9A7;margin-top:7px;flex-shrink:0\"><\/span>Bot IA responde en 3 segundos, 24\/7<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.9rem;color:var(--ts)\"><span style=\"width:6px;height:6px;border-radius:50%;background:#00C9A7;margin-top:7px;flex-shrink:0\"><\/span>Contenido con direcci\u00f3n comercial<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.9rem;color:var(--ts)\"><span style=\"width:6px;height:6px;border-radius:50%;background:#00C9A7;margin-top:7px;flex-shrink:0\"><\/span>Web que capta, filtra y convierte<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.9rem;color:var(--ts)\"><span style=\"width:6px;height:6px;border-radius:50%;background:#00C9A7;margin-top:7px;flex-shrink:0\"><\/span>Dashboard con m\u00e9tricas claras<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.9rem;color:var(--ts)\"><span style=\"width:6px;height:6px;border-radius:50%;background:#00C9A7;margin-top:7px;flex-shrink:0\"><\/span>M\u00e1quina de captaci\u00f3n activa siempre<\/div>\r\n<\/div><\/div>\r\n<\/div>\r\n<p class=\"anim\" style=\"text-align:center;margin-top:48px;font-size:1.125rem;font-style:italic;color:var(--warm)\">“Esto no es magia. Es estructura.”<\/p>\r\n<\/div><\/section>\r\n\r\n<!-- PILARES -->\r\n<section class=\"sec circuit-bg\"><div class=\"ctr\"><div class=\"tc mb16 anim\"><span class=\"sl\">Nuestro enfoque<\/span><h2 class=\"hd st\">Tres pilares. <span class=\"gt\">Un sistema.<\/span><\/h2><\/div>\r\n<div class=\"pg3\" id=\"pilaresGrid\"><\/div><\/div><\/section>\r\n\r\n<!-- METRICAS -->\r\n<section class=\"sec bdy\" style=\"padding:64px 0\"><div class=\"ctr\"><div class=\"mg\" id=\"metricsGrid\"><\/div><\/div><\/section>\r\n\r\n<!-- SERVICIOS -->\r\n<section class=\"sec circuit-bg\" id=\"servicios\"><div class=\"ctr\"><div class=\"tc mb16 anim\"><span class=\"sl\">Servicios<\/span><h2 class=\"hd st\">Todo lo que necesitas. <span class=\"tw\">En un solo equipo.<\/span><\/h2><\/div><div class=\"sg\" id=\"serviciosGrid\"><\/div><\/div><\/section>\r\n\r\n<!-- VERTICALES movido a footer -->\r\n\r\n<!-- FASES -->\r\n<section class=\"sec circuit-bg\" id=\"fases\"><div class=\"ctr\"><div class=\"tc mb16 anim\"><span class=\"sl\">C\u00f3mo trabajamos<\/span><h2 class=\"hd st\">Un proceso <span class=\"gt\">dise\u00f1ado para resultados<\/span><\/h2><p class=\"ts\" style=\"margin-top:18px;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.65\">Empezamos con una llamada gratuita para conocer tu negocio. Si hay fit, construimos el sistema. Despu\u00e9s te acompa\u00f1amos 1:1 mientras escala.<\/p><\/div><div class=\"pg3\" id=\"fasesGrid\"><\/div><p class=\"fq anim\">“No vendemos servicios sueltos. Operamos contigo mientras crece.”<\/p><\/div><\/section>\r\n\r\n<!-- CASOS DE USO \u2014 Proof of capability -->\r\n<section class=\"sec\" id=\"casos\"><div class=\"ctr\">\r\n<div class=\"tc mb16 anim\"><span class=\"sl\">Casos de uso<\/span><h2 class=\"hd st\">Esto no es teor\u00eda. Es lo que <span class=\"gt\">ya construimos.<\/span><\/h2><p class=\"ts\" style=\"margin-top:18px;max-width:760px;margin-left:auto;margin-right:auto;line-height:1.7\">Cada negocio tiene necesidades diferentes. Por eso no usamos plantillas \u2014 dise\u00f1amos sistemas a la medida que resuelven problemas reales.<\/p><\/div>\r\n<div style=\"display:grid;gap:24px;grid-template-columns:1fr 1fr\" class=\"casos-grid\">\r\n<!-- Caso 1: Salud -->\r\n<div class=\"anim\" style=\"background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px;position:relative;overflow:hidden;transition:all .4s\" onmouseenter=\"this.style.borderColor='rgba(139,92,246,.25)';this.style.transform='translateY(-4px)'\" onmouseleave=\"this.style.borderColor='rgba(255,255,255,.05)';this.style.transform='translateY(0)'\">\r\n<div style=\"position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--blue));border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s\" class=\"caso-bar\"><\/div>\r\n<div style=\"display:flex;align-items:center;gap:12px;margin-bottom:20px\"><div style=\"width:48px;height:48px;border-radius:12px;background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.1);display:flex;align-items:center;justify-content:center\"><svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#8b5cf6\" stroke-width=\"1.5\"><path d=\"M4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.658-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.697 50.697 0 0112 13.489a50.702 50.702 0 017.74-3.342M6.75 15a.75.75 0 100-1.5.75.75 0 000 1.5zm0 0v-3.675A55.378 55.378 0 0112 8.443m-7.007 11.55A5.981 5.981 0 006.75 15.75v-1.5\"\/><\/svg><\/div><div><div class=\"hdb\" style=\"font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)\">Sector salud<\/div><div class=\"hdb\" style=\"font-size:1.125rem;margin-top:4px\">Consultorio m\u00e9dico digital<\/div><\/div><\/div>\r\n<p class=\"ts\" style=\"font-size:.875rem;line-height:1.6;margin-bottom:20px\">Sistema completo para un consultorio que necesitaba dejar de operar con libretas y WhatsApp personal.<\/p>\r\n<div style=\"display:flex;flex-direction:column;gap:10px\">\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0\"><\/span>Dashboard cl\u00ednico con historial de pacientes<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0\"><\/span>Asistente IA para agendar y dar seguimiento<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0\"><\/span>Recordatorios autom\u00e1ticos v\u00eda WhatsApp<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0\"><\/span>Expediente digital con notas por consulta<\/div>\r\n<\/div>\r\n<div style=\"margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04);font-size:.8rem;font-style:italic;color:var(--warm)\">\"El consultorio ahora opera con estructura. No con memoria.\"<\/div>\r\n<\/div>\r\n\r\n<!-- Caso 2: Educaci\u00f3n \/ Membres\u00edas -->\r\n<div class=\"anim\" style=\"background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px;position:relative;overflow:hidden;transition:all .4s\" onmouseenter=\"this.style.borderColor='rgba(59,130,246,.25)';this.style.transform='translateY(-4px)'\" onmouseleave=\"this.style.borderColor='rgba(255,255,255,.05)';this.style.transform='translateY(0)'\">\r\n<div style=\"display:flex;align-items:center;gap:12px;margin-bottom:20px\"><div style=\"width:48px;height:48px;border-radius:12px;background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.1);display:flex;align-items:center;justify-content:center\"><svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#3b82f6\" stroke-width=\"1.5\"><path d=\"M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z\"\/><\/svg><\/div><div><div class=\"hdb\" style=\"font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--blue)\">Educaci\u00f3n y membres\u00edas<\/div><div class=\"hdb\" style=\"font-size:1.125rem;margin-top:4px\">Academia con suscriptores<\/div><\/div><\/div>\r\n<p class=\"ts\" style=\"font-size:.875rem;line-height:1.6;margin-bottom:20px\">Plataforma para una academia donde cada suscriptor tiene su espacio personal con progreso y retos diarios.<\/p>\r\n<div style=\"display:flex;flex-direction:column;gap:10px\">\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--blue);margin-top:6px;flex-shrink:0\"><\/span>Dashboard individual por suscriptor<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--blue);margin-top:6px;flex-shrink:0\"><\/span>Sistema de retos diarios con seguimiento<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--blue);margin-top:6px;flex-shrink:0\"><\/span>Motor de pagos y suscripciones recurrentes<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--blue);margin-top:6px;flex-shrink:0\"><\/span>Notificaciones autom\u00e1ticas de progreso<\/div>\r\n<\/div>\r\n<div style=\"margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04);font-size:.8rem;font-style:italic;color:var(--warm)\">\"Cada alumno avanza a su ritmo. La plataforma lo gu\u00eda sin intervenci\u00f3n manual.\"<\/div>\r\n<\/div>\r\n\r\n<!-- Caso 3: Servicios \/ Reservas -->\r\n<div class=\"anim\" style=\"background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px;position:relative;overflow:hidden;transition:all .4s\" onmouseenter=\"this.style.borderColor='rgba(201,168,124,.25)';this.style.transform='translateY(-4px)'\" onmouseleave=\"this.style.borderColor='rgba(255,255,255,.05)';this.style.transform='translateY(0)'\">\r\n<div style=\"display:flex;align-items:center;gap:12px;margin-bottom:20px\"><div style=\"width:48px;height:48px;border-radius:12px;background:rgba(201,168,124,.06);border:1px solid rgba(201,168,124,.1);display:flex;align-items:center;justify-content:center\"><svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#c9a87c\" stroke-width=\"1.5\"><path d=\"M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z\"\/><\/svg><\/div><div><div class=\"hdb\" style=\"font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--warm)\">Servicios profesionales<\/div><div class=\"hdb\" style=\"font-size:1.125rem;margin-top:4px\">Negocio con reservas y pagos<\/div><\/div><\/div>\r\n<p class=\"ts\" style=\"font-size:.875rem;line-height:1.6;margin-bottom:20px\">Sistema para un negocio de servicios que necesitaba automatizar su agenda, cobros y seguimiento comercial.<\/p>\r\n<div style=\"display:flex;flex-direction:column;gap:10px\">\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--warm);margin-top:6px;flex-shrink:0\"><\/span>Motor de reservas online con confirmaci\u00f3n autom\u00e1tica<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--warm);margin-top:6px;flex-shrink:0\"><\/span>Pasarela de pago integrada (Stripe)<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--warm);margin-top:6px;flex-shrink:0\"><\/span>CRM con seguimiento de cada prospecto<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:var(--warm);margin-top:6px;flex-shrink:0\"><\/span>Asistente IA que califica y agenda leads<\/div>\r\n<\/div>\r\n<div style=\"margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04);font-size:.8rem;font-style:italic;color:var(--warm)\">\"El negocio cobra, agenda y da seguimiento sin depender de una persona.\"<\/div>\r\n<\/div>\r\n\r\n<!-- Caso 4: Inmobiliario -->\r\n<div class=\"anim\" style=\"background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px;position:relative;overflow:hidden;transition:all .4s\" onmouseenter=\"this.style.borderColor='rgba(0,201,167,.25)';this.style.transform='translateY(-4px)'\" onmouseleave=\"this.style.borderColor='rgba(255,255,255,.05)';this.style.transform='translateY(0)'\">\r\n<div style=\"display:flex;align-items:center;gap:12px;margin-bottom:20px\"><div style=\"width:48px;height:48px;border-radius:12px;background:rgba(0,201,167,.06);border:1px solid rgba(0,201,167,.12);display:flex;align-items:center;justify-content:center\"><svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#00C9A7\" stroke-width=\"1.5\"><path d=\"M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25\"\/><\/svg><\/div><div><div class=\"hdb\" style=\"font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#00C9A7\">Sector inmobiliario<\/div><div class=\"hdb\" style=\"font-size:1.125rem;margin-top:4px\">Desarrollos, brokers e inmobiliarias<\/div><\/div><\/div>\r\n<p class=\"ts\" style=\"font-size:.875rem;line-height:1.6;margin-bottom:20px\">Sistema integral para una inmobiliaria que necesitaba centralizar prospectos, diferenciarse con contenido premium y convertir digital.<\/p>\r\n<div style=\"display:flex;flex-direction:column;gap:10px\">\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:#00C9A7;margin-top:6px;flex-shrink:0\"><\/span>Landing pages por propiedad con tour virtual y drone<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:#00C9A7;margin-top:6px;flex-shrink:0\"><\/span>Producci\u00f3n audiovisual cinematogr\u00e1fica de inmuebles<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:#00C9A7;margin-top:6px;flex-shrink:0\"><\/span>CRM centralizado con calificaci\u00f3n autom\u00e1tica de leads<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:#00C9A7;margin-top:6px;flex-shrink:0\"><\/span>Chatbot IA que filtra, responde y agenda visitas 24\/7<\/div>\r\n<div style=\"display:flex;gap:10px;font-size:.825rem;color:var(--ts)\"><span style=\"width:5px;height:5px;border-radius:50%;background:#00C9A7;margin-top:6px;flex-shrink:0\"><\/span>Campa\u00f1as segmentadas por perfil de comprador<\/div>\r\n<\/div>\r\n<div style=\"margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04);font-size:.8rem;font-style:italic;color:var(--warm)\">\"Cada propiedad es un ecosistema digital, no solo un anuncio.\"<\/div>\r\n<\/div>\r\n<\/div>\r\n<p class=\"anim\" style=\"text-align:center;margin-top:48px;font-size:1rem;color:var(--ts)\">\u00bfTu negocio necesita algo as\u00ed? <a href=\"#contacto\" style=\"color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:4px\">Platiquemos \u2192<\/a><\/p>\r\n<\/div><\/section>\r\n\r\n<!-- POR QUE GII -->\r\n<section class=\"sec circuit-bg\"><div class=\"ctr\"><div class=\"gqg\"><div class=\"anim\"><span class=\"sl\">Por qu\u00e9 Gii Studio<\/span><h2 class=\"hd\" style=\"font-size:clamp(1.875rem,4vw,3rem);margin-top:16px;margin-bottom:24px\">Infraestructura propia. <span class=\"tw\">Resultados reales.<\/span><\/h2><p class=\"ts\" style=\"font-size:1.125rem;line-height:1.6\">No dependemos de terceros para lo esencial. Contamos con infraestructura de producci\u00f3n, servidores y equipo profesional propio \u2014 lo que nos da velocidad, control de calidad y la capacidad de escalar contigo.<\/p><\/div><div id=\"giiCards\"><\/div><\/div><\/div><\/section>\r\n\r\n<!-- CLIENTES secci\u00f3n eliminada \u2014 no refleja el servicio actual del sistema -->\r\n\r\n<!-- PROCESO -->\r\n<section class=\"sec\"><div class=\"ctr\"><div class=\"tc mb16 anim\"><span class=\"sl\">Proceso<\/span><h2 class=\"hd st\">De la idea al <span class=\"gt\">crecimiento<\/span><\/h2><\/div><div class=\"prg\" id=\"procesoGrid\"><\/div><\/div><\/section>\r\n\r\n<!-- DEMO REEL -->\r\n<section class=\"sec\" style=\"position:relative;overflow:hidden\"><div style=\"position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(139,92,246,.02),transparent)\"><\/div><div class=\"ctr\" style=\"position:relative\"><div class=\"tc mb12 anim\"><span class=\"sl\">Demo Reel<\/span><h2 class=\"hd st\">As\u00ed se ve nuestro <span style=\"background:linear-gradient(90deg,var(--accent),var(--warm));-webkit-background-clip:text;-webkit-text-fill-color:transparent\">trabajo<\/span><\/h2><p class=\"ts\" style=\"margin-top:16px;max-width:512px;margin-left:auto;margin-right:auto;font-size:1.125rem\">Producci\u00f3n cinematogr\u00e1fica, direcci\u00f3n creativa y estrategia visual \u2014 todo en un solo estudio.<\/p><\/div><div class=\"anim\"><div class=\"dr-v\"><video autoplay muted loop playsinline><source src=\"https:\/\/res.cloudinary.com\/derecxngo\/video\/upload\/v1773790590\/final_2026_afmpmb.mp4\" type=\"video\/mp4\"><\/video><div class=\"dr-vig\"><\/div><\/div><\/div><\/div><\/section>\r\n\r\n<!-- COLOR GRADING SHOWCASE -->\r\n<section class=\"sec circuit-bg\" id=\"color-grading\" style=\"position:relative;overflow:hidden\">\r\n<div style=\"position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,124,.04),transparent 70%)\"><\/div>\r\n<div class=\"ctr\" style=\"position:relative\">\r\n<div class=\"tc mb12 anim\"><span class=\"sl\" style=\"color:var(--warm)\">Color Grading<\/span><h2 class=\"hd st\">Postproducci\u00f3n de <span class=\"tw\">nivel cinematogr\u00e1fico<\/span><\/h2><p class=\"ts\" style=\"margin-top:16px;max-width:640px;margin-left:auto;margin-right:auto;font-size:1.125rem\">Pipeline profesional CST sobre footage ARRIRAW. Cada frame pasa por un flujo de nodos dise\u00f1ado para darle a tu proyecto un look que no se consigue con filtros ni presets.<\/p><\/div>\r\n<div class=\"anim\">\r\n<div class=\"cg-slider\" id=\"cgSlider\">\r\n<div class=\"cg-slide active\" data-index=\"0\"><div class=\"cg-viewport\" id=\"cgViewport0\"><img decoding=\"async\" class=\"cg-after\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/f_auto,q_auto,w_1920\/v1775015708\/Still_1_1.3.3_sv4rlj.png\" alt=\"After clip 1\" draggable=\"false\"><div class=\"cg-before-clip\" id=\"cgClip0\"><img decoding=\"async\" class=\"cg-before\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/f_auto,q_auto,w_1920\/v1775015703\/Still_2_1.3.4_h5obpv.png\" alt=\"Before clip 1\" draggable=\"false\"><\/div><div class=\"cg-line\" id=\"cgLine0\"><\/div><div class=\"cg-handle\" id=\"cgHandle0\"><span>\u25c2 \u25b8<\/span><\/div><div class=\"cg-label cg-label-l\">BEFORE<\/div><div class=\"cg-label cg-label-r\">AFTER<\/div><\/div><\/div>\r\n<div class=\"cg-slide\" data-index=\"1\"><div class=\"cg-viewport\" id=\"cgViewport1\"><img decoding=\"async\" class=\"cg-after\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/f_auto,q_auto,w_1920\/v1775016128\/Still_4_1.6.2_oiqu1u.png\" alt=\"After clip 2\" draggable=\"false\"><div class=\"cg-before-clip\" id=\"cgClip1\"><img decoding=\"async\" class=\"cg-before\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/f_auto,q_auto,w_1920\/v1775016122\/Still_3_1.6.1_zzg15n.png\" alt=\"Before clip 2\" draggable=\"false\"><\/div><div class=\"cg-line\" id=\"cgLine1\"><\/div><div class=\"cg-handle\" id=\"cgHandle1\"><span>\u25c2 \u25b8<\/span><\/div><div class=\"cg-label cg-label-l\">BEFORE<\/div><div class=\"cg-label cg-label-r\">AFTER<\/div><\/div><\/div>\r\n<div class=\"cg-slide\" data-index=\"2\"><div class=\"cg-viewport\" id=\"cgViewport2\"><img decoding=\"async\" class=\"cg-after\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/f_auto,q_auto,w_1920\/v1775016137\/Still_6_1.1.3_lyephk.png\" alt=\"After clip 3\" draggable=\"false\"><div class=\"cg-before-clip\" id=\"cgClip2\"><img decoding=\"async\" class=\"cg-before\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/f_auto,q_auto,w_1920\/v1775016132\/Still_5_1.1.4_br2cml.png\" alt=\"Before clip 3\" draggable=\"false\"><\/div><div class=\"cg-line\" id=\"cgLine2\"><\/div><div class=\"cg-handle\" id=\"cgHandle2\"><span>\u25c2 \u25b8<\/span><\/div><div class=\"cg-label cg-label-l\">BEFORE<\/div><div class=\"cg-label cg-label-r\">AFTER<\/div><\/div><\/div>\r\n<\/div>\r\n<div class=\"cg-nav\"><button class=\"cg-arr\" id=\"cgPrev\" aria-label=\"Anterior\"><svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/><\/svg><\/button><div class=\"cg-dots\" id=\"cgDots\"><button class=\"cg-dot active\" data-slide=\"0\"><\/button><button class=\"cg-dot\" data-slide=\"1\"><\/button><button class=\"cg-dot\" data-slide=\"2\"><\/button><\/div><button class=\"cg-arr\" id=\"cgNext\" aria-label=\"Siguiente\"><svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/><\/svg><\/button><\/div>\r\n<div class=\"cg-specs\"><span class=\"cg-spec\"><span class=\"cg-spec-dot\" style=\"background:var(--warm)\"><\/span>ARRIRAW<\/span><span class=\"cg-spec\"><span class=\"cg-spec-dot\" style=\"background:var(--accent)\"><\/span>DaVinci Resolve<\/span><span class=\"cg-spec\"><span class=\"cg-spec-dot\" style=\"background:var(--blue)\"><\/span>Pipeline CST<\/span><span class=\"cg-spec\"><span class=\"cg-spec-dot\" style=\"background:#4ade80\"><\/span>Nodos manuales<\/span><\/div>\r\n<div class=\"cg-nodes anim\"><p class=\"cg-nodes-label\">Flujo de nodos \u00b7 DaVinci Resolve Studio<\/p><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/f_auto,q_auto,w_1920\/v1775016152\/Captura_de_pantalla_2026-03-31_215124_phtszs.png\" alt=\"Pipeline de nodos\" loading=\"lazy\"><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- TECNOLOGIAS -->\r\n<section class=\"mqs bdy\"><div class=\"ctr\"><div class=\"tc mb12 anim\"><span class=\"sl\">Tecnolog\u00edas<\/span><h2 class=\"hd\" style=\"font-size:clamp(1.5rem,3vw,2rem);margin-top:12px\">Potenciado por empresas <span class=\"tw\">internacionales<\/span><\/h2><\/div><\/div><div style=\"position:relative;overflow:hidden\"><div class=\"mq-fl\"><\/div><div class=\"mq-fr\"><\/div><div class=\"mq\" style=\"display:flex;white-space:nowrap\" id=\"marqueeTrack\"><\/div><\/div><\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"sec circuit-bg\"><div class=\"ctr\" style=\"max-width:800px\"><div class=\"tc mb12 anim\"><span class=\"sl\">FAQ<\/span><h2 class=\"hd st\">Preguntas frecuentes<\/h2><\/div><div id=\"faqList\"><\/div><\/div><\/section>\r\n\r\n<!-- BLOG -->\r\n<section class=\"sec\" id=\"blog\"><div class=\"ctr\"><div class=\"tc mb16 anim\"><span class=\"sl\">Recursos<\/span><h2 class=\"hd st\">Blog & Recursos<\/h2><\/div><div class=\"blg\" id=\"blogGrid\"><\/div><\/div><\/section>\r\n\r\n<!-- GALERIA \u2014 Movida a p\u00e1gina propia \/galeria\/ -->\r\n\r\n<!-- CONTACTO -->\r\n<section class=\"sec circuit-bg\" id=\"contacto\"><div class=\"ctr\" style=\"max-width:900px\">\r\n<div class=\"tc mb12 anim\"><span class=\"sl\">Siguiente paso<\/span><h2 class=\"hd st\">Agenda tu <span class=\"gt\">llamada estrat\u00e9gica gratuita<\/span><\/h2><p class=\"ts\" style=\"margin-top:18px;max-width:640px;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.65\">30 minutos para entender tu negocio, detectar oportunidades y darte recomendaciones concretas. Sin costo, sin compromiso.<\/p><\/div>\r\n\r\n<div class=\"anim\" style=\"display:grid;gap:20px;grid-template-columns:repeat(3,1fr);max-width:780px;margin:0 auto 48px\">\r\n<div style=\"text-align:center;padding:24px 16px;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:12px\">\r\n<div style=\"width:44px;height:44px;margin:0 auto 14px;border-radius:50%;background:rgba(139,92,246,.1);display:flex;align-items:center;justify-content:center\"><svg width=\"22\" height=\"22\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#8b5cf6\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5\"\/><\/svg><\/div>\r\n<p class=\"hdb\" style=\"font-size:.95rem;margin-bottom:4px\">Eliges horario<\/p><p class=\"ts\" style=\"font-size:.8rem\">El calendario muestra mi disponibilidad real<\/p><\/div>\r\n<div style=\"text-align:center;padding:24px 16px;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:12px\">\r\n<div style=\"width:44px;height:44px;margin:0 auto 14px;border-radius:50%;background:rgba(59,130,246,.1);display:flex;align-items:center;justify-content:center\"><svg width=\"22\" height=\"22\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#3b82f6\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z\"\/><\/svg><\/div>\r\n<p class=\"hdb\" style=\"font-size:.95rem;margin-bottom:4px\">Videollamada 1:1<\/p><p class=\"ts\" style=\"font-size:.8rem\">30 minutos por Google Meet o Zoom<\/p><\/div>\r\n<div style=\"text-align:center;padding:24px 16px;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:12px\">\r\n<div style=\"width:44px;height:44px;margin:0 auto 14px;border-radius:50%;background:rgba(201,168,124,.1);display:flex;align-items:center;justify-content:center\"><svg width=\"22\" height=\"22\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#c9a87c\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg><\/div>\r\n<p class=\"hdb\" style=\"font-size:.95rem;margin-bottom:4px\">Te llevas valor<\/p><p class=\"ts\" style=\"font-size:.8rem\">Recomendaciones accionables aunque no avancemos<\/p><\/div>\r\n<\/div>\r\n\r\n<div class=\"anim tc\" style=\"display:flex;flex-direction:column;align-items:center;gap:20px\">\r\n<a href=\"https:\/\/calendly.com\/giistudioinfo\/llamada-estrategica\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bcb glow\" onclick=\"if(typeof gtag==='function')gtag('event','generate_lead',{method:'calendly'});if(typeof fbq==='function')fbq('track','Schedule')\" style=\"display:inline-flex;align-items:center;gap:12px;font-size:1.125rem;padding:18px 44px\">\r\n<svg width=\"22\" height=\"22\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75\"\/><\/svg>\r\nAgendar mi llamada gratuita\r\n<\/a>\r\n<p class=\"ts\" style=\"font-size:.85rem;margin-top:-8px\">O si prefieres algo informal primero<\/p>\r\n<a href=\"https:\/\/wa.me\/5219541259727?text=Hola,%20vengo%20de%20la%20p%C3%A1gina%20de%20Gii%20Studio.%20Me%20interesa%20platicar%20sobre%20un%20proyecto.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bwa\" onclick=\"if(typeof gtag==='function')gtag('event','generate_lead',{method:'whatsapp'});if(typeof fbq==='function')fbq('track','Lead')\" style=\"margin-bottom:0\"><svg style=\"width:20px;height:20px\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>Escribir por WhatsApp<\/a>\r\n<p class=\"ts\" style=\"font-size:.85rem;margin-top:8px\">Saltillo, Coahuila \u00b7 Trabajamos con clientes en todo M\u00e9xico<\/p>\r\n<\/div>\r\n<\/div><\/section>\r\n\r\n<!-- CTA FINAL -->\r\n<section class=\"sec ctf\"><div class=\"ctf-glow\"><\/div><div class=\"ctr tc\" style=\"max-width:800px;position:relative\"><div class=\"anim\"><h2 class=\"hd\" style=\"line-height:1.1;margin-bottom:24px\">Tu negocio merece un <span class=\"gt\">sistema que trabaje por ti.<\/span><\/h2><p class=\"ts\" style=\"font-size:1.125rem;margin-bottom:40px;max-width:512px;margin-left:auto;margin-right:auto\">30 minutos. Gratis. Sin compromiso. Si detectamos fit avanzamos \u2014 si no, te llevas recomendaciones concretas.<\/p><a href=\"https:\/\/calendly.com\/giistudioinfo\/llamada-estrategica\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bcb glow\" onclick=\"if(typeof gtag==='function')gtag('event','generate_lead',{method:'calendly_final'});if(typeof fbq==='function')fbq('track','Schedule')\">Agendar mi llamada gratuita<\/a><\/div><\/div><\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer class=\"ftr\"><div class=\"ctr\">\r\n<div class=\"ftr-grid\">\r\n<div class=\"ftr-col\"><div class=\"logo\" style=\"margin-bottom:14px\"><b>Gii<\/b><em>Studio<\/em><\/div><p class=\"ts\" style=\"font-size:.82rem;max-width:260px;line-height:1.6\">Sistemas digitales de crecimiento. Saltillo, Coahuila \u00b7 Clientes en todo M\u00e9xico.<\/p><\/div>\r\n<div class=\"ftr-col\"><p class=\"hdb ftr-h\">Industrias<\/p><a href=\"\/marketing-inmobiliario-saltillo\/\" class=\"ftr-lk\">Real Estate Premium<\/a><a href=\"\/marketing-para-hoteles-restaurantes-saltillo\/\" class=\"ftr-lk\">Hoteles y Restaurantes<\/a><a href=\"\/video-corporativo-saltillo\/\" class=\"ftr-lk\">Corporativos<\/a><\/div>\r\n<div class=\"ftr-col\"><p class=\"hdb ftr-h\">Eventos<\/p><a href=\"\/fotografia-de-recien-nacido-saltillo\" class=\"ftr-lk\">Reci\u00e9n nacido<\/a><a href=\"\/fotografo-de-xv-anos-saltillo\" class=\"ftr-lk\">XV a\u00f1os<\/a><a href=\"\/sesion-de-maternidad-saltillo\" class=\"ftr-lk\">Maternidad<\/a><a href=\"\/sesion-de-pedida-de-mano-saltillo\/\" class=\"ftr-lk\">Pedida de mano<\/a><a href=\"\/fotografo-de-bodas-saltillo\" class=\"ftr-lk\">Bodas<\/a><\/div>\r\n<div class=\"ftr-col\"><p class=\"hdb ftr-h\">Contacto<\/p><a href=\"https:\/\/calendly.com\/giistudioinfo\/llamada-estrategica\" target=\"_blank\" rel=\"noopener\" class=\"ftr-lk\">Agendar llamada<\/a><a href=\"https:\/\/wa.me\/5219541259727\" target=\"_blank\" rel=\"noopener\" class=\"ftr-lk\">WhatsApp<\/a><a href=\"mailto:info@giistudio.com.mx\" class=\"ftr-lk\">info@giistudio.com.mx<\/a><\/div>\r\n<\/div>\r\n<div class=\"ftr-bot\">\r\n<div class=\"soc\">\r\n<a href=\"https:\/\/instagram.com\/giistudio\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"soc-b\" aria-label=\"Instagram\"><svg fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg><\/a>\r\n<a href=\"https:\/\/facebook.com\/giistudiofilms\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"soc-b\" aria-label=\"Facebook\"><svg fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a>\r\n<a href=\"https:\/\/linkedin.com\/in\/giistudio\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"soc-b\" aria-label=\"LinkedIn\"><svg fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg><\/a>\r\n<a href=\"https:\/\/youtube.com\/@giistudiofilms\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"soc-b\" aria-label=\"YouTube\"><svg fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg><\/a>\r\n<a href=\"https:\/\/tiktok.com\/@giistudiomx\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"soc-b\" aria-label=\"TikTok\"><svg fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"\/><\/svg><\/a>\r\n<\/div>\r\n<p class=\"ftr-c\">© 2026 Gii Studio \u00b7 Sistemas digitales de crecimiento<\/p>\r\n<\/div>\r\n<\/div><\/footer>\r\n\r\n<!-- CHATBOT -->\r\n<button class=\"chtgl\" id=\"chtgl\" onclick=\"tgChat()\" aria-label=\"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\"><div class=\"chtav\">G<\/div><div style=\"flex-grow:1\"><p style=\"font-size:.875rem;font-weight:600\">Gii Studio<\/p><div class=\"chts\"><span class=\"chton\"><\/span><span style=\"font-size:.75rem;color:var(--ts)\">En l\u00ednea<\/span><\/div><\/div><button onclick=\"tgChat()\" style=\"color:var(--ts)\"><svg style=\"width:20px;height:20px\" 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><\/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%\"><input class=\"cht-in\" id=\"chtIn\" placeholder=\"Escribe un mensaje...\" maxlength=\"500\"><button class=\"cht-tts\" id=\"ttsBtn\" type=\"button\" onclick=\"tgTTS()\" title=\"Texto a voz\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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><\/button><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\/* ===== DATA ===== *\/\r\nconst ARR='<svg style=\"width:16px;height:16px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>';\r\nconst servicios=[{t:\"Producci\u00f3n Audiovisual\",d:\"Video, drone, edici\u00f3n cinematogr\u00e1fica\",i:'<svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"2\" y=\"6\" width=\"28\" height=\"20\" rx=\"3\" stroke=\"#8b5cf6\"\/><circle cx=\"16\" cy=\"16\" r=\"5\" stroke=\"#3b82f6\"\/><circle cx=\"16\" cy=\"16\" r=\"2\" fill=\"#8b5cf6\" opacity=\".4\"\/><\/svg>'},{t:\"Fotograf\u00eda\",d:\"Retrato, eventos, comercial, producto\",i:'<svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"3\" y=\"8\" width=\"26\" height=\"18\" rx=\"3\" stroke=\"#8b5cf6\"\/><circle cx=\"16\" cy=\"18\" r=\"5\" stroke=\"#3b82f6\"\/><path d=\"M11 8 L13 4 L19 4 L21 8\" stroke=\"#8b5cf6\"\/><\/svg>'},{t:\"Postproducci\u00f3n\",d:\"Color grading, edici\u00f3n, animaciones IA\",i:'<svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"2\" y=\"2\" width=\"28\" height=\"28\" rx=\"4\" stroke=\"#8b5cf6\"\/><circle cx=\"10\" cy=\"22\" r=\"4\" stroke=\"#3b82f6\"\/><circle cx=\"22\" cy=\"10\" r=\"4\" stroke=\"#c9a87c\"\/><line x1=\"13\" y1=\"19\" x2=\"19\" y2=\"13\" stroke=\"#8b5cf6\" opacity=\".5\"\/><\/svg>'},{t:\"Marketing Digital\",d:\"Redes, contenido, ads, estrategia\",i:'<svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><polyline points=\"4,24 12,16 18,20 28,8\" stroke=\"#8b5cf6\"\/><polyline points=\"22,8 28,8 28,14\" stroke=\"#3b82f6\"\/><\/svg>'},{t:\"Desarrollo Web\",d:\"Sitios, landing pages, hosting propio\",i:'<svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"2\" y=\"4\" width=\"28\" height=\"20\" rx=\"2\" stroke=\"#8b5cf6\"\/><line x1=\"2\" y1=\"10\" x2=\"30\" y2=\"10\" stroke=\"#3b82f6\" opacity=\".4\"\/><path d=\"M12 16 L10 19 L12 22\" stroke=\"#3b82f6\"\/><path d=\"M20 16 L22 19 L20 22\" stroke=\"#8b5cf6\"\/><line x1=\"10\" y1=\"28\" x2=\"22\" y2=\"28\" stroke=\"#8b5cf6\" opacity=\".4\"\/><\/svg>'},{t:\"Automatizaci\u00f3n & IA\",d:\"n8n, webhooks, CRM, agentes IA\",i:'<svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><circle cx=\"16\" cy=\"16\" r=\"5\" stroke=\"#3b82f6\"\/><circle cx=\"6\" cy=\"6\" r=\"3\" stroke=\"#8b5cf6\"\/><circle cx=\"26\" cy=\"6\" r=\"3\" stroke=\"#8b5cf6\"\/><circle cx=\"6\" cy=\"26\" r=\"3\" stroke=\"#8b5cf6\"\/><circle cx=\"26\" cy=\"26\" r=\"3\" stroke=\"#8b5cf6\"\/><line x1=\"8\" y1=\"8\" x2=\"13\" y2=\"13\" stroke=\"#3b82f6\" opacity=\".4\"\/><line x1=\"24\" y1=\"8\" x2=\"19\" y2=\"13\" stroke=\"#3b82f6\" opacity=\".4\"\/><line x1=\"8\" y1=\"24\" x2=\"13\" y2=\"19\" stroke=\"#3b82f6\" opacity=\".4\"\/><line x1=\"24\" y1=\"24\" x2=\"19\" y2=\"19\" stroke=\"#3b82f6\" opacity=\".4\"\/><\/svg>'},{t:\"Branding & Dise\u00f1o\",d:\"Identidad, logos, templates, papeler\u00eda\",i:'<svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M16 4 L4 28 L28 28 Z\" stroke=\"#8b5cf6\"\/><circle cx=\"16\" cy=\"20\" r=\"4\" stroke=\"#c9a87c\" opacity=\".5\"\/><\/svg>'},{t:\"Ventas & Funnels\",d:\"Estructura comercial, WhatsApp, conversi\u00f3n\",i:'<svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M6 4 L26 4 L20 16 L20 26 L12 28 L12 16 Z\" stroke=\"#8b5cf6\"\/><line x1=\"12\" y1=\"20\" x2=\"20\" y2=\"20\" stroke=\"#3b82f6\" opacity=\".4\"\/><\/svg>'}];\r\nconst verticales=[{t:\"Real Estate Premium\",d:\"Tours virtuales, fotograf\u00eda a\u00e9rea, video cinematogr\u00e1fico y marketing digital para desarrollos inmobiliarios de alto nivel.\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773559732\/Captura_de_pantalla_2026-03-15_011013_zl4rat.png\",href:\"\/marketing-inmobiliario-saltillo\/\"},{t:\"Hoteles y Restaurantes\",d:\"Contenido visual y estrategia digital que llena mesas y reservas con presencia premium en redes y Google.\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773783209\/Captura_de_pantalla_2026-03-17_153325_kzsmt1.png\",href:\"\/marketing-para-hoteles-restaurantes-saltillo\/\"},{t:\"Corporativos\",d:\"Comunicaci\u00f3n institucional, producci\u00f3n de eventos, branding y sistemas de automatizaci\u00f3n para empresas.\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773994135\/Captura_de_pantalla_2026-03-20_020837_ltkgia.png\",href:\"\/video-corporativo-saltillo\/\"}];\r\nconst fases=[{b:\"Sin costo\",t:\"Llamada Estrat\u00e9gica\",f:\"FASE 0\",items:[\"30 minutos 1:1 por videollamada\",\"Entendemos tu negocio, metas y retos actuales\",\"Detectamos oportunidades de crecimiento\",\"Identificamos qu\u00e9 pieza del sistema te har\u00eda crecer m\u00e1s r\u00e1pido\",\"Recibes recomendaciones concretas aunque no avancemos\"],cta:\"Agendar llamada gratuita\",ctaUrl:\"https:\/\/calendly.com\/giistudioinfo\/llamada-estrategica\",note:\"Sin compromiso. Respondemos en menos de 24 horas.\"},{b:\"Implementaci\u00f3n\",t:\"Diagn\u00f3stico & Construcci\u00f3n\",f:\"FASE 1\",items:[\"Auditor\u00eda profunda de marca, marketing y tecnolog\u00eda\",\"Dise\u00f1o de la arquitectura digital a medida\",\"Construcci\u00f3n de sitio, landings o ecosistema web\",\"Integraciones, automatizaciones y CRM\",\"Producci\u00f3n de contenido visual de lanzamiento\",\"Capacitaci\u00f3n y puesta en marcha\"],cta:\"Ver alcance completo\",ctaUrl:\"#contacto\",note:null},{b:\"Escalamiento\",t:\"Crecimiento & Acompa\u00f1amiento 1:1\",f:\"FASE 2\",items:[\"Reuniones mensuales de estrategia 1:1\",\"Dashboard de KPIs con m\u00e9tricas reales\",\"Optimizaci\u00f3n continua basada en datos\",\"Gesti\u00f3n activa de campa\u00f1as de ads\",\"Producci\u00f3n mensual de contenido visual\",\"Soporte prioritario por WhatsApp\"],cta:\"Conocer m\u00e1s\",ctaUrl:\"#contacto\",note:null}];\r\nconst eventos=[{t:\"Reci\u00e9n Nacido\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773778233\/Captura_de_pantalla_2026-03-17_141026_lhbkgm.png\",href:\"\/fotografia-de-recien-nacido-saltillo\"},{t:\"XV A\u00f1os\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773779252\/Captura_de_pantalla_2026-03-17_142612_oi2bes.png\",href:\"\/fotografo-de-xv-anos-saltillo\"},{t:\"Maternidad\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773772551\/Captura_de_pantalla_2026-03-17_122959_jyelws.png\",href:\"\/sesion-de-maternidad-saltillo\"},{t:\"Pedida de Mano\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773045811\/IMG_6866_ew2wdt.jpg\",href:\"\/sesion-de-pedida-de-mano-saltillo\/\"},{t:\"Bodas\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773046411\/IMG_6869_jgd5q1.png\",href:\"\/fotografo-de-bodas-saltillo\"}];\r\nconst obras=[{a:\"Zed Desideraja\",t:\"Cloud Bathing\",tc:\"\u00d3leo sobre tela\",dim:\"60 \u00d7 45 cm\",p:\"$28,000 MXN\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1774474552\/Captura_de_pantalla_2026-03-25_153538_l9e12a.png\"},{a:\"Rigel Herrera\",t:\"Mis Siete Pecados Art\u00edsticos\",tc:\"\u00d3leo sobre tela con hoja de oro y plata\",dim:\"47 \u00d7 47 cm\",p:\"$13,000 MXN\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1774474671\/Captura_de_pantalla_2026-03-25_153732_qi6e03.png\"},{a:\"Jos\u00e9 Antonio Amuch\u00e1stegui\",t:\"Paloma de Picasso\",tc:\"Artex\",dim:\"48 \u00d7 48 cm\",p:\"$11,000 MXN\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1774474702\/Captura_de_pantalla_2026-03-25_153742_hfjyst.png\"},{a:\"Jos\u00e9 Antonio Amuch\u00e1stegui\",t:\"Cleopatra\",tc:\"Artext\",dim:\"65 \u00d7 65 cm\",p:\"$13,000 MXN\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1774474753\/Captura_de_pantalla_2026-03-25_153850_x8lbae.png\"},{a:\"Jean Picazo\",t:\"Utilice en Caso de Emergencia\",tc:\"\u00d3leo sobre MDF\",dim:\"70 \u00d7 70 cm\",p:\"$8,000 MXN\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1774474820\/Captura_de_pantalla_2026-03-25_154011_vmdlai.png\"},{a:\"Antonio Loza Hecht\",t:\"Escalador\",tc:\"Metal fundido\",dim:\"38 \u00d7 22 \u00d7 5 cm\",p:\"$3,000 MXN\",img:\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1774474962\/Captura_de_pantalla_2026-03-25_154234_yz5x6r.png\"}];\r\nconst logos=[\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773784640\/Captura_de_pantalla_2026-03-17_154129_b9wkk5.png\",\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773784676\/Captura_de_pantalla_2026-03-17_154152_ciho1o.png\",\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773784687\/Captura_de_pantalla_2026-03-17_154315_y0frl0.png\",\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773784699\/Captura_de_pantalla_2026-03-17_154351_hzpjhb.png\",\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773784712\/Captura_de_pantalla_2026-03-17_154435_jgqwzj.png\",\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773784722\/Captura_de_pantalla_2026-03-17_154602_pvagbx.png\",\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773784738\/Captura_de_pantalla_2026-03-17_154731_tzqtvi.png\",\"https:\/\/res.cloudinary.com\/derecxngo\/image\/upload\/v1773784750\/Captura_de_pantalla_2026-03-17_155542_thqoa4.png\"];\r\nconst pasos=[{n:\"01\",t:\"Agendas tu llamada\",d:\"Eliges horario en el calendario. 30 min sin compromiso.\"},{n:\"02\",t:\"Nos conocemos\",d:\"Entendemos tu negocio, metas reales y retos actuales.\"},{n:\"03\",t:\"Evaluamos juntos\",d:\"Detectamos oportunidades y dise\u00f1amos una propuesta a medida.\"},{n:\"04\",t:\"Construimos y crecemos\",d:\"Implementamos el sistema y escalamos con acompa\u00f1amiento 1:1.\"}];\r\nconst techs=[\"Claude\",\"Higgsfield\",\"ElevenLabs\",\"ManyChat\",\"DaVinci Resolve\",\"Photoshop\",\"Lightroom\",\"n8n\",\"Airtable\",\"Pixieset\",\"VS Code\",\"Node.js\",\"Next.js\",\"React\",\"Tailwind CSS\",\"Vercel\",\"Stripe\",\"TypeScript\",\"Figma\",\"Google Drive\"];\r\nconst faqs=[{q:\"\u00bfC\u00f3mo empezamos a trabajar juntos?\",a:\"Agendas una llamada estrat\u00e9gica gratuita de 30 minutos a trav\u00e9s de nuestro calendario. Platicamos sobre tu negocio, detectamos oportunidades reales de crecimiento y te damos recomendaciones concretas aunque no avancemos. Sin formularios largos ni seguimiento comercial agresivo.\"},{q:\"\u00bfQu\u00e9 tipo de negocios son ideales para Gii Studio?\",a:\"Trabajamos con PyMEs, marcas personales, desarrollos inmobiliarios, restaurantes, consultorios m\u00e9dicos y servicios profesionales que necesitan un sistema digital integral \u2014 no piezas sueltas. Si tu negocio ya factura pero sientes que su presencia digital no refleja su potencial, somos para ti.\"},{q:\"\u00bfLa llamada estrat\u00e9gica realmente es gratis?\",a:\"S\u00ed, 100% gratuita y sin compromiso. Si detectamos fit y decides avanzar, pasamos a Fase 1 (Diagn\u00f3stico & Construcci\u00f3n). Si no es para ti, te llevas recomendaciones concretas que puedes aplicar por tu cuenta. Creemos en aportar valor antes de cobrar.\"},{q:\"\u00bfCu\u00e1nto tiempo toma implementar el sistema?\",a:\"Depende del alcance. Un sistema b\u00e1sico (sitio web + automatizaciones + presencia en redes) puede estar operando en 4 a 6 semanas. Proyectos completos con producci\u00f3n audiovisual, ecosistema de landings y funnels multicanal toman de 8 a 12 semanas.\"},{q:\"\u00bfQu\u00e9 incluye el acompa\u00f1amiento 1:1 de Fase 2?\",a:\"Reuniones mensuales estrat\u00e9gicas, dashboard de m\u00e9tricas en tiempo real, gesti\u00f3n activa de campa\u00f1as, producci\u00f3n mensual de contenido visual, optimizaci\u00f3n continua basada en datos y soporte prioritario por WhatsApp. No somos una agencia que te deja el proyecto y desaparece \u2014 operamos contigo.\"},{q:\"\u00bfTrabajan solo en Saltillo o tambi\u00e9n remoto?\",a:\"Base en Saltillo, Coahuila, pero operamos con clientes en todo M\u00e9xico. La producci\u00f3n audiovisual se realiza presencial (viajamos o coordinamos locaciones). La estrategia, desarrollo web, automatizaci\u00f3n y acompa\u00f1amiento 1:1 funcionan perfectamente a distancia.\"},{q:\"\u00bfQu\u00e9 pasa con mis datos y las automatizaciones con IA?\",a:\"Usamos infraestructura propia (VPS dedicado, servidores en M\u00e9xico) y stack de IA auditado. Tu informaci\u00f3n nunca se comparte con terceros. Las automatizaciones que construimos son 100% tuyas \u2014 c\u00f3digo, flujos y credenciales te quedan, no dependes de nosotros para operar.\"}];\r\nconst blogPosts=[{t:\"Marketing digital para negocios locales en Saltillo\",e:\"Estrategias pr\u00e1cticas para posicionar tu negocio en Google y redes sociales sin desperdiciar presupuesto.\",tag:\"Marketing\",href:\"\/marketing-digital-negocios-locales-saltillo\/\",svg:'<svg viewBox=\"0 0 64 64\" fill=\"none\" stroke-width=\"1.2\"><polyline points=\"6,48 20,32 32,40 48,18 58,24\" stroke=\"#8b5cf6\" opacity=\".5\" class=\"draw-l\"\/><polyline points=\"48,18 58,18 58,24\" stroke=\"#3b82f6\" class=\"pulse-o\"\/><line x1=\"6\" y1=\"54\" x2=\"58\" y2=\"54\" stroke=\"#c0c0cc\" opacity=\".1\"\/><circle cx=\"20\" cy=\"32\" r=\"2.5\" fill=\"#8b5cf6\" class=\"pulse-o\"\/><circle cx=\"32\" cy=\"40\" r=\"2.5\" fill=\"#8b5cf6\" class=\"pulse-o\" style=\"animation-delay:.5s\"\/><circle cx=\"48\" cy=\"18\" r=\"2.5\" fill=\"#3b82f6\" class=\"pulse-o\" style=\"animation-delay:1s\"\/><\/svg>'},{t:\"C\u00f3mo un agente IA puede atender leads 24\/7\",e:\"Descubre c\u00f3mo la inteligencia artificial puede responder, filtrar y dar seguimiento a tus prospectos autom\u00e1ticamente.\",tag:\"IA\",href:\"\/agente-ia-atender-leads-24-7\/\",svg:'<svg viewBox=\"0 0 64 64\" fill=\"none\" stroke-width=\"1.2\"><circle cx=\"32\" cy=\"32\" r=\"10\" stroke=\"#3b82f6\" class=\"pulse-s\"\/><circle cx=\"14\" cy=\"14\" r=\"4\" stroke=\"#8b5cf6\" class=\"pulse-o\"\/><circle cx=\"50\" cy=\"14\" r=\"4\" stroke=\"#8b5cf6\" class=\"pulse-o\" style=\"animation-delay:.3s\"\/><circle cx=\"14\" cy=\"50\" r=\"4\" stroke=\"#8b5cf6\" class=\"pulse-o\" style=\"animation-delay:.6s\"\/><circle cx=\"50\" cy=\"50\" r=\"4\" stroke=\"#8b5cf6\" class=\"pulse-o\" style=\"animation-delay:.9s\"\/><line x1=\"14\" y1=\"14\" x2=\"25\" y2=\"25\" stroke=\"#3b82f6\" opacity=\".25\" class=\"draw-l\"\/><line x1=\"50\" y1=\"14\" x2=\"39\" y2=\"25\" stroke=\"#3b82f6\" opacity=\".25\" class=\"draw-l\" style=\"animation-delay:.5s\"\/><line x1=\"14\" y1=\"50\" x2=\"25\" y2=\"39\" stroke=\"#3b82f6\" opacity=\".25\" class=\"draw-l\" style=\"animation-delay:1s\"\/><line x1=\"50\" y1=\"50\" x2=\"39\" y2=\"39\" stroke=\"#3b82f6\" opacity=\".25\" class=\"draw-l\" style=\"animation-delay:1.5s\"\/><\/svg>'},{t:\"Automatizaci\u00f3n con IA para negocios en Saltillo\",e:\"Casos reales de automatizaci\u00f3n que est\u00e1n transformando la manera en que los negocios de Saltillo operan.\",tag:\"Automatizaci\u00f3n\",href:\"\/automatizacion-ia-para-negocios-en-saltillo\/\",svg:'<svg viewBox=\"0 0 64 64\" fill=\"none\" stroke-width=\"1.2\"><path d=\"M10 32 L22 18 L34 32 L46 18 L56 28\" stroke=\"#8b5cf6\" class=\"draw-l\"\/><path d=\"M10 46 L22 32 L34 46 L46 32 L56 42\" stroke=\"#3b82f6\" class=\"draw-l\" style=\"animation-delay:.5s\"\/><circle cx=\"56\" cy=\"18\" r=\"4\" stroke=\"#c9a87c\" class=\"pulse-o\"\/><circle cx=\"56\" cy=\"32\" r=\"4\" stroke=\"#c9a87c\" class=\"pulse-o\" style=\"animation-delay:.5s\"\/><\/svg>'}];\r\nconst metrics=[{v:\"7+\",l:\"Disciplinas\"},{v:\"1\",l:\"Sistema integrado\"},{v:\"1:1\",l:\"Atenci\u00f3n personalizada\"},{v:\"\u221e\",l:\"Potencial con IA\"}];\r\nconst pilares=[{t:\"Estrategia Visual\",d:\"Producci\u00f3n cinematogr\u00e1fica, fotograf\u00eda y direcci\u00f3n creativa que posiciona tu marca visualmente.\",bg:\"conic-gradient(from 0deg,#8b5cf6,#c9a87c,transparent 40%,transparent 60%,#8b5cf6)\",svg:'<svg viewBox=\"0 0 48 48\" fill=\"none\" stroke-width=\"1.5\"><polygon points=\"24,4 44,16 44,32 24,44 4,32 4,16\" stroke=\"#8b5cf6\" class=\"spin-s\"\/><polygon points=\"24,12 36,19 36,29 24,36 12,29 12,19\" stroke=\"#c9a87c\" opacity=\".6\" class=\"spin-r\"\/><circle cx=\"24\" cy=\"24\" r=\"4\" stroke=\"#8b5cf6\" class=\"pulse-s\"\/><\/svg>'},{t:\"Marketing\",d:\"Estrategia de contenido, ads, SEO y gesti\u00f3n de redes orientada a resultados medibles.\",bg:\"conic-gradient(from 0deg,#8b5cf6,#3b82f6,transparent 40%,transparent 60%,#8b5cf6)\",svg:'<svg viewBox=\"0 0 48 48\" fill=\"none\" stroke-width=\"1.5\"><polyline points=\"4,36 16,24 24,30 36,14 44,18\" stroke=\"#8b5cf6\" class=\"draw-l\"\/><polyline points=\"36,14 44,14 44,18\" stroke=\"#3b82f6\" class=\"pulse-o\"\/><line x1=\"4\" y1=\"42\" x2=\"44\" y2=\"42\" stroke=\"#c0c0cc\" opacity=\".3\"\/><line x1=\"4\" y1=\"42\" x2=\"4\" y2=\"8\" stroke=\"#c0c0cc\" opacity=\".3\"\/><\/svg>'},{t:\"Automatizaci\u00f3n IA\",d:\"Sistemas que responden, filtran y dan seguimiento a tus prospectos 24\/7.\",bg:\"conic-gradient(from 0deg,#3b82f6,#8b5cf6,transparent 40%,transparent 60%,#3b82f6)\",svg:'<svg viewBox=\"0 0 48 48\" fill=\"none\" stroke-width=\"1.5\"><circle cx=\"24\" cy=\"24\" r=\"6\" stroke=\"#3b82f6\" class=\"pulse-s\"\/><circle cx=\"10\" cy=\"10\" r=\"3\" stroke=\"#8b5cf6\" class=\"pulse-o\"\/><circle cx=\"38\" cy=\"10\" r=\"3\" stroke=\"#8b5cf6\" class=\"pulse-o\" style=\"animation-delay:.3s\"\/><circle cx=\"10\" cy=\"38\" r=\"3\" stroke=\"#8b5cf6\" class=\"pulse-o\" style=\"animation-delay:.6s\"\/><circle cx=\"38\" cy=\"38\" r=\"3\" stroke=\"#8b5cf6\" class=\"pulse-o\" style=\"animation-delay:.9s\"\/><line x1=\"13\" y1=\"13\" x2=\"20\" y2=\"20\" stroke=\"#3b82f6\" opacity=\".6\"\/><line x1=\"35\" y1=\"13\" x2=\"28\" y2=\"20\" stroke=\"#3b82f6\" opacity=\".6\"\/><line x1=\"13\" y1=\"35\" x2=\"20\" y2=\"28\" stroke=\"#3b82f6\" opacity=\".6\"\/><line x1=\"35\" y1=\"35\" x2=\"28\" y2=\"28\" stroke=\"#3b82f6\" opacity=\".6\"\/><\/svg>'}];\r\nconst giiCards=[{t:\"Infraestructura de producci\u00f3n\",d:\"RTX 4080 Super, 64GB DDR5 \u2014 renderizado y edici\u00f3n profesional sin l\u00edmites.\",svg:'<svg viewBox=\"0 0 40 40\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"4\" y=\"8\" width=\"32\" height=\"24\" rx=\"3\" stroke=\"#8b5cf6\" class=\"draw-l\"\/><line x1=\"12\" y1=\"36\" x2=\"28\" y2=\"36\" stroke=\"#3b82f6\" class=\"pulse-o\"\/><circle cx=\"20\" cy=\"20\" r=\"4\" stroke=\"#8b5cf6\" class=\"pulse-s\"\/><\/svg>'},{t:\"Hosting y servidores propios\",d:\"VPS dedicado, n8n, stack IA local \u2014 control total de los sistemas.\",svg:'<svg viewBox=\"0 0 40 40\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"6\" y=\"4\" width=\"28\" height=\"12\" rx=\"2\" stroke=\"#3b82f6\" class=\"pulse-o\"\/><rect x=\"6\" y=\"20\" width=\"28\" height=\"12\" rx=\"2\" stroke=\"#8b5cf6\" class=\"pulse-o\" style=\"animation-delay:.5s\"\/><circle cx=\"12\" cy=\"10\" r=\"2\" fill=\"#3b82f6\" class=\"pulse-o\"\/><circle cx=\"12\" cy=\"26\" r=\"2\" fill=\"#8b5cf6\" class=\"pulse-o\" style=\"animation-delay:.3s\"\/><\/svg>'},{t:\"Equipo de producci\u00f3n completo\",d:\"Drone, c\u00e1mara profesional, iluminaci\u00f3n, color grading en estudio.\",svg:'<svg viewBox=\"0 0 40 40\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"4\" y=\"16\" width=\"32\" height=\"20\" rx=\"2\" stroke=\"#c9a87c\"\/><g style=\"transform-origin:4px 16px;animation:clap 2s ease-in-out infinite 1.5s\"><path d=\"M4 16 L36 16 L36 8 L4 8 Z\" stroke=\"#c9a87c\" fill=\"none\"\/><line x1=\"10\" y1=\"8\" x2=\"14\" y2=\"16\" stroke=\"#8b5cf6\" opacity=\".6\"\/><line x1=\"18\" y1=\"8\" x2=\"22\" y2=\"16\" stroke=\"#8b5cf6\" opacity=\".6\"\/><line x1=\"26\" y1=\"8\" x2=\"30\" y2=\"16\" stroke=\"#8b5cf6\" opacity=\".6\"\/><\/g><path d=\"M16 22 L16 30 L26 26 Z\" stroke=\"#c9a87c\" class=\"pulse-o\"\/><\/svg>'}];\r\n\r\n\/* ===== RENDER ===== *\/\r\ndocument.getElementById('pilaresGrid').innerHTML=pilares.map(p=>`<div class=\"pc anim\"><div class=\"pb\" style=\"background:${p.bg}\"><\/div><div class=\"pi\"><div class=\"pi-icon\">${p.svg}<\/div><h3 class=\"hdb pi-t\">${p.t}<\/h3><p class=\"pi-d\">${p.d}<\/p><\/div><\/div>`).join('');\r\ndocument.getElementById('metricsGrid').innerHTML=metrics.map(m=>`<div class=\"mc anim\"><div class=\"hd mv gt\">${m.v}<\/div><div class=\"ml\">${m.l}<\/div><\/div>`).join('');\r\ndocument.getElementById('serviciosGrid').innerHTML=servicios.map(s=>`<div class=\"sc anim\"><div class=\"sc-l\"><\/div><div class=\"sc-i\">${s.i}<\/div><div class=\"hdb sc-t\">${s.t}<\/div><div class=\"sc-d\">${s.d}<\/div><\/div>`).join('');\r\n\/* verticales render \u2014 movido a footer como links *\/\r\ndocument.getElementById('fasesGrid').innerHTML=fases.map(f=>`<div class=\"fc anim\"><div class=\"fg\"><\/div><div class=\"fp\"><div><\/div><\/div><div class=\"fi\"><div class=\"ft-line\"><\/div><div class=\"fh\"><span class=\"fn\">${f.f}<\/span><span class=\"fb\">${f.b}<\/span><\/div><h3 class=\"hdb ft\">${f.t}<\/h3><ul class=\"fl\">${f.items.map(i=>`<li><span class=\"fd\"><\/span>${i}<\/li>`).join('')}<\/ul><a href=\"${f.ctaUrl||'#contacto'}\" ${f.ctaUrl&&f.ctaUrl.startsWith('http')?'target=\"_blank\" rel=\"noopener\"':''} class=\"fcta\">${f.cta}<\/a>${f.note?`<p class=\"fnt\">${f.note}<\/p>`:''}<\/div><\/div>`).join('');\r\n\/* eventos render \u2014 movido a landing pages propias *\/\r\ndocument.getElementById('giiCards').innerHTML=giiCards.map(c=>`<div class=\"gc anim\"><div class=\"gc-shim\"><\/div><div class=\"gc-in\"><div class=\"gc-i\">${c.svg}<\/div><div><div class=\"hdb gc-t\">${c.t}<\/div><p class=\"gc-d\">${c.d}<\/p><\/div><\/div><\/div>`).join('');\r\n\/* clientes render eliminado *\/\r\ndocument.getElementById('procesoGrid').innerHTML='<div class=\"pr-line\"><div class=\"pr-snake\"><\/div><\/div>'+pasos.map((p,i)=>`<div class=\"anim\" style=\"text-align:center;position:relative\"><div class=\"pr-dot\" style=\"animation:pulse-o 2s ease-in-out infinite ${i*.75}s\"><\/div><div class=\"hdb\" style=\"font-size:1.125rem;margin-bottom:8px;margin-top:24px\">${p.t}<\/div><p style=\"font-size:.875rem;color:var(--ts)\">${p.d}<\/p><\/div>`).join('');\r\nconst tH=techs.map(t=>`<span class=\"mq-i\"><span class=\"mq-d\"><\/span>${t}<\/span>`).join('');document.getElementById('marqueeTrack').innerHTML=tH+tH;\r\ndocument.getElementById('faqList').innerHTML=faqs.map((f,i)=>`<div class=\"faq-i anim\"><button class=\"faq-b\" onclick=\"tgFAQ(${i})\"><span class=\"hdb faq-q\">${f.q}<\/span><span class=\"faq-t\">+<\/span><\/button><div class=\"faq-a\"><p>${f.a}<\/p><\/div><\/div>`).join('');\r\ndocument.getElementById('blogGrid').innerHTML=blogPosts.map(p=>`<article class=\"blc anim\"><div class=\"bl-img\">${p.svg}<\/div><div class=\"bl-b\"><span class=\"bl-tag\">${p.tag}<\/span><h3 class=\"hdb bl-t\">${p.t}<\/h3><p class=\"bl-e\">${p.e}<\/p><a href=\"${p.href}\" class=\"la\" style=\"margin-top:16px\">Leer m\u00e1s ${ARR}<\/a><\/div><\/article>`).join('');\r\n\/* galeria render \u2014 movida a \/galeria\/ *\/\r\n\r\n\/* ===== NAV ===== *\/\r\nfunction tgMenu(){document.getElementById('ham').classList.toggle('o');document.getElementById('mm').classList.toggle('o')}\r\nfunction clMenu(){document.getElementById('ham').classList.remove('o');document.getElementById('mm').classList.remove('o')}\r\nwindow.addEventListener('scroll',()=>{document.getElementById('nav').classList.toggle('scr',window.scrollY>50)},{passive:true});\r\n\r\n\/* ===== SCROLL ANIM ===== *\/\r\nconst obs=new IntersectionObserver(e=>{e.forEach(x=>{if(x.isIntersecting){x.target.classList.add('v');obs.unobserve(x.target)}})},{threshold:.1,rootMargin:'-50px'});\r\ndocument.querySelectorAll('.anim').forEach(el=>obs.observe(el));\r\n\r\n\/* ===== FIX PARPADEO PINCH-ZOOM M\u00d3VIL ===== *\/\r\nif(window.visualViewport){\r\n let zoomT,lastScale=window.visualViewport.scale;\r\n window.visualViewport.addEventListener('resize',()=>{\r\n const s=window.visualViewport.scale;\r\n if(Math.abs(s-lastScale)>0.01){\r\n document.body.classList.add('zooming');\r\n clearTimeout(zoomT);\r\n zoomT=setTimeout(()=>document.body.classList.remove('zooming'),400);\r\n lastScale=s;\r\n }\r\n });\r\n}\r\n\r\n\/* ===== FAQ ===== *\/\r\nfunction tgFAQ(i){document.querySelectorAll('.faq-i').forEach((el,idx)=>{if(idx===i)el.classList.toggle('o');else el.classList.remove('o')})}\r\n\r\n\/* ===== CONTACT FORM eliminado \u2014 ahora Calendly es el CTA principal ===== *\/\r\n\r\n\/* ===== COLOR GRADING SLIDER ===== *\/\r\n(function(){\r\nconst TOTAL=3;let current=0;const sliders=[];\r\nfunction initSlider(idx){\r\nconst vp=document.getElementById('cgViewport'+idx),clip=document.getElementById('cgClip'+idx),line=document.getElementById('cgLine'+idx),handle=document.getElementById('cgHandle'+idx);\r\nif(!vp||!clip||!line||!handle)return;\r\nlet pos=50,dragging=false;\r\nfunction setPos(pct){pos=Math.max(2,Math.min(98,pct));clip.style.clipPath='inset(0 '+(100-pos)+'% 0 0)';line.style.left=pos+'%';handle.style.left=pos+'%'}\r\nfunction getX(e){const r=vp.getBoundingClientRect();const cx=e.touches?e.touches[0].clientX:e.clientX;return((cx-r.left)\/r.width)*100}\r\nvp.addEventListener('mousedown',function(e){e.preventDefault();dragging=true;setPos(getX(e))});\r\nvp.addEventListener('touchstart',function(e){e.preventDefault();dragging=true;setPos(getX(e))},{passive:false});\r\nfunction onMove(e){if(!dragging)return;e.preventDefault();setPos(getX(e))}\r\nfunction onUp(){dragging=false}\r\nwindow.addEventListener('mousemove',onMove);window.addEventListener('touchmove',onMove,{passive:false});\r\nwindow.addEventListener('mouseup',onUp);window.addEventListener('touchend',onUp);\r\nsliders[idx]={setPos};setPos(50)}\r\nfunction goTo(idx){if(idx<0)idx=TOTAL-1;if(idx>=TOTAL)idx=0;current=idx;\r\ndocument.querySelectorAll('.cg-slide').forEach(s=>s.classList.remove('active'));\r\ndocument.querySelectorAll('.cg-dot').forEach(d=>d.classList.remove('active'));\r\nconst slide=document.querySelector('.cg-slide[data-index=\"'+idx+'\"]');\r\nconst dot=document.querySelector('.cg-dot[data-slide=\"'+idx+'\"]');\r\nif(slide)slide.classList.add('active');if(dot)dot.classList.add('active');\r\nif(sliders[idx])sliders[idx].setPos(50)}\r\nfor(let i=0;i<TOTAL;i++)initSlider(i);\r\ndocument.getElementById('cgPrev')?.addEventListener('click',function(){goTo(current-1)});\r\ndocument.getElementById('cgNext')?.addEventListener('click',function(){goTo(current+1)});\r\ndocument.querySelectorAll('.cg-dot').forEach(d=>{d.addEventListener('click',function(){goTo(parseInt(this.dataset.slide))})});\r\n})();\r\n\r\n\/* ===== CHATBOT v2.0 ===== *\/\r\nconst CHAT_WH='https:\/\/n8n.giistudio.com.mx\/webhook\/gii-chat';\r\nconst QR=[{l:\"\u00bfQu\u00e9 servicios ofrecen?\",m:\"\u00bfQu\u00e9 servicios ofrecen?\"},{l:\"Video corporativo\",m:\"\u00bfCu\u00e1nto cuesta un video corporativo?\"},{l:\"Marketing digital\",m:\"\u00bfTrabajan con marketing digital?\"},{l:\"P\u00e1ginas web\",m:\"\u00bfHacen p\u00e1ginas web?\"},{l:\"Bodas & XV a\u00f1os\",m:\"\u00bfTienen paquetes para bodas y XV a\u00f1os?\"},{l:\"\u00bfC\u00f3mo empezamos?\",m:\"\u00bfC\u00f3mo empezamos un proyecto?\"}];\r\nlet chatOpen=false,chatInit=false,sid='gii_'+(Date.now()).toString(36)+'_'+Math.random().toString(36).slice(2,9),msgC=0,lastS=0,chatL=false,ttsOn=false;\r\n\/\/ TTS \u2014 usa webhook de n8n (seguro, API key no se expone al frontend)\r\nconst TTS_WH='https:\/\/n8n.giistudio.com.mx\/webhook\/gii-tts';\r\n\/\/ Silent MP3 data URI para desbloquear audio en iOS\/Android\r\nconst SILENT_MP3='data:audio\/mpeg;base64,SUQzBAAAAAABEVRYWFgAAAAtAAADY29tbWVudABCaWdTb3VuZEJhbmsuY29tIC8gTGFTb25vdGhlcXVlLm9yZwBURU5DAAAAHQAAA1N3aXRjaCBQbHVzIMKpIE5DSCBTb2Z0d2FyZQBUSVQyAAAABgAAAzIyMzUAVFNTRQAAAA8AAANMYXZmNTcuODMuMTAwAAAAAAAAAAAAAAD\/80DEAAAAA0gAAAAATEFNRTMuMTAwVVVVVVVVVVVVVUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV\/80LEWwAAA0gAAAAAVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV\/80DEuwPAAAGkAAAAIAAANIAAAARVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV\/80LE7A\/AAAGkAAAAIAAANIAAAARVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV';\r\nlet ttsAudio=null;\r\nlet ttsUnlocked=false;\r\nfunction tgTTS(){\r\n ttsOn=!ttsOn;\r\n document.getElementById('ttsBtn').classList.toggle('active',ttsOn);\r\n \/\/ CR\u00cdTICO para m\u00f3vil: desbloquear audio en el user gesture (clic del altavoz)\r\n if(ttsOn&&!ttsUnlocked){\r\n if(!ttsAudio)ttsAudio=new Audio();\r\n ttsAudio.src=SILENT_MP3;\r\n const p=ttsAudio.play();\r\n if(p&&p.then){p.then(()=>{ttsUnlocked=true}).catch(e=>console.warn('Audio unlock fall\u00f3:',e))}\r\n }\r\n if(!ttsOn&&ttsAudio){try{ttsAudio.pause()}catch(e){}}\r\n}\r\nasync function speakTTS(text){\r\n if(!ttsOn||!text)return;\r\n try{\r\n const r=await fetch(TTS_WH,{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({text})});\r\n if(!r.ok)throw new Error('tts '+r.status);\r\n const b=await r.blob();\r\n \/\/ Reutilizar el MISMO elemento audio \u2014 clave para que m\u00f3vil no vuelva a bloquear\r\n if(!ttsAudio)ttsAudio=new Audio();\r\n try{ttsAudio.pause()}catch(e){}\r\n ttsAudio.src=URL.createObjectURL(b);\r\n ttsAudio.play().catch(e=>console.warn('TTS autoplay bloqueado:',e));\r\n }catch(e){console.warn('TTS error:',e)}\r\n}\r\nfunction san(s){const d=document.createElement('div');d.textContent=s;return d.innerHTML}\r\nfunction tgChat(){chatOpen=!chatOpen;const w=document.getElementById('chtw'),b=document.getElementById('chtgl');\r\nif(chatOpen){w.classList.add('op');b.innerHTML='<svg style=\"width:24px;height:24px\" 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. \u00bfEn qu\u00e9 puedo ayudarte? Puedo orientarte sobre nuestros servicios de marketing digital, automatizaci\u00f3n con IA, producci\u00f3n visual y m\u00e1s.');showQR()}}\r\nelse{w.classList.remove('op');b.innerHTML='<svg style=\"width:24px;height:24px\" 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\nfunction addMsg(r,t){const m=document.getElementById('chtms'),d=document.createElement('div');d.className='msg msg-'+(r==='b'?'b':'u');d.textContent=t;m.appendChild(d);m.scrollTop=m.scrollHeight;if(r==='b')speakTTS(t)}\r\nfunction showQR(){document.getElementById('qrs').innerHTML=QR.map(q=>`<button class=\"qr\" onclick=\"sendChat('${q.m.replace(\/'\/g,\"\\\\'\")}')\">${q.l}<\/button>`).join('')}\r\nfunction hideQR(){document.getElementById('qrs').innerHTML=''}\r\nasync function sendChat(text){text=san(text.trim());if(!text||msgC>=60||chatL)return;const now=Date.now();if(now-lastS<3000)return;lastS=now;msgC++;\r\naddMsg('u',text);hideQR();document.getElementById('chtIn').value='';chatL=true;\r\nconst 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\ntry{const ctrl=new AbortController();const to=setTimeout(()=>ctrl.abort(),30000);\r\nconst res=await fetch(CHAT_WH,{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({message:text,sessionId:sid,timestamp:new Date().toISOString()}),signal:ctrl.signal});\r\nclearTimeout(to);const data=await res.json();const bt=data?.output||(typeof data==='string'?data:null);\r\ntyp.remove();addMsg('b',bt||'Gracias por tu mensaje. Un miembro de nuestro equipo te contactar\u00e1 pronto.')}\r\ncatch(err){typ.remove();addMsg('b','Hubo un error al conectar. Intenta de nuevo o escr\u00edbenos por WhatsApp.')}\r\nchatL=false}\r\ndocument.getElementById('chtForm').addEventListener('submit',function(e){e.preventDefault();sendChat(document.getElementById('chtIn').value)});\r\ndocument.getElementById('chtIn').addEventListener('input',function(){document.getElementById('chtSn').disabled=!this.value.trim()});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Gii Studio \u2014 Estrategia Visual \u00b7 Marketing \u00b7 Automatizaci\u00f3n IA GiiStudioServiciosCasos de usoC\u00f3mo trabajamosBlogContactoAgendar llamadaServiciosCasos de usoC\u00f3mo trabajamosBlogContactoAgendar llamada PARA NEGOCIOS QUE QUIEREN CRECER EN SERIO \u00bfTu negocio depende de ti para conseguir cada cliente? Construimos el sistema que capta, atiende y convierte por ti.Mientras t\u00fa te enfocas en lo que mejor haces. Quiero mi […]<\/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-218","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/218","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=218"}],"version-history":[{"count":330,"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/218\/revisions"}],"predecessor-version":[{"id":952,"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/pages\/218\/revisions\/952"}],"wp:attachment":[{"href":"https:\/\/giistudio.com.mx\/en\/wp-json\/wp\/v2\/media?parent=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}