{"id":12,"date":"2026-06-24T00:01:02","date_gmt":"2026-06-24T00:01:02","guid":{"rendered":"https:\/\/ccmexico.com.mx\/crea-tu-sitio-web\/?page_id=12"},"modified":"2026-06-29T18:09:48","modified_gmt":"2026-06-29T18:09:48","slug":"inicio","status":"publish","type":"page","link":"https:\/\/ccmexico.com.mx\/crea-tu-sitio-web\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-15b12eac elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"15b12eac\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a7536e2\" data-id=\"6a7536e2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6b3361b7 elementor-widget elementor-widget-html\" data-id=\"6b3361b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ======================================================\n   CANACO CDMX \u00d7 Cleepo \u2014 Landing Page\n   ====================================================== *\/\n\n#cc-landing{\n  --rojo:#C8102E;\n  --rojo-oscuro:#9c0c22;\n  --azul:#0A2647;\n  --azul-claro:#13427a;\n  --teal:#00B8A9;\n  --gris-bg:#F5F6F8;\n  --gris-texto:#5b6470;\n  --blanco:#ffffff;\n  --radius:12px;\n  --max:1320px;\n}\n\n#cc-landing, #cc-landing *{margin:0;padding:0;box-sizing:border-box;}\nhtml{scroll-behavior:smooth;}\n#cc-landing{\n  font-family:\"Poppins\",Arial,Helvetica,sans-serif;\n  color:#1d2733;\n  background:var(--blanco);\n  line-height:1.5;\n  -webkit-font-smoothing:antialiased;\n}\n#cc-landing img{max-width:100%;display:block;}\n#cc-landing a{text-decoration:none;color:inherit;}\n#cc-landing ul{list-style:none;}\n#cc-landing button{font-family:inherit;cursor:pointer;border:none;background:none;}\n#cc-landing .cc-container{max-width:var(--max);margin:0 auto;padding:0 24px;}\n#cc-landing svg{display:block;}\n\n\/* Visible focus state for accessibility *\/\n#cc-landing a:focus-visible, #cc-landing button:focus-visible{\n  outline:3px solid var(--teal);\n  outline-offset:2px;\n  border-radius:4px;\n}\n\n@media (prefers-reduced-motion: reduce){\n  html{scroll-behavior:auto;}\n  #cc-landing, #cc-landing *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;}\n}\n\n\/* ============ TOPBAR ============ *\/\n#cc-landing .cc-topbar{\n  background:var(--azul);\n  color:#cfd9e8;\n  font-size:13px;\n  padding:9px 0;\n}\n#cc-landing .cc-topbar .cc-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}\n#cc-landing .cc-topbar .cc-info{display:flex;flex-wrap:wrap;gap:0;}\n#cc-landing .cc-topbar .cc-info span{\n  margin-right:28px;display:inline-flex;align-items:center;gap:6px;\n}\n#cc-landing .cc-topbar .cc-info svg{width:14px;height:14px;flex-shrink:0;color:var(--teal);}\n#cc-landing .cc-topbar .cc-social{display:flex;}\n#cc-landing .cc-topbar .cc-social a{\n  display:inline-flex;align-items:center;justify-content:center;\n  width:26px;height:26px;border-radius:50%;\n  background:rgba(255,255,255,0.12);margin-left:8px;\n  color:#fff;transition:background .2s;\n}\n#cc-landing .cc-topbar .cc-social a:hover{background:var(--teal);}\n#cc-landing .cc-topbar .cc-social svg{width:13px;height:13px;}\n\n\/* ============ HEADER ============ *\/\n#cc-landing header{\n  background:#fff;\n  box-shadow:0 2px 10px rgba(10,38,71,0.06);\n  padding:16px 0;\n  position:sticky;\n  top:0;\n  z-index:200;\n  transition:box-shadow .25s, padding .25s;\n}\n#cc-landing header.cc-is-scrolled{padding:10px 0;box-shadow:0 6px 18px rgba(10,38,71,0.12);}\n#cc-landing header .cc-container{display:flex;justify-content:space-between;align-items:center;}\n\n#cc-landing .cc-logos{display:flex;align-items:center;}\n#cc-landing .cc-logos > *{margin-left:16px;}\n#cc-landing .cc-logos > *:first-child{margin-left:0;}\n#cc-landing .cc-logo-canaco{\n  font-weight:800;font-size:21px;color:var(--azul);letter-spacing:0.3px;\n  display:flex;flex-direction:column;line-height:1.05;\n}\n#cc-landing .cc-logo-canaco span{font-size:10.5px;font-weight:600;color:var(--rojo);letter-spacing:1.4px;}\n#cc-landing .cc-alianza-x{font-size:17px;color:#c3c9d2;font-weight:300;}\n#cc-landing .cc-logo-cleepo{\n  font-weight:800;font-size:19px;color:var(--teal);\n  display:flex;align-items:center;\n}\n#cc-landing .cc-logo-cleepo .cc-dot{\n  width:8px;height:8px;border-radius:50%;background:var(--rojo);\n  display:inline-block;margin-right:6px;\n}\n\n#cc-landing nav.cc-main-nav{display:flex;align-items:center;}\n#cc-landing nav.cc-main-nav > a{margin-left:30px;font-size:14.5px;font-weight:600;color:#33414f;transition:color .2s;}\n#cc-landing nav.cc-main-nav > a:first-child{margin-left:0;}\n#cc-landing nav.cc-main-nav > a:hover{color:var(--rojo);}\n#cc-landing nav.cc-main-nav > a.cc-active{color:var(--rojo);}\n#cc-landing .cc-btn-nav{\n  background:var(--rojo) !important;color:#fff !important;padding:11px 24px;border-radius:7px;\n  font-weight:700 !important;font-size:14px;transition:background .2s, transform .15s;\n}\n#cc-landing .cc-btn-nav:hover{background:var(--rojo-oscuro) !important;transform:translateY(-1px);}\n\n#cc-landing .cc-menu-toggle{\n  display:none;\n  width:42px;height:42px;border-radius:8px;\n  align-items:center;justify-content:center;\n  background:var(--gris-bg);color:var(--azul);\n}\n#cc-landing .cc-menu-toggle svg{width:22px;height:22px;}\n#cc-landing .cc-menu-toggle .cc-icon-close{display:none;}\n#cc-landing .cc-menu-toggle.cc-is-open .cc-icon-burger{display:none;}\n#cc-landing .cc-menu-toggle.cc-is-open .cc-icon-close{display:block;}\n\n\/* ============ BOTONES GLOBALES ============ *\/\n#cc-landing .cc-btn-cta{\n  display:inline-block;background:var(--rojo);color:#fff;font-weight:700;\n  font-size:15.5px;padding:16px 32px;border-radius:8px;\n  box-shadow:0 10px 24px rgba(200,16,46,0.3);\n  transition:transform .15s, box-shadow .15s, background .2s;\n}\n#cc-landing .cc-btn-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(200,16,46,0.38);background:var(--rojo-oscuro);}\n#cc-landing .cc-btn-cta.cc-btn-azul{background:var(--azul);box-shadow:0 10px 24px rgba(10,38,71,0.25);}\n#cc-landing .cc-btn-cta.cc-btn-azul:hover{background:#0d3360;}\n#cc-landing .cc-btn-cta.cc-btn-white{background:#fff;color:var(--rojo);box-shadow:0 10px 24px rgba(0,0,0,0.18);}\n#cc-landing .cc-btn-cta.cc-btn-white:hover{background:#fff0f1;}\n\n#cc-landing .cc-hero-sub-link{\n  display:inline-flex;align-items:center;gap:6px;margin-left:18px;color:#fff;font-weight:600;font-size:14px;\n  border-bottom:1px solid rgba(255,255,255,0.5);padding-bottom:3px;transition:border-color .2s, gap .2s;\n}\n#cc-landing .cc-hero-sub-link:hover{border-color:#fff;gap:9px;}\n#cc-landing .cc-hero-sub-link svg{width:14px;height:14px;}\n\n\/* ============ HERO ============ *\/\n#cc-landing .cc-hero{\n  background:linear-gradient(120deg,var(--azul) 0%, #103a6b 60%, var(--azul-claro) 100%);\n  color:#fff;position:relative;overflow:hidden;\n}\n#cc-landing .cc-hero .cc-blob-1{\n  position:absolute;right:-120px;top:-160px;width:480px;height:480px;\n  border-radius:50%;background:rgba(0,184,169,0.15);pointer-events:none;\n}\n#cc-landing .cc-hero .cc-blob-2{\n  position:absolute;left:-100px;bottom:-180px;width:380px;height:380px;\n  border-radius:50%;background:rgba(200,16,46,0.18);pointer-events:none;\n}\n#cc-landing .cc-hero .cc-container{\n  display:flex;flex-direction:column;align-items:center;text-align:center;\n  padding-top:84px;padding-bottom:90px;position:relative;z-index:2;\n}\n#cc-landing .cc-badge{\n  display:inline-flex;align-items:center;gap:7px;\n  background:rgba(255,255,255,0.14);\n  border:1px solid rgba(255,255,255,0.35);\n  color:#fff;font-size:12.5px;font-weight:700;letter-spacing:0.5px;\n  padding:7px 16px;border-radius:20px;margin-bottom:22px;text-transform:uppercase;\n}\n#cc-landing .cc-badge svg{width:13px;height:13px;color:var(--teal);}\n#cc-landing .cc-hero h1{\n  font-size:44px;font-weight:800;line-height:1.18;margin-bottom:20px;max-width:780px;\n}\n#cc-landing .cc-hero h1 em{color:var(--teal);font-style:normal;}\n#cc-landing .cc-hero p.lead{\n  font-size:17px;line-height:1.65;color:#cfd9ec;max-width:620px;margin:0 auto 30px;\n}\n#cc-landing .cc-hero-points{margin-bottom:34px;display:flex;flex-wrap:wrap;justify-content:center;}\n#cc-landing .cc-hero-points li{\n  display:flex;align-items:center;\n  font-size:14.5px;color:#e7edf7;margin:0 22px 11px 0;\n}\n#cc-landing .cc-hero-points li:last-child{margin-right:0;}\n#cc-landing .cc-hero-points li .cc-ck{\n  width:20px;height:20px;border-radius:50%;background:var(--teal);\n  display:flex;align-items:center;justify-content:center;flex-shrink:0;\n  margin-right:9px;\n}\n#cc-landing .cc-hero-points li .cc-ck svg{width:11px;height:11px;color:#06302c;}\n#cc-landing .cc-hero-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px;}\n\n\/* ============ STATS \/ INTRO ============ *\/\n#cc-landing .cc-stats{background:var(--gris-bg);padding:54px 0;}\n#cc-landing .cc-stats .cc-container{display:flex;align-items:center;flex-wrap:wrap;gap:40px;}\n#cc-landing .cc-stats-numbers{display:flex;flex:1 1 280px;gap:24px;}\n#cc-landing .cc-stat-box{text-align:center;flex:1;}\n#cc-landing .cc-stat-box .cc-num{font-size:40px;font-weight:800;color:var(--rojo);line-height:1;}\n#cc-landing .cc-stat-box .cc-label{font-size:13.5px;color:var(--gris-texto);margin-top:6px;font-weight:600;}\n#cc-landing .cc-stats-text{flex:2 1 420px;font-size:15px;color:#33414f;line-height:1.7;}\n#cc-landing .cc-stats-text b{color:var(--azul);}\n\n\/* ============ T\u00cdTULOS DE SECCI\u00d3N ============ *\/\n#cc-landing .cc-sec-tag{\n  display:inline-flex;align-items:center;color:var(--rojo);font-weight:700;\n  font-size:12.5px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px;\n}\n#cc-landing .cc-sec-tag:before{\n  content:\"\";width:26px;height:3px;background:var(--rojo);\n  display:inline-block;border-radius:2px;margin-right:8px;\n}\n#cc-landing .cc-sec-title{font-size:30px;font-weight:800;color:var(--azul);margin-bottom:14px;max-width:680px;}\n#cc-landing .cc-sec-sub{font-size:15px;color:var(--gris-texto);max-width:640px;line-height:1.6;margin-bottom:40px;}\n#cc-landing .cc-head{text-align:center;}\n#cc-landing .cc-head .cc-sec-title, #cc-landing .cc-head .cc-sec-sub{margin-left:auto;margin-right:auto;}\n#cc-landing .cc-head .cc-sec-tag{justify-content:center;width:100%;}\n\n\/* ============ BENEFICIOS ============ *\/\n#cc-landing .cc-beneficios{padding:84px 0;}\n#cc-landing .cc-grid-benef{display:flex;flex-wrap:wrap;gap:26px;}\n#cc-landing .cc-benef-card{\n  flex:1 1 300px;\n  background:#fff;border:1px solid #ebedf1;border-radius:var(--radius);padding:30px 26px;\n  box-shadow:0 8px 24px rgba(10,38,71,0.05);\n  transition:transform .2s, box-shadow .2s;\n}\n#cc-landing .cc-benef-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(10,38,71,0.1);}\n#cc-landing .cc-benef-card .cc-ico{\n  width:50px;height:50px;border-radius:12px;background:rgba(200,16,46,0.08);\n  display:flex;align-items:center;justify-content:center;margin-bottom:18px;\n}\n#cc-landing .cc-benef-card .cc-ico svg{width:24px;height:24px;color:var(--rojo);}\n#cc-landing .cc-benef-card h3{font-size:16.5px;font-weight:700;color:var(--azul);margin-bottom:8px;}\n#cc-landing .cc-benef-card p{font-size:13.5px;color:var(--gris-texto);line-height:1.55;}\n#cc-landing .cc-benef-cta{text-align:center;margin-top:44px;}\n\n\/* ============ COMO FUNCIONA ============ *\/\n#cc-landing .cc-funciona{background:var(--azul);padding:84px 0;color:#fff;position:relative;overflow:hidden;}\n#cc-landing .cc-funciona .cc-blob{\n  position:absolute;right:-150px;bottom:-150px;width:420px;height:420px;\n  border-radius:50%;background:rgba(0,184,169,0.12);pointer-events:none;\n}\n#cc-landing .cc-funciona .cc-head{position:relative;z-index:2;}\n#cc-landing .cc-funciona .cc-sec-title{color:#fff;}\n#cc-landing .cc-funciona .cc-sec-sub{color:#c9d4e6;}\n#cc-landing .cc-funciona .cc-sec-tag{color:var(--teal);}\n#cc-landing .cc-funciona .cc-sec-tag:before{background:var(--teal);}\n#cc-landing .cc-grid-pasos{display:flex;flex-wrap:wrap;gap:30px;position:relative;z-index:2;}\n#cc-landing .cc-paso{\n  flex:1 1 280px;\n  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);\n  border-radius:var(--radius);padding:32px 26px;text-align:center;\n  transition:background .2s, transform .2s;\n}\n#cc-landing .cc-paso:hover{background:rgba(255,255,255,0.1);transform:translateY(-4px);}\n#cc-landing .cc-paso .cc-n{\n  width:42px;height:42px;border-radius:50%;background:var(--rojo);color:#fff;font-weight:800;\n  display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:17px;\n}\n#cc-landing .cc-paso h3{font-size:16.5px;font-weight:700;margin-bottom:10px;}\n#cc-landing .cc-paso p{font-size:13.5px;color:#cfd9ec;line-height:1.55;}\n\n\/* ============ INVITACI\u00d3N A VIDEO (dentro de El Proceso) ============ *\/\n#cc-landing .cc-video-invite{margin-top:56px;text-align:center;position:relative;z-index:2;}\n#cc-landing .cc-video-heading{font-size:21px;font-weight:800;color:#fff;margin-bottom:8px;}\n#cc-landing .cc-video-text{font-size:14.5px;color:#c9d4e6;margin-bottom:26px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.6;}\n#cc-landing .cc-video-wrap{\n  position:relative;max-width:760px;margin:0 auto;border-radius:16px;overflow:hidden;\n  box-shadow:0 25px 55px rgba(0,0,0,0.4);aspect-ratio:16\/9;background:#000;\n  border:1px solid rgba(255,255,255,0.12);\n}\n#cc-landing .cc-video-wrap video{width:100%;height:100%;display:block;object-fit:cover;background:#000;}\n#cc-landing .cc-video-play{\n  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\n  width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,0.96);\n  display:flex;align-items:center;justify-content:center;color:var(--rojo);\n  box-shadow:0 12px 28px rgba(0,0,0,0.4);transition:transform .2s ease, background .2s ease;\n  cursor:pointer;\n}\n#cc-landing .cc-video-play:hover{transform:translate(-50%,-50%) scale(1.08);background:#fff;}\n#cc-landing .cc-video-play svg{margin-left:3px;}\n#cc-landing .cc-video-wrap.cc-playing .cc-video-play{display:none;}\n#cc-landing .cc-video-badge{\n  position:absolute;top:16px;left:16px;background:rgba(10,38,71,0.75);color:#fff;\n  font-size:11px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;\n  padding:6px 12px;border-radius:20px;z-index:3;\n}\n#cc-landing .cc-video-wrap.cc-playing .cc-video-badge{display:none;}\n\n\/* ============ EJEMPLOS ============ *\/\n#cc-landing .cc-ejemplos{padding:84px 0;background:var(--gris-bg);}\n#cc-landing .cc-grid-ejemplos{display:flex;flex-wrap:wrap;gap:22px;}\n#cc-landing .cc-ej-card{\n  flex:1 1 220px;\n  background:#fff;border-radius:var(--radius);overflow:hidden;\n  box-shadow:0 8px 22px rgba(10,38,71,0.06);\n  transition:transform .2s, box-shadow .2s;\n}\n#cc-landing .cc-ej-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(10,38,71,0.12);}\n#cc-landing .cc-ej-img{\n  height:120px;background:linear-gradient(135deg,var(--azul-claro),var(--teal));\n  display:flex;align-items:center;justify-content:center;color:#fff;\n}\n#cc-landing .cc-ej-img svg{width:34px;height:34px;}\n#cc-landing .cc-ej-card .cc-lbl{padding:16px 14px;font-size:14.5px;font-weight:700;color:var(--azul);text-align:center;}\n\n\/* ============ CTA FINAL ============ *\/\n#cc-landing .cc-cta-final{\n  background:linear-gradient(120deg,var(--rojo) 0%, var(--rojo-oscuro) 100%);\n  padding:68px 0;color:#fff;text-align:center;\n}\n#cc-landing .cc-cta-final h2{font-size:30px;font-weight:800;margin-bottom:14px;max-width:780px;margin-left:auto;margin-right:auto;}\n#cc-landing .cc-cta-final p{font-size:15px;color:#ffe2e6;max-width:600px;margin:0 auto 28px;line-height:1.6;}\n#cc-landing .cc-cta-final .cc-hero-actions{justify-content:center;}\n\n\/* ============ FOOTER ============ *\/\n#cc-landing footer{background:#081a30;color:#9fb0c8;padding:0px 0 24px;position:relative;}\n#cc-landing .cc-foot-grid{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:40px;}\n#cc-landing .cc-foot-col-brand{flex:2 1 280px;}\n#cc-landing .cc-foot-col{flex:1 1 150px;}\n#cc-landing .cc-foot-grid h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:18px;}\n#cc-landing .cc-foot-grid p, #cc-landing .cc-foot-grid a{font-size:13px;line-height:1.9;color:#9fb0c8;display:block;}\n#cc-landing .cc-foot-grid a:hover{color:var(--teal);}\n#cc-landing .cc-foot-contact-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;}\n#cc-landing .cc-foot-contact-item svg{width:14px;height:14px;flex-shrink:0;margin-top:3px;color:var(--teal);}\n#cc-landing .cc-foot-logo{font-size:19px;font-weight:800;color:#fff;margin-bottom:14px;}\n#cc-landing .cc-foot-logo span{color:var(--rojo);}\n#cc-landing .cc-foot-social{display:flex;margin-top:16px;}\n#cc-landing .cc-foot-social a{\n  width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.08);\n  display:flex;align-items:center;justify-content:center;color:#fff;margin-right:10px;\n  transition:background .2s;\n}\n#cc-landing .cc-foot-social a:hover{background:var(--teal);}\n#cc-landing .cc-foot-social svg{width:14px;height:14px;}\n#cc-landing .cc-foot-bottom{\n  border-top:1px solid rgba(255,255,255,0.08);padding-top:20px;\n  display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;\n  font-size:12.5px;color:#6f84a0;\n}\n#cc-landing .cc-foot-bottom a{color:#6f84a0;}\n#cc-landing .cc-foot-bottom a:hover{color:var(--teal);}\n\n\/* ============ WHATSAPP FLOTANTE ============ *\/\n#cc-landing .cc-wa-float-btn{\n  position:fixed;right:24px;bottom:24px;z-index:300;\n  width:60px;height:60px;border-radius:50%;\n  background:#25D366;color:#fff;\n  display:flex;align-items:center;justify-content:center;\n  box-shadow:0 10px 26px rgba(0,0,0,0.28);\n  transition:transform .2s;\n}\n#cc-landing .cc-wa-float-btn:hover{transform:scale(1.08);}\n#cc-landing .cc-wa-float-btn svg{width:30px;height:30px;}\n#cc-landing .cc-wa-panel{\n  position:fixed;right:24px;bottom:96px;z-index:299;width:280px;max-width:calc(100vw - 48px);\n  background:#fff;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,0.25);\n  overflow:hidden;\n  opacity:0;visibility:hidden;transform:translateY(12px);\n  transition:opacity .2s, transform .2s, visibility .2s;\n}\n#cc-landing .cc-wa-panel.cc-is-open{opacity:1;visibility:visible;transform:translateY(0);}\n#cc-landing .cc-wa-panel-head{\n  background:#25D366;color:#fff;padding:12px 16px;font-size:13px;font-weight:700;\n  display:flex;align-items:center;gap:8px;\n}\n#cc-landing .cc-wa-panel-head svg{width:18px;height:18px;}\n#cc-landing .cc-wa-panel-body{padding:16px;font-size:13px;color:#33414f;line-height:1.55;}\n#cc-landing .cc-wa-panel-link{\n  margin:0 16px 16px;background:#25D366;color:#fff;text-align:center;font-size:13px;font-weight:700;\n  padding:11px 0;border-radius:8px;display:block;transition:background .2s;\n}\n#cc-landing .cc-wa-panel-link:hover{background:#1ebc59;}\n\n\/* ============ RESPONSIVE ============ *\/\n@media (max-width:1024px){\n  #cc-landing .cc-hero h1{font-size:36px;}\n  #cc-landing .cc-sec-title{font-size:26px;}\n  #cc-landing .cc-grid-benef .cc-benef-card{flex:1 1 45%;}\n}\n\n@media (max-width:860px){\n  #cc-landing .cc-topbar .cc-info span:nth-child(2){display:none;}\n  #cc-landing nav.cc-main-nav{\n    position:fixed;top:0;right:0;height:100vh;width:78%;max-width:320px;\n    background:#fff;flex-direction:column;align-items:flex-start;\n    padding:90px 28px 28px;box-shadow:-10px 0 30px rgba(0,0,0,0.15);\n    transform:translateX(100%);transition:transform .3s ease;\n    z-index:199;\n  }\n  #cc-landing nav.cc-main-nav.cc-is-open{transform:translateX(0);}\n  #cc-landing nav.cc-main-nav > a{margin:0 0 22px 0;font-size:16px;}\n  #cc-landing nav.cc-main-nav > a:first-child{margin-left:0;}\n  #cc-landing .cc-btn-nav{width:100%;text-align:center;}\n  #cc-landing .cc-menu-toggle{display:flex;}\n  #cc-landing .cc-nav-overlay{\n    display:none;position:fixed;inset:0;background:rgba(8,26,48,0.5);z-index:198;\n  }\n  #cc-landing .cc-nav-overlay.cc-is-open{display:block;}\n}\n\n@media (max-width:768px){\n  #cc-landing .cc-hero h1{font-size:30px;}\n  #cc-landing .cc-hero p.lead{font-size:15.5px;}\n  #cc-landing .cc-sec-title{font-size:23px;}\n  #cc-landing .cc-stats .cc-container{flex-direction:column;align-items:stretch;}\n  #cc-landing .cc-grid-benef .cc-benef-card{flex:1 1 100%;}\n  #cc-landing .cc-grid-pasos .cc-paso{flex:1 1 100%;}\n  #cc-landing .cc-grid-ejemplos .cc-ej-card{flex:1 1 44%;}\n  #cc-landing .cc-foot-grid{gap:30px;}\n  #cc-landing .cc-foot-bottom{flex-direction:column;text-align:center;}\n  #cc-landing .cc-wa-float-btn{width:54px;height:54px;right:16px;bottom:16px;}\n  #cc-landing .cc-wa-panel{right:16px;bottom:84px;}\n  #cc-landing .cc-video-play{width:60px;height:60px;}\n  #cc-landing .cc-video-heading{font-size:18px;}\n}\n\n@media (max-width:480px){\n  #cc-landing .cc-hero .cc-container{padding-top:64px;padding-bottom:64px;}\n  #cc-landing .cc-hero h1{font-size:25px;}\n  #cc-landing .cc-badge{font-size:11px;}\n  #cc-landing .cc-grid-ejemplos .cc-ej-card{flex:1 1 100%;}\n  #cc-landing .cc-btn-cta{width:100%;text-align:center;}\n  #cc-landing .cc-hero-actions{flex-direction:column;width:100%;}\n  #cc-landing .cc-hero-sub-link{margin-left:0;}\n  #cc-landing .cc-cta-final .cc-hero-actions{flex-direction:column;}\n  #cc-landing .cc-topbar .cc-info span{margin-right:16px;font-size:12px;}\n}\n\n<\/style>\n\n<div id=\"cc-landing\">\n<!-- ======================================================\n     SPRITE DE ICONOS (no se muestra directamente)\n     ====================================================== -->\n<svg style=\"display:none\" aria-hidden=\"true\">\n  <defs>\n    <g id=\"ico-stroke-defaults\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g>\n\n    <symbol id=\"cc-icon-pin\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 21s-7-5.5-7-11a7 7 0 1 1 14 0c0 5.5-7 11-7 11z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n      <circle cx=\"12\" cy=\"10\" r=\"2.3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-mail\" viewBox=\"0 0 24 24\">\n      <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n      <path d=\"M3.5 6.5L12 13l8.5-6.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-phone\" viewBox=\"0 0 24 24\">\n      <path d=\"M7.3 4h-2.8c-.6 0-1 .4-1 1 0 8.8 7.2 16 16 16 .6 0 1-.4 1-1v-2.8c0-.5-.4-.9-.8-1l-3.2-.7c-.4-.1-.8 0-1 .3l-1 1.3a12.4 12.4 0 0 1-5.8-5.8l1.3-1c.3-.2.4-.6.3-1L9.6 5.8c-.1-.5-.5-.8-1-.8z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-facebook\" viewBox=\"0 0 24 24\">\n      <path d=\"M14.5 8.7h2V6h-2.2c-2 0-3.3 1.4-3.3 3.4V11H9v2.7h2v6.3h2.8v-6.3h2.1l.4-2.7h-2.5V9.5c0-.5.3-.8.7-.8z\" fill=\"currentColor\" stroke=\"none\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-linkedin\" viewBox=\"0 0 24 24\">\n      <circle cx=\"6\" cy=\"6.2\" r=\"1.7\" fill=\"currentColor\" stroke=\"none\"\/>\n      <rect x=\"4.6\" y=\"10\" width=\"2.8\" height=\"9.4\" fill=\"currentColor\" stroke=\"none\"\/>\n      <path d=\"M10.4 10h2.7v1.4c.6-1 1.6-1.6 2.9-1.6 2.2 0 3.5 1.4 3.5 4v5.6h-2.8v-5c0-1.2-.5-2-1.7-2-1 0-1.6.7-1.9 1.4-.1.3-.1.6-.1 1v4.6h-2.7c.1-1.6.1-8 0-9.4z\" fill=\"currentColor\" stroke=\"none\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-x\" viewBox=\"0 0 24 24\">\n      <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"currentColor\" stroke-width=\"1.9\"\/>\n      <line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\" stroke=\"currentColor\" stroke-width=\"1.9\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-check\" viewBox=\"0 0 24 24\">\n      <polyline points=\"4 12.5 9 17.5 20 5.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-globe\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <path d=\"M12 3c2.8 2.4 4.3 5.6 4.3 9s-1.5 6.6-4.3 9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <path d=\"M12 3c-2.8 2.4-4.3 5.6-4.3 9s1.5 6.6 4.3 9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-edit\" viewBox=\"0 0 24 24\">\n      <path d=\"M16.7 3.3a1.7 1.7 0 0 1 2.4 0l1.6 1.6a1.7 1.7 0 0 1 0 2.4L8.4 19.6 3 21l1.4-5.4 12.3-12.3z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n      <line x1=\"14.6\" y1=\"5.4\" x2=\"18.6\" y2=\"9.4\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-chat\" viewBox=\"0 0 24 24\">\n      <path d=\"M21 11.5a8.5 8.5 0 0 1-12.4 7.6L3 21l1.9-5.4A8.5 8.5 0 1 1 21 11.5z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-tag\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 11.5V5.8c0-1 .8-1.8 1.8-1.8h5.7c.5 0 1 .2 1.3.6l8 8c.7.7.7 1.9 0 2.6l-6 6c-.7.7-1.9.7-2.6 0l-8-8c-.4-.3-.6-.8-.6-1.3z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n      <circle cx=\"7.7\" cy=\"8.2\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-trend\" viewBox=\"0 0 24 24\">\n      <polyline points=\"3 16.5 9.5 10 13.5 14 21 6.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <polyline points=\"14.5 6.5 21 6.5 21 13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-award\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8.2\" r=\"5.2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <path d=\"M8.3 12.7L7 21.5l5-2.8 5 2.8-1.3-8.8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-building\" viewBox=\"0 0 24 24\">\n      <rect x=\"4.5\" y=\"2.5\" width=\"15\" height=\"19\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <line x1=\"8\" y1=\"6.5\" x2=\"9.6\" y2=\"6.5\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <line x1=\"14.4\" y1=\"6.5\" x2=\"16\" y2=\"6.5\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <line x1=\"8\" y1=\"10.5\" x2=\"9.6\" y2=\"10.5\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <line x1=\"14.4\" y1=\"10.5\" x2=\"16\" y2=\"10.5\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <line x1=\"8\" y1=\"14.5\" x2=\"9.6\" y2=\"14.5\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <line x1=\"14.4\" y1=\"14.5\" x2=\"16\" y2=\"14.5\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <path d=\"M10.2 21.5v-4c0-1 .8-1.8 1.8-1.8s1.8.8 1.8 1.8v4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-medical\" viewBox=\"0 0 24 24\">\n      <rect x=\"9.3\" y=\"3\" width=\"5.4\" height=\"18\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <rect x=\"3\" y=\"9.3\" width=\"18\" height=\"5.4\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-scale\" viewBox=\"0 0 24 24\">\n      <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"20\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <line x1=\"4\" y1=\"7\" x2=\"20\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n      <path d=\"M4 7l-2.3 5.2a2.9 2.9 0 0 0 5.6 0L5 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n      <path d=\"M20 7l-2.3 5.2a2.9 2.9 0 0 0 5.6 0L21 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-key\" viewBox=\"0 0 24 24\">\n      <circle cx=\"6\" cy=\"12\" r=\"3.4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n      <circle cx=\"6\" cy=\"12\" r=\"0.9\" fill=\"currentColor\" stroke=\"none\"\/>\n      <line x1=\"9.4\" y1=\"12\" x2=\"19.5\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n      <line x1=\"14\" y1=\"12\" x2=\"14\" y2=\"15\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n      <line x1=\"17\" y1=\"12\" x2=\"17\" y2=\"16\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-whatsapp\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 2.5a9.5 9.5 0 0 0-8.2 14.3L2.5 21.5l4.9-1.3A9.5 9.5 0 1 0 12 2.5z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\n      <path d=\"M8.3 8.6c.3-.6.9-.6 1.3-.2l.9.8c.3.3.4.7.2 1.1l-.4.9c-.2.4-.1.8.2 1.1.8.9 1.8 1.6 2.9 2 .4.2.8 0 1-.3l.8-.9c.3-.3.7-.4 1.1-.2l1 .6c.5.3.6 1 .2 1.4-1.6 1.6-4.1 1.3-6-.4-1.9-1.7-2.8-4.2-1.2-5.9z\" fill=\"currentColor\" stroke=\"none\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-menu\" viewBox=\"0 0 24 24\">\n      <line x1=\"4\" y1=\"7\" x2=\"20\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1.9\"\/>\n      <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"1.9\"\/>\n      <line x1=\"4\" y1=\"17\" x2=\"20\" y2=\"17\" stroke=\"currentColor\" stroke-width=\"1.9\"\/>\n    <\/symbol>\n\n    <symbol id=\"cc-icon-arrow-right\" viewBox=\"0 0 24 24\">\n      <line x1=\"4\" y1=\"12\" x2=\"19\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"1.9\"\/>\n      <polyline points=\"13.5 6 19.5 12 13.5 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/symbol>\n  <\/defs>\n<\/svg>\n\n<!-- ======================================================\n     TOPBAR\n     ====================================================== -->\n<!--<div class=\"cc-topbar\">-->\n<!--  <div class=\"cc-container\">-->\n<!--    <div class=\"cc-info\">-->\n<!--      <span><svg width=\"14\" height=\"14\"><use href=\"#cc-icon-pin\"\/><\/svg> Paseo de la Reforma 42 Colonia Centro<\/span>-->\n<!--      <span><svg width=\"14\" height=\"14\"><use href=\"#cc-icon-mail\"\/><\/svg> contacto@canacocdmx.org.mx<\/span>-->\n<!--      <span><svg width=\"14\" height=\"14\"><use href=\"#cc-icon-phone\"\/><\/svg> +52 55 0000 0000<\/span>-->\n<!--    <\/div>-->\n<!--    <div class=\"cc-social\">-->\n<!--      <a href=\"#\" aria-label=\"Facebook\"><svg width=\"13\" height=\"13\"><use href=\"#cc-icon-facebook\"\/><\/svg><\/a>-->\n<!--      <a href=\"#\" aria-label=\"LinkedIn\"><svg width=\"13\" height=\"13\"><use href=\"#cc-icon-linkedin\"\/><\/svg><\/a>-->\n<!--      <a href=\"#\" aria-label=\"X (Twitter)\"><svg width=\"13\" height=\"13\"><use href=\"#cc-icon-x\"\/><\/svg><\/a>-->\n<!--    <\/div>-->\n<!--  <\/div>-->\n<!--<\/div>-->\n\n<!-- ======================================================\n     HEADER\n     ====================================================== -->\n<header>\n  <div class=\"cc-container\">\n    <div class=\"cc-logos\">\n      \n      <div class=\"cc-logo-canaco\"><img decoding=\"async\" src=\"wp-content\/uploads\/elementor\/img\/optimized.webp\" alt=\"CANACO Ciudad de M\u00e9xico\" style=\"width: 35%\"><\/div>\n    <\/div>\n\n    <nav class=\"cc-main-nav\" aria-label=\"Navegaci\u00f3n principal\">\n      <a href=\"#cc-registro\">Beneficio CANACO<\/a>\n      <a href=\"#cc-beneficios\">Ventajas<\/a>\n      <a href=\"#cc-como-funciona\">El Proceso<\/a>\n      <a href=\"#cc-ejemplos\">Vista Previa<\/a>\n      <a class=\"cc-btn-nav\" href=\"https:\/\/app.cleepo.ai\/cleepo\/auth\/register?offer=ccmexico\" target=\"_blank\">Quiero Mi P\u00e1gina<\/a>\n    <\/nav>\n\n    <button class=\"cc-menu-toggle\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\">\n      <svg class=\"cc-icon-burger\" width=\"22\" height=\"22\"><use href=\"#cc-icon-menu\"\/><\/svg>\n      <svg class=\"cc-icon-close\" width=\"22\" height=\"22\"><use href=\"#cc-icon-x\"\/><\/svg>\n    <\/button>\n  <\/div>\n<\/header>\n\n<div class=\"cc-nav-overlay\"><\/div>\n\n<!-- ======================================================\n     HERO\n     ====================================================== -->\n<section class=\"cc-hero\" id=\"cc-registro\">\n  <span class=\"cc-blob-1\" aria-hidden=\"true\"><\/span>\n  <span class=\"cc-blob-2\" aria-hidden=\"true\"><\/span>\n  <div class=\"cc-container\">\n    <span class=\"cc-badge\"><svg width=\"13\" height=\"13\"><use href=\"#cc-icon-award\"\/><\/svg> Beneficio para Socios CANACO CDMX<\/span>\n    <h1>Tu negocio, listo para el mundo digital: una <em>iniciativa de CANACO CDMX<\/em><\/h1>\n    <p class=\"lead\">La C\u00e1mara de Comercio Servicios y Turismo de la Ciudad de M\u00e9xico te da acceso a la tecnolog\u00eda necesaria para construir tu presencia digital profesional, sin pagar nada por adelantado ni complicarte con procesos t\u00e9cnicos.<\/p>\n\n    <ul class=\"cc-hero-points\">\n      <li><span class=\"cc-ck\"><svg width=\"11\" height=\"11\"><use href=\"#cc-icon-check\"\/><\/svg><\/span> Sitio web profesional generado con Inteligencia Artificial<\/li>\n      <li><span class=\"cc-ck\"><svg width=\"11\" height=\"11\"><use href=\"#cc-icon-check\"\/><\/svg><\/span> Vinculado a tu WhatsApp para recibir contactos al instante<\/li>\n      <li><span class=\"cc-ck\"><svg width=\"11\" height=\"11\"><use href=\"#cc-icon-check\"\/><\/svg><\/span> Cero inversi\u00f3n y cero conocimientos t\u00e9cnicos requeridos<\/li>\n    <\/ul>\n\n    <div class=\"cc-hero-actions\">\n      <a class=\"cc-btn-cta\" href=\"https:\/\/app.cleepo.ai\/cleepo\/auth\/register?offer=ccmexico\" target=\"_blank\">Crea tu propia p\u00e1gina<\/a>\n      <a class=\"cc-hero-sub-link\" href=\"https:\/\/www.cleepo.com\/ccmexico-planes\" target=\"_blank\">Conoce los planes con dominio o publicidad <svg width=\"14\" height=\"14\"><use href=\"#cc-icon-arrow-right\"\/><\/svg><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ======================================================\n     STATS \/ INTRO\n     ====================================================== -->\n<section class=\"cc-stats\">\n  <div class=\"cc-container\">\n    <div class=\"cc-stats-numbers\">\n      <div class=\"cc-stat-box\">\n        <div class=\"cc-num\">2\/3<\/div>\n        <div class=\"cc-label\">empleos generados por PyMEs<\/div>\n      <\/div>\n      <div class=\"cc-stat-box\">\n        <div class=\"cc-num\">52%<\/div>\n        <div class=\"cc-label\">del PIB nacional<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"cc-stats-text\">\n      <b>Las micro, peque\u00f1as y medianas empresas sostienen la econom\u00eda mexicana.<\/b>\n      Hoy, contar con un sitio web profesional dej\u00f3 de ser un lujo opcional: es indispensable\n      para vender, competir y seguir creciendo. Por eso CANACO CDMX ofrece a sus afiliados,\n      sin ning\u00fan costo, un perfil de negocio y una p\u00e1gina web armada de forma autom\u00e1tica\n      gracias a la Inteligencia Artificial.\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ======================================================\n     BENEFICIOS\n     ====================================================== -->\n<section class=\"cc-beneficios\" id=\"cc-beneficios\">\n  <div class=\"cc-container\">\n    <div class=\"cc-head\">\n      <span class=\"cc-sec-tag\">Ventaja Exclusiva para Afiliados<\/span>\n      <h2 class=\"cc-sec-title\">Esto es lo que recibes al activar tu beneficio<\/h2>\n      <p class=\"cc-sec-sub\">Pon en marcha tu p\u00e1gina profesional hoy mismo y empieza a generar m\u00e1s oportunidades de venta, sin gastar un peso.<\/p>\n    <\/div>\n\n    <div class=\"cc-grid-benef\">\n      <div class=\"cc-benef-card\">\n        <div class=\"cc-ico\"><svg width=\"24\" height=\"24\"><use href=\"#cc-icon-globe\"\/><\/svg><\/div>\n        <h3>Presencia digital permanente<\/h3>\n        <p>Tu marca disponible en l\u00ednea sin pausas, los 365 d\u00edas del a\u00f1o.<\/p>\n      <\/div>\n      <div class=\"cc-benef-card\">\n        <div class=\"cc-ico\"><svg width=\"24\" height=\"24\"><use href=\"#cc-icon-edit\"\/><\/svg><\/div>\n        <h3>Contenido a la medida de tu giro<\/h3>\n        <p>Textos e im\u00e1genes pensados por IA seg\u00fan el tipo de negocio que tienes.<\/p>\n      <\/div>\n      <div class=\"cc-benef-card\">\n        <div class=\"cc-ico\"><svg width=\"24\" height=\"24\"><use href=\"#cc-icon-chat\"\/><\/svg><\/div>\n        <h3>Mensajes directo a tu WhatsApp<\/h3>\n        <p>Cada cliente interesado se comunica contigo al instante, sin intermediarios.<\/p>\n      <\/div>\n      <div class=\"cc-benef-card\">\n        <div class=\"cc-ico\"><svg width=\"24\" height=\"24\"><use href=\"#cc-icon-tag\"\/><\/svg><\/div>\n        <h3>Cero costo de arranque<\/h3>\n        <p>No necesitas presupuesto ni saber de tecnolog\u00eda para empezar.<\/p>\n      <\/div>\n      <div class=\"cc-benef-card\">\n        <div class=\"cc-ico\"><svg width=\"24\" height=\"24\"><use href=\"#cc-icon-trend\"\/><\/svg><\/div>\n        <h3>Descuentos en publicidad digital<\/h3>\n        <p>Cuando quieras dar el siguiente paso, accede a tarifas preferenciales gracias a CANACO.<\/p>\n      <\/div>\n      <div class=\"cc-benef-card\">\n        <div class=\"cc-ico\"><svg width=\"24\" height=\"24\"><use href=\"#cc-icon-award\"\/><\/svg><\/div>\n        <h3>El respaldo de tu C\u00e1mara<\/h3>\n        <p>Una iniciativa impulsada directamente por la C\u00e1mara de Comercio de la Ciudad de M\u00e9xico.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"cc-benef-cta\">\n      <a class=\"cc-btn-cta cc-btn-azul\" href=\"https:\/\/app.cleepo.ai\/cleepo\/auth\/register?offer=ccmexico\" target=\"_blank\">Quiero m\u00e1s informaci\u00f3n sobre este beneficio<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ======================================================\n     COMO FUNCIONA\n     ====================================================== -->\n<section class=\"cc-funciona\" id=\"cc-como-funciona\">\n  <span class=\"cc-blob\" aria-hidden=\"true\"><\/span>\n  <div class=\"cc-container\">\n    <div class=\"cc-head\">\n      <span class=\"cc-sec-tag\">El Proceso<\/span>\n      <h2 class=\"cc-sec-title\">As\u00ed de simple es tener tu p\u00e1gina en l\u00ednea<\/h2>\n      <p class=\"cc-sec-sub\">Cleepo, el socio tecnol\u00f3gico de CANACO CDMX, aplica Inteligencia Artificial para construir tu sitio en minutos, listo para mostrarse al mundo.<\/p>\n    <\/div>\n\n    <div class=\"cc-grid-pasos\">\n      <div class=\"cc-paso\">\n        <div class=\"cc-n\">1<\/div>\n        <h3>Completa un breve cuestionario<\/h3>\n        <p>Cu\u00e9ntanos sobre tu negocio en un formulario guiado que toma pocos minutos.<\/p>\n      <\/div>\n      <div class=\"cc-paso\">\n        <div class=\"cc-n\">2<\/div>\n        <h3>La IA construye tu sitio<\/h3>\n        <p>Cleepo toma esa informaci\u00f3n y genera tu p\u00e1gina web autom\u00e1ticamente, sin que tengas que dise\u00f1ar nada.<\/p>\n      <\/div>\n      <div class=\"cc-paso\">\n        <div class=\"cc-n\">3<\/div>\n        <h3>Ajusta detalles y publica<\/h3>\n        <p>Suma tu logo y fotograf\u00edas si lo deseas, y tu negocio queda visible en internet.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"cc-video-invite\">\n      <h3 class=\"cc-video-heading\">\u00bfPrefieres verlo en acci\u00f3n?<\/h3>\n      <p class=\"cc-video-text\">Dale play y mira el proceso completo, de principio a fin, en menos de 2 minutos.<\/p>\n      <div class=\"cc-video-wrap\" id=\"cc-video-wrap\">\n        <span class=\"cc-video-badge\">Video demostrativo<\/span>\n        <video\n          id=\"cc-proceso-video\"\n          poster=\"wp-content\/uploads\/elementor\/img\/poster_proceso.jpg\"\n          preload=\"none\"\n          playsinline\n          controlsList=\"nodownload\">\n          <source src=\"wp-content\/uploads\/elementor\/video\/video_proceso_comprimido.mp4\" type=\"video\/mp4\">\n          Tu navegador no soporta la reproducci\u00f3n de video.\n        <\/video>\n        <button type=\"button\" class=\"cc-video-play\" id=\"cc-video-play-btn\" aria-label=\"Reproducir video\">\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 5v14l11-7L8 5z\" fill=\"currentColor\"\/><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ======================================================\n     EJEMPLOS\n     ====================================================== -->\n<section class=\"cc-ejemplos\" id=\"cc-ejemplos\">\n  <div class=\"cc-container\">\n    <div class=\"cc-head\">\n      <span class=\"cc-sec-tag\">Vista Previa<\/span>\n      <h2 class=\"cc-sec-title\">Mira el nivel de tu futura p\u00e1gina web<\/h2>\n      <p class=\"cc-sec-sub\">Estos son resultados reales que la Inteligencia Artificial gener\u00f3 para distintos tipos de negocio.<\/p>\n    <\/div>\n\n    <div class=\"cc-grid-ejemplos\">\n      <!--<div class=\"cc-ej-card\">-->\n      <!--  <div class=\"cc-ej-img\"><svg width=\"34\" height=\"34\"><use href=\"#cc-icon-building\"\/><\/svg><\/div>-->\n      <!--  <div class=\"cc-lbl\">Hospedaje<\/div>-->\n      <!--<\/div>-->\n      <div class=\"cc-ej-card\"><a href=\"https:\/\/demo-dr-velazquez-cardiologo.laguia.online\/\" target=\"_blank\">\n        <div class=\"cc-ej-img\"><svg width=\"34\" height=\"34\"><use href=\"#cc-icon-medical\"\/><\/svg><\/div>\n        \n        <div class=\"cc-lbl\">M\u00e9dico<\/div><\/a>\n      <\/div>\n      <div class=\"cc-ej-card\">\n          <a href=\"https:\/\/engeni-geo-demo-estudio-de-abogados.laguia.online\/\" target=\"_blank\">\n        <div class=\"cc-ej-img\"><svg width=\"34\" height=\"34\"><use href=\"#cc-icon-scale\"\/><\/svg><\/div>\n        <div class=\"cc-lbl\">Abogado<\/div><\/a>\n      <\/div>\n      <div class=\"cc-ej-card\">\n          <a href=\"https:\/\/engeni-geo-demo-servicio-retail.laguia.online\/\" target=\"_blank\">\n        <div class=\"cc-ej-img\"><svg width=\"34\" height=\"34\"><use href=\"#cc-icon-key\"\/><\/svg><\/div>\n        <div class=\"cc-lbl\">Cerrajer\u00eda<\/div><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ======================================================\n     CTA FINAL\n     ====================================================== -->\n<section class=\"cc-cta-final\">\n  <div class=\"cc-container\">\n    <h2>Suma tu negocio a la ola de digitalizaci\u00f3n de las PyMEs en M\u00e9xico<\/h2>\n    <p>Una alianza entre la C\u00e1mara de Comercio de la Ciudad de M\u00e9xico y Cleepo AI, pensada para impulsarte.<\/p>\n    <div class=\"cc-hero-actions\">\n      <a class=\"cc-btn-cta cc-btn-white\" href=\"https:\/\/app.cleepo.ai\/cleepo\/auth\/register?offer=ccmexico\" target=\"_blank\">Activar Mi Beneficio Gratis<\/a>\n      <a class=\"cc-hero-sub-link\" href=https:\/\/www.cleepo.com\/ccmexico-planes\" target=\"_blank\">Conocer planes con publicidad <svg width=\"14\" height=\"14\"><use href=\"#cc-icon-arrow-right\"\/><\/svg><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ======================================================\n     FOOTER\n     ====================================================== -->\n<footer>\n  <div class=\"cc-container\">\n    <!--<div class=\"cc-foot-grid\">-->\n      <!--<div class=\"cc-foot-col-brand\">-->\n      <!--  <div class=\"cc-foot-logo\">CANACO <span>CDMX<\/span> \u00d7 Cleepo<\/div>-->\n      <!--  <p>Beneficio disponible para los afiliados de la C\u00e1mara de Comercio Servicios y Turismo de la Ciudad de M\u00e9xico, desarrollado en conjunto con Cleepo AI.<\/p>-->\n      <!--  <div class=\"cc-foot-social\">-->\n      <!--    <a href=\"#\" aria-label=\"Facebook\"><svg width=\"14\" height=\"14\"><use href=\"#cc-icon-facebook\"\/><\/svg><\/a>-->\n      <!--    <a href=\"#\" aria-label=\"LinkedIn\"><svg width=\"14\" height=\"14\"><use href=\"#cc-icon-linkedin\"\/><\/svg><\/a>-->\n      <!--    <a href=\"#\" aria-label=\"X (Twitter)\"><svg width=\"14\" height=\"14\"><use href=\"#cc-icon-x\"\/><\/svg><\/a>-->\n      <!--  <\/div>-->\n      <!--<\/div>-->\n\n      <!--<div class=\"cc-foot-col\">-->\n      <!--  <h4>Navegaci\u00f3n<\/h4>-->\n      <!--  <a href=\"#cc-registro\">Beneficio CANACO<\/a>-->\n      <!--  <a href=\"#cc-beneficios\">Ventajas<\/a>-->\n      <!--  <a href=\"#cc-como-funciona\">El Proceso<\/a>-->\n      <!--  <a href=\"#cc-ejemplos\">Vista Previa<\/a>-->\n      <!--<\/div>-->\n\n      <!--<div class=\"cc-foot-col\">-->\n      <!--  <h4>Legal<\/h4>-->\n      <!--  <a href=\"#\">Aviso de Privacidad<\/a>-->\n      <!--  <a href=\"#\">T\u00e9rminos y Condiciones<\/a>-->\n      <!--  <a href=\"#\">Pol\u00edticas de Cookies<\/a>-->\n      <!--<\/div>-->\n\n      <!--<div class=\"cc-foot-col\">-->\n      <!--  <h4>Contacto<\/h4>-->\n      <!--  <div class=\"cc-foot-contact-item\"><svg width=\"14\" height=\"14\"><use href=\"#cc-icon-pin\"\/><\/svg><span>Paseo de la Reforma, CDMX<\/span><\/div>-->\n      <!--  <div class=\"cc-foot-contact-item\"><svg width=\"14\" height=\"14\"><use href=\"#cc-icon-mail\"\/><\/svg><span>contacto@canacocdmx.org.mx<\/span><\/div>-->\n      <!--  <div class=\"cc-foot-contact-item\"><svg width=\"14\" height=\"14\"><use href=\"#cc-icon-phone\"\/><\/svg><span>+52 55 0000 0000<\/span><\/div>-->\n      <!--<\/div>-->\n    <!--<\/div>-->\n\n    <div class=\"cc-foot-bottom\">\n      <span>\u00a9 2026 CANACO Ciudad de M\u00e9xico \u00b7 Alianza Cleepo AI<\/span>\n      <span>Todos los derechos reservados<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<!-- ======================================================\n     WHATSAPP FLOTANTE\n     ====================================================== -->\n<!--<div class=\"cc-wa-panel\" role=\"dialog\" aria-label=\"Chat de WhatsApp\">-->\n<!--  <div class=\"cc-wa-panel-head\"><svg width=\"18\" height=\"18\"><use href=\"#cc-icon-whatsapp\"\/><\/svg> CANACO CDMX<\/div>-->\n<!--  <div class=\"cc-wa-panel-body\">Hola, somos CANACO CDMX \ud83d\udc4b \u00bfTienes preguntas sobre tu beneficio? Escr\u00edbenos.<\/div>-->\n<!--  <a class=\"cc-wa-panel-link\" target=\"_blank\" rel=\"noopener\"-->\n<!--     href=\"https:\/\/api.whatsapp.com\/send?phone=5215500000000&text=Hola%2C%20soy%20Socio%20de%20CANACO%20CDMX%20y%20quiero%20informaci%C3%B3n%20sobre%20mi%20p%C3%A1gina%20web%20gratis.\">-->\n<!--    Escribir por WhatsApp-->\n<!--  <\/a>-->\n<!--<\/div>-->\n<!--<a href=\"#\" class=\"cc-wa-float-btn\" aria-label=\"Abrir chat de WhatsApp\">-->\n<!--  <svg width=\"30\" height=\"30\"><use href=\"#cc-icon-whatsapp\"\/><\/svg>-->\n<!--<\/a>-->\n<!--<\/div>-->\n\n<script>\n\/* ======================================================\n   CANACO CDMX \u00d7 Cleepo \u2014 Landing Page JS\n   ====================================================== *\/\n(function () {\n  \"use strict\";\n\n  var root = document.getElementById(\"cc-landing\");\n  if (!root) return;\n\n  \/* ---------- Header: sombra al hacer scroll ---------- *\/\n  var header = root.querySelector(\"header\");\n  function onScroll() {\n    if (window.scrollY > 12) {\n      header.classList.add(\"cc-is-scrolled\");\n    } else {\n      header.classList.remove(\"cc-is-scrolled\");\n    }\n  }\n  window.addEventListener(\"scroll\", onScroll, { passive: true });\n  onScroll();\n\n  \/* ---------- Men\u00fa m\u00f3vil ---------- *\/\n  var menuToggle = root.querySelector(\".cc-menu-toggle\");\n  var mainNav = root.querySelector(\".cc-main-nav\");\n  var navOverlay = root.querySelector(\".cc-nav-overlay\");\n\n  function openMenu() {\n    mainNav.classList.add(\"cc-is-open\");\n    menuToggle.classList.add(\"cc-is-open\");\n    navOverlay.classList.add(\"cc-is-open\");\n    menuToggle.setAttribute(\"aria-expanded\", \"true\");\n    document.body.style.overflow = \"hidden\";\n  }\n  function closeMenu() {\n    mainNav.classList.remove(\"cc-is-open\");\n    menuToggle.classList.remove(\"cc-is-open\");\n    navOverlay.classList.remove(\"cc-is-open\");\n    menuToggle.setAttribute(\"aria-expanded\", \"false\");\n    document.body.style.overflow = \"\";\n  }\n  if (menuToggle) {\n    menuToggle.addEventListener(\"click\", function () {\n      var isOpen = mainNav.classList.contains(\"cc-is-open\");\n      isOpen ? closeMenu() : openMenu();\n    });\n  }\n  if (navOverlay) {\n    navOverlay.addEventListener(\"click\", closeMenu);\n  }\n  root.querySelectorAll(\".cc-main-nav a\").forEach(function (link) {\n    link.addEventListener(\"click\", closeMenu);\n  });\n  document.addEventListener(\"keydown\", function (e) {\n    if (e.key === \"Escape\") closeMenu();\n  });\n\n  \/* ---------- Resaltar enlace de navegaci\u00f3n activo (scrollspy) ---------- *\/\n  var sections = root.querySelectorAll(\"section[id]\");\n  var navLinks = root.querySelectorAll(\".cc-main-nav a[href^='#']\");\n\n  if (sections.length && navLinks.length && \"IntersectionObserver\" in window) {\n    var observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            var id = entry.target.getAttribute(\"id\");\n            navLinks.forEach(function (link) {\n              link.classList.toggle(\n                \"cc-active\",\n                link.getAttribute(\"href\") === \"#\" + id\n              );\n            });\n          }\n        });\n      },\n      { rootMargin: \"-45% 0px -50% 0px\", threshold: 0 }\n    );\n    sections.forEach(function (section) {\n      observer.observe(section);\n    });\n  }\n\n  \/* ---------- Panel flotante de WhatsApp ---------- *\/\n  var waBtn = root.querySelector(\".cc-wa-float-btn\");\n  var waPanel = root.querySelector(\".cc-wa-panel\");\n\n  if (waBtn && waPanel) {\n    waBtn.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n      waPanel.classList.toggle(\"cc-is-open\");\n    });\n    document.addEventListener(\"click\", function (e) {\n      if (!waPanel.contains(e.target) && !waBtn.contains(e.target)) {\n        waPanel.classList.remove(\"cc-is-open\");\n      }\n    });\n  }\n\n  \/* ---------- Video del proceso (El Proceso) ---------- *\/\n  var procesoVideo = root.querySelector(\"#cc-proceso-video\");\n  var procesoPlayBtn = root.querySelector(\"#cc-video-play-btn\");\n  var procesoVideoWrap = root.querySelector(\"#cc-video-wrap\");\n\n  if (procesoVideo && procesoPlayBtn && procesoVideoWrap) {\n    procesoPlayBtn.addEventListener(\"click\", function () {\n      procesoVideoWrap.classList.add(\"cc-playing\");\n      procesoVideo.setAttribute(\"controls\", \"\");\n      procesoVideo.play();\n    });\n    procesoVideo.addEventListener(\"ended\", function () {\n      procesoVideoWrap.classList.remove(\"cc-playing\");\n      procesoVideo.removeAttribute(\"controls\");\n      procesoVideo.currentTime = 0;\n    });\n  }\n})();\n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Beneficio CANACO Ventajas El Proceso Vista Previa Quiero Mi P\u00e1gina Beneficio para Socios CANACO CDMX Tu negocio, listo para el mundo digital: una iniciativa de CANACO CDMX La C\u00e1mara de Comercio Servicios y Turismo de la Ciudad de M\u00e9xico te da acceso a la tecnolog\u00eda necesaria para construir tu presencia digital profesional, sin pagar nada [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccmexico.com.mx\/crea-tu-sitio-web\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccmexico.com.mx\/crea-tu-sitio-web\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccmexico.com.mx\/crea-tu-sitio-web\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccmexico.com.mx\/crea-tu-sitio-web\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ccmexico.com.mx\/crea-tu-sitio-web\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":115,"href":"https:\/\/ccmexico.com.mx\/crea-tu-sitio-web\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/ccmexico.com.mx\/crea-tu-sitio-web\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/ccmexico.com.mx\/crea-tu-sitio-web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}