{"product_id":"pc-gamer-s1-starter-costa-rica","title":"Combo set Gamer S3","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: #050a06; \/* Fondo verde oscuro *\/\n  color: white;\n  overflow: hidden;\n  border: 1px solid rgba(34, 197, 94, 0.7); \/* VERDE *\/\n  box-shadow: 0 0 30px rgba(34, 197, 94, 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(34, 197, 94, 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 Verde *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-track { background: transparent; }\n.card-content::-webkit-scrollbar-thumb { background: #22c55e; 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: #22c55e; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #143a1e; padding-bottom: 15px; }\n.section-title { font-weight:bold; color:#22c55e; 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: #22c55e; }\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 #22c55e;\n  position: relative;\n  z-index: 10;\n}\n\n.terms-box h3 { color: #166534; 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: #22c55e; padding: 6px; border-bottom: 1px solid #143a1e; }\n.fps-table td { padding: 6px; border-bottom: 1px solid #0f1f14; 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: #22c55e; 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 | STARTER SETUP\u003c\/span\u003e\n      \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eENTRY GAMING \u0026amp; MULTIMEDIA 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 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 3 3200G (3ra Gen \/ 3.6 GHz Base - 4.0 GHz Turbo). Con gráficos Radeon Vega 8 Integrados, ideal para tareas diarias, multimedia y juegos competitivos ligeros.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 16GB (2x8GB) Corsair Vengeance RGB PRO DDR4 3200MHz CL16 con disipador de aluminio de alto rendimiento.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eTarjeta Madre:\u003c\/strong\u003e Arktek AK-A320M EG AM4 Micro-ATX.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento Sólido (Principal):\u003c\/strong\u003e 128GB SSD Hiksemi Wave(S) SATA III (Velocidades optimizadas para un encendido instantáneo de Windows 11).\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento Masivo (Secundario):\u003c\/strong\u003e 1TB HDD Toshiba 2.5\" SATA III Pull (Espacio de sobra para películas, tareas y juegos masivos).\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eFuente de Poder:\u003c\/strong\u003e Fivestar Ensamble 600W.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Case Gaming RGB Eagle Warrior Mini Tower con barra de luz integrada y panel lateral acrílico premium.\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"section\"\u003e\n        \u003cdiv class=\"section-title\"\u003e2. Visualización y Periféricos Completos\u003c\/div\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003eMonitor Incluido:\u003c\/strong\u003e MSI PRO MP225 de 21.5\" \/ Resolución Full HD (1920x1080) \/ **Tasa de refresco fluida de 100 Hz** \/ Panel IPS para colores vivos \/ Tiempo de respuesta de 1ms \/ Diseño Plano.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eKit de Periféricos 4 en 1:\u003c\/strong\u003e Eagle Warrior Rhino (Teclado con retroiluminación Rainbow, Mouse Ergonómico, Mouse Pad optimizado y Headset con micrófono).\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"section\"\u003e\n        \u003cdiv class=\"section-title\"\u003e3. Rendimiento Estimado (Resolución 1080p)\u003c\/div\u003e\n        \u003ctable class=\"fps-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eUso \/ Videojuego\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 Media\/Alta\u003c\/td\u003e\n\u003ctd\u003e90 - 110 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003e1080p Ajustes Bajos\u003c\/td\u003e\n\u003ctd\u003e75 - 95 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003eModo Rendimiento Alfa\u003c\/td\u003e\n\u003ctd\u003e60 - 80 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eMinecraft\u003c\/td\u003e\n\u003ctd\u003eDistancia de Render Media\u003c\/td\u003e\n\u003ctd\u003e110+ FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eEstudios y Ofimática\u003c\/td\u003e\n\u003ctd\u003eMicrosoft Office \/ Navegación\u003c\/td\u003e\n\u003ctd\u003eFluidez Absoluta\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\"\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, dejando el disco Toshiba de 1TB de manera íntegra para la instalación de librerías, programas pesados y almacenamiento general.\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      \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%20el%20setup%20Starter%20Ryzen%203%20completo%20con%20Monitor';\n  window.open(url, '_blank');\n}\n\n\/\/ Función para Exportar PDF - Reparada con retardo de renderizado asincrónico\nfunction descargarPDF() {\n  const element = document.getElementById('content-to-export');\n  const clone = element.cloneNode(true);\n  \n  clone.style.maxHeight = \"none\";\n  clone.style.overflow = \"visible\";\n  clone.style.width = \"550px\";\n  clone.style.padding = \"25px\";\n  clone.style.background = \"#ffffff\";\n  clone.style.color = \"#000000\";\n\n  const btns = clone.querySelector('.button-group');\n  if(btns) btns.remove();\n\n  const tBox = clone.querySelector('.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  }\n\n  clone.querySelectorAll('.section-title, .brand-tag, h2, strong, h3').forEach(el =\u003e { el.style.color = '#166534'; });\n  clone.querySelectorAll('li, p, td').forEach(el =\u003e { el.style.color = '#333'; });\n  clone.querySelectorAll('th').forEach(el =\u003e { el.style.color = '#166534'; el.style.borderBottom = '1px solid #166534'; });\n\n  const opt = {\n    margin: [10, 10, 10, 10],\n    filename: 'Ficha_Tecnica_Starter_Gaming_Ryzen3.pdf',\n    image: { type: 'jpeg', quality: 0.98 },\n    html2canvas: { scale: 2, useCORS: true, backgroundColor: '#ffffff' },\n    jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }\n  };\n\n  setTimeout(() =\u003e {\n    html2pdf().set(opt).from(clone).save();\n  }, 150);\n}\n\n\/\/ Lógica de Animación de Moléculas Verdes - Asegurada con getBoundingClientRect\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, 50);\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}, 100);\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(34, 197, 94, ${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(34, 197, 94, 0.6)\";\n      ctx.fill();\n    });\n  }\n  requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42250212737079,"sku":null,"price":244900.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_34.png?v=1780149762","url":"https:\/\/www.sumerteccr.com\/products\/pc-gamer-s1-starter-costa-rica","provider":"Sumerteccr","version":"1.0","type":"link"}