{"id":2,"date":"2026-08-20T23:19:41","date_gmt":"2026-08-20T23:19:41","guid":{"rendered":"https:\/\/jodipromos.com\/usa\/?page_id=2"},"modified":"2026-08-26T20:35:46","modified_gmt":"2026-08-26T20:35:46","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/jodipromos.com\/us\/","title":{"rendered":"JodiPromosLanding"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70e9fb6 e-con e-atomic-element e-flexbox-base e-45ec94c \" data-id=\"70e9fb6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"70e9fb6\">\n    \t\t<div class=\"elementor-element elementor-element-1ea50f3 elementor-widget elementor-widget-html\" data-id=\"1ea50f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== HERO BANNER ===== -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<div class=\"hero-banner\" style=\"position:relative;\">\n\n\n\n  <!-- ===== CAPA 1: SLIDER DE FONDO ===== -->\n\n  <div class=\"hero-slides-wrap\">\n\n    <div class=\"hero-slide slide-1 active\"><\/div>\n\n    <div class=\"hero-slide slide-2\"><\/div>\n\n    <div class=\"hero-slide slide-3\"><\/div>\n\n  <\/div>\n\n\n\n  <!-- Puntos indicadores -->\n\n  <div class=\"hero-dots\" style=\"position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:3;\">\n\n    <span class=\"hero-dot active\" data-slide=\"0\"><\/span>\n\n    <span class=\"hero-dot\" data-slide=\"1\"><\/span>\n\n    <span class=\"hero-dot\" data-slide=\"2\"><\/span>\n\n  <\/div>\n\n\n\n  <!-- ===== CAPA 2: TARJETA FIJA \"\u00daNETE\" ===== -->\n\n  <div class=\"hero-card\">\n\n\n\n    <h2 class=\"hero-card-title\">\n\n      Grab the best deals before they're gone\n\n    <\/h2>\n\n\n\n    <p class=\"hero-card-sub\">\n\n      Join via WhatsApp or Telegram \u00b7 Free \u00b7 No spam\n\n    <\/p>\n\n\n\n    <div class=\"hero-card-buttons\">\n\n      <a href=\"https:\/\/jodipromos.com\/funnel\/\" target=\"_blank\" rel=\"noopener\" class=\"hero-btn\" style=\"background-color:#25D366;\">\n\n        <i class=\"fa-brands fa-whatsapp\"><\/i>\n\n        <span class=\"hero-btn-label\">WhatsApp Group<\/span>\n\n      <\/a>\n\n      <a href=\"https:\/\/www.whatsapp.com\/channel\/0029Vb8HhcGLY6d5AMbUox17\" target=\"_blank\" rel=\"noopener\" class=\"hero-btn\" style=\"background-color:#128C7E;\">\n\n        <i class=\"fa-brands fa-whatsapp\"><\/i>\n\n        <span class=\"hero-btn-label\">WhatsApp Channel<\/span>\n\n      <\/a>\n\n      <a href=\"https:\/\/t.me\/JodiPromosMex\" target=\"_blank\" rel=\"noopener\" class=\"hero-btn\" style=\"background-color:#229ED9;\">\n\n        <i class=\"fa-brands fa-telegram\"><\/i>\n\n        <span class=\"hero-btn-label\">Telegram Channel<\/span>\n\n      <\/a>\n\n    <\/div>\n\n    <div class=\"hero-card-labels\">\n\n      <span>WhatsApp Group<\/span>\n\n      <span>WhatsApp Channel<\/span>\n\n      <span>Telegram Channel<\/span>\n\n    <\/div>\n\n\n\n  <\/div>\n\n\n\n<\/div>\n\n\n\n<style>\n\n.hero-banner {\n\n  height: clamp(320px, 15.625vw, 480px);\n\n}\n\n\n\n.hero-slides-wrap {\n\n  position: absolute;\n\n  top: 0; left: 0;\n\n  width: 100%; height: 100%;\n\n  overflow: hidden;\n\n  border-radius: inherit;\n\n  z-index: 1;\n\n}\n\n\n\n.hero-slide {\n\n  position: absolute;\n\n  top: 0; left: 0;\n\n  width: 100%; height: 100%;\n\n  background-size: cover;\n\n  background-repeat: no-repeat;\n\n  background-position: right center;\n\n  opacity: 0;\n\n  transition: opacity 1.2s ease;\n\n}\n\n.hero-slide.active {\n\n  opacity: 1;\n\n}\n\n.slide-1 {\n\n  background-image: url('https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_2uppb42uppb42upp-scaled.jpeg');\n\n}\n\n.slide-2 {\n\n  background-image: url('https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_pqj45kpqj45kpqj4-scaled.jpeg');\n\n}\n\n.slide-3 {\n\n  background-image: url('https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_zdk71izdk71izdk7-scaled.jpeg');\n\n}\n\n\n\n.hero-dot {\n\n  width: 8px; height: 8px;\n\n  border-radius: 50%;\n\n  background-color: rgba(255,255,255,0.5);\n\n  cursor: pointer;\n\n  transition: background-color 0.3s;\n\n}\n\n.hero-dot.active {\n\n  background-color: #ffffff;\n\n}\n\n\n\n\/* ===== TARJETA \"\u00daNETE\" ===== *\/\n\n.hero-card {\n\n  position: absolute;\n\n  top: 50%;\n\n  left: 12%;\n\n  transform: translateY(-50%);\n\n  z-index: 2;\n\n  width: clamp(240px, 22vw, calc(88% - 20px));\n\n  background: linear-gradient(135deg,#e6c15a,#8fd45a);\n\n  border-radius: 14px;\n\n  padding: clamp(14px, 2vw, 30px) clamp(16px, 2.2vw, 34px);\n\n  box-shadow: 0 8px 24px rgba(0,0,0,0.25);\n\n}\n\n\n\n.hero-card-title {\n\n  font-size: clamp(16px, 1.6vw, 26px);\n\n  font-weight: 800;\n\n  color: #1a1a1a;\n\n  margin: 0 0 clamp(6px, 0.8vw, 14px) 0;\n\n  line-height: 1.25;\n\n}\n\n\n\n.hero-card-sub {\n\n  font-size: clamp(11px, 1vw, 16px);\n\n  font-weight: 700;\n\n  color: #1a1a1a;\n\n  margin: 0 0 clamp(14px, 1.6vw, 26px) 0;\n\n}\n\n\n\n.hero-card-buttons {\n\n  display: flex;\n\n  gap: clamp(6px, 0.8vw, 12px);\n\n}\n\n\n\n.hero-btn {\n\n  flex: 1;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  color: #ffffff;\n\n  font-weight: 700;\n\n  font-size: clamp(12px, 1.2vw, 20px);\n\n  padding: clamp(9px, 1.2vw, 18px) 4px;\n\n  border-radius: 8px;\n\n  text-decoration: none;\n\n}\n\n\n\n.hero-btn-label {\n\n  display: none;\n\n}\n\n\n\n.hero-card-labels {\n\n  display: flex;\n\n  gap: clamp(6px, 0.8vw, 12px);\n\n  margin-top: clamp(4px, 0.5vw, 8px);\n\n}\n\n.hero-card-labels span {\n\n  flex: 1;\n\n  text-align: center;\n\n  font-size: clamp(10px, 0.85vw, 14px);\n\n  color: #1a1a1a;\n\n  font-weight: 600;\n\n}\n\n\n\n\/* ===== M\u00d3VIL: imagen de fondo completa, tarjeta centrada superpuesta ===== *\/\n\n@media (max-width: 768px) {\n\n  .hero-banner {\n\n    min-height: 80vh;\n\n    height: auto;\n\n  }\n\n\n\n  .hero-slide {\n\n    background-position: center center;\n\n  }\n\n\n\n  .slide-1 {\n\n    background-image: url('https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_vqyjnkvqyjnkvqyj-scaled.jpg');\n\n  }\n\n  .slide-2 {\n\n    background-image: url('https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_x60n4ax60n4ax60n-scaled.jpg');\n\n  }\n\n  .slide-3 {\n\n    background-image: url('https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_5lvzpj5lvzpj5lvz-scaled.png');\n\n  }\n\n\n\n  .hero-card {\n\n    top: 50% !important;\n\n    left: 50% !important;\n\n    transform: translate(-50%, -50%) !important;\n\n    width: 96% !important;\n\n    max-width: 430px !important;\n\n    padding: 34px 26px !important;\n\n  }\n\n  .hero-card-title {\n\n    font-size: 19px !important;\n\n    margin-bottom: 8px !important;\n\n  }\n\n  .hero-card-sub {\n\n    font-size: 13px !important;\n\n    margin-bottom: 18px !important;\n\n  }\n\n  .hero-card-buttons {\n\n    flex-direction: column !important;\n\n  }\n\n  .hero-btn {\n\n    width: 100%;\n\n    justify-content: center;\n\n    gap: 8px;\n\n    font-size: 14px !important;\n\n    padding: 12px 10px !important;\n\n  }\n\n  .hero-btn-label {\n\n    display: inline !important;\n\n  }\n\n  .hero-card-labels {\n\n    display: none !important;\n\n  }\n\n\n\n  .hero-dots {\n\n    bottom: 12px !important;\n\n    top: auto !important;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function() {\n\n  const slides = document.querySelectorAll('.hero-banner .hero-slide');\n\n  const dots = document.querySelectorAll('.hero-banner .hero-dot');\n\n  let current = 0;\n\n\n\n  function goToSlide(index) {\n\n    slides[current].classList.remove('active');\n\n    dots[current].classList.remove('active');\n\n    current = index;\n\n    slides[current].classList.add('active');\n\n    dots[current].classList.add('active');\n\n  }\n\n\n\n  function nextSlide() {\n\n    const next = (current + 1) % slides.length;\n\n    goToSlide(next);\n\n  }\n\n\n\n  dots.forEach((dot, i) => {\n\n    dot.addEventListener('click', () => goToSlide(i));\n\n  });\n\n\n\n  setInterval(nextSlide, 4500);\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b9ec110 e-con e-atomic-element e-flexbox-base e-b9ec110-d900533 \" data-id=\"b9ec110\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b9ec110\">\n    \t\t<div class=\"elementor-element elementor-element-1137a9a elementor-widget elementor-widget-html\" data-id=\"1137a9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== SEGUNDA CINTILLA (franja de tiendas) ===== -->\n<div id=\"franja-tiendas\" style=\"background-color:#f6e4d3; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:18px 10px; overflow:hidden;\">\n  <div class=\"franja-scroll\" style=\"display:flex; justify-content:center; align-items:center;\">\n    <span class=\"bounce-item item-1\" style=\"margin:0 20px; font-size:16px; font-weight:600; color:#333333; display:inline-block; opacity:0; white-space:nowrap; font-family:'Poppins', sans-serif;\">\n      <i class=\"fa-brands fa-amazon\" style=\"margin-right:6px; color:#FF9900;\"><\/i> AMAZON\n    <\/span>\n    <span class=\"bounce-item item-2\" style=\"margin:0 20px; font-size:16px; font-weight:600; color:#333333; display:inline-block; opacity:0; white-space:nowrap; font-family:'Poppins', sans-serif;\">\n      <i class=\"fa-solid fa-store\" style=\"margin-right:6px; color:#0071CE;\"><\/i> WALMART\n    <\/span>\n    <span class=\"bounce-item item-3\" style=\"margin:0 20px; font-size:16px; font-weight:600; color:#333333; display:inline-block; opacity:0; white-space:nowrap; font-family:'Poppins', sans-serif;\">\n      <i class=\"fa-solid fa-shield-halved\" style=\"margin-right:6px; color:#3f9142;\"><\/i> SECURE SHOPPING\n    <\/span>\n    <span class=\"bounce-item item-4\" style=\"margin:0 20px; font-size:16px; font-weight:600; color:#333333; display:inline-block; opacity:0; white-space:nowrap; font-family:'Poppins', sans-serif;\">\n      <i class=\"fa-solid fa-truck-fast\" style=\"margin-right:6px; color:#e6a13c;\"><\/i> FAST SHIPPING\n    <\/span>\n  <\/div>\n\n  <!-- Copia duplicada, solo se activa en m\u00f3vil para crear el loop infinito -->\n  <div class=\"franja-scroll franja-clone\" style=\"display:none; align-items:center;\" aria-hidden=\"true\">\n    <span style=\"margin:0 20px; font-size:16px; font-weight:600; color:#333333; display:inline-block; white-space:nowrap; font-family:'Poppins', sans-serif;\">\n      <i class=\"fa-brands fa-amazon\" style=\"margin-right:6px; color:#FF9900;\"><\/i> AMAZON\n    <\/span>\n    <span style=\"margin:0 20px; font-size:16px; font-weight:600; color:#333333; display:inline-block; white-space:nowrap; font-family:'Poppins', sans-serif;\">\n      <i class=\"fa-solid fa-store\" style=\"margin-right:6px; color:#0071CE;\"><\/i> WALMART\n    <\/span>\n    <span style=\"margin:0 20px; font-size:16px; font-weight:600; color:#333333; display:inline-block; white-space:nowrap; font-family:'Poppins', sans-serif;\">\n      <i class=\"fa-solid fa-shield-halved\" style=\"margin-right:6px; color:#3f9142;\"><\/i> SECURE SHOPPING\n    <\/span>\n    <span style=\"margin:0 20px; font-size:16px; font-weight:600; color:#333333; display:inline-block; white-space:nowrap; font-family:'Poppins', sans-serif;\">\n      <i class=\"fa-solid fa-truck-fast\" style=\"margin-right:6px; color:#e6a13c;\"><\/i> FAST SHIPPING\n    <\/span>\n  <\/div>\n<\/div>\n\n<style>\n@keyframes bounceIn {\n  0%   { opacity: 0; transform: translateY(-40px) scale(0.8); }\n  50%  { opacity: 1; transform: translateY(8px) scale(1.05); }\n  70%  { transform: translateY(-4px) scale(0.98); }\n  100% { opacity: 1; transform: translateY(0) scale(1); }\n}\n.bounce-item.animate {\n  animation: bounceIn 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n\n\/* ===== M\u00d3VIL: cinta autom\u00e1tica, lenta y continua ===== *\/\n@keyframes marqueeSlow {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-100%); }\n}\n\n@media (max-width: 768px) {\n  #franja-tiendas {\n    display: flex;\n    overflow: hidden;\n  }\n  #franja-tiendas .franja-scroll {\n    display: flex !important;\n    width: max-content;\n    justify-content: flex-start !important;\n    animation: marqueeSlow 28s linear infinite;\n    opacity: 1 !important;\n  }\n  #franja-tiendas .franja-clone {\n    display: flex !important;\n  }\n  \/* En m\u00f3vil los \u00edtems ya no necesitan la animaci\u00f3n de rebote individual *\/\n  #franja-tiendas .bounce-item {\n    opacity: 1 !important;\n    animation: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function() {\n  const items = document.querySelectorAll('#franja-tiendas .bounce-item');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        items.forEach((item, index) => {\n          setTimeout(() => {\n            item.classList.add('animate');\n          }, index * 120);\n        });\n        observer.disconnect();\n      }\n    });\n  }, { threshold: 0.3 });\n  observer.observe(document.getElementById('franja-tiendas'));\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-575a6ff e-con e-atomic-element e-flexbox-base e-575a6ff-70b8d3a \" data-id=\"575a6ff\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"575a6ff\">\n    \t\t<div class=\"elementor-element elementor-element-94666a9 elementor-widget elementor-widget-html\" data-id=\"94666a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Importaci\u00f3n de Poppins (con pesos 400, 700, 800 y 900) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<style>\n  .ofertas-container {\n    width: 100%;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 60px 20px;\n    text-align: center;\n    background-color: #f6e4d3;\n    font-family: 'Poppins', sans-serif;\n  }\n  \n  .cat-title {\n    font-size: 38px;\n    font-weight: 900;\n    margin-bottom: 12px;\n    background: linear-gradient(90deg, #1a5c38 0%, #4a9228 50%, #1a5c38 100%);\n    background-size: 200% auto;\n    color: transparent;\n    -webkit-background-clip: text;\n    background-clip: text;\n    animation: fadeSlideUp 0.8s ease forwards, shineText 4s linear infinite;\n  }\n  \n  @keyframes shineText {\n    to {\n      background-position: 200% center;\n    }\n  }\n\n  .cat-subtitle {\n    font-size: 16px;\n    color: #666666;\n    margin-bottom: 45px;\n    opacity: 0;\n    animation: fadeSlideUp 0.8s ease forwards;\n    animation-delay: 0.2s;\n  }\n  \n  .grid-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 25px;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n  \n  \/* ===== TARJETA VERDE S\u00d3LIDA ===== *\/\n  .cat-box {\n    flex: 1 1 250px;\n    max-width: 260px;\n    background-color: #00622F;\n    border-radius: 16px;\n    padding: 20px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  .cat-box:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 20px rgba(0,0,0,0.25);\n  }\n  \n  \/* \u00c1rea blanca redondeada *\/\n  .icon-area {\n    width: 100%;\n    height: 140px;\n    background-color: #ffffff;\n    border-radius: 12px;\n    padding: 0;\n    margin-bottom: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n  \n  .cat-img {\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n    object-fit: cover !important;\n  }\n\n  .cat-name {\n    font-size: 16px;\n    line-height: 1.3;\n    font-weight: 800;\n    color: #ffffff;\n    margin-bottom: 6px;\n    text-align: left;\n    width: 100%;\n    min-height: 42px;\n    display: flex;\n    align-items: center;\n  }\n\n  .cat-comprar-label {\n    font-size: 14px;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 12px;\n    text-align: left;\n    width: 100%;\n  }\n  \n  .btn-container {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    width: 100%;\n  }\n  \n  .btn-store {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    font-weight: 700;\n    font-size: 14px;\n    padding: 12px 10px;\n    border-radius: 12px;\n    text-decoration: none;\n    width: 100%;\n    box-sizing: border-box;\n    background-color: #fbf1e9;\n    transition: opacity 0.2s, transform 0.2s;\n  }\n  .btn-store:hover {\n    opacity: 0.9;\n    transform: scale(1.02);\n  }\n  .btn-ml { color: #2D3277; border: 2px solid #FFE600; }\n  .btn-ml i { color: #FFE600; -webkit-text-stroke: 0.5px #2D3277; }\n  .btn-amz { color: #1a1a1a; border: 2px solid #FF9900; }\n  .btn-amz i { color: #1a1a1a; }\n  .btn-wal { color: #0071CE; border: 2px solid #0071CE; }\n  .btn-wal i { color: #0071CE; }\n\n  @keyframes fadeSlideUp {\n    0% { opacity: 0; transform: translateY(25px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n<\/style>\n\n<div class=\"ofertas-container\" id=\"categorias\">\n  <h2 class=\"cat-title\">Explore by Category<\/h2>\n  <p class=\"cat-subtitle\">Find deals organized by what you're looking for<\/p>\n\n  <div class=\"grid-container\">\n\n    <!-- 1. Electr\u00f3nica y Tecnolog\u00eda -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/tecnologia.jpeg\" class=\"cat-img\" alt=\"Electronics and Technology\"><\/div>\n      <div class=\"cat-name\">Technology, Electronics & Gadgets<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n        <!-- Walmart oculto temporalmente <a href=\"#\" class=\"btn-store btn-wal\"><i class=\"fa-solid fa-store\"><\/i> WALMART<\/a> -->\n      <\/div>\n    <\/div>\n\n    <!-- 2. Moda -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/moda.jpeg\" class=\"cat-img\" alt=\"Fashion\"><\/div>\n      <div class=\"cat-name\">Fashion, Clothing & Shoes<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 3. Belleza y Cuidado Personal -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/belleza-y-cuidado-personal.jpeg\" class=\"cat-img\" alt=\"Beauty and Personal Care\"><\/div>\n      <div class=\"cat-name\">Beauty & Personal Care<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 4. Hogar y Decoraci\u00f3n -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/casa-y-decoracion.jpeg\" class=\"cat-img\" alt=\"Home and Decor\"><\/div>\n      <div class=\"cat-name\">Home, House & Decor<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 5. Videojuegos y Consolas -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_2dhh082dhh082dhh.jpeg\" class=\"cat-img\" alt=\"Video Games and Consoles\"><\/div>\n      <div class=\"cat-name\">Video Games & Consoles<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 6. Herramientas y Ferreter\u00eda \/ DIY -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/herramientas.jpeg\" class=\"cat-img\" alt=\"Tools and Hardware \/ DIY\"><\/div>\n      <div class=\"cat-name\">Tools, Hardware & DIY<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 7. Deportes, Fitness y Wellness -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/videojuegos-y-consolas-1.jpeg\" class=\"cat-img\" alt=\"Sports, Fitness and Wellness\"><\/div>\n      <div class=\"cat-name\">Sports, Fitness & Wellness<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 8. Mascotas -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-19-at-12.10.17-PM.jpeg\" class=\"cat-img\" alt=\"Pets\"><\/div>\n      <div class=\"cat-name\">Pets<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 9. Ni\u00f1os, Juegos y Juguetes -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-19-at-12.12.24-PM.jpeg\" class=\"cat-img\" alt=\"Kids, Games and Toys\"><\/div>\n      <div class=\"cat-name\">Kids, Games & Toys<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 10. Super Mercado -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-19-at-12.23.36-PM.jpeg\" class=\"cat-img\" alt=\"Grocery\"><\/div>\n      <div class=\"cat-name\">Grocery<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 11. Automotriz y Accesorios -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-19-at-12.25.27-PM.jpeg\" class=\"cat-img\" alt=\"Automotive and Accessories\"><\/div>\n      <div class=\"cat-name\">Automotive & Accessories<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 12. Oficina y Papeler\u00eda -->\n    <div class=\"cat-box\">\n      <div class=\"icon-area\"><img decoding=\"async\" src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-19-at-12.27.03-PM.jpeg\" class=\"cat-img\" alt=\"Office and Stationery\"><\/div>\n      <div class=\"cat-name\">Office & Stationery<\/div>\n      <div class=\"cat-comprar-label\">Shop on:<\/div>\n      <div class=\"btn-container\">\n        <a href=\"#\" class=\"btn-store btn-amz\"><i class=\"fa-solid fa-bag-shopping\"><\/i> AMAZON<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-450809e e-con e-atomic-element e-flexbox-base e-450809e-29b09be \" data-id=\"450809e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"450809e\">\n    \t\t<div class=\"elementor-element elementor-element-671881b elementor-widget elementor-widget-html\" data-id=\"671881b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"como-funciona\" style=\"padding:60px 20px; background-color:#f6e4d3; overflow:hidden;\">\n  <div style=\"display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:50px; max-width:1100px; margin:0 auto;\">\n    <!-- Columna de texto -->\n    <div class=\"cf-title-box\" style=\"flex:1 1 400px; max-width:480px; text-align:left; opacity:0;\">\n      <h2 style=\"font-size:38px; font-weight:800; color:#1a5c38; margin:0;\">\n        How does it work? \ud83d\uded2\n      <\/h2>\n      <p style=\"font-size:18px; color:#333; margin-top:20px; line-height:1.6;\">\n        JoDi Promos doesn't sell anything\n        <br>We select the best deals on Amazon and show them to you all in one place.<br><br> You click and buy directly on the official site, with the same security as always.\n      <\/p>\n    <\/div>\n    <!-- Columna de video vertical (Short de YouTube) -->\n    <div class=\"cf-video-box\" style=\"flex:0 1 320px; width:100%; max-width:320px; opacity:0;\">\n      <div style=\"position:relative; width:100%; aspect-ratio:9\/16; border-radius:16px; overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,0.15);\">\n        <iframe \n          src=\"https:\/\/www.youtube.com\/embed\/IfMdCduJ0zs\" \n          title=\"How it works - Short\"\n          style=\"position:absolute; top:0; left:0; width:100%; height:100%; border:none;\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n          allowfullscreen>\n        <\/iframe>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<style>\n@keyframes slideInLeft {\n  0% { opacity: 0; transform: translateX(-60px); }\n  100% { opacity: 1; transform: translateX(0); }\n}\n@keyframes popInVideo {\n  0% { opacity: 0; transform: scale(0.7) rotate(-5deg); }\n  70% { opacity: 1; transform: scale(1.05) rotate(1deg); }\n  100% { opacity: 1; transform: scale(1) rotate(0deg); }\n}\n.cf-title-box.animate {\n  animation: slideInLeft 0.8s ease forwards;\n}\n.cf-video-box.animate {\n  animation: popInVideo 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n<\/style>\n<script>\n(function() {\n  const title = document.querySelector('#como-funciona .cf-title-box');\n  const video = document.querySelector('#como-funciona .cf-video-box');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        title.classList.add('animate');\n        video.classList.add('animate');\n        observer.disconnect();\n      }\n    });\n  }, { threshold: 0.3 });\n  observer.observe(document.getElementById('como-funciona'));\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4fe3838 e-con e-atomic-element e-flexbox-base e-4fe3838-1b50b9b \" data-id=\"4fe3838\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4fe3838\">\n    \t\t<div class=\"elementor-element elementor-element-9677cda elementor-widget elementor-widget-html\" data-id=\"9677cda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"prevencion-fraudes\" style=\"padding:60px 20px; background-color:#f6e4d3; overflow:hidden;\">\n  <div style=\"display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:50px; max-width:1100px; margin:0 auto;\">\n    <!-- Columna de video vertical (AHORA A LA IZQUIERDA) -->\n    <div class=\"fraude-video-box\" style=\"flex:0 1 320px; width:100%; max-width:320px; opacity:0;\">\n      <div style=\"position:relative; width:100%; aspect-ratio:9\/16; border-radius:16px; overflow:hidden; box-shadow:0 8px 20px rgba(220,38,38,0.2);\">\n        \n        <video \n          src=\"https:\/\/jodipromos.com\/wp\/wp-content\/uploads\/2026\/08\/fraude_QNUUznKG.mp4\" \n          controls \n          playsinline\n          preload=\"metadata\"\n          style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; background-color:#000;\">\n        <\/video>\n      <\/div>\n    <\/div>\n    <!-- Columna de texto (AHORA A LA DERECHA) -->\n    <div class=\"fraude-title-box\" style=\"flex:1 1 400px; max-width:480px; text-align:left; opacity:0;\">\n      <h2 style=\"font-size:38px; font-weight:800; color:#b91c1c; margin-bottom:15px; line-height:1.2;\">\n        Watch Out for Scams! \u26a0\ufe0f\n      <\/h2>\n      <p style=\"font-size:18px; color:#4a4a4a; line-height:1.6; margin:0;\">\n        Your safety is our priority. Watch this video to learn how to spot fake promotions, protect yourself from scams, and shop online 100% safely.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n<style>\n\/* Nueva animaci\u00f3n: desliza desde la derecha *\/\n@keyframes slideInRight {\n  0% { opacity: 0; transform: translateX(60px); }\n  100% { opacity: 1; transform: translateX(0); }\n}\n@keyframes popInVideo {\n  0% { opacity: 0; transform: scale(0.7) rotate(-5deg); }\n  70% { opacity: 1; transform: scale(1.05) rotate(1deg); }\n  100% { opacity: 1; transform: scale(1) rotate(0deg); }\n}\n.fraude-title-box.animate {\n  animation: slideInRight 0.8s ease forwards;\n}\n.fraude-video-box.animate {\n  animation: popInVideo 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n@media (max-width: 768px) {\n  #prevencion-fraudes .fraude-title-box {\n    order: 1;\n    text-align: center;\n  }\n  #prevencion-fraudes .fraude-video-box {\n    order: 2;\n  }\n}\n<\/style>\n<script>\n(function() {\n  const title = document.querySelector('#prevencion-fraudes .fraude-title-box');\n  const video = document.querySelector('#prevencion-fraudes .fraude-video-box');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        title.classList.add('animate');\n        video.classList.add('animate');\n        observer.disconnect();\n      }\n    });\n  }, { threshold: 0.3 });\n  const seccion = document.getElementById('prevencion-fraudes');\n  if (seccion) {\n    observer.observe(seccion);\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-96a1e60 e-con e-atomic-element e-flexbox-base e-96a1e60-2451e1e \" data-id=\"96a1e60\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"96a1e60\">\n    \t\t<div class=\"elementor-element elementor-element-c108116 elementor-widget elementor-widget-html\" data-id=\"c108116\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Contact<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\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\">\n<style>\n  :root {\n    --cream: #F6E4D3;\n    --cream-card: #FBF3E8;\n    --forest: #0B4D30;\n    --forest-soft: #3F6C55;\n    --mustard: #C99A3E;\n    --mustard-dark: #96731F;\n    --line: rgba(11, 77, 48, 0.18);\n  }\n\n  * { box-sizing: border-box; }\n\n  body {\n    margin: 0;\n    background: var(--cream);\n    color: var(--forest);\n    font-family: 'Work Sans', sans-serif;\n  }\n\n  \/* AQU\u00cd EST\u00c1 EL CAMBIO CLAVE: display: none; *\/\n  .wrap { \n    max-width: 1100px; \n    margin: 0 auto; \n    padding: 80px 24px 100px; \n    display: none; \n  }\n\n  \/* ---------- HERO ---------- *\/\n  .hero {\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 90px;\n  }\n\n  .eyebrow {\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 13px;\n    letter-spacing: 0.08em;\n    color: var(--mustard-dark);\n    text-transform: uppercase;\n    margin: 0 0 14px;\n  }\n\n  h1 {\n    font-family: 'Fraunces', serif;\n    font-weight: 600;\n    font-size: 52px;\n    line-height: 1.08;\n    margin: 0 0 20px;\n  }\n\n  h1 em {\n    font-style: italic;\n    font-weight: 500;\n    color: var(--mustard-dark);\n  }\n\n  .hero p {\n    font-size: 17px;\n    line-height: 1.6;\n    color: var(--forest-soft);\n    max-width: 460px;\n    margin: 0;\n  }\n\n  \/* ---------- FLOATING SWING TAGS ---------- *\/\n  .tag-board {\n    position: relative;\n    height: 340px;\n  }\n\n  .tag {\n    position: absolute;\n    background: var(--cream-card);\n    border: 1.5px solid var(--forest);\n    border-radius: 6px;\n    padding: 14px 18px 16px;\n    width: 168px;\n    cursor: pointer;\n    transition: transform 0.2s ease;\n    box-shadow: 3px 4px 0 var(--forest);\n  }\n\n  .tag:hover { transform: translateY(-6px) rotate(0deg) !important; }\n\n  .tag::before {\n    content: '';\n    position: absolute;\n    top: -22px;\n    left: 50%;\n    width: 1.5px;\n    height: 22px;\n    background: var(--forest);\n  }\n\n  .tag::after {\n    content: '';\n    position: absolute;\n    top: -26px;\n    left: calc(50% - 4px);\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    border: 1.5px solid var(--forest);\n    background: var(--cream);\n  }\n\n  .tag-1 { top: 6px;   left: 14%;  transform: rotate(-6deg); }\n  .tag-2 { top: 118px; left: 46%;  transform: rotate(4deg); }\n  .tag-3 { top: 230px; left: 12%;  transform: rotate(-3deg); }\n\n  .tag .cat {\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 11px;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    color: var(--mustard-dark);\n    display: block;\n    margin-bottom: 6px;\n  }\n\n  .tag .name {\n    font-family: 'Fraunces', serif;\n    font-weight: 600;\n    font-size: 19px;\n    display: block;\n  }\n\n  \/* ---------- CONTACT PANEL ---------- *\/\n  .panel {\n    display: grid;\n    grid-template-columns: 0.85fr 1.15fr;\n    background: var(--cream-card);\n    border: 1.5px solid var(--forest);\n    border-radius: 10px;\n    overflow: hidden;\n  }\n\n  .info {\n    background: var(--forest);\n    color: var(--cream);\n    padding: 48px 40px;\n    position: relative;\n  }\n\n  .info h2 {\n    font-family: 'Fraunces', serif;\n    font-weight: 500;\n    font-style: italic;\n    font-size: 26px;\n    margin: 0 0 28px;\n    color: var(--cream);\n  }\n\n  .info-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 14px 0;\n    border-top: 1px dashed rgba(246, 228, 211, 0.35);\n    font-size: 14px;\n  }\n\n  .info-row:last-of-type { border-bottom: 1px dashed rgba(246, 228, 211, 0.35); }\n\n  .info-row .label {\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 11px;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    color: var(--mustard);\n    align-self: center;\n  }\n\n  .info-row .value { text-align: right; max-width: 60%; }\n  .info-row .value a { color: var(--cream); }\n\n  .form-side { padding: 48px 44px; }\n  .campo { margin-bottom: 20px; }\n\n  .campo label {\n    display: block;\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 11px;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    color: var(--forest-soft);\n    margin-bottom: 8px;\n  }\n\n  .campo input,\n  .campo textarea,\n  .campo select {\n    width: 100%;\n    padding: 12px 14px;\n    border: 1.5px solid var(--line);\n    border-radius: 6px;\n    background: var(--cream);\n    color: var(--forest);\n    font-family: 'Work Sans', sans-serif;\n    font-size: 15px;\n  }\n\n  .campo input:focus,\n  .campo textarea:focus,\n  .campo select:focus {\n    outline: none;\n    border-color: var(--mustard-dark);\n  }\n\n  .fila-doble { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n\n  button.enviar {\n    width: 100%;\n    background: var(--forest);\n    color: var(--cream);\n    border: none;\n    padding: 15px;\n    border-radius: 6px;\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 13px;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    cursor: pointer;\n    margin-top: 6px;\n  }\n\n  button.enviar:hover { background: #093d26; }\n  button.enviar:disabled { opacity: 0.6; cursor: not-allowed; }\n\n  #mensaje-respuesta { margin-top: 14px; font-size: 14px; }\n  #mensaje-respuesta.ok { color: var(--forest); font-weight: 600; }\n  #mensaje-respuesta.error { color: #8c2c1f; font-weight: 600; }\n\n  @media (max-width: 860px) {\n    .hero { grid-template-columns: 1fr; }\n    .tag-board { height: 260px; margin-top: 20px; }\n    .panel { grid-template-columns: 1fr; }\n    h1 { font-size: 38px; }\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\" id=\"contacto\">\n\n  <section class=\"hero\">\n    <div>\n      <p class=\"eyebrow\">Write to us<\/p>\n      <h1>Before you buy,<br><em>ask us<\/em> anything<\/h1>\n      <p>No fine print. If you have questions about a recommendation, a review, or want to suggest something, this is the place.<\/p>\n    <\/div>\n    <div class=\"tag-board\">\n      <div class=\"tag tag-1\" onclick=\"precargarMensaje('a question')\">\n        <span class=\"cat\">Ref. 01<\/span>\n        <span class=\"name\">Question<\/span>\n      <\/div>\n      <div class=\"tag tag-2\" onclick=\"precargarMensaje('a suggestion')\">\n        <span class=\"cat\">Ref. 02<\/span>\n        <span class=\"name\">Suggestion<\/span>\n      <\/div>\n      <div class=\"tag tag-3\" onclick=\"precargarMensaje('a collaboration')\">\n        <span class=\"cat\">Ref. 03<\/span>\n        <span class=\"name\">Collaboration<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"panel\">\n    <div class=\"info\">\n      <h2>Response time,<br>no runaround<\/h2>\n      <div class=\"info-row\">\n        <span class=\"label\">Email<\/span>\n        <span class=\"value\"><a href=\"mailto:hola@tusitio.com\">contacto@jodipromos.com<\/a><\/span>\n      <\/div>\n      <div class=\"info-row\">\n        <span class=\"label\">Response<\/span>\n        <span class=\"value\">Within 24 business hours<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"form-side\">\n      <form id=\"mi-formulario-contacto\">\n        <div class=\"fila-doble\">\n          <div class=\"campo\">\n            <label for=\"nombre\">Name<\/label>\n            <input type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\"Your name\" required>\n          <\/div>\n          <div class=\"campo\">\n            <label for=\"email\">Email<\/label>\n            <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"youremail@example.com\" required>\n          <\/div>\n        <\/div>\n\n        <div class=\"campo\">\n          <label for=\"whatsapp\">WhatsApp<\/label>\n          <input type=\"tel\" id=\"whatsapp\" name=\"whatsapp\" placeholder=\"+1 555 123 4567\">\n        <\/div>\n\n        <div class=\"campo\">\n          <label for=\"mensaje\">Message<\/label>\n          <textarea id=\"mensaje\" name=\"mensaje\" rows=\"4\" placeholder=\"Tell us what you need\" required><\/textarea>\n        <\/div>\n\n        <button type=\"submit\" class=\"enviar\">Send message<\/button>\n        <div id=\"mensaje-respuesta\"><\/div>\n      <\/form>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n  function precargarMensaje(motivo) {\n    const campo = document.getElementById('mensaje');\n    if (!campo.value.trim()) {\n      campo.value = 'Hi, I would like to ask you about ' + motivo + ': ';\n    }\n    campo.focus();\n  }\n\n  document.getElementById('mi-formulario-contacto').addEventListener('submit', function (e) {\n    e.preventDefault();\n    const respuesta = document.getElementById('mensaje-respuesta');\n    respuesta.classList.remove('ok', 'error');\n    respuesta.textContent = 'Preview: the form is not yet connected.';\n    respuesta.classList.add('ok');\n  });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Grab the best deals before they&#8217;re gone Join via WhatsApp or Telegram \u00b7 Free \u00b7 No spam WhatsApp Group WhatsApp Channel Telegram Channel WhatsApp Group WhatsApp Channel Telegram Channel AMAZON WALMART SECURE SHOPPING FAST SHIPPING AMAZON WALMART SECURE SHOPPING FAST SHIPPING Explore by Category Find deals organized by what you&#8217;re looking for Technology, Electronics &#038; [&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":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jodipromos.com\/us\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jodipromos.com\/us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jodipromos.com\/us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jodipromos.com\/us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jodipromos.com\/us\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":26,"href":"https:\/\/jodipromos.com\/us\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/jodipromos.com\/us\/wp-json\/wp\/v2\/pages\/2\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/jodipromos.com\/us\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}