{"product_id":"vix-premium-pantalla-30-dias","title":"Vix Premium Pantalla 30 dias","description":"\u003c!-- ============================================================ --\u003e\n\u003c!-- ===== BANNER ANIMADO CON TELEVISOR Y LÍNEAS DE SEÑAL ===== --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cstyle\u003e\n  \/* ===== ANIMACIONES ===== *\/\n  @keyframes parpadeo {\n    0% { opacity: 1; }\n    50% { opacity: 0.3; }\n    100% { opacity: 1; }\n  }\n  \n  @keyframes flotar {\n    0% { transform: translateY(0px) scale(1); }\n    50% { transform: translateY(-8px) scale(1.02); }\n    100% { transform: translateY(0px) scale(1); }\n  }\n  \n  @keyframes brillo {\n    0% { box-shadow: 0 0 20px rgba(255,0,0,0.3); }\n    50% { box-shadow: 0 0 45px rgba(255,0,0,0.7); }\n    100% { box-shadow: 0 0 20px rgba(255,0,0,0.3); }\n  }\n  \n  @keyframes lineaSenal {\n    0% { transform: translateX(-100%) rotate(0deg); }\n    100% { transform: translateX(100%) rotate(0deg); }\n  }\n  \n  @keyframes lineaSenalVertical {\n    0% { transform: translateY(-100%) rotate(0deg); }\n    100% { transform: translateY(100%) rotate(0deg); }\n  }\n  \n  @keyframes latido {\n    0% { transform: scale(1); }\n    50% { transform: scale(1.02); }\n    100% { transform: scale(1); }\n  }\n  \n  @keyframes parpadeoRapido {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.3; }\n  }\n\n  \/* ===== CONTENEDOR DEL BANNER ===== *\/\n  .banner-streaming {\n    background: linear-gradient(135deg, #000000 0%, #1a0505 45%, #0d0d0d 100%);\n    padding: 30px 20px 20px;\n    text-align: center;\n    border-bottom: 4px solid #ff0000;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 12px;\n  }\n  \n  \/* ===== LÍNEAS DE SEÑAL ANIMADAS (FONDO) ===== *\/\n  .banner-streaming::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n      repeating-linear-gradient(\n        0deg,\n        transparent,\n        transparent 3px,\n        rgba(255,0,0,0.04) 3px,\n        rgba(255,0,0,0.04) 5px\n      ),\n      repeating-linear-gradient(\n        90deg,\n        transparent,\n        transparent 4px,\n        rgba(255,0,0,0.02) 4px,\n        rgba(255,0,0,0.02) 6px\n      );\n    pointer-events: none;\n    z-index: 0;\n  }\n  \n  .banner-streaming .senal-horizontal {\n    position: absolute;\n    top: 20%;\n    left: -100%;\n    width: 60%;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, rgba(255,0,0,0.4), transparent);\n    animation: lineaSenal 4s linear infinite;\n    z-index: 0;\n  }\n  \n  .banner-streaming .senal-horizontal:nth-child(2) {\n    top: 60%;\n    animation-duration: 5.5s;\n    animation-delay: 1s;\n    width: 40%;\n  }\n  \n  .banner-streaming .senal-vertical {\n    position: absolute;\n    left: 15%;\n    top: -100%;\n    width: 2px;\n    height: 50%;\n    background: linear-gradient(180deg, transparent, rgba(255,0,0,0.3), transparent);\n    animation: lineaSenalVertical 4.8s linear infinite;\n    z-index: 0;\n  }\n  \n  .banner-streaming .senal-vertical:nth-child(3) {\n    left: 75%;\n    animation-duration: 6s;\n    animation-delay: 0.5s;\n    height: 30%;\n  }\n\n  \/* ===== TELEVISOR ANIMADO ===== *\/\n  .tv-container {\n    display: inline-block;\n    animation: flotar 3s ease-in-out infinite;\n    margin-bottom: 10px;\n    position: relative;\n    z-index: 1;\n  }\n  \n  .tv {\n    width: 80px;\n    height: 58px;\n    background: #1a1a1a;\n    border-radius: 8px;\n    border: 4px solid #333;\n    position: relative;\n    display: inline-block;\n    box-shadow: 0 0 30px rgba(255,0,0,0.3);\n    animation: brillo 2s ease-in-out infinite;\n  }\n  \n  .tv-screen {\n    width: 68px;\n    height: 44px;\n    background: linear-gradient(135deg, #0a0a0a 0%, #1a0a0a 50%, #0a0a0a 100%);\n    margin: 4px auto;\n    border-radius: 3px;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .tv-screen::before {\n    content: '🎬';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 24px;\n    animation: parpadeo 1.5s ease-in-out infinite;\n    z-index: 2;\n  }\n  \n  .tv-screen::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 40%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent);\n    animation: lineaSenal 2.8s linear infinite;\n    z-index: 1;\n  }\n  \n  .tv-legs {\n    display: flex;\n    justify-content: center;\n    gap: 20px;\n    margin-top: -2px;\n  }\n  \n  .tv-leg {\n    width: 5px;\n    height: 10px;\n    background: #333;\n    border-radius: 0 0 3px 3px;\n    transform: rotate(5deg);\n  }\n  \n  .tv-leg:last-child {\n    transform: rotate(-5deg);\n  }\n\n  \/* ===== TEXTO DEL BANNER ===== *\/\n  .banner-title {\n    font-size: 32px;\n    font-weight: bold;\n    color: #ffffff;\n    margin: 5px 0 3px;\n    text-shadow: 0 0 20px rgba(255,0,0,0.3);\n    letter-spacing: 1px;\n    position: relative;\n    z-index: 1;\n  }\n  \n  .banner-title span {\n    color: #ff0000;\n    position: relative;\n  }\n  \n  .banner-title span::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background: #ff0000;\n    animation: parpadeo 1.5s ease-in-out infinite;\n  }\n  \n  .banner-slogan {\n    font-size: 20px;\n    color: #ffffff;\n    margin: 4px auto 3px;\n    line-height: 1.4;\n    position: relative;\n    z-index: 1;\n    font-weight: bold;\n    letter-spacing: 0.5px;\n  }\n  \n  .banner-slogan .precio-unico {\n    color: #ff0000;\n    background: rgba(255,0,0,0.15);\n    padding: 2px 12px;\n    border-radius: 4px;\n    border: 1px solid #ff0000;\n    font-size: 20px;\n  }\n  \n  .banner-slogan small {\n    display: block;\n    font-size: 14px;\n    color: #cccccc;\n    font-weight: normal;\n    margin-top: 3px;\n  }\n  \n  .banner-subtitle {\n    font-size: 16px;\n    color: #aaaaaa;\n    max-width: 600px;\n    margin: 8px auto 0;\n    line-height: 1.5;\n    position: relative;\n    z-index: 1;\n  }\n  \n  .banner-subtitle strong {\n    color: #ff0000;\n  }\n\n  \/* ===== BLOQUES INTERNOS (MÁS PEGADOS) ===== *\/\n  .bloque {\n    padding: 12px 15px;\n    background: #111111;\n    border: 1px solid #333333;\n    margin-bottom: 10px;\n  }\n  \n  .bloque-borde-rojo {\n    padding: 12px 15px;\n    background: #111111;\n    border: 1px solid #333333;\n    border-left: 4px solid #ff0000;\n    margin-bottom: 10px;\n  }\n  \n  .bloque-pagos {\n    text-align: center;\n    padding: 14px 15px;\n    background: #111111;\n    border: 1px solid #333333;\n    margin-bottom: 10px;\n  }\n\n  \/* ===== TEMPORIZADOR DE 24 HORAS ===== *\/\n  .timer-container {\n    text-align: center;\n    padding: 14px 15px;\n    background: #0a0a0a;\n    border: 2px solid #ff0000;\n    margin-bottom: 10px;\n    animation: latido 2s ease-in-out infinite;\n  }\n  \n  .timer-container .timer-titulo {\n    font-size: 15px;\n    color: #ff0000;\n    font-weight: bold;\n    margin: 0 0 6px 0;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n  \n  .timer-container .timer-titulo span {\n    animation: parpadeoRapido 1s ease-in-out infinite;\n  }\n  \n  .timer-display {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    flex-wrap: wrap;\n  }\n  \n  .timer-item {\n    background: #1a1a1a;\n    padding: 6px 14px;\n    border: 1px solid #333;\n    min-width: 60px;\n  }\n  \n  .timer-item .numero {\n    font-size: 28px;\n    font-weight: bold;\n    color: #ff0000;\n    display: block;\n    line-height: 1.2;\n    font-family: 'Courier New', monospace;\n  }\n  \n  .timer-item .etiqueta {\n    font-size: 10px;\n    color: #888888;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n  \n  .timer-mensaje {\n    font-size: 13px;\n    color: #cccccc;\n    margin-top: 8px;\n  }\n  \n  .timer-mensaje strong {\n    color: #ffffff;\n  }\n\n  \/* ===== BOTÓN WHATSAPP ===== *\/\n  .boton-wa {\n    text-align: center;\n    padding: 6px 15px 20px;\n    background: #000000;\n    border-top: 3px solid #ff0000;\n    margin-top: 2px;\n  }\n  \n  .boton-wa a {\n    display: inline-block;\n    background: #25D366;\n    color: #ffffff;\n    padding: 14px 36px;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 18px;\n    border: 2px solid #25D366;\n    transition: all 0.3s ease;\n    letter-spacing: 1px;\n  }\n  \n  .boton-wa a:hover {\n    background: transparent;\n    color: #25D366;\n  }\n  \n  .boton-wa .pie {\n    color: #666666;\n    font-size: 12px;\n    margin-top: 10px;\n  }\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width: 600px) {\n    .banner-title { font-size: 24px; }\n    .banner-slogan { font-size: 17px; }\n    .banner-slogan .precio-unico { font-size: 17px; padding: 2px 10px; }\n    .banner-slogan small { font-size: 12px; }\n    .banner-subtitle { font-size: 14px; }\n    .tv { width: 65px; height: 48px; }\n    .tv-screen { width: 55px; height: 36px; }\n    .tv-screen::before { font-size: 18px; }\n    .timer-item { min-width: 48px; padding: 4px 10px; }\n    .timer-item .numero { font-size: 22px; }\n    .boton-wa a { padding: 12px 24px; font-size: 16px; }\n    .bloque { padding: 10px 12px; }\n    .bloque-borde-rojo { padding: 10px 12px; }\n    .bloque-pagos { padding: 12px 12px; }\n  }\n\u003c\/style\u003e\n\n\u003c!-- ============================================================ --\u003e\n\u003c!-- ===== BANNER PRINCIPAL ===== --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"banner-streaming\"\u003e\n  \u003cdiv class=\"senal-horizontal\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"senal-horizontal\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"senal-vertical\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"senal-vertical\"\u003e\u003c\/div\u003e\n  \n  \u003cdiv class=\"tv-container\"\u003e\n    \u003cdiv class=\"tv\"\u003e\u003cdiv class=\"tv-screen\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tv-legs\"\u003e\n\u003cdiv class=\"tv-leg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"tv-leg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003ch1 class=\"banner-title\"\u003e🎬 \u003cspan\u003eYP Streaming\u003c\/span\u003e\n\u003c\/h1\u003e\n  \n  \u003cp class=\"banner-slogan\"\u003e\n    📺 \u003cspan class=\"precio-unico\"\u003eVix Premium\u003c\/span\u003e\n    \u003csmall\u003eEl mejor contenido en español, en un solo lugar\u003c\/small\u003e\n  \u003c\/p\u003e\n  \n  \u003cp class=\"banner-subtitle\"\u003e\n    Disfruta de \u003cstrong\u003etelenovelas, series, películas, deportes y noticias\u003c\/strong\u003e en calidad 4K UHD. Contenido exclusivo de Televisa, Univision y más.\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================ --\u003e\n\u003c!-- ===== DESCRIPCIÓN ===== --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"bloque\"\u003e\n  \u003ch2 style=\"font-size: 20px; color: #ffffff; border-bottom: 2px solid #ff0000; padding-bottom: 6px; margin: 0 0 6px 0;\"\u003e\n    🎥 ¿Qué incluye esta pantalla?\n  \u003c\/h2\u003e\n  \u003cul style=\"list-style: none; padding: 0; color: #cccccc; font-size: 15px; line-height: 2; margin: 0;\"\u003e\n    \u003cli\u003e✅ \u003cstrong style=\"color: #ffffff;\"\u003eAcceso 30 días\u003c\/strong\u003e a Vix Premium\u003c\/li\u003e\n    \u003cli\u003e✅ \u003cstrong style=\"color: #ffffff;\"\u003eCalidad 4K UHD\u003c\/strong\u003e en todo el contenido\u003c\/li\u003e\n    \u003cli\u003e✅ \u003cstrong style=\"color: #ffffff;\"\u003eCatálogo exclusivo\u003c\/strong\u003e: Telenovelas, series, películas, deportes (Liga MX, NFL), noticias\u003c\/li\u003e\n    \u003cli\u003e✅ \u003cstrong style=\"color: #ffffff;\"\u003eContenido en español\u003c\/strong\u003e de Televisa, Univision y más\u003c\/li\u003e\n    \u003cli\u003e✅ \u003cstrong style=\"color: #ffffff;\"\u003ePerfil con PIN\u003c\/strong\u003e de bloqueo para tu privacidad\u003c\/li\u003e\n    \u003cli\u003e✅ \u003cstrong style=\"color: #ffffff;\"\u003eGarantía de 30 días\u003c\/strong\u003e ante cualquier fallo\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================ --\u003e\n\u003c!-- ===== PRECIO Y PAGOS ===== --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"bloque-pagos\"\u003e\n  \u003cdiv style=\"display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin-bottom: 10px;\"\u003e\n    \u003cdiv\u003e\n      \u003cp style=\"color: #cccccc; font-size: 13px; margin: 0;\"\u003e🇨🇴 Precio en Colombia\u003c\/p\u003e\n      \u003cp style=\"color: #ff0000; font-size: 26px; font-weight: bold; margin: 3px 0 0;\"\u003e$8.000 COP\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cp style=\"color: #cccccc; font-size: 13px; margin: 0;\"\u003e🇺🇸 Precio en USD\u003c\/p\u003e\n      \u003cp style=\"color: #ff0000; font-size: 26px; font-weight: bold; margin: 3px 0 0;\"\u003e$2.00 USD\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003ch3 style=\"margin: 0 0 8px 0; font-size: 16px; color: #ffffff;\"\u003e💳 Aceptamos estos métodos de pago\u003c\/h3\u003e\n  \u003cdiv style=\"display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; font-size: 13px;\"\u003e\n    \u003cspan style=\"background: #1a1a1a; padding: 5px 12px; border: 1px solid #333333; color: #ffffff;\"\u003e🏦 Nequi\u003c\/span\u003e\n    \u003cspan style=\"background: #1a1a1a; padding: 5px 12px; border: 1px solid #333333; color: #ffffff;\"\u003e💳 Daviplata\u003c\/span\u003e\n    \u003cspan style=\"background: #1a1a1a; padding: 5px 12px; border: 1px solid #333333; color: #ffffff;\"\u003e🇺🇸 Zelle\u003c\/span\u003e\n    \u003cspan style=\"background: #1a1a1a; padding: 5px 12px; border: 1px solid #333333; color: #ffffff;\"\u003e₿ Binance Pay\u003c\/span\u003e\n    \u003cspan style=\"background: #1a1a1a; padding: 5px 12px; border: 1px solid #333333; color: #ffffff;\"\u003e🏛️ NuBank\u003c\/span\u003e\n    \u003cspan style=\"background: #1a1a1a; padding: 5px 12px; border: 1px solid #333333; color: #ffffff;\"\u003e💳 Tarjeta\u003c\/span\u003e\n    \u003cspan style=\"background: #1a1a1a; padding: 5px 12px; border: 1px solid #333333; color: #ffffff;\"\u003e📱 Pago Móvil VE\u003c\/span\u003e\n    \u003cspan style=\"background: #1a1a1a; padding: 5px 12px; border: 1px solid #333333; color: #ffffff;\"\u003e💳 Zinli\u003c\/span\u003e\n    \u003cspan style=\"background: #1a1a1a; padding: 5px 12px; border: 1px solid #333333; color: #ffffff;\"\u003e🔑 Llave Bre\u003c\/span\u003e\n    \u003cspan style=\"background: #1a1a1a; padding: 5px 12px; border: 1px solid #333333; color: #ffffff;\"\u003e🏦 Transferencias\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================ --\u003e\n\u003c!-- ===== HORARIO Y NORMATIVAS ===== --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"bloque-borde-rojo\"\u003e\n  \u003ch3 style=\"font-size: 17px; color: #ffffff; margin: 0 0 5px 0;\"\u003e🕒 Horario de Atención y Reportes de Fallas\u003c\/h3\u003e\n  \u003cp style=\"color: #cccccc; font-size: 14px; line-height: 1.7; margin: 0;\"\u003e\n    \u003cstrong style=\"color: #ffffff;\"\u003e📞 Soporte Técnico (WhatsApp):\u003c\/strong\u003e Lunes a Viernes de 9:00 am a 9:00 pm (Hora Colombia).\n    \u003cbr\u003e\n    \u003cstrong style=\"color: #ffffff;\"\u003e💬 Consultas y Ventas 24\/7:\u003c\/strong\u003e Nuestra tienda en línea y el carrito de compras están disponibles las 24 horas.\n    \u003cbr\u003e\n    \u003cstrong style=\"color: #ff0000;\"\u003e🔧 Reporte de Fallas:\u003c\/strong\u003e Reponemos el tiempo perdido o reembolsamos. Contáctanos por WhatsApp.\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"bloque-borde-rojo\"\u003e\n  \u003ch3 style=\"font-size: 17px; color: #ffffff; margin: 0 0 5px 0;\"\u003e📜 Normativas de la Tienda\u003c\/h3\u003e\n  \u003cul style=\"color: #cccccc; font-size: 14px; line-height: 1.8; list-style: none; padding: 0; margin: 0;\"\u003e\n    \u003cli\u003e✅ \u003cstrong style=\"color: #ffffff;\"\u003eInformación Clara:\u003c\/strong\u003e Precios y formas de pago detallados.\u003c\/li\u003e\n    \u003cli\u003e✅ \u003cstrong style=\"color: #ffffff;\"\u003eGarantía:\u003c\/strong\u003e 30 días en todos los productos. Fallas técnicas compensadas.\u003c\/li\u003e\n    \u003cli\u003e✅ \u003cstrong style=\"color: #ffffff;\"\u003eHorarios de Atención:\u003c\/strong\u003e Soporte en horario establecido. Compras 24\/7.\u003c\/li\u003e\n    \u003cli\u003e✅ \u003cstrong style=\"color: #ffffff;\"\u003eMecanismos de Pago:\u003c\/strong\u003e Múltiples métodos, siempre protegiendo tu información.\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================ --\u003e\n\u003c!-- ===== TEMPORIZADOR DE 24 HORAS (CUENTA REGRESIVA CONTINUA) ===== --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"timer-container\" id=\"timer-container\"\u003e\n  \u003cp class=\"timer-titulo\"\u003e⏳ \u003cspan\u003eOFERTA POR TIEMPO LIMITADO\u003c\/span\u003e\u003c\/p\u003e\n  \u003cdiv class=\"timer-display\"\u003e\n    \u003cdiv class=\"timer-item\"\u003e\n      \u003cspan class=\"numero\" id=\"timer-horas\"\u003e00\u003c\/span\u003e\n      \u003cspan class=\"etiqueta\"\u003eHoras\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"timer-item\"\u003e\n      \u003cspan class=\"numero\" id=\"timer-minutos\"\u003e00\u003c\/span\u003e\n      \u003cspan class=\"etiqueta\"\u003eMinutos\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"timer-item\"\u003e\n      \u003cspan class=\"numero\" id=\"timer-segundos\"\u003e00\u003c\/span\u003e\n      \u003cspan class=\"etiqueta\"\u003eSegundos\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp class=\"timer-mensaje\" id=\"timer-mensaje\"\u003e\n    ⚡ \u003cstrong\u003e¡Aprovecha ahora!\u003c\/strong\u003e Esta oferta especial se actualiza cada 24 horas.\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================ --\u003e\n\u003c!-- ===== BOTÓN WHATSAPP ===== --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"boton-wa\"\u003e\n  \u003ca href=\"https:\/\/wa.me\/573024770230?text=Hola%20quiero%20comprar%20la%20pantalla%20de%20Vix%20Premium\" target=\"_blank\"\u003e\n     📲 Comprar ahora por WhatsApp\n  \u003c\/a\u003e\n  \u003cp class=\"pie\"\u003e⚡ Respuesta rápida en horario de atención · Disponibilidad 24\/7 para compras\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================ --\u003e\n\u003c!-- ===== SCRIPT DEL TEMPORIZADOR (24 HORAS) ===== --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cscript\u003e\n  (function() {\n    \/\/ ===== CONFIGURACIÓN: 24 HORAS =====\n    var TIEMPO_TOTAL = 86400; \/\/ 24 horas en segundos\n    \n    \/\/ ===== ELEMENTOS DEL DOM =====\n    var horasEl = document.getElementById('timer-horas');\n    var minutosEl = document.getElementById('timer-minutos');\n    var segundosEl = document.getElementById('timer-segundos');\n    var mensajeEl = document.getElementById('timer-mensaje');\n\n    \/\/ Si no existen los elementos, salir\n    if (!horasEl || !minutosEl || !segundosEl) return;\n\n    \/\/ ===== VARIABLES DE ESTADO =====\n    var tiempoRestante = TIEMPO_TOTAL; \/\/ Iniciar en 24 horas\n    var timerInterval = null;\n\n    function formatear(num) {\n      return num.toString().padStart(2, '0');\n    }\n\n    function actualizarDisplay() {\n      \/\/ Calcular horas, minutos y segundos\n      var horas = Math.floor(tiempoRestante \/ 3600);\n      var minutos = Math.floor((tiempoRestante % 3600) \/ 60);\n      var segundos = Math.floor(tiempoRestante % 60);\n\n      \/\/ Actualizar números en pantalla\n      horasEl.textContent = formatear(horas);\n      minutosEl.textContent = formatear(minutos);\n      segundosEl.textContent = formatear(segundos);\n\n      \/\/ Actualizar mensaje según el tiempo restante\n      if (mensajeEl) {\n        if (tiempoRestante \u003e 3600) {\n          mensajeEl.innerHTML = '⚡ \u003cstrong\u003e¡Aprovecha ahora!\u003c\/strong\u003e Esta oferta especial se actualiza cada 24 horas.';\n        } else if (tiempoRestante \u003e 600) {\n          mensajeEl.innerHTML = '⏳ \u003cstrong\u003e¡Últimas horas!\u003c\/strong\u003e La oferta termina pronto.';\n        } else {\n          mensajeEl.innerHTML = '🔥 \u003cstrong\u003e¡Últimos minutos!\u003c\/strong\u003e ¡No dejes pasar esta oportunidad!';\n        }\n      }\n    }\n\n    function iniciarContador() {\n      \/\/ Si ya hay un intervalo, limpiarlo\n      if (timerInterval) {\n        clearInterval(timerInterval);\n        timerInterval = null;\n      }\n\n      \/\/ Actualizar display inmediatamente\n      actualizarDisplay();\n\n      \/\/ Iniciar el intervalo\n      timerInterval = setInterval(function() {\n        \/\/ Reducir el tiempo restante\n        tiempoRestante--;\n\n        \/\/ Si llega a 0, reiniciar a 24 horas\n        if (tiempoRestante \u003c 0) {\n          tiempoRestante = TIEMPO_TOTAL;\n        }\n\n        \/\/ Actualizar el display\n        actualizarDisplay();\n      }, 1000);\n    }\n\n    \/\/ ===== INICIALIZACIÓN =====\n    function init() {\n      \/\/ Siempre iniciar con 24 horas completas en cada visita\n      tiempoRestante = TIEMPO_TOTAL;\n      iniciarContador();\n\n      \/\/ Si la página se vuelve visible después de estar en segundo plano, sincronizar\n      document.addEventListener('visibilitychange', function() {\n        if (!document.hidden) {\n          \/\/ No reiniciamos, solo aseguramos que siga corriendo\n          actualizarDisplay();\n        }\n      });\n\n      console.log('⏳ Temporizador de 24 horas iniciado correctamente');\n    }\n\n    \/\/ Ejecutar cuando el DOM esté listo\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', init);\n    } else {\n      init();\n    }\n  })();\n\u003c\/script\u003e","brand":"Mi tienda","offers":[{"title":"Default Title","offer_id":55463359643953,"sku":null,"price":8000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1000\/0023\/5825\/files\/IMG-20251122-WA0023.jpg?v=1785091216","url":"https:\/\/ypstreaming.top\/products\/vix-premium-pantalla-30-dias","provider":"Mi tienda","version":"1.0","type":"link"}