{"id":5284,"date":"2026-08-13T23:10:17","date_gmt":"2026-08-13T23:10:17","guid":{"rendered":"https:\/\/commerss.com\/?page_id=5284"},"modified":"2026-08-13T23:15:38","modified_gmt":"2026-08-13T23:15:38","slug":"thank-you","status":"publish","type":"page","link":"https:\/\/commerss.com\/en\/thank-you\/","title":{"rendered":"Thank you"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5284\" class=\"elementor elementor-5284\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ab95f4 e-con e-atomic-element e-flexbox-base e-2a5067a \" data-id=\"6ab95f4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6ab95f4\" data-e-type=\"e-flexbox\" data-id=\"6ab95f4\">\n    \t\t<div class=\"elementor-element elementor-element-a94fde0 elementor-widget elementor-widget-html\" data-id=\"a94fde0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"commerss-thankyou\" data-commerss-thankyou>\r\n  <div class=\"commerss-thankyou__shell\">\r\n\r\n    <div class=\"commerss-thankyou__card\">\r\n\r\n      <div class=\"commerss-thankyou__icon-wrap\" aria-hidden=\"true\">\r\n        <div class=\"commerss-thankyou__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M5 12.5L9.2 16.7L19 6.9\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.1\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <span class=\"commerss-thankyou__eyebrow\">\r\n        SOLICITUD RECIBIDA\r\n      <\/span>\r\n\r\n      <h1>\r\n        Gracias por contactarnos.\r\n      <\/h1>\r\n\r\n      <p class=\"commerss-thankyou__lead\">\r\n        Hemos recibido correctamente su solicitud.\r\n        Nuestro equipo revisar\u00e1 la informaci\u00f3n y se pondr\u00e1 en contacto con usted para dar seguimiento a su proyecto.\r\n      <\/p>\r\n\r\n      <div class=\"commerss-thankyou__divider\"><\/div>\r\n\r\n      <div class=\"commerss-thankyou__info-grid\">\r\n\r\n        <div class=\"commerss-thankyou__info\">\r\n          <span class=\"commerss-thankyou__info-number\">01<\/span>\r\n          <div>\r\n            <strong>Solicitud registrada<\/strong>\r\n            <p>Su informaci\u00f3n fue enviada correctamente para seguimiento comercial.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"commerss-thankyou__info\">\r\n          <span class=\"commerss-thankyou__info-number\">02<\/span>\r\n          <div>\r\n            <strong>Revisi\u00f3n t\u00e9cnica<\/strong>\r\n            <p>Nuestro equipo analizar\u00e1 sus requerimientos y la informaci\u00f3n proporcionada.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"commerss-thankyou__info\">\r\n          <span class=\"commerss-thankyou__info-number\">03<\/span>\r\n          <div>\r\n            <strong>Seguimiento<\/strong>\r\n            <p>Un especialista podr\u00e1 contactarle para continuar con su solicitud.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"commerss-thankyou__actions\">\r\n\r\n        <a href=\"\/\" class=\"commerss-thankyou__primary\">\r\n          Volver al inicio\r\n          <span aria-hidden=\"true\">\u2197<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"\/productos\/\" class=\"commerss-thankyou__secondary\">\r\n          Explorar productos\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"commerss-thankyou__footer-note\">\r\n      <span><\/span>\r\n      <p>\r\n        Commerss \u00b7 Soluciones industriales para integradores, OEMs y firmas de ingenier\u00eda.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.commerss-thankyou{\r\n  --navy:#073f5b;\r\n  --teal:#4ba6a6;\r\n  --text:#637580;\r\n  --soft:#f5f5f7;\r\n  --border:rgba(7,63,91,.10);\r\n\r\n  min-height:100vh;\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 10%,\r\n      rgba(75,166,166,.16),\r\n      transparent 28%\r\n    ),\r\n    radial-gradient(\r\n      circle at 10% 100%,\r\n      rgba(7,63,91,.05),\r\n      transparent 30%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff,\r\n      #f7f9fa\r\n    );\r\n\r\n  color:var(--navy);\r\n\r\n  font-family:\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"SF Pro Display\",\r\n    \"Segoe UI\",\r\n    sans-serif;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n.commerss-thankyou *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.commerss-thankyou__shell{\r\n  width:min(1180px,calc(100% - 48px));\r\n  margin:0 auto;\r\n  padding:80px 0 56px;\r\n}\r\n\r\n.commerss-thankyou__card{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    clamp(34px,5vw,70px);\r\n\r\n  border:\r\n    1px solid\r\n    var(--border);\r\n\r\n  border-radius:32px;\r\n\r\n  background:\r\n    rgba(255,255,255,.94);\r\n\r\n  box-shadow:\r\n    0 8px 24px rgba(7,63,91,.04),\r\n    0 32px 90px rgba(7,63,91,.08);\r\n\r\n  backdrop-filter:\r\n    blur(16px);\r\n\r\n  animation:\r\n    commerssThankYouEnter\r\n    .8s\r\n    cubic-bezier(.2,.8,.2,1)\r\n    both;\r\n}\r\n\r\n.commerss-thankyou__card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:420px;\r\n  height:420px;\r\n  right:-210px;\r\n  top:-220px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(75,166,166,.12),\r\n      rgba(75,166,166,0) 68%\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.commerss-thankyou__icon-wrap{\r\n  margin-bottom:28px;\r\n}\r\n\r\n.commerss-thankyou__icon{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:64px;\r\n  height:64px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(75,166,166,.12);\r\n\r\n  color:\r\n    var(--teal);\r\n\r\n  animation:\r\n    commerssThankYouIcon\r\n    .65s\r\n    .2s\r\n    cubic-bezier(.2,.8,.2,1)\r\n    both;\r\n}\r\n\r\n.commerss-thankyou__icon svg{\r\n  width:30px;\r\n  height:30px;\r\n}\r\n\r\n.commerss-thankyou__eyebrow{\r\n  display:block;\r\n\r\n  margin-bottom:16px;\r\n\r\n  color:\r\n    var(--teal);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.commerss-thankyou h1{\r\n  max-width:800px;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    22px;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-size:\r\n    clamp(\r\n      48px,\r\n      7vw,\r\n      88px\r\n    );\r\n\r\n  font-weight:780;\r\n\r\n  line-height:.94;\r\n\r\n  letter-spacing:-.065em;\r\n}\r\n\r\n.commerss-thankyou__lead{\r\n  max-width:760px;\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    var(--text);\r\n\r\n  font-size:\r\n    clamp(\r\n      17px,\r\n      1.5vw,\r\n      20px\r\n    );\r\n\r\n  line-height:1.65;\r\n}\r\n\r\n.commerss-thankyou__divider{\r\n  width:100%;\r\n  height:1px;\r\n\r\n  margin:\r\n    clamp(34px,5vw,56px)\r\n    0;\r\n\r\n  background:\r\n    rgba(7,63,91,.08);\r\n}\r\n\r\n.commerss-thankyou__info-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(\r\n      3,\r\n      minmax(0,1fr)\r\n    );\r\n\r\n  gap:18px;\r\n\r\n  margin-bottom:\r\n    clamp(\r\n      32px,\r\n      5vw,\r\n      54px\r\n    );\r\n}\r\n\r\n.commerss-thankyou__info{\r\n  display:flex;\r\n\r\n  align-items:flex-start;\r\n\r\n  gap:16px;\r\n\r\n  padding:\r\n    24px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(7,63,91,.08);\r\n\r\n  border-radius:20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #fff,\r\n      #f8fafb\r\n    );\r\n\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(18px);\r\n\r\n  animation:\r\n    commerssThankYouItem\r\n    .65s\r\n    cubic-bezier(.2,.8,.2,1)\r\n    forwards;\r\n}\r\n\r\n.commerss-thankyou__info:nth-child(1){\r\n  animation-delay:.25s;\r\n}\r\n\r\n.commerss-thankyou__info:nth-child(2){\r\n  animation-delay:.36s;\r\n}\r\n\r\n.commerss-thankyou__info:nth-child(3){\r\n  animation-delay:.47s;\r\n}\r\n\r\n.commerss-thankyou__info-number{\r\n  flex:0 0 auto;\r\n\r\n  color:\r\n    rgba(75,166,166,.9);\r\n\r\n  font-size:11px;\r\n  font-weight:900;\r\n\r\n  letter-spacing:.1em;\r\n}\r\n\r\n.commerss-thankyou__info strong{\r\n  display:block;\r\n\r\n  margin-bottom:8px;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-size:15px;\r\n  font-weight:800;\r\n}\r\n\r\n.commerss-thankyou__info p{\r\n  margin:0;\r\n\r\n  color:\r\n    var(--text);\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.55;\r\n}\r\n\r\n.commerss-thankyou__actions{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:16px;\r\n\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.commerss-thankyou__primary{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:16px;\r\n\r\n  min-height:58px;\r\n\r\n  padding:\r\n    0\r\n    8px\r\n    0\r\n    24px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    var(--navy);\r\n\r\n  color:#fff !important;\r\n\r\n  font-size:13px;\r\n  font-weight:800;\r\n\r\n  text-decoration:none !important;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n.commerss-thankyou__primary span{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--teal);\r\n}\r\n\r\n.commerss-thankyou__primary:hover{\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 12px 28px\r\n    rgba(7,63,91,.18);\r\n}\r\n\r\n.commerss-thankyou__secondary{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  min-height:56px;\r\n\r\n  padding:\r\n    0\r\n    20px;\r\n\r\n  color:\r\n    var(--navy) !important;\r\n\r\n  font-size:13px;\r\n  font-weight:800;\r\n\r\n  text-decoration:none !important;\r\n}\r\n\r\n.commerss-thankyou__secondary:hover{\r\n  text-decoration:underline !important;\r\n}\r\n\r\n.commerss-thankyou__footer-note{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  padding:\r\n    22px\r\n    6px\r\n    0;\r\n\r\n  opacity:.72;\r\n}\r\n\r\n.commerss-thankyou__footer-note span{\r\n  display:block;\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--teal);\r\n}\r\n\r\n.commerss-thankyou__footer-note p{\r\n  margin:0;\r\n\r\n  color:\r\n    var(--text);\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.5;\r\n}\r\n\r\n@keyframes commerssThankYouEnter{\r\n  from{\r\n    opacity:0;\r\n    transform:\r\n      translateY(20px)\r\n      scale(.985);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:\r\n      translateY(0)\r\n      scale(1);\r\n  }\r\n}\r\n\r\n@keyframes commerssThankYouIcon{\r\n  from{\r\n    opacity:0;\r\n    transform:\r\n      scale(.7)\r\n      rotate(-8deg);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:\r\n      scale(1)\r\n      rotate(0);\r\n  }\r\n}\r\n\r\n@keyframes commerssThankYouItem{\r\n  to{\r\n    opacity:1;\r\n    transform:\r\n      translateY(0);\r\n  }\r\n}\r\n\r\n@media(max-width:900px){\r\n\r\n  .commerss-thankyou{\r\n    min-height:auto;\r\n  }\r\n\r\n  .commerss-thankyou__shell{\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n    padding:\r\n      52px\r\n      0\r\n      36px;\r\n  }\r\n\r\n  .commerss-thankyou__card{\r\n    border-radius:26px;\r\n  }\r\n\r\n  .commerss-thankyou h1{\r\n    font-size:\r\n      clamp(\r\n        44px,\r\n        13vw,\r\n        66px\r\n      );\r\n  }\r\n\r\n  .commerss-thankyou__info-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:520px){\r\n\r\n  .commerss-thankyou__shell{\r\n    width:\r\n      calc(100% - 20px);\r\n  }\r\n\r\n  .commerss-thankyou__card{\r\n    padding:\r\n      28px\r\n      22px;\r\n\r\n    border-radius:22px;\r\n  }\r\n\r\n  .commerss-thankyou__icon{\r\n    width:56px;\r\n    height:56px;\r\n  }\r\n\r\n  .commerss-thankyou__actions{\r\n    align-items:stretch;\r\n    flex-direction:column;\r\n  }\r\n\r\n  .commerss-thankyou__primary,\r\n  .commerss-thankyou__secondary{\r\n    width:100%;\r\n    justify-content:space-between;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n\r\n  var page =\r\n    document.querySelector(\r\n      '[data-commerss-thankyou]'\r\n    );\r\n\r\n  if(!page){\r\n    return;\r\n  }\r\n\r\n  \/*\r\n   * Recuperamos los datos guardados\r\n   * por el formulario de contacto.\r\n   *\/\r\n  var storedData = null;\r\n\r\n  try{\r\n\r\n    var raw =\r\n      localStorage.getItem(\r\n        'commerssInquiryContact'\r\n      );\r\n\r\n    if(raw){\r\n      storedData =\r\n        JSON.parse(raw);\r\n    }\r\n\r\n  }catch(e){\r\n    storedData = null;\r\n  }\r\n\r\n\r\n  \/*\r\n   * Si tenemos el nombre del visitante,\r\n   * personalizamos ligeramente el t\u00edtulo.\r\n   *\/\r\n  if(\r\n    storedData &&\r\n    storedData.firstName\r\n  ){\r\n\r\n    var heading =\r\n      page.querySelector('h1');\r\n\r\n    if(heading){\r\n\r\n      var firstName =\r\n        String(\r\n          storedData.firstName\r\n        ).trim();\r\n\r\n      if(firstName){\r\n\r\n        heading.textContent =\r\n          'Gracias, ' +\r\n          firstName +\r\n          '.';\r\n\r\n      }\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * Despu\u00e9s de unos minutos eliminamos\r\n   * los datos temporales del formulario.\r\n   * No afecta Salesforce.\r\n   *\/\r\n  try{\r\n\r\n    if(\r\n      storedData &&\r\n      storedData.savedAt\r\n    ){\r\n\r\n      var created =\r\n        new Date(\r\n          storedData.savedAt\r\n        ).getTime();\r\n\r\n      var now =\r\n        Date.now();\r\n\r\n      var maxAge =\r\n        1000 * 60 * 30;\r\n\r\n      if(\r\n        !created ||\r\n        now - created > maxAge\r\n      ){\r\n\r\n        localStorage.removeItem(\r\n          'commerssInquiryContact'\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n  }catch(e){}\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SOLICITUD RECIBIDA Gracias por contactarnos. Hemos recibido correctamente su solicitud. Nuestro equipo revisar\u00e1 la informaci\u00f3n y se pondr\u00e1 en contacto con usted para dar seguimiento a su proyecto. 01 Solicitud registrada Su informaci\u00f3n fue enviada correctamente para seguimiento comercial. 02 Revisi\u00f3n t\u00e9cnica Nuestro equipo analizar\u00e1 sus requerimientos y la informaci\u00f3n proporcionada. 03 Seguimiento Un especialista [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-5284","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/pages\/5284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/comments?post=5284"}],"version-history":[{"count":10,"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/pages\/5284\/revisions"}],"predecessor-version":[{"id":5295,"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/pages\/5284\/revisions\/5295"}],"wp:attachment":[{"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/media?parent=5284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}