{"id":502,"date":"2025-09-22T14:24:11","date_gmt":"2025-09-22T14:24:11","guid":{"rendered":"https:\/\/krelo.studio\/?page_id=502"},"modified":"2026-05-24T11:27:44","modified_gmt":"2026-05-24T11:27:44","slug":"servicios","status":"publish","type":"page","link":"https:\/\/krelo.studio\/en\/servicios\/","title":{"rendered":"Servicios"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Servicios | Krelo Studio<\/title>\n\n <style>\n *{box-sizing:border-box;margin:0;padding:0}\n :root{\n --bg:#ECE5DB;\n --bg2:#E5DDD1;\n --card:#F6F0E8;\n --text:#1A0804;\n --muted:#6B4A42;\n --accent:#C72A08;\n --accent-dark:#A82206;\n --border:rgba(199,42,8,.16);\n --font:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Inter,sans-serif;\n }\n\n html{scroll-behavior:smooth}\n body{\n background:var(--bg);\n color:var(--text);\n font-family:var(--font);\n line-height:1.5;\n overflow-x:hidden;\n }\n\n a{text-decoration:none;color:inherit}\n img{display:block;max-width:100%}\n button{font:inherit}\n\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:all .35s cubic-bezier(.76,0,.24,1);\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{display:inline-flex;align-items:center}\n .k-logo-img img{height:42px;width:auto;transition:height .35s cubic-bezier(.76,0,.24,1)}\n #k-nav.solid .k-logo-img img{height:28px}\n\n .k-nav-links{list-style:none;display:flex;align-items:center;gap:30px}\n .k-nav-links a{font-size:14px;color:var(--muted);font-weight:600;transition:color .2s ease}\n .k-nav-links a:hover{color:var(--accent)}\n\n .k-cta{\n background:var(--accent)!important;\n color:var(--bg)!important;\n padding:9px 20px;\n border-radius:999px;\n font-size:13px!important;\n font-weight:800!important;\n }\n\n .k-hamburger{\n display:none;\n flex-direction:column;\n justify-content:center;\n gap:5px;\n width:36px;\n height:36px;\n background:none;\n border:0;\n color:var(--text);\n cursor:pointer;\n }\n\n .k-hamburger span{width:23px;height:2px;background:currentColor;border-radius:2px;transition:.3s ease}\n .k-hamburger[aria-expanded=\"true\"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n .k-hamburger[aria-expanded=\"true\"] span:nth-child(2){opacity:0}\n .k-hamburger[aria-expanded=\"true\"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\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{opacity:1;pointer-events:auto}\n\n .hero{\n min-height:100dvh;\n padding:150px 6vw 70px;\n display:grid;\n align-items:center;\n position:relative;\n overflow:hidden;\n background:var(--bg);\n }\n\n .hero::before{\n content:\"\";\n position:absolute;\n width:620px;\n height:620px;\n border-radius:50%;\n right:3vw;\n top:10vh;\n background:radial-gradient(circle,rgba(199,42,8,.18),transparent 66%);\n pointer-events:none;\n }\n\n .hero-inner{position:relative;z-index:1;max-width:1120px}\n\n .eyebrow{\n color:var(--accent);\n text-transform:uppercase;\n letter-spacing:3px;\n font-size:12px;\n font-weight:900;\n margin-bottom:20px;\n }\n\n h1{\n max-width:900px;\n font-size:clamp(52px,8vw,108px);\n line-height:.94;\n letter-spacing:-4px;\n margin-bottom:30px;\n }\n\n h1 span{color:var(--accent)}\n\n .hero-copy{\n max-width:630px;\n color:var(--muted);\n font-size:clamp(18px,2vw,22px);\n line-height:1.65;\n margin-bottom:36px;\n }\n\n .hero-actions{display:flex;gap:14px;flex-wrap:wrap}\n\n .btn-primary,.btn-secondary{\n min-height:50px;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n border-radius:999px;\n padding:14px 28px;\n font-weight:850;\n transition:.2s ease;\n border:0;\n cursor:pointer;\n }\n\n .btn-primary{\n background:var(--accent);\n color:var(--bg);\n box-shadow:0 18px 42px rgba(199,42,8,.20);\n }\n\n .btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px)}\n\n .btn-secondary{\n border:1px solid var(--border);\n color:var(--text);\n background:rgba(255,255,255,.18);\n }\n\n .btn-secondary:hover{\n border-color:var(--accent);\n background:rgba(255,255,255,.28);\n transform:translateY(-2px);\n }\n\n .section{\n padding:110px 6vw;\n background:var(--bg);\n }\n\n .section.services-section{\n background:var(--bg)!important;\n border-top:1px solid var(--border);\n border-bottom:1px solid var(--border);\n overflow:visible!important;\n }\n\n .wrap{\n max-width:1180px;\n margin:0 auto;\n overflow:visible!important;\n }\n\n .section-head{\n display:grid;\n grid-template-columns:1fr .9fr;\n gap:50px;\n align-items:end;\n margin-bottom:58px;\n }\n\n .section-title{\n font-size:clamp(38px,5.4vw,68px);\n line-height:1;\n letter-spacing:-2.5px;\n }\n\n .section-title span{color:var(--accent)}\n\n .section-sub{\n color:var(--muted);\n font-size:18px;\n line-height:1.7;\n max-width:520px;\n }\n\n .services-grid{\n display:grid!important;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:22px;\n overflow:visible!important;\n align-items:stretch;\n }\n\n .service-card{\n appearance:none!important;\n -webkit-appearance:none!important;\n width:100%!important;\n min-height:360px!important;\n height:auto!important;\n background:var(--card)!important;\n background-image:none!important;\n color:var(--text)!important;\n border:1px solid var(--border)!important;\n border-radius:24px!important;\n padding:34px!important;\n display:flex!important;\n flex-direction:column!important;\n justify-content:space-between!important;\n gap:28px!important;\n position:relative!important;\n overflow:visible!important;\n cursor:pointer!important;\n text-align:left!important;\n transform:scale(1);\n transform-origin:center;\n transition:transform .24s cubic-bezier(.25,.46,.45,.94),border-color .24s ease,box-shadow .24s ease!important;\n font-family:var(--font)!important;\n line-height:1.5!important;\n white-space:normal!important;\n }\n\n .service-card::before,\n .service-card::after{\n display:none!important;\n content:none!important;\n background:none!important;\n }\n\n .service-card:hover{\n transform:scale(1.045)!important;\n border-color:rgba(199,42,8,.38)!important;\n box-shadow:0 28px 80px rgba(26,8,4,.14)!important;\n z-index:5!important;\n background:var(--card)!important;\n }\n\n .service-card:focus-visible{\n outline:3px solid rgba(199,42,8,.25)!important;\n outline-offset:4px!important;\n }\n\n .service-top{\n width:100%;\n position:relative;\n z-index:1;\n }\n\n .service-num{\n width:42px;\n height:42px;\n border-radius:14px;\n background:var(--accent);\n color:var(--bg);\n display:grid;\n place-items:center;\n font-size:12px;\n line-height:1;\n font-weight:900;\n margin-bottom:24px;\n }\n\n .service-card h3{\n color:var(--text)!important;\n font-size:clamp(22px,2.05vw,27px)!important;\n line-height:1.12!important;\n letter-spacing:-1px!important;\n margin:0 0 14px!important;\n max-width:none!important;\n white-space:normal!important;\n overflow:visible!important;\n text-overflow:clip!important;\n word-break:normal!important;\n overflow-wrap:break-word!important;\n }\n\n .service-card p{\n color:var(--muted)!important;\n font-size:15px!important;\n line-height:1.68!important;\n max-width:none!important;\n margin:0!important;\n white-space:normal!important;\n overflow:visible!important;\n word-break:normal!important;\n overflow-wrap:break-word!important;\n }\n\n .service-link{\n position:relative;\n z-index:1;\n min-height:44px;\n width:max-content;\n max-width:100%;\n padding:11px 17px;\n border:1px solid var(--border);\n border-radius:999px;\n background:var(--bg);\n color:var(--accent);\n font-size:14px;\n line-height:1.2;\n font-weight:900;\n display:inline-flex;\n align-items:center;\n gap:8px;\n white-space:nowrap;\n }\n\n .service-link::after{content:\"\u2192\";transition:transform .2s ease}\n .service-card:hover .service-link::after{transform:translateX(4px)}\n\n .contact-band{\n padding:110px 6vw;\n background:var(--bg);\n position:relative;\n overflow:hidden;\n }\n\n .contact-band::before{\n content:\"\";\n position:absolute;\n width:520px;\n height:520px;\n border-radius:50%;\n background:radial-gradient(circle,rgba(199,42,8,.12),transparent 66%);\n right:-120px;\n top:-160px;\n pointer-events:none;\n }\n\n .contact-inner{\n position:relative;\n z-index:1;\n max-width:1180px;\n margin:0 auto;\n display:grid;\n grid-template-columns:1fr .75fr;\n gap:50px;\n align-items:stretch;\n }\n\n .contact-copy{\n background:var(--card);\n border:1px solid var(--border);\n border-radius:28px;\n padding:42px;\n }\n\n .contact-copy h2{\n font-size:clamp(40px,5.8vw,76px);\n line-height:.98;\n letter-spacing:-3px;\n max-width:760px;\n margin-bottom:22px;\n }\n\n .contact-copy h2 span{color:var(--accent)}\n\n .contact-copy p{\n color:var(--muted);\n font-size:18px;\n line-height:1.7;\n max-width:620px;\n margin-bottom:32px;\n }\n\n .contact-panel{\n background:var(--bg2);\n border:1px solid var(--border);\n border-radius:28px;\n padding:34px;\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n gap:30px;\n }\n\n .contact-panel h3{\n font-size:28px;\n line-height:1.1;\n letter-spacing:-1px;\n margin-bottom:12px;\n }\n\n .contact-panel p{color:var(--muted);font-size:15px;line-height:1.65}\n\n .contact-list{list-style:none;display:grid;gap:13px;margin-top:24px}\n\n .contact-list li{\n display:flex;\n gap:10px;\n color:var(--muted);\n font-size:15px;\n }\n\n .contact-list li::before{\n content:\"\";\n width:8px;\n height:8px;\n border-radius:999px;\n background:var(--accent);\n flex:0 0 8px;\n margin-top:8px;\n }\n\n footer{\n padding:56px 6vw 34px;\n background:var(--bg2);\n border-top:1px solid var(--border);\n }\n\n .footer-inner{max-width:1180px;margin:0 auto}\n\n .footer-top{\n display:grid;\n grid-template-columns:1.4fr 1fr 1fr;\n gap:44px;\n padding-bottom:38px;\n border-bottom:1px solid var(--border);\n }\n\n .footer-brand img{height:42px;width:auto;margin-bottom:18px}\n\n .footer-brand p{\n color:var(--muted);\n max-width:360px;\n font-size:14px;\n line-height:1.7;\n }\n\n .footer-col h4{\n font-size:12px;\n letter-spacing:2px;\n text-transform:uppercase;\n color:var(--accent);\n margin-bottom:16px;\n }\n\n .footer-col ul{list-style:none;display:grid;gap:10px}\n\n .footer-col a{\n color:var(--muted);\n font-size:14px;\n transition:color .2s ease;\n }\n\n .footer-col a:hover{color:var(--accent)}\n\n .footer-bottom{\n padding-top:24px;\n display:flex;\n justify-content:space-between;\n gap:18px;\n flex-wrap:wrap;\n color:var(--muted);\n font-size:13px;\n }\n\n .footer-bottom strong{color:var(--text)}\n\n .modal{\n position:fixed;\n inset:0;\n z-index:1000;\n display:none;\n align-items:center;\n justify-content:center;\n padding:24px;\n }\n\n .modal.open{display:flex}\n\n .modal-backdrop{\n position:absolute;\n inset:0;\n background:rgba(26,8,4,.54);\n backdrop-filter:blur(12px);\n }\n\n .modal-panel{\n position:relative;\n z-index:1;\n width:min(720px,100%);\n max-height:min(760px,88dvh);\n overflow:auto;\n background:var(--card);\n border:1px solid var(--border);\n border-radius:28px;\n padding:36px;\n box-shadow:0 34px 90px rgba(26,8,4,.28);\n animation:modalIn .28s ease both;\n }\n\n @keyframes modalIn{\n from{opacity:0;transform:translateY(18px) scale(.98)}\n to{opacity:1;transform:translateY(0) scale(1)}\n }\n\n .modal-close{\n position:absolute;\n top:18px;\n right:18px;\n width:40px;\n height:40px;\n border-radius:999px;\n border:1px solid var(--border);\n background:var(--bg2);\n color:var(--text);\n cursor:pointer;\n font-size:24px;\n line-height:1;\n }\n\n .modal-kicker{\n color:var(--accent);\n font-size:12px;\n letter-spacing:2px;\n text-transform:uppercase;\n font-weight:900;\n margin-bottom:18px;\n }\n\n .modal-title{\n font-size:clamp(32px,4.8vw,54px);\n line-height:1;\n letter-spacing:-2px;\n max-width:580px;\n margin-bottom:16px;\n }\n\n .modal-desc{\n color:var(--muted);\n font-size:17px;\n line-height:1.7;\n margin-bottom:28px;\n max-width:620px;\n }\n\n .modal-list{\n display:grid;\n gap:12px;\n margin-bottom:30px;\n list-style:none;\n }\n\n .modal-list li{\n color:var(--muted);\n display:flex;\n gap:12px;\n line-height:1.5;\n }\n\n .modal-list li::before{\n content:\"\u2713\";\n width:22px;\n height:22px;\n flex:0 0 22px;\n border-radius:999px;\n background:var(--accent);\n color:var(--bg);\n display:grid;\n place-items:center;\n font-size:13px;\n font-weight:900;\n }\n\n .modal-actions{display:flex;gap:12px;flex-wrap:wrap}\n\n @media(max-width:940px){\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{height:36px}\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{height:26px}\n .k-hamburger{display:flex}\n\n #k-nav-menu{\n position:fixed!important;\n top:0!important;\n right:0!important;\n left:auto!important;\n width:min(310px,84vw)!important;\n height:100dvh!important;\n margin:0!important;\n padding:76px 32px 40px!important;\n display:flex!important;\n flex-direction:column!important;\n gap:0!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 }\n\n #k-nav-menu.k-open{transform:translateX(0)!important;pointer-events:auto!important}\n #k-nav-menu li{list-style:none!important;border-bottom:1px solid rgba(0,0,0,.08)!important}\n #k-nav-menu a{display:block!important;padding:18px 0!important;font-size:1.05rem!important}\n #k-nav-menu .k-cta{margin-top:20px!important;text-align:center!important;padding:14px 24px!important}\n\n .hero{padding-top:130px}\n h1{letter-spacing:-2.5px}\n\n .section-head,.contact-inner,.footer-top{grid-template-columns:1fr}\n .services-grid{grid-template-columns:1fr 1fr}\n }\n\n @media(max-width:640px){\n .hero{padding:122px 22px 64px}\n .section{padding:80px 22px}\n .contact-band{padding:80px 22px}\n .services-grid{grid-template-columns:1fr}\n .service-card{min-height:auto!important;padding:28px!important}\n .hero-actions a,.modal-actions a{width:100%}\n .contact-copy,.contact-panel,.modal-panel{padding:26px}\n footer{padding:44px 22px 30px}\n }\n <\/style>\n<\/head>\n\n<body>\n <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=\"#servicios\"><span>Servicios<\/span><\/a><\/li>\n <li><a href=\"https:\/\/krelo.studio\/en\/formulario\/\"><span>Auditor\u00eda gratuita<\/span><\/a><\/li>\n <li><a href=\"https:\/\/krelo.studio\/en\/contacto\/\" class=\"k-cta\"><span>Contact<\/span><\/a><\/li>\n <\/ul>\n <\/nav>\n\n <div id=\"k-nav-overlay\"><\/div>\n\n <main>\n <section class=\"hero\">\n <div class=\"hero-inner\">\n <div class=\"eyebrow\">Servicios<\/div>\n <h1>Transforma tu marca <span>hoy mismo<\/span><\/h1>\n <p class=\"hero-copy\">\n Transformamos tu visi\u00f3n en resultados. En Krelo Studio hacemos que tus ideas se conviertan en realidad con dise\u00f1o, estrategia y marketing digital pensado para captar clientes.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/krelo.studio\/en\/contacto\/\" class=\"btn-primary\">Contact us<\/a>\n <a href=\"#servicios\" class=\"btn-secondary\">Ver servicios<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section services-section\" id=\"servicios\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div>\n <div class=\"eyebrow\">Servicios<\/div>\n <h2 class=\"section-title\">Transformamos tu visi\u00f3n en <span>resultados<\/span><\/h2>\n <\/div>\n <p class=\"section-sub\">\n Creamos soluciones digitales completas para que tu marca tenga presencia, confianza y capacidad real de generar oportunidades.\n <\/p>\n <\/div>\n\n <div class=\"services-grid\">\n <button class=\"service-card\" type=\"button\" data-service=\"web\">\n <div class=\"service-top\">\n <div class=\"service-num\">01<\/div>\n <h3>Dise\u00f1o de p\u00e1ginas web personalizadas<\/h3>\n <p>Crea un sitio web \u00fanico para tu marca, dise\u00f1ado para transmitir confianza y convertir visitas en contactos.<\/p>\n <\/div>\n <span class=\"service-link\">Ver servicio<\/span>\n <\/button>\n\n <button class=\"service-card\" type=\"button\" data-service=\"seo\">\n <div class=\"service-top\">\n <div class=\"service-num\">02<\/div>\n <h3>SEO y SEO local<\/h3>\n <p>Optimiza tu presencia en los motores de b\u00fasqueda y aparece cuando tus clientes buscan servicios como el tuyo.<\/p>\n <\/div>\n <span class=\"service-link\">Ver servicio<\/span>\n <\/button>\n\n <button class=\"service-card\" type=\"button\" data-service=\"social\">\n <div class=\"service-top\">\n <div class=\"service-num\">03<\/div>\n <h3>Marketing en redes sociales<\/h3>\n <p>Conecta y crece en plataformas sociales con contenido estrat\u00e9gico, coherente y alineado con tu marca.<\/p>\n <\/div>\n <span class=\"service-link\">Ver servicio<\/span>\n <\/button>\n\n <button class=\"service-card\" type=\"button\" data-service=\"ads\">\n <div class=\"service-top\">\n <div class=\"service-num\">04<\/div>\n <h3>Publicidad online<\/h3>\n <p>Campa\u00f1as en Google Ads, Meta Ads y TikTok Ads enfocadas en captar tr\u00e1fico cualificado y oportunidades reales.<\/p>\n <\/div>\n <span class=\"service-link\">Ver servicio<\/span>\n <\/button>\n\n <button class=\"service-card\" type=\"button\" data-service=\"analytics\">\n <div class=\"service-top\">\n <div class=\"service-num\">05<\/div>\n <h3>Anal\u00edtica digital & reporting<\/h3>\n <p>Configuraci\u00f3n de Google Analytics, Tag Manager y sistemas de medici\u00f3n para saber qu\u00e9 funciona y qu\u00e9 no.<\/p>\n <\/div>\n <span class=\"service-link\">Ver servicio<\/span>\n <\/button>\n\n <button class=\"service-card\" type=\"button\" data-service=\"ecommerce\">\n <div class=\"service-top\">\n <div class=\"service-num\">06<\/div>\n <h3>Creaci\u00f3n de tiendas online<\/h3>\n <p>Desarrollamos tiendas online en Shopify y WooCommerce preparadas para vender, medir y crecer.<\/p>\n <\/div>\n <span class=\"service-link\">Ver servicio<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"contact-band\">\n <div class=\"contact-inner\">\n <div class=\"contact-copy\">\n <div class=\"eyebrow\">Contact<\/div>\n <h2>Contacta con <span>nosotros<\/span><\/h2>\n <p>Cu\u00e9ntanos qu\u00e9 necesita tu marca y te ayudamos a elegir el servicio que m\u00e1s impacto puede generar ahora.<\/p>\n <a href=\"https:\/\/krelo.studio\/en\/contacto\/\" class=\"btn-primary\">Contact us<\/a>\n <\/div>\n\n <div class=\"contact-panel\">\n <div>\n <h3>Antes de invertir, entiende qu\u00e9 necesita tu negocio.<\/h3>\n <p>Si no tienes claro si necesitas web, SEO, anuncios o una tienda online, empieza por una auditor\u00eda gratuita.<\/p>\n\n <ul class=\"contact-list\">\n <li>Revisi\u00f3n inicial de tu presencia digital.<\/li>\n <li>Recomendaci\u00f3n seg\u00fan tu objetivo y presupuesto.<\/li>\n <li>Sin compromiso y con una respuesta clara.<\/li>\n <\/ul>\n <\/div>\n\n <a href=\"https:\/\/krelo.studio\/en\/formulario\/\" class=\"btn-secondary\">Auditor\u00eda gratuita<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer>\n <div class=\"footer-inner\">\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/krelo.studio\/wp-content\/uploads\/2025\/06\/Agencia-de-Marketing-Digital.png\" alt=\"Krelo Studio\">\n <p>Agencia de marketing digital especializada en dise\u00f1o web, SEO, publicidad online, redes sociales y tiendas online.<\/p>\n <\/div>\n\n <div class=\"footer-col\">\n <h4>Servicios<\/h4>\n <ul>\n <li><a href=\"#servicios\">Dise\u00f1o web<\/a><\/li>\n <li><a href=\"#servicios\">SEO y SEO local<\/a><\/li>\n <li><a href=\"#servicios\">Publicidad online<\/a><\/li>\n <li><a href=\"#servicios\">Tiendas online<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-col\">\n <h4>Krelo Studio<\/h4>\n <ul>\n <li><a href=\"https:\/\/krelo.studio\/en\/formulario\/\">Auditor\u00eda gratuita<\/a><\/li>\n <li><a href=\"https:\/\/krelo.studio\/en\/contacto\/\">Contact<\/a><\/li>\n <li><a href=\"https:\/\/krelo.studio\/en\/\">Inicio<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <span><strong>Krelo Studio<\/strong> \u00b7 Agencia de Marketing Digital<\/span>\n <span>Todos los derechos reservados<\/span>\n <\/div>\n <\/div>\n <\/footer>\n\n <div class=\"modal\" id=\"serviceModal\" aria-hidden=\"true\">\n <div class=\"modal-backdrop\" data-close-modal><\/div>\n <div class=\"modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\">\n <button class=\"modal-close\" type=\"button\" data-close-modal aria-label=\"Cerrar\">\u00d7<\/button>\n <div class=\"modal-kicker\" id=\"modalKicker\"><\/div>\n <h2 class=\"modal-title\" id=\"modalTitle\"><\/h2>\n <p class=\"modal-desc\" id=\"modalDesc\"><\/p>\n <ul class=\"modal-list\" id=\"modalList\"><\/ul>\n <div class=\"modal-actions\">\n <a href=\"https:\/\/krelo.studio\/en\/contacto\/\" class=\"btn-primary\">Solicitar servicio<\/a>\n <a href=\"https:\/\/krelo.studio\/en\/formulario\/\" class=\"btn-secondary\">Auditor\u00eda gratuita<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function () {\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 <= 940) {\n document.body.appendChild(overlay);\n document.body.appendChild(menu);\n }\n\n function openMenu() {\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 closeMenu() {\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' ? closeMenu() : openMenu();\n });\n\n overlay.addEventListener('click', closeMenu);\n menu.querySelectorAll('a').forEach(function (a) { a.addEventListener('click', closeMenu); });\n\n window.addEventListener('scroll', function () {\n nav.classList.toggle('solid', window.scrollY > 20);\n }, { passive: true });\n\n var services = {\n web: {\n kicker:\"Servicio 01\",\n title:\"Dise\u00f1o de p\u00e1ginas web personalizadas\",\n desc:\"Creamos webs \u00fanicas, r\u00e1pidas y pensadas para captar clientes. Nada de plantillas gen\u00e9ricas: dise\u00f1amos una experiencia alineada con tu marca, tu sector y tus objetivos.\",\n items:[\"Dise\u00f1o visual personalizado para tu marca.\",\"Estructura orientada a conversi\u00f3n y contacto.\",\"Versi\u00f3n m\u00f3vil cuidada y r\u00e1pida.\",\"Preparaci\u00f3n b\u00e1sica para SEO y medici\u00f3n.\"]\n },\n seo: {\n kicker:\"Servicio 02\",\n title:\"SEO y SEO local\",\n desc:\"Optimizamos tu presencia en Google para que tus clientes te encuentren cuando buscan servicios como los tuyos.\",\n items:[\"Optimizaci\u00f3n SEO t\u00e9cnica y de contenidos.\",\"SEO local para b\u00fasquedas por zona.\",\"Arquitectura de servicios y palabras clave.\",\"Mejoras de visibilidad org\u00e1nica sostenibles.\"]\n },\n social: {\n kicker:\"Servicio 03\",\n title:\"Marketing en redes sociales\",\n desc:\"Creamos una presencia social coherente, estrat\u00e9gica y preparada para generar confianza, comunidad y oportunidades.\",\n items:[\"Planificaci\u00f3n de contenido mensual.\",\"Dise\u00f1o de piezas visuales para redes.\",\"Mensajes alineados con tu marca.\",\"Estrategia para crecimiento y captaci\u00f3n.\"]\n },\n ads: {\n kicker:\"Servicio 04\",\n title:\"Publicidad online\",\n desc:\"Creamos campa\u00f1as en Google Ads, Meta Ads y TikTok Ads enfocadas en conseguir tr\u00e1fico cualificado, leads y ventas.\",\n items:[\"Configuraci\u00f3n de campa\u00f1as publicitarias.\",\"Segmentaci\u00f3n por audiencia e intenci\u00f3n.\",\"Creatividades y mensajes para conversi\u00f3n.\",\"Optimizaci\u00f3n y revisi\u00f3n de resultados.\"]\n },\n analytics: {\n kicker:\"Servicio 05\",\n title:\"Anal\u00edtica digital & reporting\",\n desc:\"Configuramos la medici\u00f3n para que sepas qu\u00e9 canales funcionan, qu\u00e9 campa\u00f1as convierten y d\u00f3nde se escapa el dinero.\",\n items:[\"Google Analytics y Tag Manager.\",\"Eventos, conversiones y formularios.\",\"Dashboards claros para tomar decisiones.\",\"Reporting peri\u00f3dico y recomendaciones.\"]\n },\n ecommerce: {\n kicker:\"Servicio 06\",\n title:\"Creaci\u00f3n de tiendas online\",\n desc:\"Dise\u00f1amos tiendas online en Shopify y WooCommerce preparadas para vender, medir y escalar.\",\n items:[\"Dise\u00f1o de tienda online personalizada.\",\"Fichas de producto enfocadas a venta.\",\"Configuraci\u00f3n de pagos, env\u00edos y estructura.\",\"Optimizaci\u00f3n m\u00f3vil y medici\u00f3n de conversiones.\"]\n }\n };\n\n var modal = document.getElementById('serviceModal');\n var modalKicker = document.getElementById('modalKicker');\n var modalTitle = document.getElementById('modalTitle');\n var modalDesc = document.getElementById('modalDesc');\n var modalList = document.getElementById('modalList');\n\n function openModal(key) {\n var service = services[key];\n if (!service) return;\n\n modalKicker.textContent = service.kicker;\n modalTitle.textContent = service.title;\n modalDesc.textContent = service.desc;\n modalList.innerHTML = service.items.map(function (item) {\n return '<li>' + item + '<\/li>';\n }).join('');\n\n modal.classList.add('open');\n modal.setAttribute('aria-hidden', 'false');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n modal.classList.remove('open');\n modal.setAttribute('aria-hidden', 'true');\n document.body.style.overflow = '';\n }\n\n document.querySelectorAll('.service-card').forEach(function (card) {\n card.addEventListener('click', function () {\n openModal(card.dataset.service);\n });\n });\n\n document.querySelectorAll('[data-close-modal]').forEach(function (el) {\n el.addEventListener('click', closeModal);\n });\n\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') {\n closeMenu();\n closeModal();\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>A\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Servicios | Krelo Studio Servicios Auditor\u00eda gratuita Contacto Servicios Transforma tu marca hoy mismo Transformamos tu visi\u00f3n en resultados. En Krelo Studio hacemos que tus ideas se conviertan en realidad con dise\u00f1o, estrategia y marketing digital pensado para captar clientes. Cont\u00e1ctanos Ver servicios Servicios Transformamos tu visi\u00f3n en resultados Creamos soluciones digitales completas para que […]<\/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-502","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/pages\/502","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=502"}],"version-history":[{"count":46,"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/pages\/502\/revisions"}],"predecessor-version":[{"id":1638,"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/pages\/502\/revisions\/1638"}],"wp:attachment":[{"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/media?parent=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}