{"id":41869,"date":"2026-01-16T13:53:09","date_gmt":"2026-01-16T19:53:09","guid":{"rendered":"https:\/\/themesh.art\/?page_id=41869"},"modified":"2026-04-08T13:18:17","modified_gmt":"2026-04-08T19:18:17","slug":"contacto","status":"publish","type":"page","link":"https:\/\/themesh.art\/en\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"41869\" class=\"elementor elementor-41869\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7afa66b e-con-full e-flex e-con e-parent\" data-id=\"7afa66b\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fd8deb elementor-widget elementor-widget-html\" data-id=\"8fd8deb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<section id=\"mesh-contact\" aria-label=\"Conecta con mesh\">\n  <style>\n    #mesh-contact, #mesh-contact * { box-sizing: border-box; -webkit-font-smoothing: antialiased; }\n\n    #mesh-contact {\n      --black: #0a0a0a;\n      --cream: #f5f2eb;\n      --purple: #7c3aff;\n      --yellow: #ffe135;\n      --border: 2px solid #0a0a0a;\n      --shadow: 6px 6px 0 #0a0a0a;\n      --shadow-lg: 10px 10px 0 #0a0a0a;\n      background: var(--cream);\n      color: var(--black);\n      font-family: 'Space Grotesk', sans-serif;\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      margin-bottom: 0 !important;\n      padding-bottom: 0 !important;\n    }\n\n    #mesh-contact + * { margin-top: 0 !important; }\n\n    #mesh-contact .mc-wrap {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 64px 24px 72px;\n    }\n\n    \/* \u2500\u2500 Eyebrow \u2500\u2500 *\/\n    #mesh-contact .mc-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      font-family: 'Space Grotesk', sans-serif;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: .16em;\n      text-transform: uppercase;\n      margin: 0 0 18px;\n      color: var(--black);\n    }\n\n    #mesh-contact .mc-kicker::before {\n      content: \"\";\n      width: 28px;\n      height: 2px;\n      background: var(--purple);\n      flex: 0 0 auto;\n    }\n\n    \/* \u2500\u2500 Hero \u2500\u2500 *\/\n    #mesh-contact .mc-hero {\n      margin-bottom: 56px;\n    }\n\n    #mesh-contact .mc-title {\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 900;\n      font-size: clamp(48px, 7vw, 96px);\n      line-height: .88;\n      letter-spacing: -.02em;\n      text-transform: uppercase;\n      color: var(--black);\n      margin: 0 0 18px;\n    }\n\n    #mesh-contact .mc-brand { color: var(--purple); }\n\n    #mesh-contact .mc-sub {\n      font-family: 'Space Grotesk', sans-serif;\n      font-size: clamp(16px, 1.8vw, 19px);\n      font-weight: 500;\n      line-height: 1.55;\n      color: rgba(10,10,10,.68);\n      max-width: 680px;\n      margin: 0 0 28px;\n    }\n\n    \/* \u2500\u2500 Button row \u2500\u2500 *\/\n    #mesh-contact .mc-btn-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      align-items: center;\n    }\n\n    #mesh-contact .mc-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 54px;\n      padding: 0 28px;\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 900;\n      font-size: 20px;\n      letter-spacing: .06em;\n      text-transform: uppercase;\n      text-decoration: none;\n      border: var(--border);\n      transition: transform .1s, box-shadow .1s;\n    }\n\n    #mesh-contact .mc-btn--primary {\n      background: var(--black);\n      color: var(--cream);\n      box-shadow: 6px 6px 0 var(--purple);\n    }\n    #mesh-contact .mc-btn--primary:hover { transform: translate(-2px,-2px); box-shadow: 8px 8px 0 var(--purple); }\n\n    #mesh-contact .mc-btn--ghost {\n      background: #fff;\n      color: var(--black);\n      box-shadow: var(--shadow);\n    }\n    #mesh-contact .mc-btn--ghost:hover { transform: translate(-2px,-2px); box-shadow: var(--shadow-lg); }\n\n    #mesh-contact .mc-link {\n      font-family: 'Space Grotesk', sans-serif;\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--black);\n      text-decoration: none;\n      border-bottom: 2px solid var(--black);\n      padding-bottom: 1px;\n      transition: background .1s;\n    }\n    #mesh-contact .mc-link:hover { background: var(--yellow); }\n\n    \/* \u2500\u2500 Section heading \u2500\u2500 *\/\n    #mesh-contact .mc-h2 {\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 900;\n      font-size: clamp(28px, 3.4vw, 44px);\n      line-height: .9;\n      letter-spacing: -.02em;\n      text-transform: uppercase;\n      color: var(--black);\n      margin: 0 0 20px;\n    }\n\n    #mesh-contact .mc-h3 {\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 900;\n      font-size: 26px;\n      line-height: .92;\n      letter-spacing: -.01em;\n      text-transform: uppercase;\n      color: var(--black);\n      margin: 0 0 10px;\n    }\n\n    \/* \u2500\u2500 Cards grid \u2500\u2500 *\/\n    #mesh-contact .mc-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 14px;\n      margin-bottom: 56px;\n    }\n\n    #mesh-contact .mc-card {\n      border: var(--border);\n      background: #fff;\n      box-shadow: var(--shadow);\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      overflow: hidden;\n      transition: transform .12s, box-shadow .12s;\n    }\n\n    #mesh-contact .mc-card:hover {\n      transform: translate(-2px,-2px);\n      box-shadow: var(--shadow-lg);\n    }\n\n    #mesh-contact .mc-card-body {\n      padding: 22px 22px 18px;\n    }\n\n    #mesh-contact .mc-card-desc {\n      font-family: 'Space Grotesk', sans-serif;\n      font-size: 15px;\n      font-weight: 500;\n      line-height: 1.5;\n      color: rgba(10,10,10,.68);\n      margin: 0 0 16px;\n    }\n\n    #mesh-contact .mc-mini {\n      display: flex;\n      gap: 14px;\n    }\n\n    #mesh-contact .mc-mini a {\n      font-family: 'Space Grotesk', sans-serif;\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--purple);\n      text-decoration: none;\n      border-bottom: 2px solid var(--purple);\n      padding-bottom: 1px;\n    }\n\n    #mesh-contact .mc-mini a:hover { opacity: .7; }\n\n    \/* Accent bar at bottom of card *\/\n    #mesh-contact .mc-accent-bar {\n      height: 8px;\n      width: 100%;\n      flex-shrink: 0;\n    }\n\n    #mesh-contact .bar--yellow  { background: var(--yellow); border-top: var(--border); }\n    #mesh-contact .bar--purple  { background: var(--purple); border-top: var(--border); }\n    #mesh-contact .bar--black   { background: var(--black); }\n    #mesh-contact .bar--cream   { background: var(--cream); border-top: var(--border); }\n\n    \/* \u2500\u2500 Form wrap \u2500\u2500 *\/\n    #mesh-contact .mc-form-section {\n      margin-bottom: 48px;\n    }\n\n    #mesh-contact .mc-form-card {\n      border: var(--border);\n      box-shadow: var(--shadow-lg);\n      background: #fff;\n      overflow: hidden;\n    }\n\n    #mesh-contact .mc-form-head {\n      padding: 18px 24px;\n      border-bottom: var(--border);\n      background: var(--black);\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    #mesh-contact .mc-form-head-title {\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 900;\n      font-size: 22px;\n      letter-spacing: .02em;\n      text-transform: uppercase;\n      color: var(--cream);\n      margin: 0;\n    }\n\n    #mesh-contact .mc-form-head::before {\n      content: \"\";\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: var(--yellow);\n      border: 2px solid rgba(245,242,235,.3);\n      flex-shrink: 0;\n    }\n\n    #mesh-contact .mc-form-iframe {\n      width: 100%;\n      height: 620px;\n      border: 0;\n      display: block;\n      background: #fff;\n    }\n\n    \/* \u2500\u2500 Footer meta \u2500\u2500 *\/\n    #mesh-contact .mc-footer {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 14px;\n      padding-top: 24px;\n      border-top: var(--border);\n    }\n\n    #mesh-contact .mc-footer-note {\n      font-family: 'Space Grotesk', sans-serif;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n      color: rgba(10,10,10,.45);\n    }\n\n    #mesh-contact .mc-footer-links {\n      display: flex;\n      gap: 20px;\n    }\n\n    \/* \u2550\u2550\u2550\u2550 TABLET \u2264 900px \u2550\u2550\u2550\u2550 *\/\n    @media (max-width: 900px) {\n      #mesh-contact .mc-grid { grid-template-columns: 1fr 1fr; }\n    }\n\n    \/* \u2550\u2550\u2550\u2550 MOBILE \u2264 640px \u2550\u2550\u2550\u2550 *\/\n    @media (max-width: 640px) {\n      #mesh-contact .mc-wrap { padding: 44px 18px 52px; }\n      #mesh-contact .mc-hero { margin-bottom: 40px; }\n      #mesh-contact .mc-title { font-size: clamp(42px, 14vw, 64px); margin-bottom: 14px; }\n      #mesh-contact .mc-grid { grid-template-columns: 1fr; gap: 12px; margin-bottom: 40px; }\n      #mesh-contact .mc-btn-row { flex-direction: column; align-items: stretch; }\n      #mesh-contact .mc-btn { width: 100%; min-height: 60px; font-size: 22px; }\n      #mesh-contact .mc-link { align-self: center; }\n      #mesh-contact .mc-form-iframe { height: 580px; }\n      #mesh-contact .mc-footer { flex-direction: column; align-items: flex-start; }\n    }\n  <\/style>\n\n  <div class=\"mc-wrap\">\n\n    <!-- Hero -->\n    <header class=\"mc-hero\">\n      <div class=\"mc-kicker\">Contacto \/ Colaboraciones<\/div>\n      <h1 class=\"mc-title\">Conecta con <span class=\"mc-brand\">mesh<\/span>.<\/h1>\n      <p class=\"mc-sub\">\u00bfTienes una duda, una idea o simplemente quieres saludar? Este es el punto de entrada para conversar y construir juntos.<\/p>\n      <div class=\"mc-btn-row\">\n        <a href=\"#mesh-form\" class=\"mc-btn mc-btn--primary\">Escribir a mesh<\/a>\n        <a href=\"https:\/\/www.instagram.com\/mesh.mesh.art\/\" target=\"_blank\" class=\"mc-btn mc-btn--ghost\">Instagram<\/a>\n        <a href=\"\/en\/sumate\/\" class=\"mc-link\">S\u00famate<\/a>\n        <a href=\"\/en\/about-us\/\" class=\"mc-link\">Conoce mesh<\/a>\n      <\/div>\n    <\/header>\n\n    <!-- Cards -->\n    <section>\n      <h2 class=\"mc-h2\">\u00bfQu\u00e9 necesitas hoy?<\/h2>\n      <div class=\"mc-grid\">\n\n        <div class=\"mc-card\">\n          <div class=\"mc-card-body\">\n            <h3 class=\"mc-h3\">Espacio cultural<\/h3>\n            <p class=\"mc-card-desc\">Sumar perfil, publicar actividades o colaborar con mesh.<\/p>\n            <div class=\"mc-mini\">\n              <a href=\"#mesh-form\">Formulario<\/a>\n              <a href=\"\/en\/sumate\/\">S\u00famate<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"mc-accent-bar bar--yellow\"><\/div>\n        <\/div>\n\n        <div class=\"mc-card\">\n          <div class=\"mc-card-body\">\n            <h3 class=\"mc-h3\">Prensa \/ Alianzas<\/h3>\n            <p class=\"mc-card-desc\">Media, partnerships y colaboraciones estrat\u00e9gicas.<\/p>\n            <div class=\"mc-mini\">\n              <a href=\"#mesh-form\">Formulario<\/a>\n              <a href=\"\/en\/about-us\/\">Visi\u00f3n<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"mc-accent-bar bar--purple\"><\/div>\n        <\/div>\n\n        <div class=\"mc-card\">\n          <div class=\"mc-card-body\">\n            <h3 class=\"mc-h3\">Soporte<\/h3>\n            <p class=\"mc-card-desc\">Algo no funciona: problemas con tu cuenta o el mapa.<\/p>\n            <div class=\"mc-mini\">\n              <a href=\"#mesh-form\">Reportar problema<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"mc-accent-bar bar--black\"><\/div>\n        <\/div>\n\n        <div class=\"mc-card\">\n          <div class=\"mc-card-body\">\n            <h3 class=\"mc-h3\">Solo saludar<\/h3>\n            <p class=\"mc-card-desc\">Mensajes simples tambi\u00e9n nos hacen felices.<\/p>\n            <div class=\"mc-mini\">\n              <a href=\"#mesh-form\">Dejar mensaje<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"mc-accent-bar bar--cream\"><\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- Form -->\n    <section class=\"mc-form-section\" id=\"mesh-form\">\n      <h2 class=\"mc-h2\">Cu\u00e9ntanos lo esencial<\/h2>\n      <div class=\"mc-form-card\">\n        <div class=\"mc-form-head\">\n          <p class=\"mc-form-head-title\">Formulario de contacto<\/p>\n        <\/div>\n        <iframe\n          class=\"mc-form-iframe lazyload\"\n          data-src=\"https:\/\/tally.so\/embed\/3yBPyd?hideTitle=1&transparentBackground=1&dynamicHeight=1\"\n         \n          title=\"Formulario mesh\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-load-mode=\"1\">\n        <\/iframe>\n      <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <div class=\"mc-footer\">\n      <span class=\"mc-footer-note\">Respondemos personalmente \u00b7 CDMX \/ LATAM<\/span>\n      <div class=\"mc-footer-links\">\n        <a href=\"\/en\/about-us\/\" class=\"mc-link\">About<\/a>\n        <a href=\"\/en\/sumate\/\" class=\"mc-link\">S\u00famate<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n  <script async src=\"https:\/\/tally.so\/widgets\/embed.js\"><\/script>\n<\/section>\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 \/ Colaboraciones Conecta con mesh. \u00bfTienes una duda, una idea o simplemente quieres saludar? Este es el punto de [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-41869","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/pages\/41869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/comments?post=41869"}],"version-history":[{"count":70,"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/pages\/41869\/revisions"}],"predecessor-version":[{"id":48858,"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/pages\/41869\/revisions\/48858"}],"wp:attachment":[{"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/media?parent=41869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}