{"id":1634,"date":"2026-05-24T11:27:14","date_gmt":"2026-05-24T11:27:14","guid":{"rendered":"https:\/\/krelo.studio\/?page_id=1634"},"modified":"2026-05-24T11:27:48","modified_gmt":"2026-05-24T11:27:48","slug":"contacto","status":"publish","type":"page","link":"https:\/\/krelo.studio\/en\/contacto\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1634\" class=\"elementor elementor-1634\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4dd821 e-con-full e-flex e-con e-parent\" data-id=\"a4dd821\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-625f74c elementor-widget elementor-widget-html\" data-id=\"625f74c\" 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<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Contacto | Krelo Studio<\/title>\n  <meta name=\"description\" content=\"Contacta con Krelo Studio. Dise\u00f1o web, SEO, publicidad online, redes sociales y tiendas online para negocios que quieren captar m\u00e1s clientes.\" \/>\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,input,textarea,select{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 80px;\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:9vh;\n      background:radial-gradient(circle,rgba(199,42,8,.18),transparent 66%);\n      pointer-events:none;\n    }\n\n    .hero-grid{\n      position:relative;\n      z-index:1;\n      max-width:1180px;\n      margin:0 auto;\n      width:100%;\n      display:grid;\n      grid-template-columns:1fr .88fr;\n      gap:54px;\n      align-items:center;\n    }\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:780px;\n      font-size:clamp(50px,7.4vw,100px);\n      line-height:.94;\n      letter-spacing:-4px;\n      margin-bottom:28px;\n    }\n\n    h1 span{color:var(--accent)}\n\n    .hero-copy{\n      max-width:620px;\n      color:var(--muted);\n      font-size:clamp(18px,2vw,22px);\n      line-height:1.65;\n      margin-bottom:34px;\n    }\n\n    .contact-points{\n      display:grid;\n      gap:12px;\n      max-width:560px;\n    }\n\n    .contact-point{\n      padding:15px 17px;\n      border:1px solid var(--border);\n      background:rgba(255,255,255,.22);\n      border-radius:16px;\n      color:var(--muted);\n      font-size:15px;\n    }\n\n    .contact-point strong{color:var(--text)}\n\n    .form-card{\n      background:var(--card);\n      border:1px solid var(--border);\n      border-radius:28px;\n      padding:34px;\n      box-shadow:0 28px 80px rgba(26,8,4,.12);\n    }\n\n    .form-card h2{\n      font-size:clamp(30px,3.6vw,44px);\n      line-height:1.04;\n      letter-spacing:-1.5px;\n      margin-bottom:10px;\n    }\n\n    .form-card > p{\n      color:var(--muted);\n      font-size:15px;\n      line-height:1.65;\n      margin-bottom:24px;\n    }\n\n    .form-grid{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:14px;\n    }\n\n    .field{\n      display:grid;\n      gap:7px;\n      margin-bottom:14px;\n    }\n\n    .field.full{grid-column:1\/-1}\n\n    .field label{\n      font-size:11px;\n      letter-spacing:1.5px;\n      text-transform:uppercase;\n      color:var(--muted);\n      font-weight:850;\n    }\n\n    .field input,\n    .field textarea,\n    .field select{\n      width:100%;\n      border:1px solid var(--border);\n      background:var(--bg2);\n      border-radius:13px;\n      padding:14px 15px;\n      outline:none;\n      color:var(--text);\n      transition:border-color .2s ease, box-shadow .2s ease;\n    }\n\n    .field textarea{\n      min-height:120px;\n      resize:vertical;\n    }\n\n    .field input:focus,\n    .field textarea:focus,\n    .field select:focus{\n      border-color:var(--accent);\n      box-shadow:0 0 0 4px rgba(199,42,8,.10);\n    }\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      width:100%;\n    }\n\n    .btn-primary:hover{\n      background:var(--accent-dark);\n      transform:translateY(-2px);\n    }\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    .success{\n      display:none;\n      margin-top:16px;\n      padding:14px 16px;\n      border:1px solid rgba(199,42,8,.22);\n      border-radius:14px;\n      background:rgba(199,42,8,.07);\n      color:var(--muted);\n      font-size:14px;\n    }\n\n    .success.show{display:block}\n\n    .section{\n      padding:105px 6vw;\n      background:var(--bg);\n      border-top:1px solid var(--border);\n    }\n\n    .wrap{\n      max-width:1180px;\n      margin:0 auto;\n    }\n\n    .info-grid{\n      display:grid;\n      grid-template-columns:repeat(3,1fr);\n      gap:18px;\n    }\n\n    .info-card{\n      background:var(--card);\n      border:1px solid var(--border);\n      border-radius:24px;\n      padding:32px;\n      min-height:210px;\n      display:flex;\n      flex-direction:column;\n      justify-content:space-between;\n    }\n\n    .info-card b{\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:14px;\n      margin-bottom:26px;\n    }\n\n    .info-card h3{\n      font-size:25px;\n      line-height:1.1;\n      letter-spacing:-1px;\n      margin-bottom:10px;\n    }\n\n    .info-card p,\n    .info-card a{\n      color:var(--muted);\n      font-size:15px;\n      line-height:1.65;\n    }\n\n    .info-card a:hover{color:var(--accent)}\n\n    .audit-band{\n      padding:100px 6vw;\n      background:var(--bg2);\n      border-top:1px solid var(--border);\n    }\n\n    .audit-inner{\n      max-width:1180px;\n      margin:0 auto;\n      display:grid;\n      grid-template-columns:1fr auto;\n      gap:34px;\n      align-items:center;\n      background:var(--card);\n      border:1px solid var(--border);\n      border-radius:30px;\n      padding:42px;\n    }\n\n    .audit-inner h2{\n      font-size:clamp(34px,5vw,62px);\n      line-height:1;\n      letter-spacing:-2.5px;\n      margin-bottom:14px;\n    }\n\n    .audit-inner h2 span{color:var(--accent)}\n\n    .audit-inner p{\n      max-width:620px;\n      color:var(--muted);\n      font-size:17px;\n      line-height:1.7;\n    }\n\n    .audit-inner .btn-secondary{\n      white-space:nowrap;\n      background:var(--bg);\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{\n      list-style:none;\n      display:grid;\n      gap:10px;\n    }\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    @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-grid,\n      .audit-inner,\n      .footer-top{\n        grid-template-columns:1fr;\n      }\n\n      .hero{padding-top:128px}\n      h1{letter-spacing:-2.5px}\n\n      .info-grid{\n        grid-template-columns:1fr;\n      }\n    }\n\n    @media(max-width:640px){\n      .hero{padding:122px 22px 64px}\n      .section{padding:76px 22px}\n      .audit-band{padding:76px 22px}\n      .form-card{padding:26px}\n      .form-grid{grid-template-columns:1fr}\n      .audit-inner{padding:28px}\n      .audit-inner .btn-secondary{width:100%}\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=\"https:\/\/krelo.studio\/en\/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-grid\">\n        <div>\n          <div class=\"eyebrow\">Contact<\/div>\n          <h1>Hablemos de tu pr\u00f3ximo <span>crecimiento<\/span><\/h1>\n          <p class=\"hero-copy\">\n            Cu\u00e9ntanos qu\u00e9 necesita tu marca. Te ayudamos a elegir el camino m\u00e1s claro para captar clientes: web, SEO, anuncios, redes sociales o tienda online.\n          <\/p>\n\n          <div class=\"contact-points\">\n            <div><strong>Respuesta clara:<\/strong> te orientamos seg\u00fan tu objetivo real.<\/div>\n            <div><strong>Sin compromiso:<\/strong> hablamos, revisamos y vemos si encaja.<\/div>\n            <div><strong>Enfoque pr\u00e1ctico:<\/strong> dise\u00f1o y marketing pensados para resultados.<\/div>\n          <\/div>\n        <\/div>\n\n        <form class=\"form-card\" id=\"contactForm\" action=\"\">\n          <h2>Cu\u00e9ntanos tu proyecto<\/h2>\n          <p>Completa el formulario y nos pondremos en contacto contigo.<\/p>\n\n          <div class=\"form-grid\">\n            <div class=\"field\">\n              <label for=\"nombre\">Name<\/label>\n              <input id=\"nombre\" name=\"nombre\" type=\"text\" placeholder=\"Tu nombre\" required>\n            <\/div>\n\n            <div class=\"field\">\n              <label for=\"telefono\">Tel\u00e9fono<\/label>\n              <input id=\"telefono\" name=\"telefono\" type=\"tel\" placeholder=\"+34 000 000 000\" required>\n            <\/div>\n\n            <div class=\"field full\">\n              <label for=\"email\">Email<\/label>\n              <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"tu@email.com\" required>\n            <\/div>\n\n            <div class=\"field full\">\n              <label for=\"servicio\">Servicio<\/label>\n              <select id=\"servicio\" name=\"servicio\" required>\n                <option value=\"\">Selecciona una opci\u00f3n<\/option>\n                <option>Dise\u00f1o web<\/option>\n                <option>SEO y SEO local<\/option>\n                <option>Marketing en redes sociales<\/option>\n                <option>Publicidad online<\/option>\n                <option>Anal\u00edtica digital<\/option>\n                <option>Tienda online<\/option>\n                <option>No lo tengo claro<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"field full\">\n              <label for=\"mensaje\">Message<\/label>\n              <textarea id=\"mensaje\" name=\"mensaje\" placeholder=\"Cu\u00e9ntanos qu\u00e9 quieres conseguir, qu\u00e9 tienes ahora y qu\u00e9 te preocupa.\" required><\/textarea>\n            <\/div>\n          <\/div>\n\n          <button class=\"btn-primary\" type=\"submit\" id=\"submitBtn\">Enviar mensaje<\/button>\n          <div class=\"success\" id=\"successMsg\">Solicitud preparada. Se abrir\u00e1 tu email para enviarla a info@krelo.studio.<\/div>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\">\n      <div class=\"wrap\">\n        <div class=\"info-grid\">\n          <article class=\"info-card\">\n            <div>\n              <b>01<\/b>\n              <h3>Email<\/h3>\n              <p><a href=\"mailto:info@krelo.studio\">info@krelo.studio<\/a><\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"info-card\">\n            <div>\n              <b>02<\/b>\n              <h3>Especialidad<\/h3>\n              <p>Dise\u00f1o web, SEO, publicidad online, redes sociales y tiendas online.<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"info-card\">\n            <div>\n              <b>03<\/b>\n              <h3>Primer paso<\/h3>\n              <p>Cu\u00e9ntanos tu objetivo y te diremos qu\u00e9 servicio tiene m\u00e1s sentido para tu caso.<\/p>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"audit-band\">\n      <div class=\"audit-inner\">\n        <div>\n          <h2>\u00bfNo sabes por d\u00f3nde <span>empezar?<\/span><\/h2>\n          <p>\n            Haz la auditor\u00eda gratuita y descubre si necesitas una web nueva, mejorar la actual, trabajar SEO o activar campa\u00f1as.\n          <\/p>\n        <\/div>\n        <a href=\"https:\/\/krelo.studio\/en\/formulario\/\" class=\"btn-secondary\">Auditor\u00eda gratuita<\/a>\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=\"https:\/\/krelo.studio\/en\/servicios\/\">Dise\u00f1o web<\/a><\/li>\n            <li><a href=\"https:\/\/krelo.studio\/en\/servicios\/\">SEO y SEO local<\/a><\/li>\n            <li><a href=\"https:\/\/krelo.studio\/en\/servicios\/\">Publicidad online<\/a><\/li>\n            <li><a href=\"https:\/\/krelo.studio\/en\/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  <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      document.addEventListener('keydown', function (e) {\n        if (e.key === 'Escape') closeMenu();\n      });\n\n      var form = document.getElementById('contactForm');\n      var success = document.getElementById('successMsg');\n      var submitBtn = document.getElementById('submitBtn');\n\n      form.addEventListener('submit', function (e) {\n        e.preventDefault();\n\n        var nombre = document.getElementById('nombre').value.trim();\n        var telefono = document.getElementById('telefono').value.trim();\n        var email = document.getElementById('email').value.trim();\n        var servicio = document.getElementById('servicio').value.trim();\n        var mensaje = document.getElementById('mensaje').value.trim();\n\n        var body =\n`Nueva solicitud de contacto - Krelo Studio\n\nNombre: ${nombre}\nTel\u00e9fono: ${telefono}\nEmail: ${email}\nServicio: ${servicio}\n\nMensaje:\n${mensaje}`;\n\n        submitBtn.textContent = 'Preparando...';\n\n        var mailto =\n          'mailto:info@krelo.studio' +\n          '?subject=' + encodeURIComponent('Nueva solicitud de contacto - Krelo Studio') +\n          '&body=' + encodeURIComponent(body);\n\n        success.classList.add('show');\n\n        setTimeout(function () {\n          window.location.href = mailto;\n          submitBtn.textContent = 'Enviar mensaje';\n          form.reset();\n        }, 350);\n      });\n    })();\n  <\/script>\n<\/body>\n<\/html>\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>Contacto | Krelo Studio Servicios Auditor\u00eda gratuita Contacto Contacto Hablemos de tu pr\u00f3ximo crecimiento Cu\u00e9ntanos qu\u00e9 necesita tu marca. Te ayudamos a elegir el camino m\u00e1s claro para captar clientes: web, SEO, anuncios, redes sociales o tienda online. Respuesta clara: te orientamos seg\u00fan tu objetivo real. Sin compromiso: hablamos, revisamos y vemos si encaja. Enfoque [&hellip;]<\/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-1634","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/pages\/1634","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=1634"}],"version-history":[{"count":4,"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/pages\/1634\/revisions"}],"predecessor-version":[{"id":1641,"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/pages\/1634\/revisions\/1641"}],"wp:attachment":[{"href":"https:\/\/krelo.studio\/en\/wp-json\/wp\/v2\/media?parent=1634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}