{"id":9207,"date":"2022-03-09T09:21:47","date_gmt":"2022-03-09T09:21:01","guid":{"rendered":"https:\/\/newonclusivstg.wpengine.com\/talk-to-us\/"},"modified":"2024-08-05T21:21:11","modified_gmt":"2024-08-05T21:21:11","slug":"contacta-con-nosotros","status":"publish","type":"page","link":"https:\/\/onclusive.com\/es\/contacta-con-nosotros\/","title":{"rendered":"Contacta con nosotros"},"content":{"rendered":"\n<style>\n\/**\n * Hero Background Overlay Styles\n *\/\n.hero-background-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1; \/* Above background image, below content *\/\n    pointer-events: none; \/* Allows clicks to pass through to content *\/\n}\n\n\/* Ensure hero section is positioned relative *\/\n.block-hero {\n    position: relative;\n}\n\n\/* Ensure content sits above overlay *\/\n.hero--content {\n    position: relative;\n    z-index: 2; \/* Above overlay *\/\n}\n\n\/* Ensure background image stays at bottom *\/\n.hero-background-image {\n    position: absolute;\n    z-index: 0; \/* Behind everything *\/\n}\n<\/style>\n\n<section\n    class=\"block-hero block-hero-contained \">\n\n            <div class=\"contained-hero-inner-wrap\">\n      \n          \n                            \n              <div class=\"hero_background_colour bg__green_light hero_background_colour__full\"><\/div>\n      \n          \n    \n    <div class=\"hero--content\">\n\n      <div class=\"hero--content--inner-wrapper\">\n\n                  <!-- ORIGINAL COMPLEX IMAGES -->\n          <div class=\"hero-foreground-images\">\n\n                                            <div class=\"hero_bg_colour_split bg__ hero_bg_colour_split__left\"><\/div>\n                          \n            <div class=\"img-wrapper ratio-1-1 image-is-background\">\n\t\n\n<img decoding=\"async\"\n\talt=\"\"\n    data-sizes=\"auto\"\n    data-src=\"https:\/\/onclusive.com\/wp-content\/uploads\/2022\/01\/Group.svg\"\n    data-srcset=\"https:\/\/onclusive.com\/wp-content\/uploads\/2022\/01\/Group.svg 734w,\n\thttps:\/\/onclusive.com\/wp-content\/uploads\/2022\/01\/Group.svg 734w, \n\thttps:\/\/onclusive.com\/wp-content\/uploads\/2022\/01\/Group.svg 734w\"\n    class=\"lazyload is-svg\"\n    src=\"https:\/\/onclusive.com\/wp-content\/uploads\/2022\/01\/Group.svg\"\n\/>\n\n\n\n\n<\/div>                      <\/div>\n        \n        <div class=\"hero--copy\">\n\n          <!-- OPTIONAL HERO TAG - ONLY IF SET -->\n          \n                      <h1 class=\"hero_title\" >\n                            <span class=\"hero_title_bold\">\n                Contacta con nosotros              <\/span>\n                                                      <\/h1> \n          \n                      <p class=\"hero_copy\" >Si quieres m\u00e1s informaci\u00f3n sobre nuestras soluciones o pedir una demo, por favor completa el formulario a continuaci\u00f3n.<\/p> \n          \n          \n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n            <\/div>\n        \n<\/section>\n\n\n    <section\n            class=\"block-form bg__red_light\">\n      \n\n  <div class=\"form-content\">\n    <div class=\"form-content--inner-wrapper\">\n\n      \n              <div class=\"form-content--heading\">\n          <h3 class=\"block--form_heading\">Contacta con nosotros<\/h3> \n        <\/div>\n      \n      <div class=\"form-content--copy\">\n    \n        \n      <\/div>\n\n      \n              <div id=\"myFrame\" class=\"form-content--form  \"> \n          <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\r\n<script>\r\n  hbspt.forms.create({\r\n    region: \"na1\",\r\n    portalId: \"42525281\",\r\n    formId: \"64871c98-d308-4b02-8e57-b0ffefda96b4\"\r\n  });\r\n<\/script>        <\/div> \n          <\/div>\n  <\/div>\n\n    <\/section> \n  \n<style>\n\/* ================================================\n   Form block - white panel behind the embed\n\n   The section background is editor-chosen and can be any brand colour,\n   including the dark ones. The embedded form's own markup comes from HubSpot\n   with dark label text, so on a dark section the labels disappeared.\n\n   This used to be handled by whitening the labels, but only for .bg__black -\n   every other dark colour was still unreadable, and the fix broke as soon as a\n   light background was chosen. Putting the form on its own white panel makes it\n   readable on every background instead of one, which is what Onclusive asked\n   for, and it means the label colours can stay as HubSpot ships them.\n   ================================================ *\/\n\n.block-form .form-content--form {\n  background-color: #ffffff;\n  border-radius: 10px;\n  padding: 1.75rem;\n}\n\n@media (max-width: 768px) {\n  .block-form .form-content--form { padding: 1.25rem; }\n}\n\n\/* The panel is white on every background, so the form's own text must stay\n   dark. This undoes any inherited light colour from a dark section. *\/\n.block-form .form-content--form,\n.block-form .form-content--form .hs-form label,\n.block-form .form-content--form .hs-form legend,\n.block-form .form-content--form .hs-form .hs-form-field > label,\n.block-form .form-content--form .hs-form .hs-richtext,\n.block-form .form-content--form .hs-form .hs-field-desc {\n  color: #1e1e23;\n}\n\n.block-form .form-content--form .hs-form input[type=\"text\"],\n.block-form .form-content--form .hs-form input[type=\"email\"],\n.block-form .form-content--form .hs-form input[type=\"tel\"],\n.block-form .form-content--form .hs-form input[type=\"number\"],\n.block-form .form-content--form .hs-form select,\n.block-form .form-content--form .hs-form textarea {\n  background-color: #ffffff;\n  color: #1e1e23;\n}\n\n.block-form .form-content--form .hs-form .hs-error-msgs label,\n.block-form .form-content--form .hs-form .hs-error-msg {\n  color: #c0392b;\n}\n<\/style>\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"region":[],"class_list":["post-9207","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/onclusive.com\/es\/wp-json\/wp\/v2\/pages\/9207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onclusive.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onclusive.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onclusive.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/onclusive.com\/es\/wp-json\/wp\/v2\/comments?post=9207"}],"version-history":[{"count":0,"href":"https:\/\/onclusive.com\/es\/wp-json\/wp\/v2\/pages\/9207\/revisions"}],"wp:attachment":[{"href":"https:\/\/onclusive.com\/es\/wp-json\/wp\/v2\/media?parent=9207"}],"wp:term":[{"taxonomy":"region","embeddable":true,"href":"https:\/\/onclusive.com\/es\/wp-json\/wp\/v2\/region?post=9207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}