{"product_id":"portacomidas-termico-set-4-en-1-inoxidable","title":"Portacomidas Térmico | Set 4 en 1 Inoxidable","description":"\u003ch2 style=\"text-align: center;\"\u003eLa solución definitiva para disfrutar tus comidas con la temperatura y frescura original, estés donde estés!\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n  \/* Contenedor con scroll suave y centrado *\/\n  .multi-video-container {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    display: flex;\n    gap: 12px; \n    padding: 20px 16px;\n    box-sizing: border-box;\n    scroll-behavior: smooth;\n    scrollbar-width: none; \n  }\n\n  .multi-video-container::-webkit-scrollbar {\n    display: none; \n  }\n\n  \/* Cajas de video con bordes más profesionales *\/\n  .video-box {\n    flex: 0 0 auto;\n    scroll-snap-align: center;\n    width: 280px; \n    height: 480px;\n    border-radius: 12px; \n    overflow: hidden;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15); \n    position: relative;\n    background-color: #f4f4f4;\n  }\n\n  .video-box video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* Texto superior mejorado: más legible y elegante *\/\n  .video-overlay-text {\n    position: absolute;\n    top: 15px;\n    width: 100%;\n    text-align: center;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: 0.95rem;\n    letter-spacing: 1.2px;\n    text-transform: uppercase; \n    font-weight: 700;\n    color: white;\n    text-shadow: 0 2px 8px rgba(0,0,0,0.8);\n    pointer-events: none;\n    z-index: 2;\n  }\n\n  \/* Gradiente superior para asegurar legibilidad del texto *\/\n  .video-box::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 25%;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, transparent 100%);\n    pointer-events: none;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"multi-video-container\"\u003e\n\u003cdiv class=\"video-box\"\u003e\n\u003cdiv class=\"video-overlay-text\"\u003eCalidad Premium\u003c\/div\u003e\n\u003cvideo preload=\"metadata\" playsinline=\"\" loop=\"loop\" muted=\"\" autoplay=\"autoplay\"\u003e\n      \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d110ac3b2ff5488e96a0d9a726212a9d.mp4\"\u003e\n      Tu navegador no soporta video.\n    \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-box\"\u003e\n\u003cdiv class=\"video-overlay-text\"\u003eCierre Hermético\u003c\/div\u003e\n\u003cvideo preload=\"metadata\" playsinline=\"\" loop=\"loop\" muted=\"\" autoplay=\"autoplay\"\u003e\n      \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c2f21b51ef1043b9b430ed2052677d0f.mp4\"\u003e\n      Tu navegador no soporta video.\n    \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-box\"\u003e\n\u003cdiv class=\"video-overlay-text\"\u003eAcero Inoxidable\u003c\/div\u003e\n\u003cvideo preload=\"metadata\" playsinline=\"\" loop=\"loop\" muted=\"\" autoplay=\"autoplay\"\u003e\n      \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/27b5997982b5440ca0f4506d7d9523ee.mp4\"\u003e\n      Tu navegador no soporta video.\n    \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .sutil-features {\n    padding: 25px 15px;\n    background-color: #fafafa; \/* Fondo gris casi blanco, muy sutil *\/\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    max-width: 1000px;\n    margin: 0 auto;\n    border-radius: 15px;\n  }\n\n  .sutil-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n  }\n\n  .sutil-item {\n    text-align: center;\n    padding: 10px;\n  }\n\n  \/* Iconos más pequeños y sutiles *\/\n  .sutil-icon {\n    font-size: 24px;\n    margin-bottom: 8px;\n    display: block;\n    filter: sepia(0.5); \/* Suaviza los colores de los emojis *\/\n  }\n\n  .sutil-item h3 {\n    font-size: 0.85rem;\n    font-weight: 700;\n    margin-bottom: 5px;\n    color: #4a3427;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    line-height: 1.2;\n  }\n\n  .sutil-item p {\n    font-size: 0.75rem;\n    line-height: 1.4;\n    color: #666;\n    margin: 0;\n  }\n\n  \/* Ajuste específico para Celular *\/\n  @media (max-width: 768px) {\n    .sutil-features {\n      padding: 15px 10px;\n    }\n    \n    .sutil-grid {\n      grid-template-columns: 1fr 1fr; \/* Dos columnas arriba *\/\n      gap: 10px;\n    }\n\n    \/* El tercer elemento ocupa todo el ancho abajo para dar simetría *\/\n    .sutil-item:last-child {\n      grid-column: span 2;\n      border-top: 1px inset #eee;\n      padding-top: 15px;\n      margin-top: 5px;\n    }\n\n    .sutil-item h3 {\n      font-size: 0.8rem;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"sutil-features\"\u003e\n\u003cdiv class=\"sutil-grid\"\u003e\n\u003cdiv class=\"sutil-item\"\u003e\n\u003cspan class=\"sutil-icon\"\u003e🌡️\u003c\/span\u003e\n\u003ch3\u003eThermo-Pro\u003c\/h3\u003e\n\u003cp\u003eCalor por 8h.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sutil-item\"\u003e\n\u003cspan class=\"sutil-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3\u003eTAPA Hermética\u003c\/h3\u003e\n\u003cp\u003eCero derrames.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sutil-item\"\u003e\n\u003cspan class=\"sutil-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3\u003eAcero 304\u003c\/h3\u003e\n\u003cp\u003eGrado quirúrgico y libre de BPA.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003ch2 style=\"text-align: center;\"\u003eLa bolsa térmica incluida no solo facilita el transporte, sino que añade una tercera capa de protección térmica para climas extremos.\u003c\/h2\u003e\n\u003c!-- VIDEO con botón grande y visible de \"Activar sonido\" --\u003e\n\u003cstyle\u003e\n  .video-sonido-wrap {\n    position: relative;\n    max-width: 600px;\n    margin: 20px auto;\n    padding: 0 15px;\n    box-sizing: border-box;\n  }\n\n  .btn-activar-sonido {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(74, 52, 39, 0.92); \/* café del producto *\/\n    color: #ffffff;\n    border: 2px solid rgba(255, 255, 255, 0.9);\n    padding: 14px 26px;\n    font-size: 1rem;\n    font-weight: 700;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    border-radius: 50px;\n    cursor: pointer;\n    z-index: 3;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);\n    animation: pulso-sonido 1.8s ease-in-out infinite;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  @keyframes pulso-sonido {\n    0%   { transform: translate(-50%, -50%) scale(1); }\n    50%  { transform: translate(-50%, -50%) scale(1.08); }\n    100% { transform: translate(-50%, -50%) scale(1); }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"video-sonido-wrap\"\u003e\n\u003cvideo id=\"videoBolsa\" controls=\"controls\" muted=\"\" autoplay=\"autoplay\" loop=\"loop\" playsinline=\"\" preload=\"metadata\" style=\"width: 100%; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.15); display: block; background-color: #f4f4f4;\"\u003e\n      \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/56970d87aa7345219bec890e3c290f63.mp4\"\u003e\n      Tu navegador no soporta video.\n    \u003c\/source\u003e\u003c\/video\u003e \u003cbutton type=\"button\" class=\"btn-activar-sonido\"\u003e🔊 Activar sonido\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .unboxing-section {\n    padding: 20px 15px;\n    background-color: #ffffff;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    max-width: 600px; \/* Estrecho para que se vea premium *\/\n    margin: 0 auto;\n  }\n\n  .unboxing-header {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #4a3427;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    text-align: center;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n  }\n\n  .unboxing-header::before, .unboxing-header::after {\n    content: \"\";\n    flex: 1;\n    height: 1px;\n    background: #eee;\n  }\n\n  .unboxing-container {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .unboxing-item {\n    display: flex;\n    align-items: center;\n    background: #fdfdfd;\n    border: 1px solid #f0f0f0;\n    border-radius: 10px;\n    padding: 12px 15px;\n    transition: all 0.3s ease;\n  }\n\n  .unboxing-number {\n    background: #4a3427; \/* El color café de tu producto *\/\n    color: white;\n    font-size: 0.8rem;\n    font-weight: bold;\n    min-width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    margin-right: 15px;\n    box-shadow: 0 2px 5px rgba(74, 52, 39, 0.2);\n  }\n\n  .unboxing-text {\n    font-size: 0.9rem;\n    color: #444;\n    line-height: 1.2;\n    font-weight: 500;\n  }\n\n  .unboxing-text span {\n    display: block;\n    font-size: 0.75rem;\n    color: #888;\n    font-weight: 400;\n    margin-top: 2px;\n  }\n\n  \/* Efecto sutil al pasar el mouse (solo PC) *\/\n  .unboxing-item:hover {\n    border-color: #4a3427;\n    background: #fff;\n    transform: translateX(5px);\n  }\n\u003c\/style\u003e\n\u003csection class=\"unboxing-section\"\u003e\n\u003ch2 class=\"unboxing-header\"\u003eContenido del Set\u003c\/h2\u003e\n\u003cdiv class=\"unboxing-container\"\u003e\n\u003cdiv class=\"unboxing-item\"\u003e\n\u003cdiv class=\"unboxing-number\"\u003e1x\u003c\/div\u003e\n\u003cdiv class=\"unboxing-text\"\u003eBolso Térmico Reforzado \u003cspan\u003eInterior de aluminio aislante y correa de mano.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unboxing-item\"\u003e\n\u003cdiv class=\"unboxing-number\"\u003e4x\u003c\/div\u003e\n\u003cdiv class=\"unboxing-text\"\u003eContenedores Herméticos \u003cspan\u003eAcero inoxidable 304 con sellado de silicona.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unboxing-item\"\u003e\n\u003cdiv class=\"unboxing-number\"\u003e1x\u003c\/div\u003e\n\u003cdiv class=\"unboxing-text\"\u003eTapa Pro con Válvula \u003cspan\u003eIncluye compartimento para cubiertos.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- GIF movido al final --\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/media2.giphy.com\/media\/v1.Y2lkPTc5MGI3NjExeHl6djZjaDl2aHNlZjc4eTc4czdjNHlvOThwcDJkdWptcmlnMnpjdiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw\/vcx6y5zxJFalqH69ao\/giphy.gif\" style=\"max-width: 100%; border-radius: 12px;\" alt=\"Demostración\"\u003e\u003c\/p\u003e","brand":"Mi tienda","offers":[{"title":"Default Title","offer_id":47905852620937,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0777\/6521\/4345\/files\/Capturadepantalla2026-08-04114618.png?v=1785861989","url":"https:\/\/megastockecuador.shop\/products\/portacomidas-termico-set-4-en-1-inoxidable","provider":"Mega Stock","version":"1.0","type":"link"}