{"product_id":"protector-de-pantalla-para-x4-air","title":"Protector de pantalla para X4 Air","description":"\u003cstyle\u003e\n  \/* --- ESTILOS HERO (IMAGEN ARRIBA) --- *\/\n  .x4-hero-section {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 20px 20px 60px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    text-align: center;\n    background-color: #fff;\n  }\n\n  \/* 1. IMAGEN SUPERIOR *\/\n  .x4-hero-media {\n    width: 100%;\n    border-radius: 24px; \/* Bordes redondeados iguales a la referencia *\/\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n    margin-bottom: 32px; \/* Espacio entre imagen y textos *\/\n    background-color: #f3f4f6;\n  }\n\n  .x4-hero-media img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n  }\n\n  \/* 2. TEXTOS *\/\n  .x4-eyebrow {\n    color: #CA8A04; \/* Tono dorado oscuro para el texto pequeño *\/\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    font-size: 0.85rem;\n    margin-bottom: 12px;\n    display: block;\n  }\n\n  .x4-hero-title {\n    font-size: 2.2rem;\n    font-weight: 800;\n    color: #000;\n    margin: 0 0 8px 0;\n    line-height: 1.2;\n  }\n\n  .x4-hero-subtitle {\n    font-size: 1.5rem;\n    font-weight: 500;\n    color: #4B5563; \/* Gris medio *\/\n    margin: 0 0 16px 0;\n  }\n\n  .x4-hero-desc {\n    font-size: 1rem;\n    color: #374151; \/* Gris oscuro *\/\n    max-width: 700px;\n    margin: 0 auto 32px auto;\n    line-height: 1.6;\n  }\n\n  \/* 3. BADGES \/ ETIQUETAS *\/\n  .x4-hero-badges {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 32px;\n  }\n\n  .x4-badge-outline {\n    background: #fff;\n    color: #854D0E; \/* Texto marrón\/dorado oscuro *\/\n    border: 1px solid #FACC15; \/* Borde Amarillo Insta360 *\/\n    padding: 8px 20px;\n    border-radius: 100px; \/* Forma de píldora *\/\n    font-size: 0.9rem;\n    font-weight: 600;\n  }\n\n  \/* 4. BOTÓN *\/\n  .x4-btn-hero {\n    background-color: #FACC15; \/* Amarillo Oficial *\/\n    color: #000;\n    padding: 14px 48px;\n    border-radius: 100px;\n    font-weight: 700;\n    font-size: 1.1rem;\n    text-decoration: none;\n    display: inline-block;\n    border: none;\n    cursor: pointer;\n    box-shadow: 0 4px 12px rgba(250, 204, 21, 0.3);\n    transition: transform 0.2s, background-color 0.2s;\n  }\n\n  .x4-btn-hero:hover {\n    transform: translateY(-2px);\n    background-color: #EAB308;\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 768px) {\n    .x4-hero-title { font-size: 1.8rem; }\n    .x4-hero-subtitle { font-size: 1.2rem; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"x4-hero-section\"\u003e\n\u003cdiv class=\"x4-hero-media\"\u003e\u003cimg height=\"500\" width=\"900\" alt=\"Protector de Pantalla Insta360 X4 Air instalado\" src=\"https:\/\/res.insta360.com\/static\/71d92fb1e7d4516af5f5b6d5a5213bfc\/%E5%8D%96%E7%82%B9%E5%9B%BE1.jpg?x-oss-process=image%2Fauto-orient%2C1%2Fformat%2Cwebp\"\u003e\u003c\/div\u003e\n\u003cspan style=\"color: rgb(128, 255, 0);\" class=\"x4-eyebrow\"\u003eACCESORIO DE PROTECCIÓN OFICIAL\u003c\/span\u003e\n\u003ch1 class=\"x4-hero-title\"\u003eProtector de Pantalla X4 Air\u003c\/h1\u003e\n\u003ch2 class=\"x4-hero-subtitle\"\u003eClaridad y resistencia.\u003c\/h2\u003e\n\u003cp class=\"x4-hero-desc\"\u003eCristal templado de alta resistencia con diseño curvo 2.5D. Protege tu pantalla de golpes y arañazos sin perder sensibilidad táctil ni nitidez.\u003c\/p\u003e\n\u003cdiv class=\"x4-hero-badges\"\u003e\n\u003cspan class=\"x4-badge-outline\"\u003eCristal Templado\u003c\/span\u003e \u003cspan class=\"x4-badge-outline\"\u003eBordes Curvos 2.5D\u003c\/span\u003e \u003cspan class=\"x4-badge-outline\"\u003eAlta Transparencia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* --- CONTENEDOR PRINCIPAL --- *\/\n  .x4-screen-landing {\n    max-width: 900px; \/* Ancho ideal para lectura *\/\n    margin: 0 auto;\n    padding: 40px 20px 80px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    color: #111827;\n    text-align: center; \/* Alineación centrada fiel a la referencia *\/\n    background-color: #fff;\n  }\n\n  \/* --- TIPOGRAFÍA --- *\/\n  .x4-screen-landing h1 {\n    font-size: 2.5rem;\n    font-weight: 800;\n    margin: 0 0 10px 0;\n    line-height: 1.1;\n    color: #000;\n  }\n\n  .x4-screen-landing h2 {\n    font-size: 1.2rem;\n    font-weight: 700;\n    margin: 0 0 8px 0;\n    color: #000;\n  }\n\n  .x4-sub-text {\n    font-size: 0.95rem;\n    color: #6B7280; \/* Gris suave *\/\n    margin: 0 0 40px 0;\n    display: block;\n  }\n\n  \/* Títulos de Secciones (Características) *\/\n  .x4-feature-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin: 60px 0 12px 0;\n    color: #000;\n  }\n\n  .x4-feature-desc {\n    font-size: 0.95rem;\n    color: #4B5563;\n    max-width: 700px;\n    margin: 0 auto 32px auto;\n    line-height: 1.5;\n  }\n\n  \/* --- IMÁGENES --- *\/\n  .x4-img-box {\n    width: 100%;\n    border-radius: 24px; \/* Bordes redondeados 24px *\/\n    overflow: hidden;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.06); \/* Sombra sutil *\/\n    margin-bottom: 20px;\n    background-color: #f3f4f6; \/* Fondo de carga *\/\n    position: relative;\n  }\n\n  .x4-img-box img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n  }\n\n  \/* --- BOTÓN DE COMPRA --- *\/\n  .x4-btn-buy {\n    background-color: #FACC15; \/* Amarillo Oficial *\/\n    color: #000;\n    padding: 16px 50px;\n    border-radius: 100px;\n    font-weight: 700;\n    font-size: 1.1rem;\n    text-decoration: none;\n    display: inline-block;\n    margin-top: 50px;\n    transition: transform 0.2s, background 0.2s;\n    border: none;\n    cursor: pointer;\n    box-shadow: 0 4px 15px rgba(250, 204, 21, 0.3);\n  }\n\n  .x4-btn-buy:hover {\n    background-color: #EAB308;\n    transform: translateY(-2px);\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 768px) {\n    .x4-screen-landing h1 { font-size: 2rem; }\n    .x4-feature-title { font-size: 1.3rem; margin-top: 40px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"x4-hero-section\"\u003e\n\u003cdiv class=\"x4-screen-landing\"\u003e\n\u003cheader\u003e\n\u003ch1\u003eInsta360 X4 Air\u003c\/h1\u003e\n\u003ch2\u003eProtector de pantalla\u003c\/h2\u003e\n\u003cspan class=\"x4-sub-text\"\u003eProtección superior para un uso sin preocupaciones.\u003c\/span\u003e\n\u003cdiv class=\"x4-img-box\"\u003e\u003cimg height=\"500\" width=\"900\" alt=\"Protector de pantalla para Insta360 X4 Air\" src=\"https:\/\/res.insta360.com\/static\/536a4faf2c8fd5bf7645facd923b4e31\/%E5%8D%96%E7%82%B9%E5%9B%BE2.jpg?x-oss-process=image%2Fauto-orient%2C1%2Fformat%2Cwebp\"\u003e\u003c\/div\u003e\n\u003c\/header\u003e\n\u003csection\u003e\n\u003ch3 class=\"x4-feature-title\"\u003eA prueba de arañazos y estrés.\u003c\/h3\u003e\n\u003cp class=\"x4-feature-desc\"\u003eEl cristal templado de alta fuerza protege contra golpes, caídas y arañazos.\u003c\/p\u003e\n\u003cdiv class=\"x4-img-box\"\u003e\u003cimg loading=\"lazy\" alt=\"Cristal templado resistente a golpes y arañazos\" src=\"https:\/\/res.insta360.com\/static\/b2cc76d115620834b761561c35eabdeb\/%E5%8D%96%E7%82%B9%E5%9B%BE3.jpg?x-oss-process=image%2Fauto-orient%2C1%2Fformat%2Cwebp\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection\u003e\n\u003ch3 class=\"x4-feature-title\"\u003eClaro como el día.\u003c\/h3\u003e\n\u003cp class=\"x4-feature-desc\"\u003eMás del 90% de transmisión de luz mantiene tu pantalla brillante y natural.\u003c\/p\u003e\n\u003cdiv class=\"x4-img-box\"\u003e\u003cimg loading=\"lazy\" alt=\"Alta transmisión de luz y claridad de pantalla\" src=\"https:\/\/res.insta360.com\/static\/d1b6bc03617e82c1021a2e59e78c20e6\/%E5%8D%96%E7%82%B9%E5%9B%BE4.jpg?x-oss-process=image%2Fauto-orient%2C1%2Fformat%2Cwebp\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection\u003e\n\u003ch3 class=\"x4-feature-title\"\u003eMovimientos suaves.\u003c\/h3\u003e\n\u003cp class=\"x4-feature-desc\"\u003eLos bordes redondeados 2.5D proporcionan un ajuste perfecto y un tacto sedoso de borde a borde.\u003c\/p\u003e\n\u003c!-- BOTÓN ÚNICO --\u003e\n\u003cdiv style=\"margin-top: 32px; text-align: center;\"\u003e\u003ca href=\"https:\/\/api.whatsapp.com\/send?phone=573107310882\u0026amp;text=Hola%2C%20quiero%20cotizar%20Protector%20de%20pantalla%20para%20X4%20Air\" style=\"background: #a2c317; color: #000; padding: 14px 32px; border-radius: 999px; font-weight: 600; text-decoration: none; display: inline-block;\"\u003e Cotizar por WhatsApp \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Onfly","offers":[{"title":"Default Title","offer_id":44611274833965,"sku":"2232","price":89900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0604\/2756\/7149\/files\/Protector-de-pantalla-para-X4-Air_1.jpg?v=1770987309","url":"https:\/\/onfly.com.co\/products\/protector-de-pantalla-para-x4-air","provider":"Onfly","version":"1.0","type":"link"}