{"id":456,"date":"2026-05-26T04:36:31","date_gmt":"2026-05-26T02:36:31","guid":{"rendered":"https:\/\/atlaszn.com\/blog\/?page_id=456"},"modified":"2026-05-26T07:52:26","modified_gmt":"2026-05-26T05:52:26","slug":"contacto","status":"publish","type":"page","link":"https:\/\/atlaszn.com\/blog\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"  <style>\n    .contact-page{padding:var(--section-gap) var(--container-padding)}\n    .contact-page__container{max-width:var(--container-max);margin:0 auto}\n    .contact-page__grid{display:block}\n    .contact-page__info-title{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--color-text);margin-bottom:16px}\n    .contact-page__info-desc{font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin-bottom:32px}\n    .contact-page__info{margin-bottom:48px}\n    .contact-page__details{display:flex;flex-direction:column;gap:16px}\n    .contact-page__detail{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--color-text-secondary)}\n    .contact-page__detail svg{color:var(--color-accent-light);flex-shrink:0}\n    .contact-page__form{display:flex;flex-direction:column;gap:20px;max-width:640px;margin:0 auto;width:100%}\n    .contact-page__status{font-size:14px;padding:10px 16px;border-radius:var(--radius-sm);display:none}\n    .contact-page__status:not(:empty){display:block}\n    .contact-page__status--success{color:#4ade80;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.15)}\n    .contact-page__status--error{color:#f87171;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.15)}\n\n  <\/style>\n  <section class=\"contact-page\">\n    <div class=\"contact-page__container\">\n      <div class=\"contact-page__grid\">\n                <div class=\"contact-page__info\">\n          <h3 class=\"contact-page__info-title\">\u00bfTienes un proyecto en mente?<\/h3>\n          <p class=\"contact-page__info-desc\">Cu\u00e9ntanos tu idea y te ayudaremos a hacerla realidad. Respondemos en menos de 24 horas.<\/p>\n          <div class=\"contact-page__details\">\n            <div class=\"contact-page__detail\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\n                <polyline points=\"22,6 12,13 2,6\"\/>\n              <\/svg>\n              <span>hello@atlaszn.com<\/span>\n            <\/div>\n            <div class=\"contact-page__detail\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/>\n                <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n              <\/svg>\n              <span>Collado Mediano, Madrid, Espa\u00f1a<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <form class=\"contact-page__form\" id=\"contact-form\">\n          <div class=\"form__group\">\n            <label for=\"name\" class=\"form__label\">Nombre<\/label>\n            <input type=\"text\" id=\"name\" class=\"form__input\" required>\n          <\/div>\n          <div class=\"form__group\">\n            <label for=\"email\" class=\"form__label\">Email<\/label>\n            <input type=\"email\" id=\"email\" class=\"form__input\" required>\n          <\/div>\n          <div class=\"form__group\">\n            <label for=\"message\" class=\"form__label\">Mensaje<\/label>\n            <textarea id=\"message\" class=\"form__textarea\" rows=\"5\" required><\/textarea>\n          <\/div>\n          <input type=\"text\" name=\"company\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\" style=\"position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;clip:rect(0,0,0,0)!important;border:0!important;padding:0!important;margin:0!important;\">\n          <div style=\"display:flex;justify-content:flex-end;margin-top:12px;\">\n            <button type=\"submit\" class=\"btn btn--primary\">Enviar mensaje<\/button>\n          <\/div>\n          <div class=\"contact-page__status\" id=\"contact-status\" aria-live=\"polite\"><\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n  (function(){\n    var form = document.getElementById('contact-form');\n    if (!form) return;\n    var btn = form.querySelector('button[type=\"submit\"]');\n    var status = document.getElementById('contact-status');\n    form.addEventListener('submit', function(e){\n      e.preventDefault();\n      var name = form.querySelector('#name').value.trim();\n      var email = form.querySelector('#email').value.trim();\n      var message = form.querySelector('#message').value.trim();\n      var hp = form.querySelector('input[name=\"company\"]').value;\n      if (!name || !email || !message) return;\n      btn.disabled = true;\n      btn.textContent = 'Enviando...';\n      status.textContent = '';\n      fetch('\/blog\/wp-json\/atlaszn\/v1\/contact', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application\/json' },\n        body: JSON.stringify({ name: name, email: email, message: message, company: hp })\n      })\n      .then(function(res){ return res.json(); })\n      .then(function(data){\n        if (data.success) {\n          status.className = 'contact-page__status contact-page__status--success';\n          status.textContent = data.message;\n          form.reset();\n        } else {\n          status.className = 'contact-page__status contact-page__status--error';\n          status.textContent = data.message || 'Error al enviar.';\n        }\n      })\n      .catch(function(){\n        status.className = 'contact-page__status contact-page__status--error';\n        status.textContent = 'Error de conexi\u00f3n.';\n      })\n      .finally(function(){\n        btn.disabled = false;\n        btn.textContent = 'Enviar mensaje';\n      });\n    });\n  })();\n  <\/script>\n  \n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-456","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atlaszn.com\/blog\/wp-json\/wp\/v2\/pages\/456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atlaszn.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atlaszn.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atlaszn.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atlaszn.com\/blog\/wp-json\/wp\/v2\/comments?post=456"}],"version-history":[{"count":5,"href":"https:\/\/atlaszn.com\/blog\/wp-json\/wp\/v2\/pages\/456\/revisions"}],"predecessor-version":[{"id":486,"href":"https:\/\/atlaszn.com\/blog\/wp-json\/wp\/v2\/pages\/456\/revisions\/486"}],"wp:attachment":[{"href":"https:\/\/atlaszn.com\/blog\/wp-json\/wp\/v2\/media?parent=456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}