{"product_id":"visionflex","title":"VisionFlex®: Comodidad visual a tu medida","description":"\u003cdiv id=\"visionflex-premium-page\" style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #1D1D1F; line-height: 1.4; max-width: 100%; margin: 0 auto; overflow-x: hidden; background-color: #FFFFFF;\"\u003e\n\n    \u003cstyle\u003e\n        \/* Ajustes base *\/\n        .vf-section { padding: 40px 5%; text-align: center; }\n        .vf-bg-light { background-color: #F5F5F7; }\n        .vf-bg-white { background-color: #FFFFFF; }\n        .vf-container { max-width: 900px; margin: 0 auto; }\n        \n        \/* Flexbox y Columnas *\/\n        .vf-flex { display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: center; text-align: left; }\n        .vf-col { flex: 1; min-width: 100%; } \n        \n        \/* Tipografía Mobile-First *\/\n        .vf-title { font-size: 1.8rem; font-weight: 800; line-height: 1.15; margin-top: 0; margin-bottom: 15px; letter-spacing: -0.5px; }\n        .vf-p { font-size: 1rem; color: #424245; margin-bottom: 20px; line-height: 1.5; }\n        .vf-kicker { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #C5A059; margin-bottom: 10px; display: block; }\n        \n        \/* Botón de Acción *\/\n        .vf-btn { display: inline-block; background-color: #1D1D1F; color: #FFFFFF; text-decoration: none; padding: 18px 20px; border-radius: 30px; font-weight: 700; font-size: 1.05rem; transition: transform 0.2s ease; text-align: center; width: 100%; box-sizing: border-box; border: none; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }\n        .vf-btn:active { transform: scale(0.98); }\n        .vf-btn-gold { background-color: #C5A059; }\n\n        \/* Contenedores Multimedia *\/\n        .vf-media-box { background-color: #EAEAEA; border-radius: 16px; display: flex; align-items: center; justify-content: center; text-align: center; color: #86868B; border: 1px solid #D2D2D7; overflow: hidden; height: 300px; width: 100%; }\n        \n        \/* Tarjetas de Beneficios *\/\n        .vf-grid-3 { display: grid; grid-template-columns: 1fr; gap: 15px; margin-top: 25px; }\n        .vf-card { background: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 16px; padding: 25px; text-align: center; box-sizing: border-box; }\n        \n        \/* Tabla Comparativa *\/\n        .vf-table { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 0.9rem; text-align: left; }\n        .vf-table th, .vf-table td { padding: 12px 8px; border-bottom: 1px solid #EAEAEA; }\n        .vf-table th { font-weight: 700; color: #1D1D1F; }\n        .vf-table td { color: #515154; }\n        .vf-gold-text { color: #C5A059; font-weight: 700; }\n\n        \/* Acordeón FAQ *\/\n        details.vf-faq { background: #FFFFFF; border-radius: 10px; margin-bottom: 10px; border: 1px solid #EAEAEA; text-align: left; }\n        details.vf-faq summary { padding: 15px; font-weight: 700; font-size: 0.95rem; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; outline: none; }\n        details.vf-faq summary::-webkit-details-marker { display: none; }\n        details.vf-faq summary::after { content: '+'; color: #C5A059; font-size: 1.2rem; }\n        details[open].vf-faq summary::after { content: '-'; }\n        details.vf-faq p { padding: 0 15px 15px; color: #6E6E73; margin: 0; font-size: 0.9rem; line-height: 1.5; }\n\n        \/* Formulario *\/\n        .vf-input { width: 100%; padding: 15px; margin-bottom: 12px; border: 1px solid #D2D2D7; border-radius: 8px; font-size: 1rem; font-family: inherit; box-sizing: border-box; background-color: #F5F5F7; -webkit-appearance: none; }\n        .vf-input:focus { outline: none; border-color: #1D1D1F; background-color: #FFFFFF; }\n\n        \/* --- ANIMACIÓN LATERAL LENTA Y ELEGANTE --- *\/\n        .vf-fade-side {\n            opacity: 0;\n            transform: translateX(-40px); \/* Entra desde la izquierda *\/\n            \/* Aumentado a 1.2 segundos para un efecto más lujoso *\/\n            transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1), transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n        .vf-fade-side-right {\n            opacity: 0;\n            transform: translateX(40px); \/* Entra desde la derecha *\/\n            \/* Aumentado a 1.2 segundos *\/\n            transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1), transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n        .vf-visible {\n            opacity: 1 !important;\n            transform: translateX(0) !important;\n        }\n\n        \/* Ajustes para pantallas de escritorio (Desktop) *\/\n        @media (min-width: 768px) {\n            .vf-section { padding: 60px 5%; }\n            .vf-col { min-width: 280px; }\n            .vf-title { font-size: 2.4rem; }\n            .vf-p { font-size: 1.1rem; }\n            .vf-media-box { height: 400px; }\n            .vf-grid-3 { grid-template-columns: repeat(3, 1fr); }\n            .vf-table { font-size: 1rem; }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv style=\"background-color: #1D1D1F; color: #F5F5F7; text-align: center; padding: 10px; font-size: 0.75rem; font-weight: 700; letter-spacing: 1px;\"\u003e\n        🚚 ENVÍO GRATIS A TODO MÉXICO | 💵 PAGAS AL RECIBIR\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vf-section vf-bg-white vf-fade-side\"\u003e\n        \u003cdiv class=\"vf-container vf-flex\"\u003e\n            \u003cdiv class=\"vf-col\"\u003e\n                \u003cdiv class=\"vf-media-box\"\u003e\n                    \u003cp style=\"padding: 20px;\"\u003e[Insertar GIF del engranaje cambiando la oscuridad del lente]\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"vf-col\" style=\"text-align: center;\"\u003e\n                \u003cspan class=\"vf-kicker\"\u003eTecnología de Precisión\u003c\/span\u003e\n                \u003ch1 class=\"vf-title\" style=\"text-align: left;\"\u003eVisionFlex: El regulador de luz manual para tu vista.\u003c\/h1\u003e\n                \u003cp class=\"vf-p\" style=\"text-align: left;\"\u003eGira la perilla mecánica y ajusta la opacidad exacta que requieres de forma instantánea. No más esperas con las lentas transiciones tradicionales.\u003c\/p\u003e\n                \n                \u003cdiv style=\"border: 1px solid #C5A059; background-color: #FAFAFA; border-radius: 12px; padding: 15px; margin-bottom: 20px; text-align: center;\"\u003e\n                    \u003cdiv style=\"color: #C5A059; font-weight: 700; font-size: 0.95rem;\"\u003e🔥 Promoción: Sistema Dual (2 Pares)\u003c\/div\u003e\n                    \u003cdiv style=\"font-size: 1.8rem; font-weight: 800; color: #1D1D1F; margin: 2px 0;\"\u003e$1,198 MXN\u003c\/div\u003e\n                    \u003cdiv style=\"color: #6E6E73; font-size: 0.8rem;\"\u003eLleva 1 y el segundo te cuesta solo $253 MXN\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003ca href=\"#ordenar\" class=\"vf-btn vf-btn-gold\"\u003e👉 PEDIR Y PAGAR EN CASA\u003c\/a\u003e\n                \u003cdiv style=\"display: flex; justify-content: center; gap: 15px; margin-top: 15px; font-size: 0.75rem; color: #86868B; font-weight: 600;\"\u003e\n                    \u003cspan\u003e💵 Cero Tarjetas\u003c\/span\u003e\n                    \u003cspan\u003e📦 Pago al Repartidor\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vf-section vf-bg-light\"\u003e\n        \u003cdiv class=\"vf-container vf-flex\"\u003e\n            \u003cdiv class=\"vf-col vf-fade-side-right\"\u003e\n                \u003cdiv class=\"vf-media-box\"\u003e\n                    \u003cp\u003e[Fotografía del dolor: Conductor deslumbrado por el sol]\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"vf-col vf-fade-side\"\u003e\n                \u003ch2 class=\"vf-title\"\u003e¿Cansado de quedar a oscuras al manejar o cambiar de gafas sin parar?\u003c\/h2\u003e\n                \u003cp class=\"vf-p\"\u003eLa luz cambia rápido: un túnel de imprevisto, el reflejo del asfalto o el sol directo de la tarde.\u003c\/p\u003e\n                \u003cp class=\"vf-p\"\u003eLos cristales estáticos son un riesgo en la carretera. \u003cstrong\u003eVisionFlex elimina las interrupciones\u003c\/strong\u003e: pasa de iluminación extrema a claridad total con solo mover un dedo.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vf-section vf-bg-white vf-fade-side\"\u003e\n        \u003cdiv class=\"vf-container\"\u003e\n            \u003cspan class=\"vf-kicker\"\u003eSin Baterías\u003c\/span\u003e\n            \u003ch2 class=\"vf-title\"\u003eNueve niveles de control en 0.1 segundos.\u003c\/h2\u003e\n            \u003cp class=\"vf-p\" style=\"max-width: 700px; margin: 0 auto 25px;\"\u003eEl mecanismo superpone filtros ópticos de densidad variable. Al girarlo, bloqueas el exceso de luz exterior relajando tu vista inmediatamente.\u003c\/p\u003e\n            \n            \u003cdiv class=\"vf-media-box\" style=\"height: 200px;\"\u003e\n                \u003cp\u003e[Imagen del diagrama del lente]\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vf-section vf-bg-light\"\u003e\n        \u003cdiv class=\"vf-container\"\u003e\n            \u003ch2 class=\"vf-title\" style=\"margin-bottom: 10px;\"\u003eProtección Visual de Alto Nivel\u003c\/h2\u003e\n            \u003cdiv class=\"vf-grid-3\"\u003e\n                \u003cdiv class=\"vf-card vf-fade-side\"\u003e\n                    \u003cdiv style=\"font-size: 2rem; margin-bottom: 10px;\"\u003e⚙️\u003c\/div\u003e\n                    \u003ch3 style=\"font-size: 1.1rem; margin-bottom: 10px; font-weight: 700;\"\u003eVariación Manual\u003c\/h3\u003e\n                    \u003cp style=\"color: #6E6E73; font-size: 0.9rem; margin: 0;\"\u003eCalibra la entrada de luz y disminuye drásticamente el cansancio en tus ojos.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"vf-card vf-fade-side-right\"\u003e\n                    \u003cdiv style=\"font-size: 2rem; margin-bottom: 10px;\"\u003e🕶️\u003c\/div\u003e\n                    \u003ch3 style=\"font-size: 1.1rem; margin-bottom: 10px; font-weight: 700;\"\u003eEscudo Polarizado\u003c\/h3\u003e\n                    \u003cp style=\"color: #6E6E73; font-size: 0.9rem; margin: 0;\"\u003eElimina los destellos peligrosos del pavimento mojado, espejos y metales.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"vf-card vf-fade-side\"\u003e\n                    \u003cdiv style=\"font-size: 2rem; margin-bottom: 10px;\"\u003e💻\u003c\/div\u003e\n                    \u003ch3 style=\"font-size: 1.1rem; margin-bottom: 10px; font-weight: 700;\"\u003eDefensa Digital\u003c\/h3\u003e\n                    \u003cp style=\"color: #6E6E73; font-size: 0.9rem; margin: 0;\"\u003eReduce la irritación causada por el brillo de los tableros y teléfonos móviles.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vf-section vf-bg-white vf-fade-side-right\"\u003e\n        \u003cdiv class=\"vf-container\" style=\"max-width: 600px;\"\u003e\n            \u003ch2 class=\"vf-title\"\u003ePor qué somos diferentes\u003c\/h2\u003e\n            \u003cdiv style=\"overflow-x: auto;\"\u003e\n                \u003ctable class=\"vf-table\"\u003e\n                    \u003cthead\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003eFunción\u003c\/th\u003e\n                            \u003cth class=\"vf-gold-text\"\u003eVisionFlex\u003c\/th\u003e\n                            \u003cth\u003eOpciones Comunes\u003c\/th\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/thead\u003e\n                    \u003ctbody\u003e\n                        \u003ctr\u003e\n                            \u003ctd style=\"font-weight: 700;\"\u003eAjuste de tono\u003c\/td\u003e\n                            \u003ctd class=\"vf-gold-text\"\u003eManual Continuo\u003c\/td\u003e\n                            \u003ctd\u003eEstático\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd style=\"font-weight: 700;\"\u003eVelocidad\u003c\/td\u003e\n                            \u003ctd class=\"vf-gold-text\"\u003eInmediata\u003c\/td\u003e\n                            \u003ctd\u003eLenta (Minutos)\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd style=\"font-weight: 700;\"\u003eUso interior\u003c\/td\u003e\n                            \u003ctd class=\"vf-gold-text\"\u003eClaridad completa\u003c\/td\u003e\n                            \u003ctd\u003eVisión muy oscura\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd style=\"font-weight: 700;\"\u003eForma de pago\u003c\/td\u003e\n                            \u003ctd class=\"vf-gold-text\"\u003eEfectivo en puerta\u003c\/td\u003e\n                            \u003ctd\u003ePago por adelantado\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vf-section vf-bg-light vf-fade-side\"\u003e\n        \u003cdiv class=\"vf-container\" style=\"max-width: 600px;\"\u003e\n            \u003ch2 class=\"vf-title\" style=\"margin-bottom: 20px;\"\u003eDudas Resueltas\u003c\/h2\u003e\n            \n            \u003cdetails class=\"vf-faq\"\u003e\n                \u003csummary\u003e¿Cómo es el proceso de pago al recibir?\u003c\/summary\u003e\n                \u003cp\u003eEs muy seguro. Solo registras tu dirección en esta página y le entregas el dinero en efectivo al repartidor de la paquetería al momento de recibir tu caja en mano.\u003c\/p\u003e\n            \u003c\/details\u003e\n            \n            \u003cdetails class=\"vf-faq\"\u003e\n                \u003csummary\u003e¿Funcionan bien para ver mi celular?\u003c\/summary\u003e\n                \u003cp\u003eTotalmente. Al tener protección polarizada máxima, si notas la pantalla de tu móvil algo oscura desde un ángulo, solo tienes que rotar la perilla para aclarar el cristal y verás todo a la perfección.\u003c\/p\u003e\n            \u003c\/details\u003e\n\n            \u003cdetails class=\"vf-faq\"\u003e\n                \u003csummary\u003e¿Resultan incómodos o muy pesados?\u003c\/summary\u003e\n                \u003cp\u003ePara nada. El armazón está optimizado con materiales muy ligeros para que puedas llevarlos en viajes largos o en el tráfico diario sin que marquen tu nariz.\u003c\/p\u003e\n            \u003c\/details\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"ordenar\" class=\"vf-section vf-bg-white\" style=\"border-top: 1px solid #EAEAEA;\"\u003e\n        \u003cdiv class=\"vf-container\"\u003e\n            \u003ch2 class=\"vf-title\" style=\"margin-bottom: 30px;\"\u003eSelecciona tu Paquete\u003c\/h2\u003e\n\n            \u003cdiv class=\"vf-grid-3\" style=\"margin-bottom: 40px;\"\u003e\n                \u003cdiv class=\"vf-card vf-fade-side\" style=\"padding: 20px;\"\u003e\n                    \u003ch3 style=\"font-size: 1.1rem; color: #1D1D1F; margin: 0;\"\u003e1 Par Personal\u003c\/h3\u003e\n                    \u003cdiv style=\"font-size: 2rem; font-weight: 800; color: #1D1D1F; margin: 10px 0;\"\u003e$945 \u003cspan style=\"font-size: 0.9rem; color: #86868B;\"\u003eMXN\u003c\/span\u003e\n\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"vf-card vf-fade-side-right\" style=\"padding: 20px; border: 2px solid #C5A059; position: relative; box-shadow: 0 10px 25px rgba(0,0,0,0.08);\"\u003e\n                    \u003cdiv style=\"background-color: #C5A059; color: #FFFFFF; font-size: 0.7rem; font-weight: 700; padding: 4px 12px; border-radius: 20px; text-transform: uppercase; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: max-content;\"\u003eMás Vendido\u003c\/div\u003e\n                    \u003ch3 style=\"font-size: 1.1rem; color: #1D1D1F; margin-top: 5px;\"\u003e2 Pares de Ruta\u003c\/h3\u003e\n                    \u003cdiv style=\"font-size: 2rem; font-weight: 800; color: #C5A059; margin: 10px 0;\"\u003e$1,198 \u003cspan style=\"font-size: 0.9rem; color: #86868B;\"\u003eMXN\u003c\/span\u003e\n\u003c\/div\u003e\n                    \u003cp style=\"color: #1D1D1F; font-size: 0.85rem; font-weight: 600; margin: 0; line-height: 1.3;\"\u003eUn par para tu vehículo y otro para llevar contigo.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"vf-card vf-fade-side\" style=\"padding: 20px;\"\u003e\n                    \u003ch3 style=\"font-size: 1.1rem; color: #1D1D1F; margin: 0;\"\u003e3 Pares Familiar\u003c\/h3\u003e\n                    \u003cdiv style=\"font-size: 2rem; font-weight: 800; color: #1D1D1F; margin: 10px 0;\"\u003e$1,545 \u003cspan style=\"font-size: 0.9rem; color: #86868B;\"\u003eMXN\u003c\/span\u003e\n\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"vf-fade-side-right\" style=\"max-width: 500px; margin: 0 auto; background: #F5F5F7; padding: 25px; border-radius: 16px; border: 1px solid #D2D2D7;\"\u003e\n                \u003cp style=\"text-align: center; color: #C5A059; font-weight: 700; font-size: 0.85rem; margin-top: 0; margin-bottom: 15px;\"\u003e🎁 Estuche rígido y paño premium de regalo incluidos.\u003c\/p\u003e\n                \u003ch3 style=\"text-align: center; font-size: 1.3rem; margin-bottom: 20px; font-weight: 800;\"\u003ePide ahora en 30 segundos\u003c\/h3\u003e\n                \n                \u003cform action=\"#\" method=\"POST\"\u003e\n                    \u003cinput type=\"text\" name=\"nombre\" class=\"vf-input\" placeholder=\"Nombre completo\" required\u003e\n                    \u003cinput type=\"tel\" name=\"telefono\" class=\"vf-input\" placeholder=\"Teléfono celular (Para reparto)\" required\u003e\n                    \u003cinput type=\"text\" name=\"direccion\" class=\"vf-input\" placeholder=\"Dirección (Calle, Núm, Colonia)\" required\u003e\n                    \n                    \u003cdiv style=\"display: flex; gap: 10px;\"\u003e\n                        \u003cinput type=\"text\" name=\"ciudad\" class=\"vf-input\" placeholder=\"Ciudad \/ Estado\" required style=\"flex: 2;\"\u003e\n                        \u003cinput type=\"text\" name=\"cp\" class=\"vf-input\" placeholder=\"Código Postal\" required style=\"flex: 1;\"\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003cbutton type=\"submit\" class=\"vf-btn vf-btn-gold\" style=\"margin-top: 10px;\"\u003eCONFIRMAR MI PEDIDO EN EFECTIVO\u003c\/button\u003e\n                \u003c\/form\u003e\n                \u003cp style=\"text-align: center; font-size: 0.75rem; color: #86868B; margin-top: 15px;\"\u003e🔒 Tu información está encriptada y es confidencial.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const animatedElements = document.querySelectorAll('.vf-fade-side, .vf-fade-side-right');\n            \n            const observerOptions = {\n                root: null,\n                \/\/ Margen negativo: Obliga al usuario a hacer un poco más de scroll hacia abajo antes de que se active.\n                rootMargin: \"0px 0px -10% 0px\", \n                \/\/ Threshold a 0.25: Espera a que el 25% del bloque sea visible en la pantalla (antes estaba en 10%).\n                threshold: 0.25 \n            };\n\n            const observer = new IntersectionObserver((entries, observer) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('vf-visible');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, observerOptions);\n\n            animatedElements.forEach(element =\u003e {\n                observer.observe(element);\n            });\n        });\n    \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Gcommerce MX","offers":[{"title":"Default Title","offer_id":51821108232408,"sku":"LENTES-REDONDOS-POLARIZADOS","price":945.0,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0819\/7442\/7864\/files\/Landing_0.webp?v=1781735791","url":"https:\/\/gcommerce-mexico.myshopify.com\/products\/visionflex","provider":"Gcommerce MX","version":"1.0","type":"link"}