{"id":1429,"date":"2026-05-05T15:58:05","date_gmt":"2026-05-05T15:58:05","guid":{"rendered":"https:\/\/krelo.studio\/?page_id=1429"},"modified":"2026-05-26T15:59:08","modified_gmt":"2026-05-26T15:59:08","slug":"home-krelo-studio","status":"publish","type":"page","link":"https:\/\/krelo.studio\/en\/","title":{"rendered":"Home Krelo Studio"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1429\" class=\"elementor elementor-1429\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-396dd60f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"396dd60f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-38fc3020\" data-id=\"38fc3020\" 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-71b5af47 elementor-widget elementor-widget-html\" data-id=\"71b5af47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ECE5DB;--bg-1:#E5DDD1;--bg-2:#DDD4C4;--border:rgba(199,42,8,.14);--text:#1A0804;--text-2:#6B4A42;--text-3:rgba(199,42,8,.18);--accent:#C72A08;--accent-dark:#A82206;--accent-glow:rgba(199,42,8,.18);--ease:cubic-bezier(.25,.46,.45,.94);--font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden;cursor:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}#k-dot,#k-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}#k-dot{width:6px;height:6px;background:var(--accent)}#k-ring{width:36px;height:36px;border:1px solid rgba(199,42,8,.4);transition:width .3s var(--ease),height .3s var(--ease),border-color .3s,background .3s}#k-ring.big{width:64px;height:64px;border-color:var(--accent);background:rgba(199,42,8,.06)}#k-nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background .4s,border-color .4s,backdrop-filter .4s}#k-nav.solid{background:rgba(236,229,219,.92);backdrop-filter:blur(24px) saturate(180%);border-color:var(--border)}.k-logo{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--text);text-decoration:none}.k-logo em{color:var(--accent);font-style:normal}.k-nav-links{list-style:none;display:flex;gap:32px}.k-nav-links a{font-size:14px;color:var(--text-2);text-decoration:none;transition:color .2s}.k-nav-links a:hover{color:var(--accent)}.k-cta{background:var(--accent)!important;color:#ECE5DB!important;padding:8px 20px;border-radius:980px;font-size:13px!important;font-weight:600}#k-hero{position:relative;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--bg)}#k-canvas{position:absolute;inset:0;z-index:0}.k-hero-body{position:relative;z-index:1;max-width:960px;padding:0 24px}.k-tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:28px;opacity:0;transform:translateY(16px)}.k-h1{font-size:clamp(52px,9vw,100px);font-weight:700;line-height:1.02;letter-spacing:-3px;margin-bottom:28px;color:var(--text)}.k-h1 .kw{display:inline-block;overflow:hidden}.k-h1 .ki{display:inline-block;transform:translateY(110%)}.k-h1 .ka{color:var(--accent)}.k-sub{font-size:clamp(16px,2vw,20px);color:var(--text-2);line-height:1.65;max-width:540px;margin:0 auto 44px;opacity:0;transform:translateY(20px)}.k-btns{display:flex;gap:14px;justify-content:center;opacity:0;transform:translateY(20px)}.k-btn-p{background:var(--accent);color:#ECE5DB;padding:14px 30px;border-radius:980px;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 0 40px var(--accent-glow);transition:background .2s,transform .2s}.k-btn-p:hover{background:var(--accent-dark);transform:scale(1.04)}.k-btn-s{color:var(--text);padding:14px 30px;border-radius:980px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid var(--border);transition:border-color .2s,background .2s,transform .2s}.k-btn-s:hover{border-color:rgba(199,42,8,.35);background:rgba(199,42,8,.05);transform:scale(1.04)}.k-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-3);opacity:0;animation:kfade 1s 2.2s ease forwards}.k-scroll-bar{width:1px;height:44px;background:linear-gradient(to bottom,var(--accent),transparent);animation:kscroll 2s ease-in-out infinite}@keyframes kscroll{0%{transform:scaleY(0);transform-origin:top}49%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes kfade{to{opacity:1}}#k-stmt{padding:160px 24px;max-width:1080px;margin:0 auto}.k-stmt-text{font-size:clamp(28px,4.5vw,60px);font-weight:600;line-height:1.25;letter-spacing:-1.5px}.k-stmt-text .sw{color:var(--text-3);transition:color .6s ease;display:inline}.k-stmt-text .sw.lit{color:var(--text)}.k-stmt-text .sw.acc{color:var(--accent)}.ks-tag{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.ks-title{font-size:clamp(36px,5vw,58px);font-weight:700;letter-spacing:-2px;line-height:1.08;margin-bottom:16px;color:var(--text)}.ks-sub{font-size:18px;color:var(--text-2);line-height:1.65;max-width:480px;margin-bottom:72px}#k-services{padding:120px 24px;max-width:1200px;margin:0 auto}.k-srv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.k-card{background:var(--bg-1);border:1px solid var(--border);border-radius:22px;padding:36px;position:relative;overflow:hidden;transform-style:preserve-3d;transition:border-color .3s,box-shadow .3s;will-change:transform;opacity:0;transform:translateY(50px)}.k-card::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(199,42,8,.1) 0%,transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}.k-card:hover::after{opacity:1}.k-card:hover{border-color:rgba(199,42,8,.4);box-shadow:0 24px 64px rgba(26,8,4,.12),0 0 40px rgba(199,42,8,.08)}.k-ico{width:50px;height:50px;background:var(--accent);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:28px}.k-price{font-size:34px;font-weight:700;letter-spacing:-1.5px;color:var(--accent);margin-bottom:6px}.k-price sup{font-size:16px;font-weight:400;color:var(--text-2)}.k-name{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--text)}.k-desc{font-size:14px;color:var(--text-2);line-height:1.6;margin-bottom:22px}.k-feats{list-style:none;display:flex;flex-direction:column;gap:9px}.k-feats li{font-size:13px;color:var(--text-2);display:flex;align-items:center;gap:9px}.k-feats li::before{content:'\u2713';color:var(--accent);font-weight:700;flex-shrink:0}#k-pillars{background:var(--bg-1);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:120px 24px}.k-pill-in{max-width:1200px;margin:0 auto}.k-pill-in .ks-title,.k-pill-in .ks-tag{text-align:center}.k-pill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:22px;overflow:hidden;margin-top:72px}.k-pill{background:var(--bg-1);padding:52px 40px;text-align:center;opacity:0;transform:scale(.92)}.k-pill-num{font-size:76px;font-weight:700;letter-spacing:-4px;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}.k-pill-lbl{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-2);margin-bottom:18px}.k-pill-ttl{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--text)}.k-pill-body{font-size:14px;color:var(--text-2);line-height:1.65}@media(max-width:768px){.k-pill-grid{grid-template-columns:1fr}}#k-process{padding:120px 24px;max-width:1100px;margin:0 auto}.k-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:72px;position:relative}.k-steps::before{content:'';position:absolute;top:32px;left:calc(16.66% + 16px);right:calc(16.66% + 16px);height:1px;background:linear-gradient(to right,var(--accent),var(--accent-dark),var(--accent));opacity:.3}.k-step{text-align:center;padding:0 24px;opacity:0;transform:translateY(40px)}.k-step-num{width:64px;height:64px;border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--accent);margin:0 auto 28px;background:rgba(199,42,8,.08);position:relative;z-index:1}.k-step-ttl{font-size:19px;font-weight:600;margin-bottom:10px;color:var(--text)}.k-step-body{font-size:14px;color:var(--text-2);line-height:1.65}@media(max-width:768px){.k-steps{grid-template-columns:1fr;gap:48px}.k-steps::before{display:none}}#k-faq{background:var(--bg-1);border-top:1px solid var(--border);padding:120px 24px}.k-faq-in{max-width:760px;margin:0 auto}.k-faq-items{margin-top:60px}.k-faq-item{border-bottom:1px solid var(--border);overflow:hidden}.k-faq-q{display:flex;justify-content:space-between;align-items:center;padding:24px 0;cursor:pointer;font-size:17px;font-weight:500;color:var(--text);transition:color .2s;gap:16px}.k-faq-q:hover{color:var(--accent)}.k-faq-ico{width:26px;height:26px;flex-shrink:0;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:transform .35s var(--ease),border-color .3s,background .3s,color .3s}.k-faq-item.open .k-faq-ico{transform:rotate(45deg);border-color:var(--accent);background:var(--accent);color:#ECE5DB}.k-faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.k-faq-a-in{padding-bottom:24px;font-size:15px;color:var(--text-2);line-height:1.7}#k-contact{padding:120px 24px;border-top:1px solid var(--border)}.k-contact-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.k-form{display:flex;flex-direction:column;gap:16px}.k-fg{display:flex;flex-direction:column;gap:6px}.k-fg label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-2)}.k-fg input,.k-fg textarea,.k-fg select{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--text);font-size:15px;font-family:var(--font);outline:none;cursor:none;transition:border-color .2s,box-shadow .2s}.k-fg input:focus,.k-fg textarea:focus,.k-fg select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(199,42,8,.12)}.k-fg textarea{min-height:120px;resize:vertical}.k-fg select option{background:var(--bg-1);color:var(--text)}.k-form-btn{background:var(--accent);color:#ECE5DB;border:none;border-radius:980px;padding:16px 36px;font-size:16px;font-weight:600;font-family:var(--font);cursor:none;margin-top:8px;box-shadow:0 0 40px var(--accent-glow);transition:background .2s,transform .2s}.k-form-btn:hover{background:var(--accent-dark);transform:scale(1.02)}.k-cinfo{display:flex;flex-direction:column;gap:28px}.k-crow{display:flex;gap:16px;align-items:flex-start}.k-cico{width:46px;height:46px;flex-shrink:0;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.k-clbl{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-2);margin-bottom:4px}.k-cval{font-size:17px;font-weight:500;color:var(--text)}.k-badge{background:rgba(199,42,8,.06);border:1px solid rgba(199,42,8,.15);border-radius:16px;padding:22px;margin-top:8px}.k-badge p{font-size:14px;color:var(--text-2);line-height:1.65}.k-badge strong{color:var(--accent)}@media(max-width:900px){.k-contact-in{grid-template-columns:1fr;gap:56px}}#k-footer{padding:36px 48px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.k-fcopy{font-size:13px;color:var(--text-2)}.k-fcopy em{color:var(--accent);font-style:normal}.k-flinks{display:flex;gap:24px}.k-flinks a{font-size:13px;color:var(--text-2);text-decoration:none;transition:color .2s}.k-flinks a:hover{color:var(--accent)}@media(max-width:600px){#k-footer{flex-direction:column;gap:16px;padding:36px 24px;text-align:center}}<\/style><div id='k-dot'><\/div><div id='k-ring'><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b8c37f elementor-widget elementor-widget-html\" data-id=\"8b8c37f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav id=\"k-nav\" aria-label=\"Navegaci\u00f3n principal\">\n  <a href=\"https:\/\/krelo.studio\/en\/\" class=\"k-logo-img\" aria-label=\"Ir a la home de Krelo Studio\">\n    <img decoding=\"async\" src=\"https:\/\/krelo.studio\/wp-content\/uploads\/2025\/06\/Agencia-de-Marketing-Digital.png\" alt=\"Krelo Studio\">\n  <\/a>\n\n  <button class=\"k-hamburger\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/button>\n\n  <ul class=\"k-nav-links\" id=\"k-nav-menu\">\n    <li><a href=\"\/en\/servicios\/\"><span>Servicios<\/span><\/a><\/li>\n    <li><a href=\"\/en\/formulario\/\"><span>Auditor\u00eda gratis<\/span><\/a><\/li>\n    <li><a href=\"\/en\/contacto\/\"><span>Contact<\/span><\/a><\/li>\n\n    <li>\n      <a\n        href=\"https:\/\/www.instagram.com\/krelo.studio\/?hl=es\"\n        class=\"k-instagram\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        aria-label=\"Instagram de Krelo Studio\"\n      >\n        <svg\n          class=\"k-instagram-icon\"\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n          width=\"21\"\n          height=\"21\"\n          viewbox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"><\/rect>\n          <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\n          <line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"><\/line>\n        <\/svg>\n      <\/a>\n    <\/li>\n\n    <li><a href=\"\/en\/contacto\/\" class=\"k-cta\"><span>Ll\u00e1manos<\/span><\/a><\/li>\n  <\/ul>\n<\/nav>\n\n<div id=\"k-nav-overlay\"><\/div>\n\n<style>\n#k-nav {\n  position: fixed;\n  top: 18px;\n  left: 48px;\n  right: 48px;\n  z-index: 200;\n  min-height: 74px;\n  height: 74px;\n  padding: 14px 28px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid rgba(199,42,8,.10);\n  border-radius: 999px;\n  background: rgba(236,229,219,.72);\n  backdrop-filter: blur(18px) saturate(160%);\n  transition:\n    top .35s cubic-bezier(.76,0,.24,1),\n    left .35s cubic-bezier(.76,0,.24,1),\n    right .35s cubic-bezier(.76,0,.24,1),\n    height .35s cubic-bezier(.76,0,.24,1),\n    min-height .35s cubic-bezier(.76,0,.24,1),\n    padding .35s cubic-bezier(.76,0,.24,1),\n    border-radius .35s cubic-bezier(.76,0,.24,1),\n    background .35s ease,\n    border-color .35s ease,\n    backdrop-filter .35s ease;\n}\n\n#k-nav.solid {\n  top: 0;\n  left: 0;\n  right: 0;\n  min-height: 54px;\n  height: 54px;\n  padding: 8px 48px;\n  border-radius: 0;\n  background: rgba(236,229,219,.94);\n  backdrop-filter: blur(24px) saturate(180%);\n  border-color: rgba(199,42,8,.14);\n  border-left: 0;\n  border-right: 0;\n  border-top: 0;\n}\n\n.k-logo-img {\n  display: inline-flex;\n  align-items: center;\n}\n\n.k-logo-img img {\n  height: 42px;\n  width: auto;\n  display: block;\n  transition: height .35s cubic-bezier(.76,0,.24,1);\n}\n\n#k-nav.solid .k-logo-img img {\n  height: 28px;\n}\n\n.k-nav-links {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  gap: 32px;\n  margin: 0;\n  padding: 0;\n}\n\n.k-nav-links a {\n  font-size: 14px;\n  color: #6B4A42;\n  text-decoration: none;\n  transition: color .2s;\n}\n\n.k-nav-links a:hover {\n  color: #C72A08;\n}\n\n.k-cta {\n  background: #C72A08 !important;\n  color: #ECE5DB !important;\n  padding: 8px 20px;\n  border-radius: 980px;\n  font-size: 13px !important;\n  font-weight: 600;\n}\n\n.k-instagram {\n  width: 34px;\n  height: 34px;\n  padding: 0 !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  color: #C72A08 !important;\n  line-height: 1;\n}\n\n.k-instagram-icon {\n  width: 21px;\n  height: 21px;\n  display: block;\n  stroke: currentColor;\n}\n\n@media (hover: hover) {\n  .k-nav-links a:not(.k-cta):not(.k-instagram) {\n    display: inline-flex;\n    flex-direction: column;\n    overflow: hidden;\n    line-height: 1.2;\n    max-height: 1.2em;\n  }\n\n  .k-nav-links a:not(.k-cta):not(.k-instagram) span {\n    display: flex;\n    flex-direction: column;\n    transition: transform .42s cubic-bezier(.76,0,.24,1);\n  }\n\n  .k-nav-links a:not(.k-cta):not(.k-instagram) span::after {\n    content: attr(data-label);\n    display: block;\n  }\n\n  .k-nav-links a:not(.k-cta):not(.k-instagram):hover span {\n    transform: translateY(-50%);\n  }\n}\n\n.k-hamburger {\n  display: none;\n  flex-direction: column;\n  justify-content: center;\n  gap: 5px;\n  width: 34px;\n  height: 34px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  color: #1A0804;\n}\n\n.k-hamburger span {\n  display: block;\n  width: 22px;\n  height: 2px;\n  background: currentColor;\n  border-radius: 2px;\n  transition: transform .3s ease, opacity .3s ease;\n  transform-origin: center;\n}\n\n.k-hamburger[aria-expanded=\"true\"] span:nth-child(1) {\n  transform: translateY(7px) rotate(45deg);\n}\n\n.k-hamburger[aria-expanded=\"true\"] span:nth-child(2) {\n  opacity: 0;\n  transform: scaleX(0);\n}\n\n.k-hamburger[aria-expanded=\"true\"] span:nth-child(3) {\n  transform: translateY(-7px) rotate(-45deg);\n}\n\n#k-nav-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,.45);\n  z-index: 999998;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity .35s ease;\n}\n\n#k-nav-overlay.k-open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n@media (max-width: 768px) {\n  #k-nav {\n    top: 12px;\n    left: 16px;\n    right: 16px;\n    min-height: 64px;\n    height: 64px;\n    padding: 10px 18px;\n  }\n\n  .k-logo-img img {\n    height: 36px;\n  }\n\n  #k-nav.solid {\n    top: 0;\n    left: 0;\n    right: 0;\n    min-height: 52px;\n    height: 52px;\n    padding: 8px 22px;\n  }\n\n  #k-nav.solid .k-logo-img img {\n    height: 26px;\n  }\n\n  .k-hamburger {\n    display: flex;\n  }\n\n  #k-nav-menu {\n    position: fixed !important;\n    top: 0 !important;\n    right: 0 !important;\n    left: auto !important;\n    width: min(300px, 82vw) !important;\n    height: 100dvh !important;\n    margin: 0 !important;\n    padding: 68px 32px 40px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0 !important;\n    list-style: none !important;\n    background: #fff !important;\n    box-shadow: -8px 0 40px rgba(0,0,0,.15) !important;\n    z-index: 999999 !important;\n    transform: translateX(110%) !important;\n    transition: transform .4s cubic-bezier(.76,0,.24,1) !important;\n    pointer-events: none !important;\n    overflow-y: auto !important;\n  }\n\n  #k-nav-menu.k-open {\n    transform: translateX(0) !important;\n    pointer-events: auto !important;\n  }\n\n  #k-nav-menu li {\n    border-bottom: 1px solid rgba(0,0,0,.08) !important;\n    list-style: none !important;\n  }\n\n  #k-nav-menu li:last-child {\n    border-bottom: none !important;\n  }\n\n  #k-nav-menu a {\n    display: block !important;\n    padding: 18px 0 !important;\n    font-size: 1.05rem !important;\n    text-decoration: none !important;\n  }\n\n  #k-nav-menu .k-instagram {\n    width: 100% !important;\n    height: auto !important;\n    display: flex !important;\n    justify-content: flex-start !important;\n    color: #C72A08 !important;\n  }\n\n  #k-nav-menu .k-instagram-icon {\n    width: 24px;\n    height: 24px;\n  }\n\n  #k-nav-menu .k-cta {\n    margin-top: 20px !important;\n    text-align: center !important;\n    padding: 14px 24px !important;\n    border-radius: 100px !important;\n    display: block !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  document.querySelectorAll('.k-nav-links a:not(.k-cta):not(.k-instagram) span').forEach(function (s) {\n    s.setAttribute('data-label', s.textContent.trim());\n  });\n\n  var btn = document.querySelector('.k-hamburger');\n  var menu = document.getElementById('k-nav-menu');\n  var overlay = document.getElementById('k-nav-overlay');\n  var nav = document.getElementById('k-nav');\n\n  if (window.innerWidth <= 768) {\n    document.body.appendChild(overlay);\n    document.body.appendChild(menu);\n  }\n\n  function open() {\n    btn.setAttribute('aria-expanded', 'true');\n    menu.classList.add('k-open');\n    overlay.classList.add('k-open');\n    document.body.style.overflow = 'hidden';\n  }\n\n  function close() {\n    btn.setAttribute('aria-expanded', 'false');\n    menu.classList.remove('k-open');\n    overlay.classList.remove('k-open');\n    document.body.style.overflow = '';\n  }\n\n  btn.addEventListener('click', function () {\n    btn.getAttribute('aria-expanded') === 'true' ? close() : open();\n  });\n\n  overlay.addEventListener('click', close);\n\n  menu.querySelectorAll('a').forEach(function (a) {\n    a.addEventListener('click', close);\n  });\n\n  document.addEventListener('keydown', function (e) {\n    if (e.key === 'Escape') close();\n  });\n\n  window.addEventListener('scroll', function () {\n    nav.classList.toggle('solid', window.scrollY > 20);\n  }, { passive: true });\n})();\n<\/script>\t\t\t\t<\/div>\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<div class=\"elementor-element elementor-element-21671a4d e-flex e-con-boxed e-con e-parent\" data-id=\"21671a4d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4ddeb360 e-con-full e-flex e-con e-child\" data-id=\"4ddeb360\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75bc333e elementor-widget elementor-widget-html\" data-id=\"75bc333e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"k-hero\">\r\n  <canvas id=\"k-canvas\"><\/canvas>\r\n\r\n  <div class=\"k-hero-body\">\r\n    <div class=\"k-tag\">Agencia de Marketing Digital<\/div>\r\n\r\n    <h1 class=\"k-h1\">\r\n      <span class=\"kw\"><span class=\"ki\">Dise\u00f1o<\/span><\/span>&nbsp;\r\n      <span class=\"kw\"><span class=\"ki\">que<\/span><\/span>&nbsp;\r\n      <span class=\"kw\"><span class=\"ki ka\">convierte.<\/span><\/span>\r\n      <br>\r\n      <span class=\"kw\"><span class=\"ki\">Estrategia<\/span><\/span>&nbsp;\r\n      <span class=\"kw\"><span class=\"ki\">crece.<\/span><\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"k-sub\">\r\n      Experiencias digitales que combinan dise\u00f1o, estrategia y tecnolog\u00eda para impulsar tu negocio online.\r\n    <\/p>\r\n\r\n    <div class=\"k-btns\">\r\n      <a href=\"#k-contact\" class=\"k-btn-p\">Free quote<\/a>\r\n      <a href=\"#k-services\" class=\"k-btn-s\">Ver servicios<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div style=\"padding-bottom: 60px;\"><\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39e2db5 e-flex e-con-boxed e-con e-parent\" data-id=\"39e2db5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01cc962 elementor-widget elementor-widget-html\" data-id=\"01cc962\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const canvas = document.getElementById(\"k-canvas\");\r\n  const hero = document.getElementById(\"k-hero\");\r\n\r\n  if (!canvas || !hero) return;\r\n\r\n  const ctx = canvas.getContext(\"2d\");\r\n\r\n  const colors = [\r\n    \"rgba(204, 39, 54, 0.62)\",\r\n    \"rgba(232, 92, 102, 0.48)\",\r\n    \"rgba(246, 145, 151, 0.38)\",\r\n    \"rgba(176, 22, 38, 0.42)\"\r\n  ];\r\n\r\n  let width;\r\n  let height;\r\n  let particles = [];\r\n  let animationFrame;\r\n\r\n  const mouse = {\r\n    x: 0,\r\n    y: 0,\r\n    active: false\r\n  };\r\n\r\n  function resizeCanvas() {\r\n    const rect = hero.getBoundingClientRect();\r\n\r\n    width = rect.width;\r\n    height = rect.height;\r\n\r\n    canvas.width = width * window.devicePixelRatio;\r\n    canvas.height = height * window.devicePixelRatio;\r\n\r\n    canvas.style.width = width + \"px\";\r\n    canvas.style.height = height + \"px\";\r\n\r\n    ctx.setTransform(window.devicePixelRatio, 0, 0, window.devicePixelRatio, 0, 0);\r\n\r\n    createParticles();\r\n  }\r\n\r\n  function createParticles() {\r\n    const amount = window.innerWidth < 768 ? 24 : 52;\r\n\r\n    particles = [];\r\n\r\n    for (let i = 0; i < amount; i++) {\r\n      particles.push({\r\n        x: Math.random() * width,\r\n        y: Math.random() * height,\r\n        radius: Math.random() * 44 + 22,\r\n        vx: (Math.random() - 0.5) * 0.32,\r\n        vy: (Math.random() - 0.5) * 0.32,\r\n        color: colors[Math.floor(Math.random() * colors.length)]\r\n      });\r\n    }\r\n  }\r\n\r\n  function drawParticle(p) {\r\n    const gradient = ctx.createRadialGradient(\r\n      p.x,\r\n      p.y,\r\n      0,\r\n      p.x,\r\n      p.y,\r\n      p.radius\r\n    );\r\n\r\n    gradient.addColorStop(0, p.color);\r\n    gradient.addColorStop(0.55, p.color);\r\n    gradient.addColorStop(1, \"rgba(255, 255, 255, 0)\");\r\n\r\n    ctx.beginPath();\r\n    ctx.fillStyle = gradient;\r\n    ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\r\n    ctx.fill();\r\n  }\r\n\r\n  function animate() {\r\n    ctx.clearRect(0, 0, width, height);\r\n\r\n    particles.forEach(function (p) {\r\n      p.x += p.vx;\r\n      p.y += p.vy;\r\n\r\n      if (mouse.active) {\r\n        const dx = p.x - mouse.x;\r\n        const dy = p.y - mouse.y;\r\n        const distance = Math.sqrt(dx * dx + dy * dy);\r\n\r\n        if (distance < 190) {\r\n          p.x += dx * 0.006;\r\n          p.y += dy * 0.006;\r\n        }\r\n      }\r\n\r\n      if (p.x < -p.radius) p.x = width + p.radius;\r\n      if (p.x > width + p.radius) p.x = -p.radius;\r\n      if (p.y < -p.radius) p.y = height + p.radius;\r\n      if (p.y > height + p.radius) p.y = -p.radius;\r\n\r\n      drawParticle(p);\r\n    });\r\n\r\n    animationFrame = requestAnimationFrame(animate);\r\n  }\r\n\r\n  hero.addEventListener(\"mousemove\", function (event) {\r\n    const rect = hero.getBoundingClientRect();\r\n\r\n    mouse.x = event.clientX - rect.left;\r\n    mouse.y = event.clientY - rect.top;\r\n    mouse.active = true;\r\n  });\r\n\r\n  hero.addEventListener(\"mouseleave\", function () {\r\n    mouse.active = false;\r\n  });\r\n\r\n  window.addEventListener(\"resize\", resizeCanvas);\r\n\r\n  resizeCanvas();\r\n\r\n  if (animationFrame) cancelAnimationFrame(animationFrame);\r\n  animate();\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-22229ce7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"22229ce7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-320049b8\" data-id=\"320049b8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3955b5c0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3955b5c0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f9b8b82\" data-id=\"3f9b8b82\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4debc01a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4debc01a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f706262\" data-id=\"f706262\" 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-4f3b36a7 elementor-widget elementor-widget-html\" data-id=\"4f3b36a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id='k-stmt'>\r\n  <p class='k-stmt-text'>\r\n    <span class='sw'>Webs<\/span> <span class='sw'>que<\/span> <span class='sw'>no<\/span> <span class='sw'>solo<\/span> <span class='sw'>son<\/span> <span class='sw acc'>bonitas<\/span> <span class='sw'>\u2014<\/span> <span class='sw'>tambi\u00e9n<\/span> <span class='sw acc'>r\u00e1pidas<\/span><span class='sw'>,<\/span> <span class='sw acc'>seguras<\/span> <span class='sw'>y<\/span> <span class='sw acc'>optimizadas<\/span> <span class='sw'>para<\/span> <span class='sw'>aparecer<\/span> <span class='sw'>en<\/span> <span class='sw'>Google<\/span> <span class='sw'>sin<\/span> <span class='sw'>pagar<\/span> <span class='sw'>un<\/span> <span class='sw acc'>euro<\/span> <span class='sw'>en<\/span> <span class='sw'>anuncios.<\/span>\r\n  <\/p>\r\n<\/section>\r\n\r\n<style>\r\n  #k-stmt .sw {\r\n    color: rgba(199, 42, 8, .18);\r\n    transition: color .4s ease, opacity .4s ease;\r\n  }\r\n\r\n  #k-stmt .sw.k-pulse {\r\n    animation: kSoftPulse 0.5s ease-in-out 1;\r\n  }\r\n\r\n  #k-stmt .sw.k-final {\r\n    color: var(--text);\r\n  }\r\n\r\n  #k-stmt .sw.acc.k-final {\r\n    color: var(--accent);\r\n  }\r\n\r\n  @keyframes kSoftPulse {\r\n    0% {\r\n      color: rgba(199, 42, 8, .18);\r\n    }\r\n\r\n    42% {\r\n      color: var(--accent);\r\n    }\r\n\r\n    100% {\r\n      color: inherit;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function() {\r\n    const words = Array.from(document.querySelectorAll('#k-stmt .sw'));\r\n    let started = false;\r\n\r\n    const order = [0, 5, 1, 8, 3, 10, 15, 12, 18, 20, 2, 6, 14, 21, 4, 16, 9, 11, 7, 13, 17, 19, 22];\r\n\r\n    function playStatementEffect() {\r\n      if (started) return;\r\n      started = true;\r\n\r\n      order.forEach(function(wordIndex, step) {\r\n        const word = words[wordIndex];\r\n        if (!word) return;\r\n\r\n        const delay = step * 150 + Math.random() * 180;\r\n\r\n        setTimeout(function() {\r\n          word.classList.add('k-pulse');\r\n\r\n          setTimeout(function() {\r\n            word.classList.remove('k-pulse');\r\n            word.classList.add('k-final');\r\n          }, 850);\r\n        }, delay);\r\n      });\r\n\r\n      setTimeout(function() {\r\n        words.forEach(function(word) {\r\n          word.classList.remove('k-pulse');\r\n          word.classList.add('k-final');\r\n        });\r\n      }, 4800);\r\n    }\r\n\r\n    if (typeof ScrollTrigger !== 'undefined') {\r\n      ScrollTrigger.create({\r\n        trigger: '#k-stmt',\r\n        start: 'top 68%',\r\n        once: true,\r\n        onEnter: playStatementEffect\r\n      });\r\n    } else {\r\n      const observer = new IntersectionObserver(function(entries) {\r\n        if (entries[0].isIntersecting) {\r\n          playStatementEffect();\r\n          observer.disconnect();\r\n        }\r\n      }, { threshold: 0.35 });\r\n\r\n      observer.observe(document.querySelector('#k-stmt'));\r\n    }\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f62bfb3 elementor-widget elementor-widget-html\" data-id=\"6f62bfb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id='k-pillars'><div class='k-pill-in'><div class='ks-tag' style='text-align:center'>Por qu\u00e9 Krelo<\/div><h2 class='ks-title' style='text-align:center;margin:0 auto;max-width:520px'>Tres razones para<br>elegirnos<\/h2><div class='k-pill-grid'><div class='k-pill'><div class='k-pill-num' data-target='100'>0<\/div><div class='k-pill-lbl'>% personalizado<\/div><div class='k-pill-ttl'>Dise\u00f1o a tu medida<\/div><p class='k-pill-body'>Sin plantillas. Cada web refleja la identidad \u00fanica de tu negocio.<\/p><\/div><div class='k-pill'><div class='k-pill-num' data-target='0'>0<\/div><div class='k-pill-lbl'>\u20ac en anuncios<\/div><div class='k-pill-ttl'>SEO org\u00e1nico real<\/div><p class='k-pill-body'>Aparecer en Google sin pagar publicidad gracias a estrategia SEO.<\/p><\/div><div class='k-pill'><div class='k-pill-num' data-target='5'>0<\/div><div class='k-pill-lbl'>h respuesta max<\/div><div class='k-pill-ttl'>Trato directo<\/div><p class='k-pill-body'>Sin intermediarios. Hablas directamente con quien hace tu proyecto.<\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-18f655bc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"18f655bc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d461234\" data-id=\"d461234\" 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-54665e0d elementor-widget elementor-widget-html\" data-id=\"54665e0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id='k-process'><div class='ks-tag'>Proceso<\/div><h2 class='ks-title'>As\u00ed trabajamos<br>contigo<\/h2><p class='ks-sub'>Simple, transparente y sin sorpresas. T\u00fa siempre sabes en qu\u00e9 punto est\u00e1 tu proyecto.<\/p><div class='k-steps'><div class='k-step'><div class='k-step-num'>01<\/div><div class='k-step-ttl'>Nos cuentas tu idea<\/div><p class='k-step-body'>Hablamos por llamada o mensaje para entender tu negocio, objetivos y lo que necesitas.<\/p><\/div><div class='k-step'><div class='k-step-num'>02<\/div><div class='k-step-ttl'>Dise\u00f1amos juntos<\/div><p class='k-step-body'>Presentamos propuesta visual. Revisiones ilimitadas hasta que est\u00e9 exactamente como lo imaginas.<\/p><\/div><div class='k-step'><div class='k-step-num'>03<\/div><div class='k-step-ttl'>Tu web, online<\/div><p class='k-step-body'>Publicamos, probamos y te entregamos todo. Soporte incluido para que no quedes solo.<\/p><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-173b3b42 elementor-widget elementor-widget-html\" data-id=\"173b3b42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id='k-services'>\n    <div class='ks-tag'>Servicios<\/div>\n    <h2 class='ks-title'>Lo que hacemos<br>por ti<\/h2>\n    <p class='ks-sub'>Cada proyecto es \u00fanico. Trabajamos sin intermediarios para darte resultados reales.<\/p>\n\n    <div class='k-srv-grid'>\n      <div class='k-card' onclick='openServicePopup(this)'>\n        <div class='k-ico'>\n          <svg viewbox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' \n  stroke-linejoin='round'><path d='M4.5 16.5c-1.2 1.2-1.5 3.4-1.5 3.4s2.2-.3 3.4-1.5L17.8 7a3.5 3.5 0 0 0-4.9-4.9L4.5   10.5'\/><path d='M12 3l9 9'\/><path d='M9 15l-3-3'\/><\/svg>\n        <\/div>\n        <div class='k-price'>desde 390\u20ac<\/div>\n        <div class='k-name'>Landing Page<\/div>\n        <div class='k-desc'>Una p\u00e1gina dise\u00f1ada para convertir visitas en clientes potenciales.<\/div>\n        <ul class='k-feats'>\n          <li>100% custom design<\/li>\n          <li>Responsive en todos los dispositivos<\/li>\n          <li>Estrategia de captaci\u00f3n de leads<\/li>\n          <li>Entrega en 7-10 d\u00edas h\u00e1biles<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class='k-card' onclick='openServicePopup(this)'>\n        <div class='k-ico'>\n          <svg viewbox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' \n  stroke-linejoin='round'><rect x='3' y='7' width='18' height='13' rx='2'\/><path d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2   2v2'\/><path d='M3 13h18'\/><path d='M10 13v2h4v-2'\/><\/svg>\n        <\/div>\n        <div class='k-price'>desde 950\u20ac<\/div>\n        <div class='k-name'>Corporate Website<\/div>\n        <div class='k-desc'>Presencia profesional completa con hasta 4 secciones optimizadas para SEO.<\/div>\n        <ul class='k-feats'>\n          <li>Up to 4 sections<\/li>\n          <li>Textos con SEO incluido<\/li>\n          <li>Dise\u00f1o premium exclusivo<\/li>\n          <li>Revisiones ilimitadas<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class='k-card' onclick='openServicePopup(this)'>\n        <div class='k-ico'>\n          <svg viewbox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' \n  stroke-linejoin='round'><rect x='7' y='2' width='10' height='20' rx='2'\/><path d='M11 18h2'\/><path d='M9 6h6'\/><\/svg>\n        <\/div>\n        <div class='k-price'>desde 250\u20ac <sup>\/mes<\/sup><\/div>\n        <div class='k-name'>Estrategia RRSS<\/div>\n        <div class='k-desc'>Gesti\u00f3n integral de tus redes sociales con contenido estrat\u00e9gico y constante.<\/div>\n        <ul class='k-feats'>\n          <li>Content planning<\/li>\n          <li>Creation of publications<\/li>\n          <li>Gesti\u00f3n y comunidad<\/li>\n          <li>Informes mensuales<\/li>\n        <\/ul>\n      <\/div>\n  \n      <div class='k-card' onclick='openServicePopup(this)'>\n        <div class='k-ico'>\n          <svg viewbox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' \n  stroke-linejoin='round'><path d='M14.7 6.3a4 4 0 0 0-5 5L3 18v3h3l6.7-6.7a4 4 0 0 0 5-5l-2.4 2.4-3-3 2.4-2.4z'\/><\/svg>\n        <\/div>\n        <div class='k-price'>desde 90\u20ac <sup>\/mes<\/sup><\/div>\n        <div class='k-name'>Mantenimiento Web<\/div>\n        <div class='k-desc'>Tu web siempre actualizada, segura y en perfecto estado de funcionamiento.<\/div>\n        <ul class='k-feats'>\n          <li>Actualizaciones peri\u00f3dicas<\/li>\n          <li>Backups autom\u00e1ticos<\/li>\n          <li>Soporte t\u00e9cnico<\/li>\n          <li>Monitorizaci\u00f3n 24\/7<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div id='k-service-popup' class='k-popup' onclick='closeServicePopup(event)'>\n    <div class='k-popup-box'>\n      <button class='k-popup-close' onclick='closeServicePopup(event)' aria-label='Cerrar'>\u00d7<\/button>\n      <div id='k-popup-content'><\/div>\n      <a href='tel:618161140' class='k-popup-call'>\n        <span class='k-call-icon'>\n          <svg viewbox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' \n  stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.4 19.4 0 0 1-6-6A19.8 19.8 0 0   1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.7.6 2.5a2 2 0 0 1-.5 2.1L8 9.5a16 16 0 0 0 6.5 6.5l1.2-1.2a2 2 0   0 1 2.1-.5c.8.3 1.6.5 2.5.6A2 2 0 0 1 22 16.9z'\/><\/svg>\n        <\/span>\n        Llamar ahora\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <style>\n    #k-services {\n      background: #ECE5DB;\n    }\n\n    .k-srv-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 24px;\n    }\n\n    .k-card {\n      cursor: pointer;\n      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n    }\n\n    .k-card:hover {\n      transform: translateY(-6px);\n      border-color: rgba(199, 42, 8, .35);\n      box-shadow: 0 18px 42px rgba(199, 42, 8, .14);\n    }\n  \n    .k-ico {\n      width: 56px;\n      height: 56px;\n      display: grid;\n      place-items: center;\n      border-radius: 16px;\n      background: rgba(199, 42, 8, .1);\n      color: #C72A08;\n      margin-bottom: 22px;\n      box-shadow: 0 14px 28px rgba(199, 42, 8, .12);\n    }\n\n    .k-ico svg {\n      width: 27px;\n      height: 27px;\n    }\n\n    .k-popup {\n      position: fixed;\n      inset: 0;\n      background: rgba(20, 16, 13, .62);\n      display: none;\n      align-items: center;\n      justify-content: center;\n      z-index: 9999;\n      padding: 24px;\n    }\n  \n    .k-popup.active {\n      display: flex;\n    }\n\n    .k-popup-box {\n      position: relative;\n      width: min(680px, 100%);\n      max-height: 90vh;\n      overflow-y: auto;\n      background: #ECE5DB;\n      border: 1px solid rgba(199, 42, 8, .16);\n      border-radius: 24px;\n      padding: 42px;\n      box-shadow: 0 30px 80px rgba(20, 16, 13, .25);\n    }\n  \n    .k-popup-close {\n      position: absolute;\n      top: 18px;\n      right: 18px;\n      width: 38px;\n      height: 38px;\n      border: 1px solid rgba(199, 42, 8, .18);\n      border-radius: 50%;\n      background: rgba(255, 255, 255, .45);\n      color: #C72A08;\n      font-size: 24px;\n      line-height: 1;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0 0 2px 0;\n    }\n\n    .k-popup-close:hover {\n      background: rgba(199, 42, 8, .1);\n    }\n\n    .k-popup-box .k-ico {\n      width: 66px;\n      height: 66px;\n      border-radius: 18px;\n      margin-bottom: 22px;\n      background: #C72A08;\n      color: #ECE5DB;\n      box-shadow: 0 16px 32px rgba(199, 42, 8, .22);\n    }\n\n    .k-popup-box .k-ico svg {\n      width: 32px;\n      height: 32px;\n    }\n\n    .k-popup-box .k-price {\n      font-size: 34px;\n      font-weight: 800;\n      margin-bottom: 12px;\n      color: #C72A08;\n    }\n\n    .k-popup-box .k-name {\n      font-size: 28px;\n      font-weight: 800;\n      margin-bottom: 14px;\n    }\n\n    .k-popup-box .k-desc {\n      font-size: 17px;\n      line-height: 1.6;\n      margin-bottom: 24px;\n    }\n\n    .k-popup-box .k-feats {\n      display: grid;\n      gap: 12px;\n      padding-left: 20px;\n      margin-bottom: 28px;\n    }\n\n    .k-popup-call {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      width: 100%;\n      min-height: 52px;\n      border-radius: 999px;\n      background: #C72A08;\n      color: #ECE5DB;\n      text-decoration: none;\n      font-weight: 800;\n      font-size: 15px;\n      letter-spacing: 0;\n      box-shadow: 0 16px 34px rgba(199, 42, 8, .22);\n      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\n    }\n\n    .k-popup-call:hover {\n      transform: translateY(-2px);\n      background: #a92307;\n      box-shadow: 0 20px 42px rgba(199, 42, 8, .3);\n    }\n\n    .k-call-icon {\n      width: 24px;\n      height: 24px;\n      display: grid;\n      place-items: center;\n    }\n\n    .k-call-icon svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    @media (max-width: 1024px) {\n      .k-srv-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n  \n    @media (max-width: 640px) {\n      .k-srv-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .k-popup-box {\n        padding: 32px 24px;\n        border-radius: 18px;\n      }\n    }\n  <\/style>\n\n  <script>\n    function openServicePopup(card) {\n      const popup = document.getElementById('k-service-popup');\n      const content = document.getElementById('k-popup-content');\n\n      content.innerHTML = card.innerHTML;\n      popup.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    }\n\n    function closeServicePopup(event) {\n      const popup = document.getElementById('k-service-popup');\n\n      if (\n        event.target.id === 'k-service-popup' ||\n        event.target.classList.contains('k-popup-close')\n      ) {\n        popup.classList.remove('active');\n        document.body.style.overflow = '';\n      }\n    }\n  \n    document.addEventListener('keydown', function(event) {\n      if (event.key === 'Escape') {\n        document.getElementById('k-service-popup').classList.remove('active');\n        document.body.style.overflow = '';\n      }\n    });\n  <\/script>\t\t\t\t<\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-16eedfdc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"16eedfdc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-28e73cd\" data-id=\"28e73cd\" 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-c866838 elementor-widget elementor-widget-html\" data-id=\"c866838\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id='k-faq'><div class='k-faq-in'><div class='ks-tag'>FAQs<\/div><h2 class='ks-title'>Lo que m\u00e1s<br>nos preguntan<\/h2><div class='k-faq-items'><div class='k-faq-item'><div class='k-faq-q'>\u00bfCu\u00e1nto tarda en estar lista mi web? <div class='k-faq-ico'>+<\/div><\/div><div class='k-faq-a'><div class='k-faq-a-in'>Una landing page est\u00e1 lista en 7-10 d\u00edas h\u00e1biles. Una web corporativa puede tomar entre 2-3 semanas seg\u00fan la complejidad.<\/div><\/div><\/div><div class='k-faq-item'><div class='k-faq-q'>\u00bfIncluye redacci\u00f3n de textos? <div class='k-faq-ico'>+<\/div><\/div><div class='k-faq-a'><div class='k-faq-a-in'>S\u00ed, incluimos redacci\u00f3n SEO b\u00e1sica para todas las p\u00e1ginas. Textos optimizados para posicionamiento web sin coste adicional.<\/div><\/div><\/div><div class='k-faq-item'><div class='k-faq-q'>\u00bfCu\u00e1ntas revisiones puedo pedir? <div class='k-faq-ico'>+<\/div><\/div><div class='k-faq-a'><div class='k-faq-a-in'>Revisiones ilimitadas hasta que est\u00e9s 100% satisfecho. No paramos hasta que tu web sea exactamente como la imaginas.<\/div><\/div><\/div><div class='k-faq-item'><div class='k-faq-q'>\u00bfPuedo ampliar mi pack m\u00e1s adelante? <div class='k-faq-ico'>+<\/div><\/div><div class='k-faq-a'><div class='k-faq-a-in'>Por supuesto. Nuestros packs son escalables y puedes a\u00f1adir servicios cuando tu negocio lo necesite.<\/div><\/div><\/div><div class='k-faq-item'><div class='k-faq-q'>\u00bfAparezco en Google sin pagar publicidad? <div class='k-faq-ico'>+<\/div><\/div><div class='k-faq-a'><div class='k-faq-a-in'>S\u00ed. Incluimos optimizaci\u00f3n SEO desde el inicio: estructura, velocidad, textos y metadatos. Efectos duraderos sin coste por clic.<\/div><\/div><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1d148892 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d148892\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5139c043\" data-id=\"5139c043\" 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-1693b1a elementor-widget elementor-widget-html\" data-id=\"1693b1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id='k-contact'><div class='k-contact-in'><div><div class='ks-tag'>Contact<\/div><h2 class='ks-title'>Hablemos de<br>tu proyecto<\/h2><p class='ks-sub' style='margin-bottom:40px'>Cu\u00e9ntanos tu idea. Respondemos en menos de 5 horas con una propuesta sin compromiso.<\/p><div class='k-cinfo'><div class='k-crow'><div class='k-cico'>\ud83d\udcde<\/div><div><div class='k-clbl'>Tel\u00e9fono<\/div><div class='k-cval'>618 161 140<\/div><\/div><\/div><div class='k-crow'><div class='k-cico'>\u23f1<\/div><div><div class='k-clbl'>Respuesta<\/div><div class='k-cval'>Menos de 5 horas<\/div><\/div><\/div><div class='k-crow'><div class='k-cico'>\ud83c\udf0d<\/div><div><div class='k-clbl'>Idiomas<\/div><div class='k-cval'>Espa\u00f1ol \u00b7 English<\/div><\/div><\/div><\/div><div class='k-badge'><p><strong>Presupuesto 100% gratuito<\/strong> \u2014 Sin compromisos ni letra peque\u00f1a. Solo queremos entender tu proyecto y ayudarte a crecer.<\/p><\/div><\/div><form class='k-form' id='k-contact-form' action=\"\"><input type='hidden' name='_subject' value='Nueva consulta desde Krelo Studio'><input type='hidden' name='_captcha' value='false'><div class='k-fg'><label>Name<\/label><input type='text' name='nombre' placeholder='Tu nombre' required \/><\/div><div class='k-fg'><label>Email<\/label><input type='email' name='email' placeholder='tu@email.com' required \/><\/div><div class='k-fg'><label>Tel\u00e9fono<\/label><input type='tel' name='telefono' placeholder='Tu tel\u00e9fono' required \/><\/div><div class='k-fg'><label>Servicio de inter\u00e9s<\/label><select name='servicio'><option value=''>\u00bfQu\u00e9 necesitas?<\/option><option>Landing Page \u2014 350\u20ac<\/option><option>Web Corporativa \u2014 850\u20ac<\/option><option>Estrategia RRSS \u2014 250\u20ac\/mes<\/option><option>Mantenimiento Web \u2014 50\u20ac\/mes<\/option><option>Otro \/ Consulta<\/option><\/select><\/div><div class='k-fg'><label>Message<\/label><textarea name='mensaje' placeholder='Cu\u00e9ntanos tu proyecto...'><\/textarea><\/div><button type='submit' class='k-form-btn'>Enviar mensaje \u2192<\/button><div id='k-form-success' style='display:none;margin-top:18px;color:#16a34a;font-weight:700;'>\u2713 Nos pondremos en contacto contigo<\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div><\/section>\r\n\r\n<script>\r\ndocument.getElementById('k-contact-form').addEventListener('submit', function(e) {\r\n  e.preventDefault();\r\n\r\n  const form = e.target;\r\n  const button = form.querySelector('.k-form-btn');\r\n  const success = document.getElementById('k-form-success');\r\n  const formData = new FormData(form);\r\n\r\n  button.disabled = true;\r\n  button.textContent = 'Enviando...';\r\n\r\n  fetch('https:\/\/formsubmit.co\/ajax\/info@krelo.studio', {\r\n    method: 'POST',\r\n    body: formData,\r\n    headers: {\r\n      'Accept': 'application\/json'\r\n    }\r\n  })\r\n  .then(function(response) {\r\n    if (!response.ok) {\r\n      throw new Error('Error al enviar');\r\n    }\r\n\r\n    form.reset();\r\n    success.style.display = 'block';\r\n    button.textContent = 'Enviar mensaje \u2192';\r\n    button.disabled = false;\r\n  })\r\n  .catch(function() {\r\n    button.textContent = 'Enviar mensaje \u2192';\r\n    button.disabled = false;\r\n    alert('Ha ocurrido un error. Int\u00e9ntalo de nuevo.');\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-191e1fc6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"191e1fc6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-68e826cb\" data-id=\"68e826cb\" 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-4ee97229 elementor-widget elementor-widget-html\" data-id=\"4ee97229\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<footer id='k-footer'><div class='k-fcopy'>\u00a9 2026 <em>Krelo Studio<\/em>. Todos los derechos reservados.<\/div><div class='k-flinks'><a href='#'>Privacidad<\/a><a href='#'>T\u00e9rminos<\/a><a href='#k-contact'>Contact<\/a><\/div><\/footer>\t\t\t\t<\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e901fe1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e901fe1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2943a9ed\" data-id=\"2943a9ed\" 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-6dcb2526 elementor-widget elementor-widget-html\" data-id=\"6dcb2526\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js'><\/script><script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js'><\/script><script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js'><\/script><script>gsap.registerPlugin(ScrollTrigger);(function(){var c=document.getElementById('k-canvas');if(!c)return;var r=new THREE.WebGLRenderer({canvas:c,antialias:true,alpha:true});r.setPixelRatio(Math.min(window.devicePixelRatio,2));r.setSize(window.innerWidth,window.innerHeight);var scene=new THREE.Scene(),cam=new THREE.PerspectiveCamera(60,window.innerWidth\/window.innerHeight,0.1,100);cam.position.z=6;var geos=[new THREE.IcosahedronGeometry(0.28,0),new THREE.OctahedronGeometry(0.24,0),new THREE.TetrahedronGeometry(0.26,0),new THREE.BoxGeometry(0.28,0.28,0.28),new THREE.TorusGeometry(0.2,0.07,6,8)];var shapes=[];for(var i=0;i<26;i++){var col=i%3===0?0xC72A08:i%3===1?0xA82206:0xE03010;var mat=new THREE.MeshBasicMaterial({color:col,wireframe:true,transparent:true,opacity:Math.random()*0.3+0.1});var mesh=new THREE.Mesh(geos[i%geos.length],mat);mesh.position.set((Math.random()-0.5)*16,(Math.random()-0.5)*11,(Math.random()-0.5)*6-1);mesh.rotation.set(Math.random()*Math.PI*2,Math.random()*Math.PI*2,0);mesh.userData={vx:(Math.random()-0.5)*0.004,vy:(Math.random()-0.5)*0.003,rx:(Math.random()-0.5)*0.012,ry:(Math.random()-0.5)*0.009};shapes.push(mesh);scene.add(mesh);}var mx=0,my=0;window.addEventListener('mousemove',function(e){mx=(e.clientX\/window.innerWidth-0.5)*2;my=-(e.clientY\/window.innerHeight-0.5)*2;});window.addEventListener('resize',function(){r.setSize(window.innerWidth,window.innerHeight);cam.aspect=window.innerWidth\/window.innerHeight;cam.updateProjectionMatrix();});(function tick(){requestAnimationFrame(tick);shapes.forEach(function(s){s.position.x+=s.userData.vx;s.position.y+=s.userData.vy;s.rotation.x+=s.userData.rx;s.rotation.y+=s.userData.ry;if(s.position.x>9)s.position.x=-9;if(s.position.x<-9)s.position.x=9;if(s.position.y>7)s.position.y=-7;if(s.position.y<-7)s.position.y=7;});cam.position.x+=(mx*0.4-cam.position.x)*0.04;cam.position.y+=(my*0.3-cam.position.y)*0.04;r.render(scene,cam);})();})();var dot=document.getElementById('k-dot'),ring=document.getElementById('k-ring');var dx=0,dy=0,px=0,py=0;document.addEventListener('mousemove',function(e){px=e.clientX;py=e.clientY;if(dot){dot.style.left=px+'px';dot.style.top=py+'px';}});(function animR(){dx+=(px-dx)*0.11;dy+=(py-dy)*0.11;if(ring){ring.style.left=dx+'px';ring.style.top=dy+'px';}requestAnimationFrame(animR);})();document.querySelectorAll('a,button,.k-card,.k-faq-q').forEach(function(el){el.addEventListener('mouseenter',function(){if(ring)ring.classList.add('big');});el.addEventListener('mouseleave',function(){if(ring)ring.classList.remove('big');});});ScrollTrigger.create({start:'top -56',onEnter:function(){var n=document.getElementById('k-nav');if(n)n.classList.add('solid');},onLeaveBack:function(){var n=document.getElementById('k-nav');if(n)n.classList.remove('solid');}});gsap.timeline({delay:0.2}).to('.k-tag',{opacity:1,y:0,duration:0.7,ease:'power3.out'}).to('.ki',{y:'0%',duration:0.9,stagger:0.07,ease:'power3.out'},'-=0.4').to('.k-sub',{opacity:1,y:0,duration:0.7,ease:'power3.out'},'-=0.5').to('.k-btns',{opacity:1,y:0,duration:0.6,ease:'power3.out'},'-=0.4');document.querySelectorAll('.sw').forEach(function(w){ScrollTrigger.create({trigger:w,start:'top 72%',onEnter:function(){w.classList.add('lit');}});});document.querySelectorAll('.k-card').forEach(function(card,i){gsap.to(card,{opacity:1,y:0,duration:0.8,delay:i*0.08,ease:'power3.out',scrollTrigger:{trigger:card,start:'top 88%'}});card.addEventListener('mousemove',function(e){var rect=card.getBoundingClientRect(),x=e.clientX-rect.left,y=e.clientY-rect.top;var rx=-((y-rect.height\/2)\/rect.height)*10,ry=((x-rect.width\/2)\/rect.width)*10;card.style.transform='perspective(900px) rotateX('+rx+'deg) rotateY('+ry+'deg) translateZ(10px)';card.style.setProperty('--mx',(x\/rect.width*100)+'%');card.style.setProperty('--my',(y\/rect.height*100)+'%');});card.addEventListener('mouseleave',function(){card.style.transform='perspective(900px) rotateX(0deg) rotateY(0deg) translateZ(0)';});});gsap.utils.toArray('.ks-tag,.ks-title,.ks-sub').forEach(function(el){gsap.fromTo(el,{opacity:0,y:30},{opacity:1,y:0,duration:0.75,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 86%'}});});document.querySelectorAll('.k-pill').forEach(function(p,i){gsap.to(p,{opacity:1,scale:1,duration:0.8,delay:i*0.15,ease:'power3.out',scrollTrigger:{trigger:p,start:'top 85%'}});var numEl=p.querySelector('.k-pill-num');var target=parseInt(numEl.dataset.target);ScrollTrigger.create({trigger:numEl,start:'top 80%',once:true,onEnter:function(){if(target===0){numEl.textContent='0';return;}gsap.to({v:0},{v:target,duration:1.8,ease:'power2.out',onUpdate:function(){numEl.textContent=Math.round(this.targets()[0].v);}});}});});document.querySelectorAll('.k-step').forEach(function(s,i){gsap.to(s,{opacity:1,y:0,duration:0.75,delay:i*0.15,ease:'power3.out',scrollTrigger:{trigger:s,start:'top 85%'}});});document.querySelectorAll('.k-faq-item').forEach(function(item){item.querySelector('.k-faq-q').addEventListener('click',function(){var isOpen=item.classList.contains('open');document.querySelectorAll('.k-faq-item.open').forEach(function(o){o.classList.remove('open');o.querySelector('.k-faq-a').style.maxHeight='0';});if(!isOpen){item.classList.add('open');var a=item.querySelector('.k-faq-a');a.style.maxHeight=a.scrollHeight+'px';}});});gsap.fromTo('.k-contact-in > *',{opacity:0,y:40},{opacity:1,y:0,duration:0.85,stagger:0.18,ease:'power3.out',scrollTrigger:{trigger:'#k-contact',start:'top 72%'}});function kSubmit(e){e.preventDefault();var btn=e.target.querySelector('.k-form-btn');var orig=btn.textContent;btn.textContent='\u2713 Enviado \u2014 te contactamos pronto';btn.style.background='#1a8a3a';setTimeout(function(){btn.textContent=orig;btn.style.background='';},4000);}window.kSubmit=kSubmit;(function(){if(typeof gsap==='undefined'||typeof ScrollTrigger==='undefined')return;var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;var st=document.createElement('style');st.textContent=['html,body,body *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}','input,textarea,select,input *,textarea *,select *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}','.k-h1{line-height:1.13!important;padding-bottom:.18em;overflow:visible!important;}','.k-h1 .kw{overflow:visible!important;padding-bottom:.2em;margin-bottom:-.2em;vertical-align:top;}','.k-h1 .ki{will-change:transform;}','#k-global-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:4;pointer-events:none;opacity:.44;mix-blend-mode:multiply;}','#k-nav{z-index:200!important;}','#k-service-popup{z-index:9999!important;}','#k-hero .k-hero-body,#k-stmt,#k-pillars,#k-process,#k-services,#k-faq,#k-contact,#k-footer{position:relative;z-index:8;}','#k-stmt,#k-pillars,#k-process,#k-services,#k-faq,#k-contact{transform:translateZ(0);will-change:transform;}','.elementor-element-506f4e30,.elementor-element-11ec56c8,.elementor-element-688550b1,.elementor-element-21dd1ea0,.elementor-element-71d3a51f{background:transparent!important;background-color:transparent!important;}','#k-pillars,#k-faq{background:transparent!important;background-color:transparent!important;border:0!important;}','#k-pillars{margin-top:-18vh;padding:calc(120px + 18vh) 24px 120px;border-radius:0!important;box-shadow:none!important;overflow:visible!important;}','#k-pillars .k-pill-in{max-width:1200px;background:var(--bg-1);border:1px solid var(--border);border-radius:34px;padding:72px 44px;box-shadow:0 -30px 90px rgba(26,8,4,.14),0 24px 70px rgba(26,8,4,.08);}','#k-pillars .k-pill-grid{margin-top:60px;}','#k-faq{margin-top:-10vh;padding:calc(120px + 10vh) 24px 120px;border-radius:0!important;box-shadow:none!important;}','#k-faq .k-faq-in{max-width:820px;background:var(--bg-1);border:1px solid var(--border);border-radius:34px;padding:72px 54px;box-shadow:0 -24px 70px rgba(26,8,4,.10),0 22px 60px rgba(26,8,4,.07);}','#k-faq .k-faq-items{margin-top:48px;}','#k-stmt{z-index:8;background:transparent!important;}','#k-process{z-index:8;background:transparent!important;}','#k-process .k-steps{gap:28px!important;}','#k-process .k-step{background:rgba(229,221,209,.94);border:1px solid var(--border);border-radius:24px;padding:34px 26px;box-shadow:0 18px 46px rgba(26,8,4,.09);position:relative;z-index:2;backdrop-filter:blur(10px) saturate(130%);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}','#k-process .k-step:hover{transform:translateY(-6px) scale(1.035)!important;border-color:rgba(199,42,8,.34);box-shadow:0 24px 58px rgba(26,8,4,.13),0 0 36px rgba(199,42,8,.08);}','#k-process .k-step-num{background:rgba(236,229,219,.92);}','#k-process .k-steps::before{z-index:1;}','#k-services{z-index:9;margin-top:-10vh;padding-top:calc(120px + 10vh);background:transparent!important;border-radius:0!important;box-shadow:none!important;}','#k-contact{z-index:11;background:var(--bg);}','#k-services .k-card{box-shadow:0 18px 46px rgba(26,8,4,.06);}','@media(max-width:767px){#k-global-canvas{opacity:.32;}.k-h1{line-height:1.16!important;padding-bottom:.22em;}.k-h1 .kw{padding-bottom:.24em;margin-bottom:-.24em;}#k-pillars{margin-top:-8vh;padding:calc(120px + 8vh) 16px 96px;}#k-pillars .k-pill-in{border-radius:24px;padding:48px 18px;}#k-faq{margin-top:-6vh;padding:calc(120px + 6vh) 16px 96px;}#k-faq .k-faq-in{border-radius:24px;padding:46px 20px;}#k-services{margin-top:-6vh;padding-top:calc(120px + 6vh);}#k-process .k-steps{gap:28px!important;}#k-process .k-step{padding:30px 22px;border-radius:22px;}#k-process .k-step:hover{transform:translateY(-4px) scale(1.018)!important;}}'].join('');document.head.appendChild(st);if(!reduce&&window.THREE){var gc=document.createElement('canvas');gc.id='k-global-canvas';document.body.appendChild(gc);var gr=new THREE.WebGLRenderer({canvas:gc,antialias:true,alpha:true});gr.setPixelRatio(Math.min(window.devicePixelRatio||1,1.6));gr.setSize(window.innerWidth,window.innerHeight);var gs=new THREE.Scene(),gcam=new THREE.PerspectiveCamera(60,window.innerWidth\/window.innerHeight,.1,120);gcam.position.z=7;var gGeos=[new THREE.IcosahedronGeometry(.22,0),new THREE.OctahedronGeometry(.2,0),new THREE.TetrahedronGeometry(.22,0),new THREE.BoxGeometry(.24,.24,.24),new THREE.TorusGeometry(.18,.055,6,8)];var gShapes=[];var count=window.innerWidth<768?34:58;for(var gi=0;gi<count;gi++){var col=gi%3===0?0xC72A08:gi%3===1?0xA82206:0xE03010;var gm=new THREE.MeshBasicMaterial({color:col,wireframe:true,transparent:true,opacity:Math.random()*.22+.08});var sh=new THREE.Mesh(gGeos[gi%gGeos.length],gm);sh.position.set((Math.random()-.5)*16,(Math.random()-.5)*10,(Math.random()-.5)*5-1);sh.rotation.set(Math.random()*Math.PI*2,Math.random()*Math.PI*2,0);sh.userData={baseX:sh.position.x,baseY:sh.position.y,depth:Math.random()*.8+.35,rx:(Math.random()-.5)*.01,ry:(Math.random()-.5)*.012,phase:Math.random()*Math.PI*2};gShapes.push(sh);gs.add(sh);}var sy=0,mx2=0,my2=0;window.addEventListener('scroll',function(){sy=window.scrollY||0;},{passive:true});window.addEventListener('mousemove',function(e){mx2=(e.clientX\/window.innerWidth-.5)*2;my2=-(e.clientY\/window.innerHeight-.5)*2;},{passive:true});window.addEventListener('resize',function(){gr.setSize(window.innerWidth,window.innerHeight);gcam.aspect=window.innerWidth\/window.innerHeight;gcam.updateProjectionMatrix();});(function gtick(){requestAnimationFrame(gtick);var t=performance.now()*.001;gShapes.forEach(function(s){var d=s.userData.depth;s.position.y=s.userData.baseY+Math.sin(t*.45+s.userData.phase)*.22-((sy*.0012*d)%14);if(s.position.y<-7)s.userData.baseY+=14;if(s.position.y>7)s.userData.baseY-=14;s.position.x=s.userData.baseX+Math.sin(t*.32+s.userData.phase)*.18+(sy*.00022*d);if(s.position.x>8.8)s.userData.baseX=-8.8;if(s.position.x<-8.8)s.userData.baseX=8.8;s.rotation.x+=s.userData.rx+(sy*.0000008);s.rotation.y+=s.userData.ry;});gcam.position.x+=(mx2*.35-gcam.position.x)*.035;gcam.position.y+=(my2*.25-gcam.position.y)*.035;gr.render(gs,gcam);})();}if(reduce)return;ScrollTrigger.matchMedia({'(min-width:768px)':function(){ScrollTrigger.create({trigger:'#k-stmt',start:'top top',end:'+=95%',pin:true,pinSpacing:false,anticipatePin:1});gsap.fromTo('#k-pillars',{xPercent:24,yPercent:9,opacity:.9},{xPercent:0,yPercent:0,opacity:1,ease:'none',scrollTrigger:{trigger:'#k-pillars',start:'top bottom',end:'top 18%',scrub:1}});gsap.fromTo('#k-services',{yPercent:14,opacity:.94},{yPercent:0,opacity:1,ease:'none',scrollTrigger:{trigger:'#k-services',start:'top bottom',end:'top 30%',scrub:1}});gsap.fromTo('#k-faq .k-faq-in',{y:-120,opacity:.28},{y:0,opacity:1,ease:'none',scrollTrigger:{trigger:'#k-faq',start:'top 88%',end:'top 32%',scrub:1}});},'(max-width:767px)':function(){gsap.fromTo('#k-pillars',{x:70,y:26,opacity:.9},{x:0,y:0,opacity:1,duration:1,ease:'power3.out',scrollTrigger:{trigger:'#k-pillars',start:'top 88%'}});gsap.fromTo('#k-faq .k-faq-in',{y:-62,opacity:.25},{y:0,opacity:1,duration:.95,ease:'power3.out',scrollTrigger:{trigger:'#k-faq',start:'top 88%'}});}});ScrollTrigger.refresh();})();<\/script>\t\t\t\t<\/div>\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>","protected":false},"excerpt":{"rendered":"<p>Krelo Studio: agencia de dise\u00f1o web y marketing digital en Las Palmas de Gran Canaria. Creamos p\u00e1ginas web modernas, branding y estrategias SEO para hacer crecer tu negocio.<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1429","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/pages\/1429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/comments?post=1429"}],"version-history":[{"count":155,"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/pages\/1429\/revisions"}],"predecessor-version":[{"id":1681,"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/pages\/1429\/revisions\/1681"}],"wp:attachment":[{"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/media?parent=1429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}