Contacto \u2014 JoDi Promos<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,500&family=Work+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --cream: #F6E4D3;\r\n --cream-card: #FBF3E8;\r\n --forest: #0B4D30;\r\n --forest-soft: #3F6C55;\r\n --mustard: #C99A3E;\r\n --mustard-dark: #96731F;\r\n --line: rgba(11, 77, 48, 0.18);\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n\r\n body {\r\n margin: 0;\r\n background: var(--cream);\r\n color: var(--forest);\r\n font-family: 'Work Sans', sans-serif;\r\n }\r\n\r\n \/* Ahora es una p\u00e1gina independiente: contenedor propio centrado,\r\n ya sin depender de .jodi-container (eso viv\u00eda en el CSS del home). *\/\r\n .wrap {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 70px 24px 110px;\r\n }\r\n\r\n \/* ---------- HERO ---------- *\/\r\n .hero {\r\n display: grid;\r\n grid-template-columns: 1.1fr 0.9fr;\r\n gap: 40px;\r\n align-items: center;\r\n margin-bottom: 90px;\r\n }\r\n\r\n .eyebrow {\r\n font-family: 'IBM Plex Mono', monospace;\r\n font-size: 13px;\r\n letter-spacing: 0.08em;\r\n color: var(--mustard-dark);\r\n text-transform: uppercase;\r\n margin: 0 0 14px;\r\n }\r\n\r\n h1 {\r\n font-family: 'Fraunces', serif;\r\n font-weight: 600;\r\n font-size: 52px;\r\n line-height: 1.08;\r\n margin: 0 0 20px;\r\n }\r\n\r\n h1 em {\r\n font-style: italic;\r\n font-weight: 500;\r\n color: var(--mustard-dark);\r\n }\r\n\r\n .hero p {\r\n font-size: 17px;\r\n line-height: 1.6;\r\n color: var(--forest-soft);\r\n max-width: 460px;\r\n margin: 0;\r\n }\r\n\r\n \/* ---------- FLOATING SWING TAGS ---------- *\/\r\n .tag-board {\r\n position: relative;\r\n height: 340px;\r\n }\r\n\r\n .tag {\r\n position: absolute;\r\n background: var(--cream-card);\r\n border: 1.5px solid var(--forest);\r\n border-radius: 6px;\r\n padding: 14px 18px 16px;\r\n width: 168px;\r\n cursor: default;\r\n transition: transform 0.2s ease;\r\n box-shadow: 3px 4px 0 var(--forest);\r\n }\r\n\r\n .tag:hover { transform: translateY(-6px) rotate(0deg) !important; }\r\n\r\n .tag::before {\r\n content: '';\r\n position: absolute;\r\n top: -22px;\r\n left: 50%;\r\n width: 1.5px;\r\n height: 22px;\r\n background: var(--forest);\r\n }\r\n\r\n .tag::after {\r\n content: '';\r\n position: absolute;\r\n top: -26px;\r\n left: calc(50% - 4px);\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n border: 1.5px solid var(--forest);\r\n background: var(--cream);\r\n }\r\n\r\n .tag-1 { top: 6px; left: 14%; transform: rotate(-6deg); }\r\n .tag-2 { top: 118px; left: 46%; transform: rotate(4deg); }\r\n .tag-3 { top: 230px; left: 12%; transform: rotate(-3deg); }\r\n\r\n .tag .cat {\r\n font-family: 'IBM Plex Mono', monospace;\r\n font-size: 11px;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n color: var(--mustard-dark);\r\n display: block;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .tag .name {\r\n font-family: 'Fraunces', serif;\r\n font-weight: 600;\r\n font-size: 19px;\r\n display: block;\r\n }\r\n\r\n \/* ---------- CONTACT PANEL ---------- *\/\r\n .panel {\r\n display: grid;\r\n grid-template-columns: 0.85fr 1.15fr;\r\n background: var(--cream-card);\r\n border: 1.5px solid var(--forest);\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 45px -15px rgba(11, 77, 48, 0.25);\r\n }\r\n\r\n .info {\r\n background: var(--forest);\r\n color: var(--cream);\r\n padding: 48px 40px;\r\n position: relative;\r\n }\r\n\r\n .info h2 {\r\n font-family: 'Fraunces', serif;\r\n font-weight: 500;\r\n font-style: italic;\r\n font-size: 26px;\r\n margin: 0 0 28px;\r\n color: var(--cream);\r\n }\r\n\r\n .info-row {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 14px 0;\r\n border-top: 1px dashed rgba(246, 228, 211, 0.35);\r\n font-size: 14px;\r\n }\r\n\r\n .info-row:last-of-type { border-bottom: 1px dashed rgba(246, 228, 211, 0.35); }\r\n\r\n .info-row .label {\r\n font-family: 'IBM Plex Mono', monospace;\r\n font-size: 11px;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n color: var(--mustard);\r\n align-self: center;\r\n }\r\n\r\n .info-row .value { text-align: right; max-width: 60%; }\r\n .info-row .value a { color: var(--cream); }\r\n\r\n .form-side {\r\n padding: 24px;\r\n display: flex;\r\n align-items: stretch;\r\n }\r\n\r\n .form-side iframe {\r\n width: 100%;\r\n min-height: 531px;\r\n border: none;\r\n border-radius: 8px;\r\n }\r\n\r\n @media (max-width: 860px) {\r\n .wrap {\r\n padding: 40px 18px 70px;\r\n }\r\n .hero {\r\n margin-bottom: 50px;\r\n }\r\n .hero { grid-template-columns: 1fr; }\r\n .tag-board { height: 260px; margin-top: 20px; }\r\n .panel { grid-template-columns: 1fr; }\r\n h1 { font-size: 38px; }\r\n .form-side { padding: 16px; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrap\" id=\"contacto\">\r\n\r\n <section class=\"hero\">\r\n <div>\r\n <p class=\"eyebrow\">Escr\u00edbenos<\/p>\r\n <h1>Antes de comprar,<br><em>preg\u00fantanos<\/em> lo que quieras<\/h1>\r\n <p>Sin letra chica. Si tienes dudas sobre una recomendaci\u00f3n, una rese\u00f1a o quieres proponer algo, este es el lugar.<\/p>\r\n <\/div>\r\n <div class=\"tag-board\">\r\n <div class=\"tag tag-1\">\r\n <span class=\"cat\">Ref. 01<\/span>\r\n <span class=\"name\">Consulta<\/span>\r\n <\/div>\r\n <div class=\"tag tag-2\">\r\n <span class=\"cat\">Ref. 02<\/span>\r\n <span class=\"name\">Sugerencia<\/span>\r\n <\/div>\r\n <div class=\"tag tag-3\">\r\n <span class=\"cat\">Ref. 03<\/span>\r\n <span class=\"name\">Colaboraci\u00f3n<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"panel\">\r\n <div class=\"info\">\r\n <h2>Tiempo de respuesta,<br>sin vueltas<\/h2>\r\n <div class=\"info-row\">\r\n <span class=\"label\">Email<\/span>\r\n <span class=\"value\"><a href=\"mailto:contacto@jodipromos.com\">contacto@jodipromos.com<\/a><\/span>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <span class=\"label\">Respuesta<\/span>\r\n <span class=\"value\">En menos de 24 h h\u00e1biles<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-side\">\r\n <iframe\r\n src=\"https:\/\/api.leadconnectorhq.com\/widget\/form\/UHGTLeLkbwp5DTJLehfW\"\r\n id=\"inline-UHGTLeLkbwp5DTJLehfW\" \r\n data-layout=\"{'id':'INLINE'}\"\r\n data-trigger-type=\"alwaysShow\"\r\n data-trigger-value=\"\"\r\n data-activation-type=\"alwaysActivated\"\r\n data-activation-value=\"\"\r\n data-deactivation-type=\"neverDeactivate\"\r\n data-deactivation-value=\"\"\r\n data-form-name=\"Contacto JodipromosMX\"\r\n data-height=\"531\"\r\n data-layout-iframe-id=\"inline-UHGTLeLkbwp5DTJLehfW\"\r\n data-form-id=\"UHGTLeLkbwp5DTJLehfW\"\r\n data-cookie-consent=\"true\"\r\n data-cookie-consent-provider=\"auto\"\r\n title=\"Contacto JodipromosMX\">\r\n <\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script src=\"https:\/\/link.msgsndr.com\/js\/form_embed.js\"><\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contacto \u2014 JoDi Promos Escr\u00edbenos Antes de comprar,preg\u00fantanos lo que quieras Sin letra chica. Si tienes dudas sobre una recomendaci\u00f3n, una rese\u00f1a o quieres proponer algo, este es el lugar. Ref. 01 Consulta Ref. 02 Sugerencia Ref. 03 Colaboraci\u00f3n Tiempo de respuesta,sin vueltas Email contacto@jodipromos.com Respuesta En menos de 24 h h\u00e1biles<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3667","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/pages\/3667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/comments?post=3667"}],"version-history":[{"count":7,"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/pages\/3667\/revisions"}],"predecessor-version":[{"id":3679,"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/pages\/3667\/revisions\/3679"}],"wp:attachment":[{"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/media?parent=3667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nContacto \u2014 JoDi Promos<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,500&family=Work+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --cream: #F6E4D3;\r\n --cream-card: #FBF3E8;\r\n --forest: #0B4D30;\r\n --forest-soft: #3F6C55;\r\n --mustard: #C99A3E;\r\n --mustard-dark: #96731F;\r\n --line: rgba(11, 77, 48, 0.18);\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n\r\n body {\r\n margin: 0;\r\n background: var(--cream);\r\n color: var(--forest);\r\n font-family: 'Work Sans', sans-serif;\r\n }\r\n\r\n \/* Ahora es una p\u00e1gina independiente: contenedor propio centrado,\r\n ya sin depender de .jodi-container (eso viv\u00eda en el CSS del home). *\/\r\n .wrap {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 70px 24px 110px;\r\n }\r\n\r\n \/* ---------- HERO ---------- *\/\r\n .hero {\r\n display: grid;\r\n grid-template-columns: 1.1fr 0.9fr;\r\n gap: 40px;\r\n align-items: center;\r\n margin-bottom: 90px;\r\n }\r\n\r\n .eyebrow {\r\n font-family: 'IBM Plex Mono', monospace;\r\n font-size: 13px;\r\n letter-spacing: 0.08em;\r\n color: var(--mustard-dark);\r\n text-transform: uppercase;\r\n margin: 0 0 14px;\r\n }\r\n\r\n h1 {\r\n font-family: 'Fraunces', serif;\r\n font-weight: 600;\r\n font-size: 52px;\r\n line-height: 1.08;\r\n margin: 0 0 20px;\r\n }\r\n\r\n h1 em {\r\n font-style: italic;\r\n font-weight: 500;\r\n color: var(--mustard-dark);\r\n }\r\n\r\n .hero p {\r\n font-size: 17px;\r\n line-height: 1.6;\r\n color: var(--forest-soft);\r\n max-width: 460px;\r\n margin: 0;\r\n }\r\n\r\n \/* ---------- FLOATING SWING TAGS ---------- *\/\r\n .tag-board {\r\n position: relative;\r\n height: 340px;\r\n }\r\n\r\n .tag {\r\n position: absolute;\r\n background: var(--cream-card);\r\n border: 1.5px solid var(--forest);\r\n border-radius: 6px;\r\n padding: 14px 18px 16px;\r\n width: 168px;\r\n cursor: default;\r\n transition: transform 0.2s ease;\r\n box-shadow: 3px 4px 0 var(--forest);\r\n }\r\n\r\n .tag:hover { transform: translateY(-6px) rotate(0deg) !important; }\r\n\r\n .tag::before {\r\n content: '';\r\n position: absolute;\r\n top: -22px;\r\n left: 50%;\r\n width: 1.5px;\r\n height: 22px;\r\n background: var(--forest);\r\n }\r\n\r\n .tag::after {\r\n content: '';\r\n position: absolute;\r\n top: -26px;\r\n left: calc(50% - 4px);\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n border: 1.5px solid var(--forest);\r\n background: var(--cream);\r\n }\r\n\r\n .tag-1 { top: 6px; left: 14%; transform: rotate(-6deg); }\r\n .tag-2 { top: 118px; left: 46%; transform: rotate(4deg); }\r\n .tag-3 { top: 230px; left: 12%; transform: rotate(-3deg); }\r\n\r\n .tag .cat {\r\n font-family: 'IBM Plex Mono', monospace;\r\n font-size: 11px;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n color: var(--mustard-dark);\r\n display: block;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .tag .name {\r\n font-family: 'Fraunces', serif;\r\n font-weight: 600;\r\n font-size: 19px;\r\n display: block;\r\n }\r\n\r\n \/* ---------- CONTACT PANEL ---------- *\/\r\n .panel {\r\n display: grid;\r\n grid-template-columns: 0.85fr 1.15fr;\r\n background: var(--cream-card);\r\n border: 1.5px solid var(--forest);\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 45px -15px rgba(11, 77, 48, 0.25);\r\n }\r\n\r\n .info {\r\n background: var(--forest);\r\n color: var(--cream);\r\n padding: 48px 40px;\r\n position: relative;\r\n }\r\n\r\n .info h2 {\r\n font-family: 'Fraunces', serif;\r\n font-weight: 500;\r\n font-style: italic;\r\n font-size: 26px;\r\n margin: 0 0 28px;\r\n color: var(--cream);\r\n }\r\n\r\n .info-row {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 14px 0;\r\n border-top: 1px dashed rgba(246, 228, 211, 0.35);\r\n font-size: 14px;\r\n }\r\n\r\n .info-row:last-of-type { border-bottom: 1px dashed rgba(246, 228, 211, 0.35); }\r\n\r\n .info-row .label {\r\n font-family: 'IBM Plex Mono', monospace;\r\n font-size: 11px;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n color: var(--mustard);\r\n align-self: center;\r\n }\r\n\r\n .info-row .value { text-align: right; max-width: 60%; }\r\n .info-row .value a { color: var(--cream); }\r\n\r\n .form-side {\r\n padding: 24px;\r\n display: flex;\r\n align-items: stretch;\r\n }\r\n\r\n .form-side iframe {\r\n width: 100%;\r\n min-height: 531px;\r\n border: none;\r\n border-radius: 8px;\r\n }\r\n\r\n @media (max-width: 860px) {\r\n .wrap {\r\n padding: 40px 18px 70px;\r\n }\r\n .hero {\r\n margin-bottom: 50px;\r\n }\r\n .hero { grid-template-columns: 1fr; }\r\n .tag-board { height: 260px; margin-top: 20px; }\r\n .panel { grid-template-columns: 1fr; }\r\n h1 { font-size: 38px; }\r\n .form-side { padding: 16px; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrap\" id=\"contacto\">\r\n\r\n <section class=\"hero\">\r\n <div>\r\n <p class=\"eyebrow\">Escr\u00edbenos<\/p>\r\n <h1>Antes de comprar,<br><em>preg\u00fantanos<\/em> lo que quieras<\/h1>\r\n <p>Sin letra chica. Si tienes dudas sobre una recomendaci\u00f3n, una rese\u00f1a o quieres proponer algo, este es el lugar.<\/p>\r\n <\/div>\r\n <div class=\"tag-board\">\r\n <div class=\"tag tag-1\">\r\n <span class=\"cat\">Ref. 01<\/span>\r\n <span class=\"name\">Consulta<\/span>\r\n <\/div>\r\n <div class=\"tag tag-2\">\r\n <span class=\"cat\">Ref. 02<\/span>\r\n <span class=\"name\">Sugerencia<\/span>\r\n <\/div>\r\n <div class=\"tag tag-3\">\r\n <span class=\"cat\">Ref. 03<\/span>\r\n <span class=\"name\">Colaboraci\u00f3n<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"panel\">\r\n <div class=\"info\">\r\n <h2>Tiempo de respuesta,<br>sin vueltas<\/h2>\r\n <div class=\"info-row\">\r\n <span class=\"label\">Email<\/span>\r\n <span class=\"value\"><a href=\"mailto:contacto@jodipromos.com\">contacto@jodipromos.com<\/a><\/span>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <span class=\"label\">Respuesta<\/span>\r\n <span class=\"value\">En menos de 24 h h\u00e1biles<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-side\">\r\n <iframe\r\n src=\"https:\/\/api.leadconnectorhq.com\/widget\/form\/UHGTLeLkbwp5DTJLehfW\"\r\n id=\"inline-UHGTLeLkbwp5DTJLehfW\" \r\n data-layout=\"{'id':'INLINE'}\"\r\n data-trigger-type=\"alwaysShow\"\r\n data-trigger-value=\"\"\r\n data-activation-type=\"alwaysActivated\"\r\n data-activation-value=\"\"\r\n data-deactivation-type=\"neverDeactivate\"\r\n data-deactivation-value=\"\"\r\n data-form-name=\"Contacto JodipromosMX\"\r\n data-height=\"531\"\r\n data-layout-iframe-id=\"inline-UHGTLeLkbwp5DTJLehfW\"\r\n data-form-id=\"UHGTLeLkbwp5DTJLehfW\"\r\n data-cookie-consent=\"true\"\r\n data-cookie-consent-provider=\"auto\"\r\n title=\"Contacto JodipromosMX\">\r\n <\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script src=\"https:\/\/link.msgsndr.com\/js\/form_embed.js\"><\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contacto \u2014 JoDi Promos Escr\u00edbenos Antes de comprar,preg\u00fantanos lo que quieras Sin letra chica. Si tienes dudas sobre una recomendaci\u00f3n, una rese\u00f1a o quieres proponer algo, este es el lugar. Ref. 01 Consulta Ref. 02 Sugerencia Ref. 03 Colaboraci\u00f3n Tiempo de respuesta,sin vueltas Email contacto@jodipromos.com Respuesta En menos de 24 h h\u00e1biles<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3667","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/pages\/3667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/comments?post=3667"}],"version-history":[{"count":7,"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/pages\/3667\/revisions"}],"predecessor-version":[{"id":3679,"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/pages\/3667\/revisions\/3679"}],"wp:attachment":[{"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/media?parent=3667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}