{"title":"DJI Mavic","description":"\u003cp\u003eLa línea \u003cstrong\u003eDJI Mavic\u003c\/strong\u003e representa la cima de la fotografía aérea profesional: drones plegables con cámaras Hasselblad, video en 4K\/6K y detección de obstáculos omnidireccional. Ideales para cineastas, fotógrafos, topografía, inspección y producción audiovisual de alto nivel. Con hasta 46 minutos de vuelo, transmisión en tiempo real a 15 km y modos inteligentes como ActiveTrack y Hyperlapse, cada toma es precisa y cinematográfica. El estándar de referencia para profesionales que no aceptan compromisos en calidad visual.\u003c\/p\u003e","products":[{"product_id":"dji-mavic-4-pro","title":"DJI Mavic 4 Pro","description":"\u003csection class=\"m4pro-landing\"\u003e\n\u003cdiv class=\"m4pro-video-hero\"\u003e\n\u003cdiv class=\"m4pro-video-hero-inner\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/BNEmDcQr6hk?autoplay=1\u0026amp;mute=1\u0026amp;loop=1\u0026amp;playlist=BNEmDcQr6hk\u0026amp;controls=0\u0026amp;modestbranding=1\u0026amp;rel=0\u0026amp;playsinline=1\" title=\"DJI Mavic 4 Pro - Inspiration in Focus\"\u003e\n      \u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-hero\"\u003e\n\u003cdiv class=\"m4pro-hero-text\"\u003e\n\u003cp class=\"m4pro-tag\"\u003eTriple Cámara Hasselblad · 8K · Omnidireccional\u003c\/p\u003e\n\u003ch1\u003eDJI Mavic 4 Pro\u003c\/h1\u003e\n\u003ch2\u003eLa inspiración en su máxima expresión\u003c\/h2\u003e\n\u003cp class=\"m4pro-hero-desc\"\u003eEl DJI Mavic 4 Pro define una nueva era en la fotografía aérea. Equipado con el legendario sistema de triple cámara Hasselblad, ofrece una distancia focal múltiple que va desde el gran angular hasta el súper teleobjetivo. Con detección de obstáculos omnidireccional mejorada y transmisión de video O4, es la herramienta definitiva para los creadores más exigentes.\u003c\/p\u003e\n\u003cdiv class=\"m4pro-hero-badges\"\u003e\n\u003cspan\u003eCMOS 4\/3 Hasselblad\u003c\/span\u003e \u003cspan\u003eTriple Cámara\u003c\/span\u003e \u003cspan\u003eVideo 8K\u003c\/span\u003e \u003cspan\u003e48 Min de Vuelo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003cp class=\"m4pro-hero-note\"\u003eDistribuidor Oficial DJI · Garantía Premium · Envío Asegurado\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-hero-media\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro.jpg?v=1769701415\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"m4pro-video-quality-slider\"\u003e\n\u003ch2 class=\"m4pro-slider-title\"\u003eVídeo de Calidad Profesional\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-custom-slider\"\u003e\n\u003cdiv class=\"m4pro-slider-nav\"\u003e\n\u003cbutton class=\"nav-btn-quality active\"\u003eVídeos HDR en 6K\/60 fps\u003c\/button\u003e \u003cbutton class=\"nav-btn-quality\"\u003eCámara lenta en 4K\/120 fps\u003c\/button\u003e \u003cbutton class=\"nav-btn-quality\"\u003eCodificación D-Log \u0026amp; All-I 10 bits\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-wrapper\"\u003e\n\u003cdiv class=\"m4pro-quality-slide active\"\u003e\n\u003cdiv class=\"video-container-quality\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/29c62faf-29b3-4693-acfa-c3eaa601baaa.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-text\"\u003e\n\u003cp\u003eLas tres cámaras admiten grabación de vídeo HDR en 4K\/60 fps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-slide\"\u003e\n\u003cdiv class=\"video-container-quality\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/59b5fbc6-0cb7-4994-80cb-f700597873ef.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-text\"\u003e\n\u003cp\u003eTanto la cámara principal Hasselblad como la telecámara media admiten grabación de vídeo en 4K\/120 fps, mientras que la telecámara graba en 4K\/100 fps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-slide\"\u003e\n\u003cdiv class=\"video-container-quality\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/dbdb055f-6701-4fe0-8a45-0a8d7c4e9d12.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-text\"\u003e\n\u003cp\u003eLas tres cámaras cuentan con perfiles de color D-Log, D-Log M y HLG de 10 bits para garantizar una reproducción de color uniforme en tu metraje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* Estilos específicos para el Slider M4 Pro *\/\n  .m4pro-video-quality-slider {\n    padding: 60px 20px;\n    max-width: 1200px;\n    margin: 0 auto;\n    background-color: #ffffff;\n  }\n\n  .m4pro-slider-title {\n    text-align: center;\n    font-size: 2.2rem;\n    margin-bottom: 40px;\n    font-weight: 700;\n    color: #111;\n  }\n\n  .m4pro-custom-slider {\n    position: relative;\n    width: 100%;\n  }\n\n  .m4pro-slider-nav {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n  }\n\n  .nav-btn-quality {\n    background: #f3f4f6;\n    border: 2px solid transparent;\n    padding: 14px 24px;\n    border-radius: 50px;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 0.95rem;\n    transition: all 0.4s ease;\n    color: #4b5563;\n  }\n\n  .nav-btn-quality.active {\n    background: #000;\n    color: #fff;\n    border-color: #0ea5e9;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n  }\n\n  .m4pro-quality-wrapper {\n    position: relative;\n    min-height: 500px;\n  }\n\n  .m4pro-quality-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease-in-out, visibility 0.8s;\n    text-align: center;\n  }\n\n  .m4pro-quality-slide.active {\n    opacity: 1;\n    visibility: visible;\n    position: relative;\n  }\n\n  .video-container-quality {\n    width: 100%;\n    border-radius: 24px;\n    overflow: hidden;\n    background: #000;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    line-height: 0; \/* Elimina espacio inferior fantasma *\/\n  }\n\n  .video-container-quality video {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .m4pro-quality-text {\n    margin-top: 25px;\n    max-width: 850px;\n    margin-left: auto;\n    margin-right: auto;\n    font-size: 1.15rem;\n    color: #374151;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 768px) {\n    .nav-btn-quality { width: 100%; margin-bottom: 5px; }\n    .m4pro-slider-title { font-size: 1.7rem; }\n    .m4pro-quality-wrapper { min-height: 400px; }\n  }\n\u003c\/style\u003e\n\u003csection class=\"m4pro-landing\"\u003e\u003cscript\u003e\n  let currentM4ProSlide = 0;\n  const m4proSlides = document.querySelectorAll('.m4pro-quality-slide');\n  const m4proBtns = document.querySelectorAll('.nav-btn-quality');\n  const totalM4ProSlides = m4proSlides.length;\n\n  function showM4ProSlide(index) {\n    \/\/ 1. Detener videos activos para ahorrar recursos\n    m4proSlides.forEach(slide =\u003e {\n      const v = slide.querySelector('video');\n      v.pause();\n    });\n\n    \/\/ 2. Actualizar clases visuales\n    m4proSlides[currentM4ProSlide].classList.remove('active');\n    m4proBtns[currentM4ProSlide].classList.remove('active');\n    \n    currentM4ProSlide = index;\n    \n    m4proSlides[currentM4ProSlide].classList.add('active');\n    m4proBtns[currentM4ProSlide].classList.add('active');\n    \n    \/\/ 3. Reproducir el nuevo video desde el principio\n    const activeVideo = m4proSlides[currentM4ProSlide].querySelector('video');\n    activeVideo.currentTime = 0;\n    activeVideo.play();\n\n    \/\/ 4. Configurar el evento para cuando termine el video (Loop: 1-\u003e2-\u003e3-\u003e1)\n    activeVideo.onended = function() {\n      let nextIndex = (currentM4ProSlide + 1) % totalM4ProSlides;\n      showM4ProSlide(nextIndex);\n    };\n  }\n\n  \/\/ Inicialización automática\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    \/\/ Pequeño timeout para asegurar que el DOM esté listo en Shopify\n    setTimeout(() =\u003e {\n        showM4ProSlide(0);\n    }, 100);\n  });\n\u003c\/script\u003e\n\u003csection class=\"m4pro-section m4pro-tech\"\u003e\n\u003cdiv class=\"m4pro-text-center\"\u003e\n\u003ch2\u003eInfinity Gimbal: El mundo en movimiento\u003c\/h2\u003e\n\u003cp class=\"m4pro-description\"\u003eRompe las barreras de la creatividad con el revolucionario Infinity Gimbal. La innovadora estructura del estabilizador permite hacer una rotación completa de 360° para obtener ángulos incomparables. Captura ángulos holandeses dramáticos directamente desde la cámara o reimagina la narración aérea con movimientos fluidos que desafían la gravedad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-video-container\"\u003e\u003cvideo src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/b2ee8be8-2f36-4068-a00c-da5c9d890a78.mp4?w=2400\u0026amp;h=1200\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" playsinline=\"\" title=\"Sistema de cámaras DJI Mavic 4 Pro\" class=\"m4pro-rounded-video\"\u003e\n      \u003c\/video\u003e\u003c\/div\u003e\n\u003csection class=\"m4pro-safety-slider\"\u003e\n\u003ch2 class=\"m4pro-slider-title\"\u003eSeguridad de otro nivel\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-custom-slider\"\u003e\n\u003cdiv class=\"m4pro-slider-nav\"\u003e\n\u003cbutton class=\"nav-btn-safety active\"\u003eDetección de obstáculos omnidireccional\u003c\/button\u003e \u003cbutton class=\"nav-btn-safety\"\u003eRPO nocturno\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-wrapper\"\u003e\n\u003cdiv class=\"m4pro-safety-slide active\"\u003e\n\u003cdiv class=\"video-container-safety\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/52880177-1c60-4a24-9621-a51f2c46b9a0.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-text\"\u003e\n\u003cp\u003eProporciona una sólida seguridad para la fotografía nocturna, para que puedas crear con confianza y eficiencia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-slide\"\u003e\n\u003cdiv class=\"video-container-safety\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/df6bbfe1-3174-44f0-8a8c-610385eabcbd.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-text\"\u003e\n\u003cp\u003eCon el LiDAR orientado hacia delante, Mavic 4 Pro detecta obstáculos como edificios altos incluso en condiciones de poca luz y realiza maniobras inteligentes en vertical, asegurando retornos más seguros durante vuelos nocturnos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* Estilos para el Slider de Seguridad M4 Pro *\/\n  .m4pro-safety-slider {\n    padding: 60px 20px;\n    max-width: 1200px;\n    margin: 0 auto;\n    background-color: #f8fafc; \/* Fondo ligeramente diferente para separar secciones *\/\n    border-radius: 30px;\n    margin-top: 40px;\n  }\n\n  .m4pro-slider-title {\n    text-align: center;\n    font-size: 2.2rem;\n    margin-bottom: 40px;\n    font-weight: 700;\n    color: #111;\n  }\n\n  .m4pro-custom-slider {\n    position: relative;\n    width: 100%;\n  }\n\n  .m4pro-slider-nav {\n    display: flex;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n  }\n\n  .nav-btn-safety {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    padding: 14px 28px;\n    border-radius: 50px;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 0.95rem;\n    transition: all 0.4s ease;\n    color: #4b5563;\n  }\n\n  .nav-btn-safety.active {\n    background: #000;\n    color: #fff;\n    border-color: #0ea5e9;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n  }\n\n  .m4pro-safety-wrapper {\n    position: relative;\n    min-height: 500px;\n  }\n\n  .m4pro-safety-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease-in-out, visibility 0.8s;\n    text-align: center;\n  }\n\n  .m4pro-safety-slide.active {\n    opacity: 1;\n    visibility: visible;\n    position: relative;\n  }\n\n  .video-container-safety {\n    width: 100%;\n    border-radius: 24px;\n    overflow: hidden;\n    background: #000;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    line-height: 0;\n  }\n\n  .video-container-safety video {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .m4pro-safety-text {\n    margin-top: 25px;\n    max-width: 850px;\n    margin-left: auto;\n    margin-right: auto;\n    font-size: 1.15rem;\n    color: #374151;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 768px) {\n    .nav-btn-safety { width: 100%; margin-bottom: 5px; }\n    .m4pro-slider-title { font-size: 1.7rem; }\n    .m4pro-safety-wrapper { min-height: 400px; }\n  }\n\u003c\/style\u003e\n\u003csection class=\"m4pro-landing\"\u003e\n\u003csection class=\"m4pro-section m4pro-tech\"\u003e\u003cscript\u003e\n  let currentSafetySlide = 0;\n  const safetySlides = document.querySelectorAll('.m4pro-safety-slide');\n  const safetyBtns = document.querySelectorAll('.nav-btn-safety');\n  const totalSafetySlides = safetySlides.length;\n\n  function showM4ProSafetySlide(index) {\n    \/\/ 1. Pausar videos activos\n    safetySlides.forEach(slide =\u003e {\n      const v = slide.querySelector('video');\n      v.pause();\n    });\n\n    \/\/ 2. Actualizar interfaz\n    safetySlides[currentSafetySlide].classList.remove('active');\n    safetyBtns[currentSafetySlide].classList.remove('active');\n    \n    currentSafetySlide = index;\n    \n    safetySlides[currentSafetySlide].classList.add('active');\n    safetyBtns[currentSafetySlide].classList.add('active');\n    \n    \/\/ 3. Reproducir video\n    const activeVideo = safetySlides[currentSafetySlide].querySelector('video');\n    activeVideo.currentTime = 0;\n    activeVideo.play();\n\n    \/\/ 4. Loop automático (1-\u003e2-\u003e1)\n    activeVideo.onended = function() {\n      let nextIndex = (currentSafetySlide + 1) % totalSafetySlides;\n      showM4ProSafetySlide(nextIndex);\n    };\n  }\n\n  \/\/ Inicialización\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    \/\/ Timeout de seguridad para carga en Shopify\n    setTimeout(() =\u003e {\n        showM4ProSafetySlide(0);\n    }, 200);\n  });\n\u003c\/script\u003e\u003c\/section\u003e\n\u003csection class=\"m4pro-section-alt\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003eEspecificaciones Técnicas: DJI Mavic 4 Pro\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-compare-wrapper\"\u003e\n\u003ctable class=\"m4pro-compare-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCaracterística\u003c\/th\u003e\n\u003cth\u003eDetalle Técnico\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eCámara Principal\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eHasselblad CMOS 4\/3 (20 MP) · f\/2.8-f\/11\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTelecámaras\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eMedia 1\/1.3\" (70mm) + Tele 1\/2\" (166mm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eResolución Video\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e5.1K\/50fps · 4K\/120fps · D-Log M 10 bits\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eDetección Obstáculos\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eOmnidireccional APAS 5.0 (360 grados)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTransmisión\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDJI O4 (Hasta 20 km y 1080p\/60fps)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eAlmacenamiento\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e64GB Internos (512 en versión Creator)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection id=\"comprar\" class=\"m4pro-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-top: 60px; margin-bottom: 30px;\"\u003eElige tu configuración DJI Mavic 4 Pro\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-combos-grid\"\u003e\n\u003carticle class=\"m4pro-combo-card\"\u003e\n\u003ch3\u003eDron DJI Mavic 4 Pro\u003c\/h3\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro_Estandar.jpg?v=1769701724\" alt=\"\"\u003e\n\u003cp class=\"m4pro-combo-tag\"\u003eDron + Control RC2\u003c\/p\u003e\n\u003cp class=\"m4pro-price\"\u003ePrecio: \u003cspan\u003e$11.999.900\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan style=\"color: #fff;\"\u003e\u003ca title=\"Dji Mavic 4 Pro\" href=\"https:\/\/skymotion.com.co\/products\/dji-mavic-4-pro\" class=\"btn-primary\" style=\"color: #fff;\"\u003eVer\u003c\/a\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"m4pro-combo-card\"\u003e\n\u003ch3\u003eDron DJI Mavic 4 Pro Fly More Combo (RC2)\u003c\/h3\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro_Fly-More-Combo-RC2.jpg?v=1769701725\" alt=\"\"\u003e\n\u003cp class=\"m4pro-combo-tag\"\u003eKit de Vuelo Extendido\u003c\/p\u003e\n\u003cp class=\"m4pro-price\"\u003ePrecio: \u003cspan\u003e$15.699.900\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan style=\"color: #fff;\"\u003e\u003ca title=\"DJI Mavic 4 Pro Fly More Combo (RC2)\" href=\"https:\/\/skymotion.com.co\/products\/dji-mavic-4-pro-fly-more-combo\" class=\"btn-primary\" style=\"color: #fff;\"\u003eVer\u003c\/a\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"m4pro-combo-card\"\u003e\n\u003ch3\u003eDron DJI Mavic 4 Pro Rc Pro 2 512 GB\u003c\/h3\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro_Fly-More-Combo-RCPro2.jpg?v=1769701725\" alt=\"\"\u003e\n\u003cp class=\"m4pro-combo-tag\"\u003eCine Profesional\u003c\/p\u003e\n\u003cul class=\"m4pro-list\"\u003e\u003c\/ul\u003e\n\u003cp class=\"m4pro-price\"\u003ePrecio: \u003cspan\u003e$20.799.900\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan style=\"color: #fff;\"\u003e\u003ca title=\"DJI Mavic 4 Pro 512GB Creator Combo (RC Pro 2)\" href=\"https:\/\/skymotion.com.co\/products\/dji-mavic-4-pro-512gb-creator-combodji-rc-pro-2\" class=\"btn-primary\" style=\"color: #fff;\"\u003eVer\u003c\/a\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* ESTILOS GENERALES (Prefijo m4pro-) *\/\n  .m4pro-landing { max-width: 1200px; margin: 0 auto; padding: 20px; font-family: 'Inter', sans-serif; color: #1f2937; }\n  \n  \/* Video Hero Ajustado al Ancho Interno *\/\n  .m4pro-video-hero { \n    position: relative; \n    width: 100%; \n    padding-bottom: 56.25%; \/* Relación de aspecto 16:9 *\/\n    height: 0; \n    overflow: hidden; \n    border-radius: 20px; \n    margin-bottom: 50px; \n    box-shadow: 0 20px 50px rgba(0,0,0,0.15); \n  }\n  .m4pro-video-hero iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }\n\n  \/* Hero Section *\/\n  .m4pro-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; padding: 40px 0; }\n  .m4pro-tag { color: #0ea5e9; font-weight: 800; text-transform: uppercase; font-size: 13px; letter-spacing: 1.5px; margin-bottom: 10px; }\n  .m4pro-hero h1 { font-size: 48px; margin: 5px 0; color: #111; letter-spacing: -1px; }\n  .m4pro-hero h2 { font-size: 22px; color: #4b5563; margin-bottom: 25px; font-weight: 500; }\n  .m4pro-hero-desc { font-size: 1.1rem; line-height: 1.6; color: #374151; margin-bottom: 30px; }\n  \n  .m4pro-hero-badges span { background: #f0f9ff; color: #0284c7; padding: 8px 16px; border-radius: 30px; font-size: 12px; margin-right: 8px; display: inline-block; margin-top: 10px; border: 1px solid #bae6fd; font-weight: 600; }\n  .m4pro-hero-note { font-size: 0.9rem; color: #6b7280; margin-top: 20px; font-style: italic; }\n\n  \/* Sección Tech *\/\n  .m4pro-text-center { text-align: center; margin-bottom: 40px; max-width: 900px; margin-left: auto; margin-right: auto; }\n  .m4pro-text-center h2 { font-size: 2.5rem; margin-bottom: 20px; }\n  .m4pro-description { font-size: 1.15rem; color: #4b5563; line-height: 1.7; }\n  .m4pro-rounded-video { width: 100%; border-radius: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }\n\n  \/* Tabla Técnica *\/\n  .m4pro-compare-wrapper { overflow-x: auto; margin-top: 40px; border-radius: 20px; border: 1px solid #e5e7eb; }\n  .m4pro-compare-table { width: 100%; border-collapse: collapse; background: #fff; }\n  .m4pro-compare-table td, .m4pro-compare-table th { padding: 18px 25px; border-bottom: 1px solid #f3f4f6; text-align: left; }\n  .m4pro-compare-table th { background: #f9fafb; color: #374151; font-weight: 700; width: 35%; }\n\n  \/* Grid de Combos (3 Columnas Alineadas) *\/\n  .m4pro-combos-grid {\n    display: grid;\n    grid-template-columns: 1fr; \/* Móvil *\/\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  \/* Versión Escritorio *\/\n  @media (min-width: 1024px) {\n    .m4pro-combos-grid {\n      grid-template-columns: repeat(3, 1fr); \/* 3 columnas exactas *\/\n    }\n  }\n\n  .m4pro-combo-card { \n    background: #fff; border: 1px solid #e5e7eb; padding: 30px; border-radius: 24px; text-align: center; \n    transition: transform 0.3s ease, box-shadow 0.3s ease; \n    display: flex; flex-direction: column; justify-content: space-between; height: 100%;\n  }\n  .m4pro-combo-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.08); border-color: #0ea5e9; }\n  \n  .m4pro-combo-card img { width: 100%; height: auto; margin-bottom: 20px; border-radius: 12px; }\n  .m4pro-combo-tag { font-size: 0.9rem; color: #6b7280; margin-bottom: 15px; font-weight: 500; }\n  .m4pro-price { font-size: 1.5rem; font-weight: 800; margin: 20px 0; color: #111; }\n  .m4pro-price span { color: #0ea5e9; }\n  \n  .m4pro-list { list-style: none; padding: 0; margin-bottom: 25px; text-align: left; font-size: 0.9rem; flex-grow: 1; }\n  .m4pro-list li { margin-bottom: 8px; display: flex; align-items: start; }\n  .m4pro-list li:before { content: \"✓\"; color: #0ea5e9; margin-right: 8px; font-weight: bold; flex-shrink: 0; }\n\n  .btn-primary { background: #111; color: #fff; padding: 15px 25px; border-radius: 50px; text-decoration: none; font-weight: 700; display: inline-block; width: 100%; box-sizing: border-box; transition: background 0.3s; }\n  .btn-primary:hover { background: #0ea5e9; }\n\n  \/* Responsive *\/\n  @media (max-width: 900px) {\n    .m4pro-hero { grid-template-columns: 1fr; text-align: center; }\n    .m4pro-hero h1 { font-size: 36px; }\n  }\n\u003c\/style\u003e","brand":"Skymotion Colombia","offers":[{"title":"Default Title","offer_id":50338371240253,"sku":"2114","price":11499900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/DJI_MAVIC_4_PRO_19.jpg?v=1755435140"},{"product_id":"dji-mavic-4-pro-fly-more-combo","title":"DJI Mavic 4 Pro Fly More Combo (RC2)","description":"\u003csection class=\"m4pro-landing\"\u003e\n\u003cdiv class=\"m4pro-video-hero\"\u003e\n\u003cdiv class=\"m4pro-video-hero-inner\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/BNEmDcQr6hk?autoplay=1\u0026amp;mute=1\u0026amp;loop=1\u0026amp;playlist=BNEmDcQr6hk\u0026amp;controls=0\u0026amp;modestbranding=1\u0026amp;rel=0\u0026amp;playsinline=1\" title=\"DJI Mavic 4 Pro - Inspiration in Focus\"\u003e\n      \u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-hero\"\u003e\n\u003cdiv class=\"m4pro-hero-text\"\u003e\n\u003cp class=\"m4pro-tag\"\u003eTriple Cámara Hasselblad · 8K · Omnidireccional\u003c\/p\u003e\n\u003ch1\u003eDJI Mavic 4 Pro\u003c\/h1\u003e\n\u003ch2\u003eLa inspiración en su máxima expresión\u003c\/h2\u003e\n\u003cp class=\"m4pro-hero-desc\"\u003eEl DJI Mavic 4 Pro define una nueva era en la fotografía aérea. Equipado con el legendario sistema de triple cámara Hasselblad, ofrece una distancia focal múltiple que va desde el gran angular hasta el súper teleobjetivo. Con detección de obstáculos omnidireccional mejorada y transmisión de video O4, es la herramienta definitiva para los creadores más exigentes.\u003c\/p\u003e\n\u003cdiv class=\"m4pro-hero-badges\"\u003e\n\u003cspan\u003eCMOS 4\/3 Hasselblad\u003c\/span\u003e \u003cspan\u003eTriple Cámara\u003c\/span\u003e \u003cspan\u003eVideo 8K\u003c\/span\u003e \u003cspan\u003e48 Min de Vuelo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003cp class=\"m4pro-hero-note\"\u003eDistribuidor Oficial DJI · Garantía Premium · Envío Asegurado\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-hero-media\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro.jpg?v=1769701415\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"m4pro-video-quality-slider\"\u003e\n\u003ch2 class=\"m4pro-slider-title\"\u003eVídeo de Calidad Profesional\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-custom-slider\"\u003e\n\u003cdiv class=\"m4pro-slider-nav\"\u003e\n\u003cbutton class=\"nav-btn-quality active\"\u003eVídeos HDR en 6K\/60 fps\u003c\/button\u003e \u003cbutton class=\"nav-btn-quality\"\u003eCámara lenta en 4K\/120 fps\u003c\/button\u003e \u003cbutton class=\"nav-btn-quality\"\u003eCodificación D-Log \u0026amp; All-I 10 bits\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-wrapper\"\u003e\n\u003cdiv class=\"m4pro-quality-slide active\"\u003e\n\u003cdiv class=\"video-container-quality\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/29c62faf-29b3-4693-acfa-c3eaa601baaa.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-text\"\u003e\n\u003cp\u003eLas tres cámaras admiten grabación de vídeo HDR en 4K\/60 fps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-slide\"\u003e\n\u003cdiv class=\"video-container-quality\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/59b5fbc6-0cb7-4994-80cb-f700597873ef.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-text\"\u003e\n\u003cp\u003eTanto la cámara principal Hasselblad como la telecámara media admiten grabación de vídeo en 4K\/120 fps, mientras que la telecámara graba en 4K\/100 fps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-slide\"\u003e\n\u003cdiv class=\"video-container-quality\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/dbdb055f-6701-4fe0-8a45-0a8d7c4e9d12.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-text\"\u003e\n\u003cp\u003eLas tres cámaras cuentan con perfiles de color D-Log, D-Log M y HLG de 10 bits para garantizar una reproducción de color uniforme en tu metraje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* Estilos específicos para el Slider M4 Pro *\/\n  .m4pro-video-quality-slider {\n    padding: 60px 20px;\n    max-width: 1200px;\n    margin: 0 auto;\n    background-color: #ffffff;\n  }\n\n  .m4pro-slider-title {\n    text-align: center;\n    font-size: 2.2rem;\n    margin-bottom: 40px;\n    font-weight: 700;\n    color: #111;\n  }\n\n  .m4pro-custom-slider {\n    position: relative;\n    width: 100%;\n  }\n\n  .m4pro-slider-nav {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n  }\n\n  .nav-btn-quality {\n    background: #f3f4f6;\n    border: 2px solid transparent;\n    padding: 14px 24px;\n    border-radius: 50px;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 0.95rem;\n    transition: all 0.4s ease;\n    color: #4b5563;\n  }\n\n  .nav-btn-quality.active {\n    background: #000;\n    color: #fff;\n    border-color: #0ea5e9;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n  }\n\n  .m4pro-quality-wrapper {\n    position: relative;\n    min-height: 500px;\n  }\n\n  .m4pro-quality-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease-in-out, visibility 0.8s;\n    text-align: center;\n  }\n\n  .m4pro-quality-slide.active {\n    opacity: 1;\n    visibility: visible;\n    position: relative;\n  }\n\n  .video-container-quality {\n    width: 100%;\n    border-radius: 24px;\n    overflow: hidden;\n    background: #000;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    line-height: 0; \/* Elimina espacio inferior fantasma *\/\n  }\n\n  .video-container-quality video {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .m4pro-quality-text {\n    margin-top: 25px;\n    max-width: 850px;\n    margin-left: auto;\n    margin-right: auto;\n    font-size: 1.15rem;\n    color: #374151;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 768px) {\n    .nav-btn-quality { width: 100%; margin-bottom: 5px; }\n    .m4pro-slider-title { font-size: 1.7rem; }\n    .m4pro-quality-wrapper { min-height: 400px; }\n  }\n\u003c\/style\u003e\n\u003csection class=\"m4pro-landing\"\u003e\u003cscript\u003e\n  let currentM4ProSlide = 0;\n  const m4proSlides = document.querySelectorAll('.m4pro-quality-slide');\n  const m4proBtns = document.querySelectorAll('.nav-btn-quality');\n  const totalM4ProSlides = m4proSlides.length;\n\n  function showM4ProSlide(index) {\n    \/\/ 1. Detener videos activos para ahorrar recursos\n    m4proSlides.forEach(slide =\u003e {\n      const v = slide.querySelector('video');\n      v.pause();\n    });\n\n    \/\/ 2. Actualizar clases visuales\n    m4proSlides[currentM4ProSlide].classList.remove('active');\n    m4proBtns[currentM4ProSlide].classList.remove('active');\n    \n    currentM4ProSlide = index;\n    \n    m4proSlides[currentM4ProSlide].classList.add('active');\n    m4proBtns[currentM4ProSlide].classList.add('active');\n    \n    \/\/ 3. Reproducir el nuevo video desde el principio\n    const activeVideo = m4proSlides[currentM4ProSlide].querySelector('video');\n    activeVideo.currentTime = 0;\n    activeVideo.play();\n\n    \/\/ 4. Configurar el evento para cuando termine el video (Loop: 1-\u003e2-\u003e3-\u003e1)\n    activeVideo.onended = function() {\n      let nextIndex = (currentM4ProSlide + 1) % totalM4ProSlides;\n      showM4ProSlide(nextIndex);\n    };\n  }\n\n  \/\/ Inicialización automática\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    \/\/ Pequeño timeout para asegurar que el DOM esté listo en Shopify\n    setTimeout(() =\u003e {\n        showM4ProSlide(0);\n    }, 100);\n  });\n\u003c\/script\u003e\n\u003csection class=\"m4pro-section m4pro-tech\"\u003e\n\u003cdiv class=\"m4pro-text-center\"\u003e\n\u003ch2\u003eInfinity Gimbal: El mundo en movimiento\u003c\/h2\u003e\n\u003cp class=\"m4pro-description\"\u003eRompe las barreras de la creatividad con el revolucionario Infinity Gimbal. La innovadora estructura del estabilizador permite hacer una rotación completa de 360° para obtener ángulos incomparables. Captura ángulos holandeses dramáticos directamente desde la cámara o reimagina la narración aérea con movimientos fluidos que desafían la gravedad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-video-container\"\u003e\u003cvideo src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/b2ee8be8-2f36-4068-a00c-da5c9d890a78.mp4?w=2400\u0026amp;h=1200\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" playsinline=\"\" title=\"Sistema de cámaras DJI Mavic 4 Pro\" class=\"m4pro-rounded-video\"\u003e\n      \u003c\/video\u003e\u003c\/div\u003e\n\u003csection class=\"m4pro-safety-slider\"\u003e\n\u003ch2 class=\"m4pro-slider-title\"\u003eSeguridad de otro nivel\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-custom-slider\"\u003e\n\u003cdiv class=\"m4pro-slider-nav\"\u003e\n\u003cbutton class=\"nav-btn-safety active\"\u003eDetección de obstáculos omnidireccional\u003c\/button\u003e \u003cbutton class=\"nav-btn-safety\"\u003eRPO nocturno\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-wrapper\"\u003e\n\u003cdiv class=\"m4pro-safety-slide active\"\u003e\n\u003cdiv class=\"video-container-safety\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/52880177-1c60-4a24-9621-a51f2c46b9a0.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-text\"\u003e\n\u003cp\u003eProporciona una sólida seguridad para la fotografía nocturna, para que puedas crear con confianza y eficiencia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-slide\"\u003e\n\u003cdiv class=\"video-container-safety\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/df6bbfe1-3174-44f0-8a8c-610385eabcbd.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-text\"\u003e\n\u003cp\u003eCon el LiDAR orientado hacia delante, Mavic 4 Pro detecta obstáculos como edificios altos incluso en condiciones de poca luz y realiza maniobras inteligentes en vertical, asegurando retornos más seguros durante vuelos nocturnos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* Estilos para el Slider de Seguridad M4 Pro *\/\n  .m4pro-safety-slider {\n    padding: 60px 20px;\n    max-width: 1200px;\n    margin: 0 auto;\n    background-color: #f8fafc; \/* Fondo ligeramente diferente para separar secciones *\/\n    border-radius: 30px;\n    margin-top: 40px;\n  }\n\n  .m4pro-slider-title {\n    text-align: center;\n    font-size: 2.2rem;\n    margin-bottom: 40px;\n    font-weight: 700;\n    color: #111;\n  }\n\n  .m4pro-custom-slider {\n    position: relative;\n    width: 100%;\n  }\n\n  .m4pro-slider-nav {\n    display: flex;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n  }\n\n  .nav-btn-safety {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    padding: 14px 28px;\n    border-radius: 50px;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 0.95rem;\n    transition: all 0.4s ease;\n    color: #4b5563;\n  }\n\n  .nav-btn-safety.active {\n    background: #000;\n    color: #fff;\n    border-color: #0ea5e9;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n  }\n\n  .m4pro-safety-wrapper {\n    position: relative;\n    min-height: 500px;\n  }\n\n  .m4pro-safety-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease-in-out, visibility 0.8s;\n    text-align: center;\n  }\n\n  .m4pro-safety-slide.active {\n    opacity: 1;\n    visibility: visible;\n    position: relative;\n  }\n\n  .video-container-safety {\n    width: 100%;\n    border-radius: 24px;\n    overflow: hidden;\n    background: #000;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    line-height: 0;\n  }\n\n  .video-container-safety video {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .m4pro-safety-text {\n    margin-top: 25px;\n    max-width: 850px;\n    margin-left: auto;\n    margin-right: auto;\n    font-size: 1.15rem;\n    color: #374151;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 768px) {\n    .nav-btn-safety { width: 100%; margin-bottom: 5px; }\n    .m4pro-slider-title { font-size: 1.7rem; }\n    .m4pro-safety-wrapper { min-height: 400px; }\n  }\n\u003c\/style\u003e\n\u003csection class=\"m4pro-landing\"\u003e\n\u003csection class=\"m4pro-section m4pro-tech\"\u003e\u003cscript\u003e\n  let currentSafetySlide = 0;\n  const safetySlides = document.querySelectorAll('.m4pro-safety-slide');\n  const safetyBtns = document.querySelectorAll('.nav-btn-safety');\n  const totalSafetySlides = safetySlides.length;\n\n  function showM4ProSafetySlide(index) {\n    \/\/ 1. Pausar videos activos\n    safetySlides.forEach(slide =\u003e {\n      const v = slide.querySelector('video');\n      v.pause();\n    });\n\n    \/\/ 2. Actualizar interfaz\n    safetySlides[currentSafetySlide].classList.remove('active');\n    safetyBtns[currentSafetySlide].classList.remove('active');\n    \n    currentSafetySlide = index;\n    \n    safetySlides[currentSafetySlide].classList.add('active');\n    safetyBtns[currentSafetySlide].classList.add('active');\n    \n    \/\/ 3. Reproducir video\n    const activeVideo = safetySlides[currentSafetySlide].querySelector('video');\n    activeVideo.currentTime = 0;\n    activeVideo.play();\n\n    \/\/ 4. Loop automático (1-\u003e2-\u003e1)\n    activeVideo.onended = function() {\n      let nextIndex = (currentSafetySlide + 1) % totalSafetySlides;\n      showM4ProSafetySlide(nextIndex);\n    };\n  }\n\n  \/\/ Inicialización\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    \/\/ Timeout de seguridad para carga en Shopify\n    setTimeout(() =\u003e {\n        showM4ProSafetySlide(0);\n    }, 200);\n  });\n\u003c\/script\u003e\u003c\/section\u003e\n\u003csection class=\"m4pro-section-alt\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003eEspecificaciones Técnicas: DJI Mavic 4 Pro\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-compare-wrapper\"\u003e\n\u003ctable class=\"m4pro-compare-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCaracterística\u003c\/th\u003e\n\u003cth\u003eDetalle Técnico\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eCámara Principal\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eHasselblad CMOS 4\/3 (20 MP) · f\/2.8-f\/11\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTelecámaras\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eMedia 1\/1.3\" (70mm) + Tele 1\/2\" (166mm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eResolución Video\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e5.1K\/50fps · 4K\/120fps · D-Log M 10 bits\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eDetección Obstáculos\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eOmnidireccional APAS 5.0 (360 grados)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTransmisión\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDJI O4 (Hasta 20 km y 1080p\/60fps)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eAlmacenamiento\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e64GB Internos (512 en versión Creator)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection id=\"comprar\" class=\"m4pro-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-top: 60px; margin-bottom: 30px;\"\u003eElige tu configuración DJI Mavic 4 Pro\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-combos-grid\"\u003e\n\u003carticle class=\"m4pro-combo-card\"\u003e\n\u003ch3\u003eDron DJI Mavic 4 Pro\u003c\/h3\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro_Estandar.jpg?v=1769701724\" alt=\"\"\u003e\n\u003cp class=\"m4pro-combo-tag\"\u003eDron + Control RC2\u003c\/p\u003e\n\u003cp class=\"m4pro-price\"\u003ePrecio: \u003cspan\u003e$11.999.900\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan style=\"color: #fff;\"\u003e\u003ca title=\"Dji Mavic 4 Pro\" href=\"https:\/\/skymotion.com.co\/products\/dji-mavic-4-pro\" class=\"btn-primary\" style=\"color: #fff;\"\u003eVer\u003c\/a\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"m4pro-combo-card\"\u003e\n\u003ch3\u003eDron DJI Mavic 4 Pro Fly More Combo (RC2)\u003c\/h3\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro_Fly-More-Combo-RC2.jpg?v=1769701725\" alt=\"\"\u003e\n\u003cp class=\"m4pro-combo-tag\"\u003eKit de Vuelo Extendido\u003c\/p\u003e\n\u003cp class=\"m4pro-price\"\u003ePrecio: \u003cspan\u003e$15.699.900\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan style=\"color: #fff;\"\u003e\u003ca title=\"DJI Mavic 4 Pro Fly More Combo (RC2)\" href=\"https:\/\/skymotion.com.co\/products\/dji-mavic-4-pro-fly-more-combo\" class=\"btn-primary\" style=\"color: #fff;\"\u003eVer\u003c\/a\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"m4pro-combo-card\"\u003e\n\u003ch3\u003eDron DJI Mavic 4 Pro Rc Pro 2 512 GB\u003c\/h3\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro_Fly-More-Combo-RCPro2.jpg?v=1769701725\" alt=\"\"\u003e\n\u003cp class=\"m4pro-combo-tag\"\u003eCine Profesional\u003c\/p\u003e\n\u003cul class=\"m4pro-list\"\u003e\u003c\/ul\u003e\n\u003cp class=\"m4pro-price\"\u003ePrecio: \u003cspan\u003e$20.799.900\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan style=\"color: #fff;\"\u003e\u003ca title=\"DJI Mavic 4 Pro 512GB Creator Combo (RC Pro 2)\" href=\"https:\/\/skymotion.com.co\/products\/dji-mavic-4-pro-512gb-creator-combodji-rc-pro-2\" class=\"btn-primary\" style=\"color: #fff;\"\u003eVer\u003c\/a\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* ESTILOS GENERALES (Prefijo m4pro-) *\/\n  .m4pro-landing { max-width: 1200px; margin: 0 auto; padding: 20px; font-family: 'Inter', sans-serif; color: #1f2937; }\n  \n  \/* Video Hero Ajustado al Ancho Interno *\/\n  .m4pro-video-hero { \n    position: relative; \n    width: 100%; \n    padding-bottom: 56.25%; \/* Relación de aspecto 16:9 *\/\n    height: 0; \n    overflow: hidden; \n    border-radius: 20px; \n    margin-bottom: 50px; \n    box-shadow: 0 20px 50px rgba(0,0,0,0.15); \n  }\n  .m4pro-video-hero iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }\n\n  \/* Hero Section *\/\n  .m4pro-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; padding: 40px 0; }\n  .m4pro-tag { color: #0ea5e9; font-weight: 800; text-transform: uppercase; font-size: 13px; letter-spacing: 1.5px; margin-bottom: 10px; }\n  .m4pro-hero h1 { font-size: 48px; margin: 5px 0; color: #111; letter-spacing: -1px; }\n  .m4pro-hero h2 { font-size: 22px; color: #4b5563; margin-bottom: 25px; font-weight: 500; }\n  .m4pro-hero-desc { font-size: 1.1rem; line-height: 1.6; color: #374151; margin-bottom: 30px; }\n  \n  .m4pro-hero-badges span { background: #f0f9ff; color: #0284c7; padding: 8px 16px; border-radius: 30px; font-size: 12px; margin-right: 8px; display: inline-block; margin-top: 10px; border: 1px solid #bae6fd; font-weight: 600; }\n  .m4pro-hero-note { font-size: 0.9rem; color: #6b7280; margin-top: 20px; font-style: italic; }\n\n  \/* Sección Tech *\/\n  .m4pro-text-center { text-align: center; margin-bottom: 40px; max-width: 900px; margin-left: auto; margin-right: auto; }\n  .m4pro-text-center h2 { font-size: 2.5rem; margin-bottom: 20px; }\n  .m4pro-description { font-size: 1.15rem; color: #4b5563; line-height: 1.7; }\n  .m4pro-rounded-video { width: 100%; border-radius: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }\n\n  \/* Tabla Técnica *\/\n  .m4pro-compare-wrapper { overflow-x: auto; margin-top: 40px; border-radius: 20px; border: 1px solid #e5e7eb; }\n  .m4pro-compare-table { width: 100%; border-collapse: collapse; background: #fff; }\n  .m4pro-compare-table td, .m4pro-compare-table th { padding: 18px 25px; border-bottom: 1px solid #f3f4f6; text-align: left; }\n  .m4pro-compare-table th { background: #f9fafb; color: #374151; font-weight: 700; width: 35%; }\n\n  \/* Grid de Combos (3 Columnas Alineadas) *\/\n  .m4pro-combos-grid {\n    display: grid;\n    grid-template-columns: 1fr; \/* Móvil *\/\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  \/* Versión Escritorio *\/\n  @media (min-width: 1024px) {\n    .m4pro-combos-grid {\n      grid-template-columns: repeat(3, 1fr); \/* 3 columnas exactas *\/\n    }\n  }\n\n  .m4pro-combo-card { \n    background: #fff; border: 1px solid #e5e7eb; padding: 30px; border-radius: 24px; text-align: center; \n    transition: transform 0.3s ease, box-shadow 0.3s ease; \n    display: flex; flex-direction: column; justify-content: space-between; height: 100%;\n  }\n  .m4pro-combo-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.08); border-color: #0ea5e9; }\n  \n  .m4pro-combo-card img { width: 100%; height: auto; margin-bottom: 20px; border-radius: 12px; }\n  .m4pro-combo-tag { font-size: 0.9rem; color: #6b7280; margin-bottom: 15px; font-weight: 500; }\n  .m4pro-price { font-size: 1.5rem; font-weight: 800; margin: 20px 0; color: #111; }\n  .m4pro-price span { color: #0ea5e9; }\n  \n  .m4pro-list { list-style: none; padding: 0; margin-bottom: 25px; text-align: left; font-size: 0.9rem; flex-grow: 1; }\n  .m4pro-list li { margin-bottom: 8px; display: flex; align-items: start; }\n  .m4pro-list li:before { content: \"✓\"; color: #0ea5e9; margin-right: 8px; font-weight: bold; flex-shrink: 0; }\n\n  .btn-primary { background: #111; color: #fff; padding: 15px 25px; border-radius: 50px; text-decoration: none; font-weight: 700; display: inline-block; width: 100%; box-sizing: border-box; transition: background 0.3s; }\n  .btn-primary:hover { background: #0ea5e9; }\n\n  \/* Responsive *\/\n  @media (max-width: 900px) {\n    .m4pro-hero { grid-template-columns: 1fr; text-align: center; }\n    .m4pro-hero h1 { font-size: 36px; }\n  }\n\u003c\/style\u003e","brand":"Skymotion Colombia","offers":[{"title":"Default Title","offer_id":50630829572413,"sku":"2115","price":14999900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/DJI_MAVIC_4_PRO_20.jpg?v=1755435761"},{"product_id":"dji-mavic-4-pro-512gb-creator-combodji-rc-pro-2","title":"DJI Mavic 4 Pro 512GB Creator Combo (RC Pro 2)","description":"\u003csection class=\"m4pro-landing\"\u003e\n\u003cdiv class=\"m4pro-video-hero\"\u003e\n\u003cdiv class=\"m4pro-video-hero-inner\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/BNEmDcQr6hk?autoplay=1\u0026amp;mute=1\u0026amp;loop=1\u0026amp;playlist=BNEmDcQr6hk\u0026amp;controls=0\u0026amp;modestbranding=1\u0026amp;rel=0\u0026amp;playsinline=1\" title=\"DJI Mavic 4 Pro - Inspiration in Focus\"\u003e\n      \u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-hero\"\u003e\n\u003cdiv class=\"m4pro-hero-text\"\u003e\n\u003cp class=\"m4pro-tag\"\u003eTriple Cámara Hasselblad · 8K · Omnidireccional\u003c\/p\u003e\n\u003ch1\u003eDJI Mavic 4 Pro\u003c\/h1\u003e\n\u003ch2\u003eLa inspiración en su máxima expresión\u003c\/h2\u003e\n\u003cp class=\"m4pro-hero-desc\"\u003eEl DJI Mavic 4 Pro define una nueva era en la fotografía aérea. Equipado con el legendario sistema de triple cámara Hasselblad, ofrece una distancia focal múltiple que va desde el gran angular hasta el súper teleobjetivo. Con detección de obstáculos omnidireccional mejorada y transmisión de video O4, es la herramienta definitiva para los creadores más exigentes.\u003c\/p\u003e\n\u003cdiv class=\"m4pro-hero-badges\"\u003e\n\u003cspan\u003eCMOS 4\/3 Hasselblad\u003c\/span\u003e \u003cspan\u003eTriple Cámara\u003c\/span\u003e \u003cspan\u003eVideo 8K\u003c\/span\u003e \u003cspan\u003e48 Min de Vuelo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003cp class=\"m4pro-hero-note\"\u003eDistribuidor Oficial DJI · Garantía Premium · Envío Asegurado\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-hero-media\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro.jpg?v=1769701415\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"m4pro-video-quality-slider\"\u003e\n\u003ch2 class=\"m4pro-slider-title\"\u003eVídeo de Calidad Profesional\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-custom-slider\"\u003e\n\u003cdiv class=\"m4pro-slider-nav\"\u003e\n\u003cbutton class=\"nav-btn-quality active\"\u003eVídeos HDR en 6K\/60 fps\u003c\/button\u003e \u003cbutton class=\"nav-btn-quality\"\u003eCámara lenta en 4K\/120 fps\u003c\/button\u003e \u003cbutton class=\"nav-btn-quality\"\u003eCodificación D-Log \u0026amp; All-I 10 bits\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-wrapper\"\u003e\n\u003cdiv class=\"m4pro-quality-slide active\"\u003e\n\u003cdiv class=\"video-container-quality\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/29c62faf-29b3-4693-acfa-c3eaa601baaa.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-text\"\u003e\n\u003cp\u003eLas tres cámaras admiten grabación de vídeo HDR en 4K\/60 fps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-slide\"\u003e\n\u003cdiv class=\"video-container-quality\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/59b5fbc6-0cb7-4994-80cb-f700597873ef.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-text\"\u003e\n\u003cp\u003eTanto la cámara principal Hasselblad como la telecámara media admiten grabación de vídeo en 4K\/120 fps, mientras que la telecámara graba en 4K\/100 fps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-slide\"\u003e\n\u003cdiv class=\"video-container-quality\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/dbdb055f-6701-4fe0-8a45-0a8d7c4e9d12.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-quality-text\"\u003e\n\u003cp\u003eLas tres cámaras cuentan con perfiles de color D-Log, D-Log M y HLG de 10 bits para garantizar una reproducción de color uniforme en tu metraje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* Estilos específicos para el Slider M4 Pro *\/\n  .m4pro-video-quality-slider {\n    padding: 60px 20px;\n    max-width: 1200px;\n    margin: 0 auto;\n    background-color: #ffffff;\n  }\n\n  .m4pro-slider-title {\n    text-align: center;\n    font-size: 2.2rem;\n    margin-bottom: 40px;\n    font-weight: 700;\n    color: #111;\n  }\n\n  .m4pro-custom-slider {\n    position: relative;\n    width: 100%;\n  }\n\n  .m4pro-slider-nav {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n  }\n\n  .nav-btn-quality {\n    background: #f3f4f6;\n    border: 2px solid transparent;\n    padding: 14px 24px;\n    border-radius: 50px;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 0.95rem;\n    transition: all 0.4s ease;\n    color: #4b5563;\n  }\n\n  .nav-btn-quality.active {\n    background: #000;\n    color: #fff;\n    border-color: #0ea5e9;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n  }\n\n  .m4pro-quality-wrapper {\n    position: relative;\n    min-height: 500px;\n  }\n\n  .m4pro-quality-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease-in-out, visibility 0.8s;\n    text-align: center;\n  }\n\n  .m4pro-quality-slide.active {\n    opacity: 1;\n    visibility: visible;\n    position: relative;\n  }\n\n  .video-container-quality {\n    width: 100%;\n    border-radius: 24px;\n    overflow: hidden;\n    background: #000;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    line-height: 0; \/* Elimina espacio inferior fantasma *\/\n  }\n\n  .video-container-quality video {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .m4pro-quality-text {\n    margin-top: 25px;\n    max-width: 850px;\n    margin-left: auto;\n    margin-right: auto;\n    font-size: 1.15rem;\n    color: #374151;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 768px) {\n    .nav-btn-quality { width: 100%; margin-bottom: 5px; }\n    .m4pro-slider-title { font-size: 1.7rem; }\n    .m4pro-quality-wrapper { min-height: 400px; }\n  }\n\u003c\/style\u003e\n\u003csection class=\"m4pro-landing\"\u003e\u003cscript\u003e\n  let currentM4ProSlide = 0;\n  const m4proSlides = document.querySelectorAll('.m4pro-quality-slide');\n  const m4proBtns = document.querySelectorAll('.nav-btn-quality');\n  const totalM4ProSlides = m4proSlides.length;\n\n  function showM4ProSlide(index) {\n    \/\/ 1. Detener videos activos para ahorrar recursos\n    m4proSlides.forEach(slide =\u003e {\n      const v = slide.querySelector('video');\n      v.pause();\n    });\n\n    \/\/ 2. Actualizar clases visuales\n    m4proSlides[currentM4ProSlide].classList.remove('active');\n    m4proBtns[currentM4ProSlide].classList.remove('active');\n    \n    currentM4ProSlide = index;\n    \n    m4proSlides[currentM4ProSlide].classList.add('active');\n    m4proBtns[currentM4ProSlide].classList.add('active');\n    \n    \/\/ 3. Reproducir el nuevo video desde el principio\n    const activeVideo = m4proSlides[currentM4ProSlide].querySelector('video');\n    activeVideo.currentTime = 0;\n    activeVideo.play();\n\n    \/\/ 4. Configurar el evento para cuando termine el video (Loop: 1-\u003e2-\u003e3-\u003e1)\n    activeVideo.onended = function() {\n      let nextIndex = (currentM4ProSlide + 1) % totalM4ProSlides;\n      showM4ProSlide(nextIndex);\n    };\n  }\n\n  \/\/ Inicialización automática\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    \/\/ Pequeño timeout para asegurar que el DOM esté listo en Shopify\n    setTimeout(() =\u003e {\n        showM4ProSlide(0);\n    }, 100);\n  });\n\u003c\/script\u003e\n\u003csection class=\"m4pro-section m4pro-tech\"\u003e\n\u003cdiv class=\"m4pro-text-center\"\u003e\n\u003ch2\u003eInfinity Gimbal: El mundo en movimiento\u003c\/h2\u003e\n\u003cp class=\"m4pro-description\"\u003eRompe las barreras de la creatividad con el revolucionario Infinity Gimbal. La innovadora estructura del estabilizador permite hacer una rotación completa de 360° para obtener ángulos incomparables. Captura ángulos holandeses dramáticos directamente desde la cámara o reimagina la narración aérea con movimientos fluidos que desafían la gravedad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-video-container\"\u003e\u003cvideo src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/b2ee8be8-2f36-4068-a00c-da5c9d890a78.mp4?w=2400\u0026amp;h=1200\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" playsinline=\"\" title=\"Sistema de cámaras DJI Mavic 4 Pro\" class=\"m4pro-rounded-video\"\u003e\n      \u003c\/video\u003e\u003c\/div\u003e\n\u003csection class=\"m4pro-safety-slider\"\u003e\n\u003ch2 class=\"m4pro-slider-title\"\u003eSeguridad de otro nivel\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-custom-slider\"\u003e\n\u003cdiv class=\"m4pro-slider-nav\"\u003e\n\u003cbutton class=\"nav-btn-safety active\"\u003eDetección de obstáculos omnidireccional\u003c\/button\u003e \u003cbutton class=\"nav-btn-safety\"\u003eRPO nocturno\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-wrapper\"\u003e\n\u003cdiv class=\"m4pro-safety-slide active\"\u003e\n\u003cdiv class=\"video-container-safety\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/52880177-1c60-4a24-9621-a51f2c46b9a0.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-text\"\u003e\n\u003cp\u003eProporciona una sólida seguridad para la fotografía nocturna, para que puedas crear con confianza y eficiencia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-slide\"\u003e\n\u003cdiv class=\"video-container-safety\"\u003e\u003cvideo playsinline=\"\" muted=\"\" src=\"https:\/\/www-cdn.djiits.com\/reactor\/assets\/_next\/static\/videos\/df6bbfe1-3174-44f0-8a8c-610385eabcbd.mp4?w=2400\u0026amp;h=1200\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"m4pro-safety-text\"\u003e\n\u003cp\u003eCon el LiDAR orientado hacia delante, Mavic 4 Pro detecta obstáculos como edificios altos incluso en condiciones de poca luz y realiza maniobras inteligentes en vertical, asegurando retornos más seguros durante vuelos nocturnos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* Estilos para el Slider de Seguridad M4 Pro *\/\n  .m4pro-safety-slider {\n    padding: 60px 20px;\n    max-width: 1200px;\n    margin: 0 auto;\n    background-color: #f8fafc; \/* Fondo ligeramente diferente para separar secciones *\/\n    border-radius: 30px;\n    margin-top: 40px;\n  }\n\n  .m4pro-slider-title {\n    text-align: center;\n    font-size: 2.2rem;\n    margin-bottom: 40px;\n    font-weight: 700;\n    color: #111;\n  }\n\n  .m4pro-custom-slider {\n    position: relative;\n    width: 100%;\n  }\n\n  .m4pro-slider-nav {\n    display: flex;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n  }\n\n  .nav-btn-safety {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    padding: 14px 28px;\n    border-radius: 50px;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 0.95rem;\n    transition: all 0.4s ease;\n    color: #4b5563;\n  }\n\n  .nav-btn-safety.active {\n    background: #000;\n    color: #fff;\n    border-color: #0ea5e9;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n  }\n\n  .m4pro-safety-wrapper {\n    position: relative;\n    min-height: 500px;\n  }\n\n  .m4pro-safety-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease-in-out, visibility 0.8s;\n    text-align: center;\n  }\n\n  .m4pro-safety-slide.active {\n    opacity: 1;\n    visibility: visible;\n    position: relative;\n  }\n\n  .video-container-safety {\n    width: 100%;\n    border-radius: 24px;\n    overflow: hidden;\n    background: #000;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    line-height: 0;\n  }\n\n  .video-container-safety video {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .m4pro-safety-text {\n    margin-top: 25px;\n    max-width: 850px;\n    margin-left: auto;\n    margin-right: auto;\n    font-size: 1.15rem;\n    color: #374151;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 768px) {\n    .nav-btn-safety { width: 100%; margin-bottom: 5px; }\n    .m4pro-slider-title { font-size: 1.7rem; }\n    .m4pro-safety-wrapper { min-height: 400px; }\n  }\n\u003c\/style\u003e\n\u003csection class=\"m4pro-landing\"\u003e\n\u003csection class=\"m4pro-section m4pro-tech\"\u003e\u003cscript\u003e\n  let currentSafetySlide = 0;\n  const safetySlides = document.querySelectorAll('.m4pro-safety-slide');\n  const safetyBtns = document.querySelectorAll('.nav-btn-safety');\n  const totalSafetySlides = safetySlides.length;\n\n  function showM4ProSafetySlide(index) {\n    \/\/ 1. Pausar videos activos\n    safetySlides.forEach(slide =\u003e {\n      const v = slide.querySelector('video');\n      v.pause();\n    });\n\n    \/\/ 2. Actualizar interfaz\n    safetySlides[currentSafetySlide].classList.remove('active');\n    safetyBtns[currentSafetySlide].classList.remove('active');\n    \n    currentSafetySlide = index;\n    \n    safetySlides[currentSafetySlide].classList.add('active');\n    safetyBtns[currentSafetySlide].classList.add('active');\n    \n    \/\/ 3. Reproducir video\n    const activeVideo = safetySlides[currentSafetySlide].querySelector('video');\n    activeVideo.currentTime = 0;\n    activeVideo.play();\n\n    \/\/ 4. Loop automático (1-\u003e2-\u003e1)\n    activeVideo.onended = function() {\n      let nextIndex = (currentSafetySlide + 1) % totalSafetySlides;\n      showM4ProSafetySlide(nextIndex);\n    };\n  }\n\n  \/\/ Inicialización\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    \/\/ Timeout de seguridad para carga en Shopify\n    setTimeout(() =\u003e {\n        showM4ProSafetySlide(0);\n    }, 200);\n  });\n\u003c\/script\u003e\u003c\/section\u003e\n\u003csection class=\"m4pro-section-alt\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003eEspecificaciones Técnicas: DJI Mavic 4 Pro\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-compare-wrapper\"\u003e\n\u003ctable class=\"m4pro-compare-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCaracterística\u003c\/th\u003e\n\u003cth\u003eDetalle Técnico\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eCámara Principal\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eHasselblad CMOS 4\/3 (20 MP) · f\/2.8-f\/11\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTelecámaras\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eMedia 1\/1.3\" (70mm) + Tele 1\/2\" (166mm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eResolución Video\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e5.1K\/50fps · 4K\/120fps · D-Log M 10 bits\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eDetección Obstáculos\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eOmnidireccional APAS 5.0 (360 grados)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTransmisión\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDJI O4 (Hasta 20 km y 1080p\/60fps)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eAlmacenamiento\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e64GB Internos (512 en versión Creator)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection id=\"comprar\" class=\"m4pro-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-top: 60px; margin-bottom: 30px;\"\u003eElige tu configuración DJI Mavic 4 Pro\u003c\/h2\u003e\n\u003cdiv class=\"m4pro-combos-grid\"\u003e\n\u003carticle class=\"m4pro-combo-card\"\u003e\n\u003ch3\u003eDron DJI Mavic 4 Pro\u003c\/h3\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro_Estandar.jpg?v=1769701724\" alt=\"\"\u003e\n\u003cp class=\"m4pro-combo-tag\"\u003eDron + Control RC2\u003c\/p\u003e\n\u003cp class=\"m4pro-price\"\u003ePrecio: \u003cspan\u003e$11.999.900\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan style=\"color: #fff;\"\u003e\u003ca title=\"Dji Mavic 4 Pro\" href=\"https:\/\/skymotion.com.co\/products\/dji-mavic-4-pro\" class=\"btn-primary\" style=\"color: #fff;\"\u003eVer\u003c\/a\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"m4pro-combo-card\"\u003e\n\u003ch3\u003eDron DJI Mavic 4 Pro Fly More Combo (RC2)\u003c\/h3\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro_Fly-More-Combo-RC2.jpg?v=1769701725\" alt=\"\"\u003e\n\u003cp class=\"m4pro-combo-tag\"\u003eKit de Vuelo Extendido\u003c\/p\u003e\n\u003cp class=\"m4pro-price\"\u003ePrecio: \u003cspan\u003e$15.699.900\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan style=\"color: #fff;\"\u003e\u003ca title=\"DJI Mavic 4 Pro Fly More Combo (RC2)\" href=\"https:\/\/skymotion.com.co\/products\/dji-mavic-4-pro-fly-more-combo\" class=\"btn-primary\" style=\"color: #fff;\"\u003eVer\u003c\/a\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"m4pro-combo-card\"\u003e\n\u003ch3\u003eDron DJI Mavic 4 Pro Rc Pro 2 512 GB\u003c\/h3\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/Dji-Mavic-4-Pro_Fly-More-Combo-RCPro2.jpg?v=1769701725\" alt=\"\"\u003e\n\u003cp class=\"m4pro-combo-tag\"\u003eCine Profesional\u003c\/p\u003e\n\u003cul class=\"m4pro-list\"\u003e\u003c\/ul\u003e\n\u003cp class=\"m4pro-price\"\u003ePrecio: \u003cspan\u003e$20.799.900\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan style=\"color: #fff;\"\u003e\u003ca title=\"DJI Mavic 4 Pro 512GB Creator Combo (RC Pro 2)\" href=\"https:\/\/skymotion.com.co\/products\/dji-mavic-4-pro-512gb-creator-combodji-rc-pro-2\" class=\"btn-primary\" style=\"color: #fff;\"\u003eVer\u003c\/a\u003e\u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* ESTILOS GENERALES (Prefijo m4pro-) *\/\n  .m4pro-landing { max-width: 1200px; margin: 0 auto; padding: 20px; font-family: 'Inter', sans-serif; color: #1f2937; }\n  \n  \/* Video Hero Ajustado al Ancho Interno *\/\n  .m4pro-video-hero { \n    position: relative; \n    width: 100%; \n    padding-bottom: 56.25%; \/* Relación de aspecto 16:9 *\/\n    height: 0; \n    overflow: hidden; \n    border-radius: 20px; \n    margin-bottom: 50px; \n    box-shadow: 0 20px 50px rgba(0,0,0,0.15); \n  }\n  .m4pro-video-hero iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }\n\n  \/* Hero Section *\/\n  .m4pro-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; padding: 40px 0; }\n  .m4pro-tag { color: #0ea5e9; font-weight: 800; text-transform: uppercase; font-size: 13px; letter-spacing: 1.5px; margin-bottom: 10px; }\n  .m4pro-hero h1 { font-size: 48px; margin: 5px 0; color: #111; letter-spacing: -1px; }\n  .m4pro-hero h2 { font-size: 22px; color: #4b5563; margin-bottom: 25px; font-weight: 500; }\n  .m4pro-hero-desc { font-size: 1.1rem; line-height: 1.6; color: #374151; margin-bottom: 30px; }\n  \n  .m4pro-hero-badges span { background: #f0f9ff; color: #0284c7; padding: 8px 16px; border-radius: 30px; font-size: 12px; margin-right: 8px; display: inline-block; margin-top: 10px; border: 1px solid #bae6fd; font-weight: 600; }\n  .m4pro-hero-note { font-size: 0.9rem; color: #6b7280; margin-top: 20px; font-style: italic; }\n\n  \/* Sección Tech *\/\n  .m4pro-text-center { text-align: center; margin-bottom: 40px; max-width: 900px; margin-left: auto; margin-right: auto; }\n  .m4pro-text-center h2 { font-size: 2.5rem; margin-bottom: 20px; }\n  .m4pro-description { font-size: 1.15rem; color: #4b5563; line-height: 1.7; }\n  .m4pro-rounded-video { width: 100%; border-radius: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }\n\n  \/* Tabla Técnica *\/\n  .m4pro-compare-wrapper { overflow-x: auto; margin-top: 40px; border-radius: 20px; border: 1px solid #e5e7eb; }\n  .m4pro-compare-table { width: 100%; border-collapse: collapse; background: #fff; }\n  .m4pro-compare-table td, .m4pro-compare-table th { padding: 18px 25px; border-bottom: 1px solid #f3f4f6; text-align: left; }\n  .m4pro-compare-table th { background: #f9fafb; color: #374151; font-weight: 700; width: 35%; }\n\n  \/* Grid de Combos (3 Columnas Alineadas) *\/\n  .m4pro-combos-grid {\n    display: grid;\n    grid-template-columns: 1fr; \/* Móvil *\/\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  \/* Versión Escritorio *\/\n  @media (min-width: 1024px) {\n    .m4pro-combos-grid {\n      grid-template-columns: repeat(3, 1fr); \/* 3 columnas exactas *\/\n    }\n  }\n\n  .m4pro-combo-card { \n    background: #fff; border: 1px solid #e5e7eb; padding: 30px; border-radius: 24px; text-align: center; \n    transition: transform 0.3s ease, box-shadow 0.3s ease; \n    display: flex; flex-direction: column; justify-content: space-between; height: 100%;\n  }\n  .m4pro-combo-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.08); border-color: #0ea5e9; }\n  \n  .m4pro-combo-card img { width: 100%; height: auto; margin-bottom: 20px; border-radius: 12px; }\n  .m4pro-combo-tag { font-size: 0.9rem; color: #6b7280; margin-bottom: 15px; font-weight: 500; }\n  .m4pro-price { font-size: 1.5rem; font-weight: 800; margin: 20px 0; color: #111; }\n  .m4pro-price span { color: #0ea5e9; }\n  \n  .m4pro-list { list-style: none; padding: 0; margin-bottom: 25px; text-align: left; font-size: 0.9rem; flex-grow: 1; }\n  .m4pro-list li { margin-bottom: 8px; display: flex; align-items: start; }\n  .m4pro-list li:before { content: \"✓\"; color: #0ea5e9; margin-right: 8px; font-weight: bold; flex-shrink: 0; }\n\n  .btn-primary { background: #111; color: #fff; padding: 15px 25px; border-radius: 50px; text-decoration: none; font-weight: 700; display: inline-block; width: 100%; box-sizing: border-box; transition: background 0.3s; }\n  .btn-primary:hover { background: #0ea5e9; }\n\n  \/* Responsive *\/\n  @media (max-width: 900px) {\n    .m4pro-hero { grid-template-columns: 1fr; text-align: center; }\n    .m4pro-hero h1 { font-size: 36px; }\n  }\n\u003c\/style\u003e","brand":"Skymotion Colombia","offers":[{"title":"Default Title","offer_id":50630836322621,"sku":"2116","price":19689900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/files\/DJI_MAVIC_4_PRO_18.jpg?v=1755436336"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/2212\/5885\/collections\/BANNER_SKY_MOTION.jpg?v=1778860383","url":"https:\/\/skymotion.com.co\/collections\/dji-mavic.oembed","provider":"Skymotion Colombia","version":"1.0","type":"link"}