{"product_id":"umbrella-luxe-paraguas-de-lujo","title":"Umbrella Luxe - Paraguas de Lujo","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026family=Libre+Bodoni:wght@400;500;700\u0026family=Montserrat:wght@300;400;500\u0026display=swap');\n\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: 'Montserrat', sans-serif;\n    color: #2c2c2c;\n    line-height: 1.8;\n  }\n\n  \/* ESTILOS GENERALES *\/\n  .luxury-divider {\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #5B3F7E, transparent);\n    margin: 3em 0;\n    position: relative;\n  }\n\n  .luxury-divider::before {\n    content: '◆';\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    background: white;\n    color: #5B3F7E;\n    padding: 0 12px;\n    font-size: 16px;\n  }\n\n  \/* HERO SECTION *\/\n  .hero-section {\n    text-align: center;\n    padding: 3em 1em;\n    background: linear-gradient(135deg, rgba(91, 63, 126, 0.03) 0%, rgba(123, 95, 160, 0.03) 100%);\n    border-bottom: 1px solid #f0e6ff;\n  }\n\n  .hero-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 4.5em;\n    font-weight: 400;\n    color: #5B3F7E;\n    letter-spacing: 3px;\n    margin-bottom: 0.3em;\n    line-height: 1.1;\n  }\n\n  .hero-subtitle {\n    font-family: 'Libre Bodoni', serif;\n    font-size: 1.6em;\n    color: #7B5FA0;\n    font-weight: 300;\n    letter-spacing: 1.5px;\n    margin-bottom: 0.5em;\n  }\n\n  .hero-tagline {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 0.95em;\n    color: #999;\n    font-weight: 300;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin-top: 1.5em;\n  }\n\n  \/* CONTENEDOR DE VIDEOS EN LOOP *\/\n  .multi-video-container {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    display: flex;\n    gap: 8px;\n    padding: 2em 1em;\n    box-sizing: border-box;\n    justify-content: center;\n    margin-bottom: 2em;\n    scroll-behavior: smooth;\n  }\n  \n  .video-box {\n    flex: 0 0 auto;\n    scroll-snap-align: center;\n    width: 250px;\n    height: 450px;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 8px 30px rgba(91, 63, 126, 0.2);\n    position: relative;\n    border: 1px solid #f0e6ff;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  .video-box:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 12px 45px rgba(91, 63, 126, 0.3);\n  }\n  \n  .video-box video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  \n  .video-overlay-text {\n    position: absolute;\n    top: 16px;\n    width: auto;\n    left: 50%;\n    transform: translateX(-50%);\n    text-align: center;\n    font-size: 0.9rem;\n    font-weight: 500;\n    color: white;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\n    pointer-events: none;\n    background: rgba(91, 63, 126, 0.6);\n    padding: 8px 16px;\n    border-radius: 25px;\n    font-family: 'Montserrat', sans-serif;\n    letter-spacing: 0.5px;\n    backdrop-filter: blur(4px);\n  }\n\n  \/* SECCIÓN DE VIDEO CLICKEABLE *\/\n  .featured-video-section {\n    margin: 3em 0;\n    padding: 3em 2em;\n    background: linear-gradient(135deg, rgba(91, 63, 126, 0.08) 0%, rgba(123, 95, 160, 0.08) 100%);\n    border-radius: 8px;\n    border: 1px solid #f0e6ff;\n  }\n  \n  .featured-video-title {\n    text-align: center;\n    color: #5B3F7E;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 3em;\n    margin-bottom: 2em;\n    font-weight: 400;\n    letter-spacing: 2px;\n  }\n\n  .featured-video-title::before,\n  .featured-video-title::after {\n    content: '✦';\n    display: block;\n    font-size: 1.2em;\n    margin: 0.5em 0;\n    color: #7B5FA0;\n  }\n  \n  .video-player-container {\n    max-width: 400px;\n    margin: 0 auto;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 40px rgba(91, 63, 126, 0.25);\n    border: 1px solid rgba(123, 95, 160, 0.2);\n  }\n  \n  .video-player-container video {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  \/* DESCRIPCIÓN MEJORADA *\/\n  .product-description {\n    background: white;\n    padding: 3em;\n    border-radius: 8px;\n    margin: 3em 0;\n    border-left: 3px solid #5B3F7E;\n    box-shadow: 0 4px 20px rgba(91, 63, 126, 0.08);\n  }\n  \n  .product-description h3 {\n    color: #5B3F7E;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 2.3em;\n    margin-bottom: 1.5em;\n    font-weight: 400;\n    letter-spacing: 1.5px;\n  }\n  \n  .product-description ul {\n    list-style: none;\n    padding: 0;\n  }\n  \n  .product-description li {\n    padding: 0.9em 0 0.9em 2em;\n    position: relative;\n    color: #2c2c2c;\n    line-height: 1.8;\n    font-size: 1em;\n    border-bottom: 1px solid #f5f5f5;\n  }\n\n  .product-description li:last-child {\n    border-bottom: none;\n  }\n  \n  .product-description li:before {\n    content: \"◆\";\n    position: absolute;\n    left: 0;\n    color: #5B3F7E;\n    font-size: 0.8em;\n    font-weight: bold;\n  }\n\n  .product-description strong {\n    color: #5B3F7E;\n    font-weight: 600;\n  }\n\n  \/* CARACTERÍSTICAS *\/\n  .features-section {\n    margin: 3em 0;\n  }\n  \n  .feature-block {\n    margin: 3em 0;\n    text-align: center;\n  }\n  \n  .feature-block h3 {\n    color: #5B3F7E;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 2.5em;\n    margin-bottom: 1.5em;\n    font-weight: 400;\n    letter-spacing: 1.5px;\n  }\n\n  .feature-block h3::before {\n    content: '';\n    display: block;\n    width: 40px;\n    height: 2px;\n    background: #7B5FA0;\n    margin: 0 auto 1em auto;\n  }\n  \n  .feature-block img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 8px;\n    box-shadow: 0 8px 30px rgba(91, 63, 126, 0.15);\n    transition: transform 0.4s ease;\n  }\n\n  .feature-block img:hover {\n    transform: scale(1.02);\n  }\n\n  \/* COLORES DISPONIBLES *\/\n  .color-section {\n    margin: 3em 0;\n  }\n  \n  .color-section h3 {\n    color: #5B3F7E;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 2.5em;\n    text-align: center;\n    margin-bottom: 2em;\n    font-weight: 400;\n    letter-spacing: 1.5px;\n  }\n\n  .color-section h3::before {\n    content: '';\n    display: block;\n    width: 40px;\n    height: 2px;\n    background: #7B5FA0;\n    margin: 0 auto 1em auto;\n  }\n  \n  .color-images {\n    display: flex;\n    justify-content: center;\n    gap: 2em;\n    flex-wrap: wrap;\n  }\n  \n  .color-images img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 8px;\n    box-shadow: 0 8px 30px rgba(91, 63, 126, 0.15);\n    transition: all 0.4s ease;\n    flex: 0 1 45%;\n  }\n\n  .color-images img:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 40px rgba(91, 63, 126, 0.25);\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2.8em;\n      letter-spacing: 2px;\n    }\n\n    .hero-subtitle {\n      font-size: 1.2em;\n    }\n\n    .featured-video-title {\n      font-size: 2em;\n      letter-spacing: 1px;\n    }\n\n    .feature-block h3,\n    .color-section h3 {\n      font-size: 1.8em;\n      letter-spacing: 1px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003c!-- HERO SECTION CON TÍTULOS ELEGANTES --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n  \u003ch1 class=\"hero-title\"\u003eUmbrella Luxe\u003c\/h1\u003e\n  \u003cp class=\"hero-subtitle\"\u003eProtección Solar UPF 50+\u003c\/p\u003e\n  \u003cp class=\"hero-tagline\"\u003eElegancia, Funcionalidad, Perfección\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"luxury-divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- VIDEOS EN LOOP --\u003e\n\u003cdiv class=\"multi-video-container\"\u003e\n  \u003cdiv class=\"video-box\"\u003e\n    \u003cdiv class=\"video-overlay-text\"\u003eEs muy útil\u003c\/div\u003e\n    \u003cvideo poster=\"\" preload=\"metadata\" playsinline=\"\" loop=\"loop\" muted=\"\" autoplay=\"autoplay\"\u003e\n      \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/04f14534b0f6442d877556986b208658.mp4\"\u003e\n      Tu navegador no soporta la reproducción de video.\n    \u003c\/source\u003e\u003c\/video\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"video-box\"\u003e\n    \u003cdiv class=\"video-overlay-text\"\u003eMe encantó\u003c\/div\u003e\n    \u003cvideo poster=\"\" preload=\"metadata\" playsinline=\"\" loop=\"loop\" muted=\"\" autoplay=\"autoplay\"\u003e\n      \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e9b325d31c8f45abbc2eba018e401e33.mp4\"\u003e\n      Tu navegador no soporta la reproducción de video.\n    \u003c\/source\u003e\u003c\/video\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"luxury-divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- VIDEO CON CONTROLES NATIVOS --\u003e\n\u003cdiv class=\"featured-video-section\"\u003e\n  \u003ch2 class=\"featured-video-title\"\u003eLa Demostración\u003c\/h2\u003e\n  \u003cdiv class=\"video-player-container\"\u003e\n    \u003cvideo controls controlslist=\"nodownload\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0795\/1990\/8131\/files\/Captura_de_pantalla_2026-04-08_231723.png?v=1775708284\" style=\"width: 100%; height: auto;\"\u003e\n      \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/114e0e958ba5448d8fdc6bbbf37eb1d6.mp4\"\u003e\n      Tu navegador no soporta la reproducción de video.\n    \u003c\/source\u003e\u003c\/video\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"luxury-divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- DESCRIPCIÓN DEL PRODUCTO --\u003e\n\u003cdiv class=\"product-description\"\u003e\n  \u003ch3\u003e¿Por qué Umbrella Luxe?\u003c\/h3\u003e\n  \u003cul\u003e\n    \u003cli\u003e\n\u003cstrong\u003eProtección UPF 50+\u003c\/strong\u003e — Bloquea el 99% de los rayos UV nocivos\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eApertura Automática\u003c\/strong\u003e — Un solo toque, protección instantánea\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eCierre Controlado\u003c\/strong\u003e — Suave, seguro, sin riesgo de pinzamientos\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eResistencia Extrema al Viento\u003c\/strong\u003e — Estructura reforzada hasta 60 km\/h\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eBanda Reflectante\u003c\/strong\u003e — Visibilidad aumentada en condiciones bajas\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eDiseño Compacto\u003c\/strong\u003e — Ligereza y portabilidad incomparables\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eColores Elegantes\u003c\/strong\u003e — Negro y Blanco premium para cada estilo\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eDurabilidad Garantizada\u003c\/strong\u003e — Materiales de la más alta calidad\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"luxury-divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- CARACTERÍSTICAS CON IMÁGENES --\u003e\n\u003cdiv class=\"features-section\"\u003e\n  \u003cdiv class=\"feature-block\"\u003e\n    \u003ch3\u003eResistencia al Viento\u003c\/h3\u003e\n    \u003cimg src=\"https:\/\/media1.giphy.com\/media\/v1.Y2lkPTc5MGI3NjExc2Z0dGo3emZ1ajNzdXh5M3lucGUwb2dvaXIxN2EweXpld3ljOW1hdSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw\/y9JwdmjEXnsVEja727\/giphy.gif\" alt=\"Resistencia garantizada al viento\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"feature-block\"\u003e\n    \u003ch3\u003eApertura Automática\u003c\/h3\u003e\n    \u003cimg src=\"https:\/\/media2.giphy.com\/media\/v1.Y2lkPTc5MGI3NjExeXNqaWN0Mzl2bmNpcXJ5OGw2bmRyNDZjYWtxbnpycmhwdGE5dDVkYyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw\/54QKbkNlGqipM5BGHx\/giphy.gif\" alt=\"Apertura automática con un botón\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"feature-block\"\u003e\n    \u003ch3\u003eBanda Reflectante\u003c\/h3\u003e\n    \u003cimg alt=\"Banda reflectante para mayor seguridad\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/4455\/1619\/files\/Generated_Image_September_10_2025_-_11_15PM.jpg?v=1757564187\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"luxury-divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- COLORES DISPONIBLES --\u003e\n\u003cdiv class=\"color-section\"\u003e\n  \u003ch3\u003eColores Disponibles\u003c\/h3\u003e\n  \u003cdiv class=\"color-images\"\u003e\n    \u003cimg alt=\"Umbrella Luxe en Negro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/4455\/1619\/files\/Generated_Image_September_10_2025_-_10_33PM.jpg?v=1757562553\"\u003e\n    \u003cimg alt=\"Umbrella Luxe en Blanco\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/4455\/1619\/files\/Generated_Image_September_11_2025_-_8_51AM_1.jpg?v=1757598751\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"luxury-divider\"\u003e\u003c\/div\u003e","brand":"Ever Home Colombia","offers":[{"title":"Negro","offer_id":48675161112827,"sku":"54034","price":550.0,"currency_code":"MXN","in_stock":true},{"title":"Blanco","offer_id":48675161145595,"sku":"54035","price":550.0,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/6859\/8267\/files\/Generated_Image_September_10_2025_-_10_33PM.jpg?v=1775880059","url":"https:\/\/www.everhomemx.com\/products\/umbrella-luxe-paraguas-de-lujo","provider":"Mi tienda","version":"1.0","type":"link"}