{"id":3250,"date":"2026-09-21T20:15:30","date_gmt":"2026-09-21T20:15:30","guid":{"rendered":"https:\/\/jodipromos.com\/mx\/?page_id=3250"},"modified":"2026-09-28T22:48:34","modified_gmt":"2026-09-28T22:48:34","slug":"tutoriales","status":"publish","type":"page","link":"https:\/\/jodipromos.com\/mx\/tutoriales\/","title":{"rendered":"Tutoriales"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3250\" class=\"elementor elementor-3250\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d70adff e-con e-atomic-element e-flexbox-base e-default-div e-1602086 \" data-id=\"d70adff\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d70adff\">\n    \t\t<div class=\"elementor-element elementor-element-3f984dc elementor-widget elementor-widget-shortcode\" data-id=\"3f984dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"biblioteca-videos\" class=\"ux-section\" data-jodi-tut-id=\"jodivid_de74ecf2\">\r\n      <div class=\"ux-container\">\r\n\r\n        <div class=\"ux-header animated-element\">\r\n          <span class=\"ux-section-badge\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n              <polygon points=\"23 7 16 12 23 17 23 7\"><\/polygon>\r\n              <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n            <\/svg>\r\n            Centro de Aprendizaje\r\n          <\/span>\r\n          <h2 class=\"ux-section-title\">Biblioteca de Videos<\/h2>\r\n          <p class=\"ux-section-subtitle\">Aprende a protegerte de estafas y descubre c\u00f3mo aprovechar al m\u00e1ximo todas las funciones de nuestra plataforma.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ux-filter-tabs animated-element\">\r\n          <button class=\"tab-btn active\" data-filtro=\"todos\">Todos los videos<\/button>\r\n                  <\/div>\r\n\r\n        <div class=\"ux-video-grid\">\r\n                                  <div class=\"ux-video-card animated-element\" data-category=\"\" data-video=\"https:\/\/www.youtube.com\/embed\/ylmdiliJ4bM?autoplay=1\">\r\n              <div class=\"ux-thumbnail-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/ylmdiliJ4bM\/hqdefault.jpg\" alt=\"\u00a1Cuidado con los Fraudes! Aprende a identificarlos\" class=\"ux-thumbnail\" loading=\"lazy\">\r\n                <div class=\"ux-thumbnail-overlay\">\r\n                  <div class=\"glass-play-circle\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#065f46\">\r\n                      <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                    <\/svg>\r\n                  <\/div>\r\n                <\/div>\r\n                <span class=\"ux-duration-badge\">Tutorial<\/span>\r\n              <\/div>\r\n              <div class=\"ux-card-body\">\r\n                                <h3 class=\"ux-card-title\">\u00a1Cuidado con los Fraudes! Aprende a identificarlos<\/h3>\r\n                                  <p class=\"ux-card-desc\">Consejos clave para detectar ofertas falsas, proteger tus datos personales y comprar 100% seguro.<\/p>\r\n                              <\/div>\r\n            <\/div>\r\n                        <div class=\"ux-video-card animated-element\" data-category=\"\" data-video=\"https:\/\/www.youtube.com\/embed\/IfMdCduJ0zs?autoplay=1\">\r\n              <div class=\"ux-thumbnail-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/IfMdCduJ0zs\/hqdefault.jpg\" alt=\"Gu\u00eda paso a paso para usar nuestra plataforma\" class=\"ux-thumbnail\" loading=\"lazy\">\r\n                <div class=\"ux-thumbnail-overlay\">\r\n                  <div class=\"glass-play-circle\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#065f46\">\r\n                      <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                    <\/svg>\r\n                  <\/div>\r\n                <\/div>\r\n                <span class=\"ux-duration-badge\">Tutorial<\/span>\r\n              <\/div>\r\n              <div class=\"ux-card-body\">\r\n                                <h3 class=\"ux-card-title\">Gu\u00eda paso a paso para usar nuestra plataforma<\/h3>\r\n                                  <p class=\"ux-card-desc\">Conoce c\u00f3mo navegar, realizar b\u00fasquedas y completar tu proceso de compra sin complicaciones.<\/p>\r\n                              <\/div>\r\n            <\/div>\r\n                        <div class=\"ux-video-card animated-element\" data-category=\"\" data-video=\"https:\/\/www.youtube.com\/embed\/mwyHoajn21Y?autoplay=1\">\r\n              <div class=\"ux-thumbnail-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/mwyHoajn21Y\/hqdefault.jpg\" alt=\"\u00bfC\u00f3mo funciona JoDi Promos?\" class=\"ux-thumbnail\" loading=\"lazy\">\r\n                <div class=\"ux-thumbnail-overlay\">\r\n                  <div class=\"glass-play-circle\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#065f46\">\r\n                      <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                    <\/svg>\r\n                  <\/div>\r\n                <\/div>\r\n                <span class=\"ux-duration-badge\">Tutorial<\/span>\r\n              <\/div>\r\n              <div class=\"ux-card-body\">\r\n                                <h3 class=\"ux-card-title\">\u00bfC\u00f3mo funciona JoDi Promos?<\/h3>\r\n                                  <p class=\"ux-card-desc\">Un recorrido r\u00e1pido por la plataforma: c\u00f3mo encontramos las ofertas y c\u00f3mo t\u00fa puedes aprovecharlas.<\/p>\r\n                              <\/div>\r\n            <\/div>\r\n                              <\/div>\r\n      <\/div>\r\n\r\n      <!-- REPRODUCTOR MODAL (POP-UP) -->\r\n      <div class=\"ux-modal\" data-jodi-modal>\r\n        <div class=\"ux-modal-content\">\r\n          <button class=\"ux-modal-close\" data-jodi-close>&times;<\/button>\r\n          <div class=\"ux-modal-video-container\">\r\n            <iframe data-jodi-iframe src=\"\" title=\"Reproductor de Video\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n      var wrapper = document.querySelector('[data-jodi-tut-id=\"jodivid_de74ecf2\"]');\r\n      if (!wrapper) return;\r\n\r\n      var modal   = wrapper.querySelector('[data-jodi-modal]');\r\n      var iframe  = wrapper.querySelector('[data-jodi-iframe]');\r\n      var closeBt = wrapper.querySelector('[data-jodi-close]');\r\n\r\n      function abrirModal(url) {\r\n        iframe.src = url;\r\n        modal.classList.add('active');\r\n        document.body.style.overflow = 'hidden';\r\n      }\r\n      function cerrarModal() {\r\n        iframe.src = '';\r\n        modal.classList.remove('active');\r\n        document.body.style.overflow = 'auto';\r\n      }\r\n\r\n      wrapper.querySelectorAll('.ux-video-card').forEach(function(card) {\r\n        card.addEventListener('click', function() {\r\n          abrirModal(card.getAttribute('data-video'));\r\n        });\r\n      });\r\n\r\n      modal.addEventListener('click', function(e) {\r\n        if (e.target === modal || e.target === closeBt) cerrarModal();\r\n      });\r\n\r\n      document.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Escape' && modal.classList.contains('active')) cerrarModal();\r\n      });\r\n\r\n      wrapper.querySelectorAll('.tab-btn').forEach(function(btn) {\r\n        btn.addEventListener('click', function() {\r\n          wrapper.querySelectorAll('.tab-btn').forEach(function(b){ b.classList.remove('active'); });\r\n          btn.classList.add('active');\r\n          var filtro = btn.getAttribute('data-filtro');\r\n          wrapper.querySelectorAll('.ux-video-card').forEach(function(card) {\r\n            card.style.display = (filtro === 'todos' || card.getAttribute('data-category') === filtro) ? 'flex' : 'none';\r\n          });\r\n        });\r\n      });\r\n\r\n      var observer = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry, index) {\r\n          if (entry.isIntersecting) {\r\n            setTimeout(function(){ entry.target.classList.add('is-visible'); }, index * 100);\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.15 });\r\n\r\n      wrapper.querySelectorAll('.animated-element').forEach(function(el){ observer.observe(el); });\r\n    })();\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","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-3250","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/pages\/3250","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=3250"}],"version-history":[{"count":22,"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/pages\/3250\/revisions"}],"predecessor-version":[{"id":3704,"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/pages\/3250\/revisions\/3704"}],"wp:attachment":[{"href":"https:\/\/jodipromos.com\/mx\/wp-json\/wp\/v2\/media?parent=3250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}