{"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-21T00:54:04","modified_gmt":"2026-08-21T00:54:04","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/jodipromos.com\/usa\/","title":{"rendered":"Sample Page"},"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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jodipromos.com\/usa\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jodipromos.com\/usa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jodipromos.com\/usa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jodipromos.com\/usa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jodipromos.com\/usa\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":19,"href":"https:\/\/jodipromos.com\/usa\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/jodipromos.com\/usa\/wp-json\/wp\/v2\/pages\/2\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/jodipromos.com\/usa\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}