{"product_id":"pc-gamer-s5-ryzen5-rx560-costa-rica","title":"COMBO PC GAMER P5","description":"\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003cstyle\u003e\n.pricing-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  margin: 20px 0;\n  padding: 0 10px;\n}\n\n.card {\n  position: relative;\n  width: 100%; \n  max-width: 600px; \n  padding: 30px 20px; \n  border-radius: 20px;\n  background: #01040a; \/* Fondo azul profundo *\/\n  color: white;\n  overflow: hidden;\n  border: 1px solid rgba(59, 130, 246, 0.7); \/* AZUL *\/\n  box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);\n  box-sizing: border-box;\n}\n\n.card::before {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background: radial-gradient(circle at top, rgba(59, 130, 246, 0.3), transparent 70%);\n}\n\n.card canvas {\n  position:absolute;\n  inset:0;\n  z-index:1;\n  pointer-events: none;\n}\n\n.card-content {\n  position:relative;\n  z-index:2;\n  max-height:85vh;\n  overflow-y:auto;\n  padding-right:10px;\n}\n\n\/* Scrollbar Azul *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-track { background: transparent; }\n.card-content::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 10px; }\n\nh2 { font-size: 20px; margin-bottom:5px; color: #fff; line-height: 1.2; text-transform: uppercase; }\n.brand-tag { font-size: 12px; color: #3b82f6; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #1e3a8a; padding-bottom: 15px; }\n.section-title { font-weight:bold; color:#3b82f6; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\nul { padding-left:18px; margin-bottom: 10px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\nstrong { color: #3b82f6; }\n\n\/* Cuadro de Términos Blanco con Scroll *\/\n.terms-box {\n  background: #ffffff;\n  color: #333;\n  padding: 15px;\n  border-radius: 12px;\n  margin-top: 20px;\n  max-height: 200px;\n  overflow-y: auto;\n  border: 2px solid #3b82f6;\n  position: relative;\n  z-index: 10;\n}\n\n.terms-box h3 { color: #1e3a8a; font-size: 15px; margin-top: 0; border-bottom: 1px solid #ddd; padding-bottom: 5px; }\n.terms-box p, .terms-box li { color: #444; font-size: 11px; margin-bottom: 8px; list-style-type: disc; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 11px; }\n.fps-table th { text-align: left; color: #3b82f6; padding: 6px; border-bottom: 1px solid #1e3a8a; }\n.fps-table td { padding: 6px; border-bottom: 1px solid #0f172a; color: #eee; }\n\n.button-group {\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  justify-content: center;\n  margin: 20px 0;\n  z-index: 100;\n  position: relative;\n}\n\n.btn {\n  flex: 1;\n  padding: 12px 15px;\n  border-radius: 999px;\n  font-weight: bold;\n  cursor: pointer;\n  transition: 0.3s ease;\n  border: none;\n  text-transform: uppercase;\n  font-size: 10px;\n  text-align: center;\n}\n\n.btn-main { background: white; color: black; }\n.btn-pdf { background: #3b82f6; color: white; }\n\n@media (max-width: 500px) {\n  .button-group { flex-direction: column; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pricing-container\"\u003e\n  \u003cdiv class=\"card\" id=\"plan-card\"\u003e\n    \u003ccanvas id=\"moleculeCanvas\"\u003e\u003c\/canvas\u003e\n    \u003cdiv class=\"card-content\" id=\"content-to-export\"\u003e\n      \u003cspan class=\"brand-tag\"\u003eSUMERTECCR | LIQUID EDITION\u003c\/span\u003e\n      \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eBALANCED LIQUID GAMING PC\u003c\/h2\u003e\n      \n      \u003cdiv class=\"button-group\"\u003e\n        \u003cbutton class=\"btn btn-main\" onclick=\"contactarWhatsApp()\"\u003eConsultar Disponibilidad\u003c\/button\u003e \n        \u003cbutton class=\"btn btn-pdf\" onclick=\"descargarPDF()\"\u003eDescargar Ficha PDF\u003c\/button\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv id=\"pdf-data-container\"\u003e\n        \u003cdiv class=\"section\"\u003e\n          \u003cdiv class=\"section-title\"\u003e1. Especificaciones de Hardware\u003c\/div\u003e\n          \u003cul\u003e\n            \u003cli\u003e\n\u003cstrong\u003eProcesador:\u003c\/strong\u003e AMD Ryzen 5 5500 (5ta Gen \/ 3.6 GHz Base - 4.2 GHz Turbo \/ 6 Núcleos \/ 12 Hilos). Excelente rendimiento mononúcleo y multinúcleo para gaming y multitarea fluida.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eEnfriamiento:\u003c\/strong\u003e Líquido Eagle Warrior Frostbite HL240 RGB (AIO dual de 2x120mm PWM) para mantener el procesador a temperaturas óptimas bajo alta carga de trabajo.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eTarjeta de Video:\u003c\/strong\u003e Arktek Radeon RX 560 4GB GDDR5 (1200MHz). Solución gráfica dedicada para títulos competitivos y edición general.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 16GB (2x8GB) Patriot Signature Line DDR4 3200MHz CL22 (1.2V) configuradas en Dual Channel para maximizar las tasas de transferencia.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eTarjeta Madre:\u003c\/strong\u003e Arktek AK-A320M EG AM4 Micro-ATX compacta y de arquitectura estable.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento Sólido:\u003c\/strong\u003e 512GB SSD Hiksemi Wave(S) 2.5\" SATA III (Velocidades masivas de 530MB\/s lectura y 450MB\/s escritura para cargas de juego instantáneas).\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eFuente de Poder:\u003c\/strong\u003e Eagle Warrior 400W (Modelo PK650RSF001C).\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Case Gaming RGB Eagle Warrior CG01Q8 con panel de Vidrio Templado premium y 3 ventiladores de 120mm preinstalados para un excelente flujo de aire.\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section\"\u003e\n          \u003cdiv class=\"section-title\"\u003e2. Rendimiento Estimado (Resolución Estándar 1080p)\u003c\/div\u003e\n          \u003ctable class=\"fps-table\"\u003e\n            \u003cthead\u003e\n              \u003ctr\u003e\n                \u003cth\u003eVideojuego \/ Aplicación\u003c\/th\u003e\n                \u003cth\u003eConfiguración \/ Calidad\u003c\/th\u003e\n                \u003cth\u003eRendimiento Estimado\u003c\/th\u003e\n              \u003c\/tr\u003e\n            \u003c\/thead\u003e\n            \u003ctbody\u003e\n              \u003ctr\u003e\n\u003ctd\u003eLeague of Legends\u003c\/td\u003e\n\u003ctd\u003e1080p Calidad Ultra\u003c\/td\u003e\n\u003ctd\u003e120 - 140 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003e1080p Ajustes Medios\u003c\/td\u003e\n\u003ctd\u003e90 - 115 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003e1080p Modo Rendimiento\u003c\/td\u003e\n\u003ctd\u003e70 - 95 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003ctd\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003e1080p Ajustes Normales\u003c\/td\u003e\n\u003ctd\u003e60 - 75 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003ctd\u003eDiseño Gráfico \/ Ofimática\u003c\/td\u003e\n\u003ctd\u003ePhotoshop \/ Office\u003c\/td\u003e\n\u003ctd\u003eFluidez Total sin tirones\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c\/tbody\u003e\n          \u003c\/table\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- CUADRO DE TÉRMINOS Y CONDICIONES --\u003e\n        \u003cdiv class=\"terms-box\" id=\"pdf-terms-box\"\u003e\n          \u003ch3\u003eTérminos y Condiciones de Venta\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003eSumerteccr - Innovación y seguridad\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cul\u003e\n            \u003cli\u003e\n\u003cstrong\u003eGarantía:\u003c\/strong\u003e Todos los componentes cuentan con garantía limitada contra defectos de fábrica (1 año en piezas principales).\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eSoftware:\u003c\/strong\u003e El equipo incluye Windows 11 Pro y Microsoft Office activados como regalía de cortesía.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eInstalación:\u003c\/strong\u003e El ensamble profesional, pruebas de rendimiento de estrés y la gestión de cables avanzada están incluidos en el precio final.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eConfiguración del Almacenamiento:\u003c\/strong\u003e El sistema operativo se aloja de forma nativa en el SSD sólido de alta velocidad de 512GB, asegurando una respuesta dinámica inmediata para todo el ecosistema de programas instalados.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eDisponibilidad:\u003c\/strong\u003e Precios y existencias de los componentes detallados quedan sujetos a variaciones de inventario sin previo aviso hasta la confirmación de la reserva.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eEnvíos:\u003c\/strong\u003e Se realizan envíos a todo el país mediante mensajería privada o encomiendas (Costo adicional).\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp style=\"font-size: 10px; margin-top: 15px; color: #888; text-align: center;\"\u003eSumerteccr – Tecnología de alto rendimiento para tu setup.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/\/ Función para WhatsApp\nfunction contactarWhatsApp(){\n  const url = 'https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20la%20PC%20Balanced%20Liquid%20Gaming%20con%20Ryzen%205%20y%20RX%20560';\n  window.open(url, '_blank');\n}\n\n\/\/ Función de generación PDF blindada contra errores CORS y de clonación del Canvas\nfunction descargarPDF() {\n  \/\/ Creamos un contenedor limpio en memoria únicamente con las secciones de texto y datos\n  const pdfContainer = document.createElement('div');\n  pdfContainer.style.width = \"540px\";\n  pdfContainer.style.padding = \"30px 20px\";\n  pdfContainer.style.background = \"#ffffff\";\n  pdfContainer.style.color = \"#000000\";\n  pdfContainer.style.fontFamily = \"Arial, sans-serif\";\n\n  \/\/ Insertar encabezados con branding legible para el documento impreso\n  pdfContainer.innerHTML = `\n    \u003cdiv style=\"text-align:center; margin-bottom:20px; border-bottom:3px solid #1e3a8a; padding-bottom:10px;\"\u003e\n      \u003cspan style=\"font-size:12px; color:#1e3a8a; font-weight:bold; letter-spacing:2px;\"\u003eSUMERTECCR | FICHA TÉCNICA\u003c\/span\u003e\n      \u003ch2 style=\"font-size:22px; color:#111; margin:5px 0 0 0; text-transform:uppercase;\"\u003eBALANCED LIQUID GAMING PC\u003c\/h2\u003e\n    \u003c\/div\u003e\n  `;\n\n  \/\/ Extraemos las especificaciones técnicas del hardware sin tocar los botones o el canvas vivo\n  const hardwareData = document.getElementById('pdf-data-container').cloneNode(true);\n  \n  \/\/ Forzar estilos planos y de alto contraste aptos para PDF\n  hardwareData.style.maxHeight = \"none\";\n  hardwareData.style.overflow = \"visible\";\n  \n  const tBox = hardwareData.querySelector('#pdf-terms-box');\n  if(tBox) {\n    tBox.style.maxHeight = \"none\";\n    tBox.style.overflow = \"visible\";\n    tBox.style.border = \"1px solid #ccc\";\n    tBox.style.background = \"#f9f9f9\";\n    tBox.style.marginTop = \"25px\";\n  }\n\n  pdfContainer.appendChild(hardwareData);\n\n  \/\/ Re-mapeo estricto de colores oscuros para la tipografía del documento PDF\n  pdfContainer.querySelectorAll('.section-title, strong, h3').forEach(el =\u003e { el.style.color = '#1e3a8a'; });\n  pdfContainer.querySelectorAll('li, p, td').forEach(el =\u003e { el.style.color = '#333'; });\n  pdfContainer.querySelectorAll('th').forEach(el =\u003e { el.style.color = '#1e3a8a'; el.style.borderBottom = '2px solid #1e3a8a'; });\n  pdfContainer.querySelectorAll('.section').forEach(el =\u003e { el.style.borderBottom = '1px solid #ddd'; el.style.marginBottom = '20px'; });\n\n  const opt = {\n    margin: [12, 12, 12, 12],\n    filename: 'Ficha_Tecnica_Balanced_Liquid_Gaming.pdf',\n    image: { type: 'jpeg', quality: 0.98 },\n    html2canvas: { scale: 2, logging: false, useCORS: false },\n    jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }\n  };\n\n  \/\/ Se ejecuta en un hilo asíncrono aislado para evitar bloqueos del DOM por parte del navegador\n  setTimeout(() =\u003e {\n    html2pdf().set(opt).from(pdfContainer).save();\n  }, 50);\n}\n\n\/\/ Lógica de Animación de Moléculas Azules - Reconfigurada con boundingClientRect nativo\nconst canvas = document.getElementById('moleculeCanvas');\nconst ctx = canvas.getContext('2d');\nlet points = [];\n\nfunction resize(){ \n  const container = canvas.parentElement;\n  if (container) {\n    const rect = container.getBoundingClientRect();\n    canvas.width = rect.width; \n    canvas.height = rect.height; \n  }\n}\n\nwindow.addEventListener('resize', resize);\nsetTimeout(resize, 60);\n\nsetTimeout(() =\u003e {\n  points = [];\n  for(let i=0; i\u003c45; i++){\n    points.push({\n      x: Math.random() * (canvas.width || 500), \n      y: Math.random() * (canvas.height || 600), \n      r: Math.random() * 2 + 1, \n      dx: (Math.random() - 0.5) * 0.7, \n      dy: (Math.random() - 0.5) * 0.7\n    });\n  }\n}, 120);\n\nfunction animate(){\n  ctx.clearRect(0, 0, canvas.width, canvas.height);\n  \n  if(points.length \u003e 0) {\n    points.forEach((p, i) =\u003e {\n      p.x += p.dx; p.y += p.dy;\n      \n      if(p.x \u003c 0 || p.x \u003e canvas.width) p.dx *= -1;\n      if(p.y \u003c 0 || p.y \u003e canvas.height) p.dy *= -1;\n      \n      for(let j = i + 1; j \u003c points.length; j++){\n        let p2 = points[j];\n        let dist = Math.hypot(p.x - p2.x, p.y - p2.y);\n        if(dist \u003c 90){\n          ctx.beginPath();\n          ctx.moveTo(p.x, p.y);\n          ctx.lineTo(p2.x, p2.y);\n          ctx.strokeStyle = `rgba(59, 130, 246, ${1 - dist\/90})`;\n          ctx.lineWidth = 0.5;\n          ctx.stroke();\n        }\n      }\n      \n      ctx.beginPath();\n      ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n      ctx.fillStyle = \"rgba(59, 130, 246, 0.6)\";\n      ctx.fill();\n    });\n  }\n  requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42289159864375,"sku":null,"price":310000.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_36.png?v=1782788302","url":"https:\/\/www.sumerteccr.com\/products\/pc-gamer-s5-ryzen5-rx560-costa-rica","provider":"Sumerteccr","version":"1.0","type":"link"}