[{"id":"z856mse","elType":"section","isInner":false,"settings":{"section_layout":"","stretch_section":"section-stretched","slider_section":"","slider_section_navigation":"both","slider_section_autoplay":"yes","slider_section_pause_on_hover":"yes","slider_section_autoplay_speed":5000,"slider_section_effect":"slide","layout":"full_width","content_width":{"unit":"px","size":""},"gap":"default","height":"default","custom_height":{"unit":"px","size":400},"column_position":"middle","content_position":"","structure":"10","section_background":"","background_background":"","background_color":"","background_color_stop":{"unit":"%","size":0},"background_color_b":"","background_color_b_stop":{"unit":"%","size":100},"background_gradient_type":"linear","background_gradient_angle":{"unit":"deg","size":180},"background_gradient_position":"center center","background_image":{"url":"","id":"","width":"","height":""},"background_position":"","background_attachment":"","background_repeat":"","background_size":"","background_video_link":"","background_video_fallback":{"url":"","id":"","width":"","height":""},"background_overlay_section":"","background_overlay_background":"","background_overlay_color":"","background_overlay_color_stop":{"unit":"%","size":0},"background_overlay_color_b":"","background_overlay_color_b_stop":{"unit":"%","size":100},"background_overlay_gradient_type":"linear","background_overlay_gradient_angle":{"unit":"deg","size":180},"background_overlay_gradient_position":"center center","background_overlay_image":{"url":"","id":"","width":"","height":""},"background_overlay_position":"","background_overlay_attachment":"","background_overlay_repeat":"","background_overlay_size":"","background_overlay_video_link":"","background_overlay_video_fallback":{"url":"","id":"","width":"","height":""},"background_overlay_opacity":{"unit":"px","size":0.5},"section_border":"","border_border":"","border_width":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"border_color":"","border_radius":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"box_shadow_box_shadow_type":"","box_shadow_box_shadow":{"horizontal":0,"vertical":0,"blur":10,"spread":0,"inset":"","color":"rgba(0,0,0,0.5)"},"section_typo":"","heading_color":"","color_text":"","color_link":"","color_link_hover":"","text_align":"","section_slider":"","arrows_color":"","arrows_bg_color":"","dots_color":"","section_advanced":"","margin":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"margin_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"margin_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"padding":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"padding_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"padding_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"animation":"","animation_duration":"","css_classes":"","_section_responsive":"","reverse_order_mobile":"","heading_visibility":"","responsive_description":"","hide_desktop":"","hide_tablet":"","hide_mobile":""},"defaultEditSettings":[],"elements":[{"id":"i0vnevd","elType":"column","isInner":false,"settings":{"_inline_size":"","_column_size":100,"section_style":"","background_background":"","background_color":"","background_color_stop":{"unit":"%","size":0},"background_color_b":"transparent","background_color_b_stop":{"unit":"%","size":100},"background_gradient_type":"linear","background_gradient_angle":{"unit":"deg","size":180},"background_gradient_position":"center center","background_image":{"url":"","id":"","width":"","height":""},"background_position":"","background_attachment":"","background_repeat":"","background_size":"","background_video_link":"","background_video_fallback":{"url":"","id":"","width":"","height":""},"border_border":"","border_width":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"border_color":"","border_radius":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"box_shadow_box_shadow_type":"","box_shadow_box_shadow":{"horizontal":0,"vertical":0,"blur":10,"spread":0,"inset":"","color":"rgba(0,0,0,0.5)"},"section_typo":"","heading_color":"","color_text":"","color_link":"","color_link_hover":"","text_align":"","section_advanced":"","margin":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"margin_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"margin_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"padding":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"padding_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"padding_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"animation":"","animation_duration":"","css_classes":"","z_index":"","section_responsive":"","screen_sm":"default","screen_sm_width":"100","screen_md":"default","screen_md_width":"100"},"defaultEditSettings":[],"elements":[{"id":"rm3kkzz","elType":"widget","isInner":false,"settings":{"section_title":"","html":"\n\n\n \n \n Intranet Propia - Zona de descargas para mayoristas | Compatible Distritok\n \n \n \n * { margin: 0; padding: 0; box-sizing: border-box; }\n \n body {\n font-family: 'Inter', -apple-system, sans-serif;\n color: #1a1a2e;\n line-height: 1.6;\n background: #fff;\n }\n\n /* HERO - Above the fold */\n .hero {\n min-height: 90vh;\n background: #ffffff;\n color: #1a1a2e;\n display: flex;\n align-items: center;\n padding: 60px 20px;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 80%;\n height: 200%;\n background: radial-gradient(ellipse, rgba(255,87,29,0.08) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .hero-container {\n max-width: 1400px;\n width: 95%;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.1fr 1fr;\n gap: 80px;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n\n .badge-distritok {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(76, 175, 80, 0.15);\n border: 1px solid rgba(76, 175, 80, 0.4);\n color: #2e7d32;\n padding: 10px 20px;\n border-radius: 50px;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 30px;\n }\n\n .badge-distritok::before {\n content: '✓';\n font-weight: bold;\n }\n\n .hero h1 {\n font-size: clamp(36px, 5vw, 54px);\n font-weight: 800;\n line-height: 1.15;\n margin-bottom: 25px;\n }\n\n .hero h1 .highlight {\n color: #FF571D;\n }\n\n .hero-subtitle {\n font-size: 20px;\n color: #666;\n margin-bottom: 40px;\n max-width: 500px;\n }\n\n .hero-cta {\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 18px 36px;\n border-radius: 8px;\n font-size: 17px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n\n .btn-primary {\n background: #FF571D;\n color: white;\n box-shadow: 0 4px 20px rgba(255,87,29,0.4);\n }\n\n .btn-primary:hover {\n background: #ff6a38;\n transform: translateY(-3px);\n box-shadow: 0 8px 30px rgba(255,87,29,0.5);\n }\n\n .btn-ghost {\n background: transparent;\n color: #1a1a2e;\n border: 2px solid #ddd;\n }\n\n .btn-ghost:hover {\n border-color: #1a1a2e;\n background: rgba(0,0,0,0.05);\n }\n\n /* Hero visual */\n .hero-visual {\n background: #f8f9fa;\n border: 1px solid #e0e0e0;\n border-radius: 20px;\n padding: 40px;\n }\n\n .hero-visual-header {\n display: flex;\n gap: 8px;\n margin-bottom: 20px;\n }\n\n .hero-visual-header span {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #ddd;\n }\n\n .hero-visual-header span:first-child { background: #ff5f56; }\n .hero-visual-header span:nth-child(2) { background: #ffbd2e; }\n .hero-visual-header span:nth-child(3) { background: #27ca40; }\n\n .folder-list {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .folder-item {\n display: flex;\n align-items: center;\n gap: 18px;\n background: white;\n padding: 18px 24px;\n border-radius: 12px;\n border: 1px solid #eee;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n\n .folder-icon {\n font-size: 28px;\n }\n\n .folder-name {\n font-weight: 500;\n font-size: 16px;\n color: #1a1a2e;\n }\n\n .folder-meta {\n font-size: 13px;\n color: #999;\n margin-left: auto;\n }\n\n /* PROBLEMA - Agitar el dolor */\n .problema {\n padding: 100px 20px;\n background: #f8f9fa;\n }\n\n .container {\n max-width: 1200px;\n width: 90%;\n margin: 0 auto;\n }\n\n .section-label {\n text-transform: uppercase;\n font-size: 13px;\n font-weight: 700;\n color: #FF571D;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\n\n .problema h2 {\n font-size: clamp(28px, 4vw, 40px);\n font-weight: 700;\n margin-bottom: 50px;\n line-height: 1.3;\n }\n\n .problema-list {\n display: flex;\n flex-direction: column;\n gap: 25px;\n }\n\n .problema-item {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n }\n\n .problema-icon {\n width: 50px;\n height: 50px;\n background: #ffe5dc;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .problema-text h3 {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 5px;\n }\n\n .problema-text p {\n color: #666;\n font-size: 16px;\n }\n\n /* SOLUCIÓN */\n .solucion {\n padding: 100px 20px;\n background: white;\n }\n\n .solucion h2 {\n font-size: clamp(28px, 4vw, 40px);\n font-weight: 700;\n margin-bottom: 25px;\n text-align: center;\n }\n\n .solucion-subtitle {\n font-size: 20px;\n color: #666;\n text-align: center;\n max-width: 800px;\n margin: 0 auto 60px;\n }\n\n .beneficios-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 50px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .beneficio {\n text-align: center;\n }\n\n .beneficio-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #FF571D, #ff7a4d);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n font-size: 32px;\n color: white;\n }\n\n .beneficio h3 {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 10px;\n }\n\n .beneficio p {\n font-size: 15px;\n color: #666;\n }\n\n /* OFERTA */\n .oferta {\n padding: 100px 20px;\n background: linear-gradient(135deg, #fff8f5 0%, #fff 100%);\n }\n\n .oferta-box {\n max-width: 700px;\n width: 90%;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n padding: 60px;\n box-shadow: 0 20px 60px rgba(255,87,29,0.15);\n border: 2px solid #FF571D;\n text-align: center;\n }\n\n .oferta-label {\n display: inline-block;\n background: #FF571D;\n color: white;\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 14px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 30px;\n }\n\n .oferta h2 {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 30px;\n }\n\n .precio-container {\n margin-bottom: 30px;\n }\n\n .precio-antes {\n font-size: 28px;\n color: #999;\n text-decoration: line-through;\n }\n\n .precio-ahora {\n font-size: 72px;\n font-weight: 800;\n color: #FF571D;\n display: block;\n line-height: 1;\n }\n\n .precio-nota {\n font-size: 16px;\n color: #666;\n margin-top: 10px;\n }\n\n /* Contador urgencia */\n .urgencia {\n background: #fff3e0;\n border-radius: 12px;\n padding: 20px;\n margin-bottom: 30px;\n }\n\n .urgencia-text {\n font-size: 16px;\n font-weight: 600;\n color: #e65100;\n }\n\n .urgencia-timer {\n font-size: 28px;\n font-weight: 700;\n color: #FF571D;\n margin-top: 5px;\n font-variant-numeric: tabular-nums;\n }\n\n .oferta-includes {\n text-align: left;\n margin-bottom: 30px;\n }\n\n .oferta-includes li {\n list-style: none;\n padding: 10px 0;\n border-bottom: 1px solid #eee;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .oferta-includes li::before {\n content: '✓';\n color: #4CAF50;\n font-weight: bold;\n font-size: 18px;\n }\n\n .oferta .btn-primary {\n width: 100%;\n padding: 22px;\n font-size: 19px;\n }\n\n .garantia {\n margin-top: 20px;\n font-size: 14px;\n color: #666;\n }\n\n /* CTA FINAL */\n .cta-final {\n padding: 80px 20px;\n background: #1a1a2e;\n text-align: center;\n color: white;\n }\n\n .cta-final h2 {\n font-size: clamp(24px, 4vw, 36px);\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .cta-final p {\n font-size: 18px;\n color: rgba(255,255,255,0.7);\n margin-bottom: 30px;\n }\n\n .cta-final .btn-primary {\n font-size: 18px;\n padding: 20px 50px;\n }\n\n /* FOOTER */\n footer {\n padding: 30px 20px;\n background: #0f0f1a;\n text-align: center;\n color: #666;\n font-size: 14px;\n }\n\n footer a {\n color: #FF571D;\n text-decoration: none;\n }\n\n /* RESPONSIVE */\n @media (max-width: 900px) {\n .hero-container {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .hero-subtitle {\n margin-left: auto;\n margin-right: auto;\n }\n\n .hero-cta {\n justify-content: center;\n }\n\n .hero-visual {\n display: none;\n }\n\n .beneficios-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .oferta-box {\n padding: 30px 25px;\n }\n }\n \n\n\n \n \n \n \n 100% Compatible con Distritok\n \n Deja de enviar catálogos por email\n \n \n Crea una zona privada donde tus mayoristas descargan fichas técnicas, tarifas y catálogos. Cuando quieran. Sin pedírtelo.\n \n\n \n Ver oferta especial\n Contactar\n \n \n\n \n \n \n \n \n \n ?\n Catálogos 2025\n 12 archivos\n \n \n ?\n Fichas técnicas\n 48 archivos\n \n \n ?\n Tarifas mayorista\n 3 archivos\n \n \n ?\n Condiciones_2025.pdf\n 245 KB\n \n \n \n \n \n\n \n \n \n El problema\n ¿Cuántas veces has enviado el mismo PDF esta semana?\n\n \n \n ?\n \n \"¿Me puedes enviar el catálogo actualizado?\"\n Y tú buscando en carpetas, adjuntando PDFs, enviando emails... otra vez.\n \n \n \n ?\n \n El cliente necesita la ficha técnica YA\n Pero son las 22:00 y tú no estás. Oportunidad perdida.\n \n \n \n ?️\n \n Versiones antiguas circulando\n ¿Qué tarifa tiene cada cliente? ¿La de enero o la de septiembre?\n \n \n \n \n \n\n \n \n \n La solución\n Intranet Propia\n \n Tus clientes entran en \"Mi Cuenta\", acceden a las carpetas que tú has subido y descargan lo que necesitan. Tú no haces nada.\n \n\n \n \n ?\n Organiza por carpetas\n Catálogos, fichas, tarifas... cada cosa en su sitio.\n \n \n ?\n Buscador integrado\n Encuentran el documento en 2 segundos.\n \n \n ?\n Sabes quién descarga\n Registro de cada descarga: cliente, archivo, fecha.\n \n \n \n \n\n \n \n \n ? Oferta clientes Distritok\n \n Intranet Propia\n\n \n 399€\n 199€\n Pago único · Sin cuotas\n \n\n \n ⏰ Esta oferta caduca en:\n 72:00:00\n \n\n \n Módulo completo instalado en tu tienda\n Configuración inicial incluida\n Compatible PrestaShop 1.7 y 8.x\n 100% integrado con Distritok\n Soporte post-instalación\n \n\n \n Quiero mi Intranet Propia\n \n\n Menciona este email para aplicar el descuento\n \n \n\n \n \n ¿Dudas? Escríbeme directamente\n Respondo yo, Borja. Sin bots, sin esperas.\n \n Contactar ahora\n \n \n\n \n \n prestashoppers.es · Módulo desarrollado por Borja Riveiros\n \n\n \n \n // Countdown de 72 horas\n function startCountdown() {\n const storedEnd = localStorage.getItem('ofertaEnd');\n let endTime;\n \n if (storedEnd) {\n endTime = parseInt(storedEnd);\n } else {\n endTime = Date.now() + (72 * 60 * 60 * 1000);\n localStorage.setItem('ofertaEnd', endTime);\n }\n\n function updateTimer() {\n const now = Date.now();\n const diff = endTime - now;\n\n if (diff