{"title":"🟢 PC Starter","description":"\u003ch1 data-section-id=\"1ypp5ab\" data-start=\"176\" data-end=\"204\"\u003e🟢 Colección Starter Gamer\u003c\/h1\u003e\n\u003cp data-start=\"206\" data-end=\"525\"\u003eLos equipos \u003cstrong data-start=\"218\" data-end=\"235\"\u003eStarter Gamer\u003c\/strong\u003e están diseñados para quienes desean comenzar en el mundo del gaming en PC con un equipo accesible y confiable. Estas computadoras ofrecen el rendimiento necesario para jugar títulos populares, realizar tareas de estudio, navegar por internet y trabajar con programas básicos sin problemas.\u003c\/p\u003e\n\u003cp data-start=\"527\" data-end=\"818\"\u003eSon ideales para jugadores casuales, estudiantes y usuarios que buscan una computadora rápida para el uso diario. Además, muchos de estos equipos permiten \u003cstrong data-start=\"682\" data-end=\"709\"\u003eactualizaciones futuras\u003c\/strong\u003e, como agregar más memoria RAM o instalar una tarjeta gráfica dedicada para mejorar el rendimiento en juegos.\u003c\/p\u003e\n\u003cp data-start=\"820\" data-end=\"838\"\u003e\u003cstrong data-start=\"820\" data-end=\"838\"\u003ePerfecto para:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-start=\"839\" data-end=\"937\"\u003e\n\u003cli data-section-id=\"1jgdi3u\" data-start=\"839\" data-end=\"856\"\u003e\n\u003cp data-start=\"841\" data-end=\"856\"\u003eGaming casual\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-section-id=\"47kgqv\" data-start=\"857\" data-end=\"887\"\u003e\n\u003cp data-start=\"859\" data-end=\"887\"\u003eEstudio y tareas escolares\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-section-id=\"16h306p\" data-start=\"888\" data-end=\"911\"\u003e\n\u003cp data-start=\"890\" data-end=\"911\"\u003eProgramación básica\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-section-id=\"1ro4uwd\" data-start=\"912\" data-end=\"937\"\u003e\n\u003cp data-start=\"914\" data-end=\"937\"\u003eUso diario y multimedia\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","products":[{"product_id":"combo-pc-gamer-star-3","title":"COMBO PC GAMER S3","description":"\u003cp\u003e \u003c\/p\u003e\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: #050505; \/* Fondo un poco más profundo *\/\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:0;\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-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:last-child { border-bottom: none; }\n.section-title { font-weight:bold; color:#22c55e; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\np { font-size: 14px; margin-bottom: 8px; font-weight: 600; color: #fff; }\nul { padding-left:18px; margin-bottom: 15px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 12px; }\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.software-box {\n background: rgba(34, 197, 94, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px inset rgba(34, 197, 94, 0.2);\n}\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: 5;\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\/* MÓVIL *\/\n@media (max-width: 500px) {\n .button-group { flex-direction: column; }\n h2 { font-size: 18px; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"pricing-container\"\u003e\n\u003cdiv id=\"plan-card\" class=\"card\"\u003e\n\u003ccanvas\u003e\u003c\/canvas\u003e\n\u003cdiv id=\"content-to-export\" class=\"card-content\"\u003e\n\u003cspan class=\"brand-tag\"\u003eSUMERTECCR\u003c\/span\u003e\n\u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003ePRODUCTIVIDAD \u0026amp; GAMING LIGERO\u003c\/h2\u003e\n\u003cdiv class=\"button-group\"\u003e\n\u003cbutton class=\"btn btn-main\"\u003eConsultar Disponibilidad\u003c\/button\u003e \u003cbutton class=\"btn btn-pdf\"\u003eDescargar Ficha PDF\u003c\/button\u003e\n\u003c\/div\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 3 5300G (4 núcleos, 8 hilos, 4.0 GHz).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGráficos:\u003c\/strong\u003e Radeon™ Graphics Integrados (Gama Budget).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 8GB Corsair Vengeance RGB RS DDR4 3200MHz.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 256GB SSD HIKSEMI WAVE(S) (Alta velocidad).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePlaca Base:\u003c\/strong\u003e MSI A520M-A PRO AM4.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente Fivestar 800W.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Case Nova Mini Tower con ventilación integrada.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-title\"\u003e2. Rendimiento Estimado (Resolución Estándar)\u003c\/div\u003e\n\u003ctable class=\"fps-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eJuego\u003c\/th\u003e\n\u003cth\u003eCalidad\u003c\/th\u003e\n\u003cth\u003eFPS Est.\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\u003eMedia (1080p)\u003c\/td\u003e\n\u003ctd\u003e90-110\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003eBaja (1080p)\u003c\/td\u003e\n\u003ctd\u003e80-100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRoblox \/ Minecraft\u003c\/td\u003e\n\u003ctd\u003eEstándar\u003c\/td\u003e\n\u003ctd\u003e60-90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003eRendimiento\u003c\/td\u003e\n\u003ctd\u003e50-65\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003eBaja (720p)\u003c\/td\u003e\n\u003ctd\u003e40-50\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-title\"\u003e3. Software e Instalación\u003c\/div\u003e\n\u003cdiv class=\"software-box\"\u003e\n\u003cp style=\"margin-top: 0; color: #22c55e; font-size: 13px;\"\u003e✓ Windows 11 Pro (Activado)\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 0; color: #22c55e; font-size: 13px;\"\u003e✓ Microsoft Office (Regalía de Cortesía)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 10px; margin-top: 10px; color: #888; text-align: center;\"\u003e*Rendimiento basado en gráficos integrados Radeon™.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42188224462903,"sku":null,"price":198000.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_3.png?v=1776275092"},{"product_id":"combo-set-gamer-s1","title":"Combo set Gamer S1","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 oscuro con matiz verde *\/\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:0;\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-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:last-child { border-bottom: none; }\n.section-title { font-weight:bold; color:#22c55e; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\np { font-size: 14px; margin-bottom: 8px; font-weight: 600; color: #fff; }\nul { padding-left:18px; margin-bottom: 15px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 12px; }\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.software-box {\n background: rgba(34, 197, 94, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px inset rgba(34, 197, 94, 0.2);\n}\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: 5;\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\/* MÓVIL *\/\n@media (max-width: 500px) {\n .button-group { flex-direction: column; }\n h2 { font-size: 18px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pricing-container\"\u003e\n \u003cdiv class=\"card\" id=\"plan-card\"\u003e\n \u003ccanvas\u003e\u003c\/canvas\u003e\n\n \u003cdiv class=\"card-content\" id=\"content-to-export\"\u003e\n \u003cspan class=\"brand-tag\"\u003eSUMERTECCR\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003ePC STARTER SET \u0026amp; PRODUCTIVIDAD\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 Athlon 3000G (Gráficos Radeon Vega 3 Integrados).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMonitor:\u003c\/strong\u003e NOVA 22\" Full HD 1080p | 144Hz IPS | G-Sync compatible.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 8GB Corsair Vengeance RGB PRO DDR4 3200MHz.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 256GB SSD Hiksemi Wave(P) M.2 NVMe (Alta velocidad).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePlaca Base:\u003c\/strong\u003e MSI A520M-A PRO AM4.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCombo Periféricos:\u003c\/strong\u003e Kit Eagle Warrior Rhino 4 en 1 (Teclado, Mouse, Pad, Headset).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente Fivestar 800W.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Eagle Warrior Blanco con ventana lateral.\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 (Gaming Ligero)\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eJuego\u003c\/th\u003e\n \u003cth\u003eCalidad \/ Res.\u003c\/th\u003e\n \u003cth\u003eFPS Est.\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\u003eMedia \/ 1080p\u003c\/td\u003e\n\u003ctd\u003e70 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eRoblox \/ Minecraft\u003c\/td\u003e\n\u003ctd\u003eEstándar \/ 1080p\u003c\/td\u003e\n\u003ctd\u003e60 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003eBaja \/ 720p\u003c\/td\u003e\n\u003ctd\u003e50 - 70\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003eRendimiento \/ 720p\u003c\/td\u003e\n\u003ctd\u003e30 - 45\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCS2\u003c\/td\u003e\n\u003ctd\u003eBaja \/ 720p\u003c\/td\u003e\n\u003ctd\u003e35 - 50\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"section-title\"\u003e3. Software e Instalación\u003c\/div\u003e\n \u003cdiv class=\"software-box\"\u003e\n \u003cp style=\"margin-top:0; color:#22c55e; font-size: 13px;\"\u003e✓ Windows 11 Pro (Activado)\u003c\/p\u003e\n \u003cp style=\"margin-bottom:0; color:#22c55e; font-size: 13px;\"\u003e✓ Microsoft Office (Regalía de Cortesía)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp style=\"font-size: 10px; margin-top: 10px; color: #888; text-align: center;\"\u003e\n *Este ensamble completo incluye monitor y periféricos. Rendimiento basado en gráficos integrados.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction contactarWhatsApp(){\n window.open(`https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20el%20Starter%20Set%20con%20Athlon%203000G`,'_blank');\n}\n\nfunction descargarPDF() {\n const element = document.getElementById('content-to-export');\n const opt = {\n margin: [10, 10, 10, 10],\n filename: 'Ficha_Starter_Set_Sumertec.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 const clone = element.cloneNode(true);\n clone.style.maxHeight = \"none\";\n clone.style.color = \"black\";\n clone.style.backgroundColor = \"white\";\n clone.style.padding = \"20px\";\n \n const btns = clone.querySelector('.button-group');\n if(btns) btns.remove();\n\n clone.querySelectorAll('.section-title, .brand-tag, h2, th').forEach(el =\u003e { el.style.color = '#166534'; });\n clone.querySelectorAll('li, p, td').forEach(el =\u003e { el.style.color = '#333'; });\n\n html2pdf().set(opt).from(clone).save();\n}\n\n\/\/ Partículas Verdes\nconst card = document.getElementById('plan-card');\nconst canvas = card.querySelector('canvas');\nconst ctx = canvas.getContext('2d');\nlet particles = [];\n\nfunction resize(){ \n canvas.width = card.offsetWidth; \n canvas.height = card.offsetHeight; \n}\n\nwindow.addEventListener('resize', resize);\nresize();\n\nfor(let i=0; i\u003c50; i++){\n particles.push({\n x: Math.random()*canvas.width, \n y: Math.random()*canvas.height, \n r: Math.random()*1.5, \n dx: (Math.random()-0.5)*0.4, \n dy: (Math.random()-0.5)*0.4\n });\n}\n\nfunction animate(){\n ctx.clearRect(0,0,canvas.width,canvas.height);\n particles.forEach(p=\u003e{\n p.x+=p.dx; p.y+=p.dy;\n if(p.x\u003c0||p.x\u003ecanvas.width) p.dx*=-1;\n if(p.y\u003c0||p.y\u003ecanvas.height) p.dy*=-1;\n ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2); \n ctx.fillStyle=\"rgba(34, 197, 94, 0.3)\"; ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42191154118711,"sku":null,"price":204900.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_12.png?v=1776875812"},{"product_id":"combo-pc-gamer-s1","title":"COMBO PC GAMER S1","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 oscuro con matiz verde *\/\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:0;\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:last-child { border-bottom: none; }\n.section-title { font-weight:bold; color:#22c55e; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\np { font-size: 14px; margin-bottom: 8px; font-weight: 600; color: #fff; }\nul { padding-left:18px; margin-bottom: 15px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 12px; }\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.software-box {\n background: rgba(34, 197, 94, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px inset rgba(34, 197, 94, 0.2);\n}\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: 5;\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\/* MÓVIL *\/\n@media (max-width: 500px) {\n .button-group { flex-direction: column; }\n h2 { font-size: 18px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pricing-container\"\u003e\n \u003cdiv id=\"plan-card\" class=\"card\"\u003e\n \u003ccanvas id=\"particleCanvas\"\u003e\u003c\/canvas\u003e\n \u003cdiv id=\"content-to-export\" class=\"card-content\"\u003e\n \u003cspan class=\"brand-tag\"\u003eSUMERTECCR\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eENTRY 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 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 Athlon 3000G (Gráficos Radeon Vega 3 Integrados).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 8GB Corsair Vengeance RGB RS DDR4 3200MHz.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 256GB SSD Hiksemi Wave(P) M.2 NVMe PCIe.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePlaca Base:\u003c\/strong\u003e MSI A520M-A PRO AM4.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente Fivestar 600W.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Eagle Warrior Blanco con ventana lateral.\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 720p)\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eJuego\u003c\/th\u003e\n \u003cth\u003eCalidad\u003c\/th\u003e\n \u003cth\u003eFPS Est.\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\u003eMedia\u003c\/td\u003e\n\u003ctd\u003e70 - 85\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eRoblox \/ Minecraft\u003c\/td\u003e\n\u003ctd\u003eMedia\u003c\/td\u003e\n\u003ctd\u003e60 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003eBaja\u003c\/td\u003e\n\u003ctd\u003e50 - 65\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003eRendimiento\u003c\/td\u003e\n\u003ctd\u003e30 - 40\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCounter Strike 2\u003c\/td\u003e\n\u003ctd\u003eMuy Baja\u003c\/td\u003e\n\u003ctd\u003e30 - 45\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"section-title\"\u003e3. Software e Instalación\u003c\/div\u003e\n \u003cdiv class=\"software-box\"\u003e\n \u003cp style=\"margin-top: 0; color: #22c55e; font-size: 13px;\"\u003e✓ Windows 11 Pro (Activado)\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 0; color: #22c55e; font-size: 13px;\"\u003e✓ Microsoft Office (Regalía de Cortesía)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 10px; margin-top: 10px; color: #888; text-align: center;\"\u003e*Configuración ideal para oficina, estudio y gaming de entrada.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction contactarWhatsApp(){\n window.open('https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20la%20PC%20Entry%20Gaming','_blank');\n}\n\nfunction descargarPDF() {\n const element = document.getElementById('content-to-export');\n const opt = {\n margin: [10, 10, 10, 10],\n filename: 'Ficha_Entry_Gaming_Sumertec.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 \/\/ Crear clon para limpiar el diseño antes de exportar\n const clone = element.cloneNode(true);\n clone.style.maxHeight = \"none\";\n clone.style.color = \"black\";\n clone.style.backgroundColor = \"white\";\n clone.style.padding = \"20px\";\n \n const btns = clone.querySelector('.button-group');\n if(btns) btns.remove();\n\n clone.querySelectorAll('.section-title, .brand-tag, h2, th').forEach(el =\u003e { el.style.color = '#166534'; });\n clone.querySelectorAll('li, p, td').forEach(el =\u003e { el.style.color = '#333'; });\n\n html2pdf().set(opt).from(clone).save();\n}\n\n\/\/ Lógica de Partículas\nconst canvas = document.getElementById('particleCanvas');\nconst ctx = canvas.getContext('2d');\nlet particles = [];\n\nfunction resize(){ \n canvas.width = canvas.parentElement.offsetWidth; \n canvas.height = canvas.parentElement.offsetHeight; \n}\nwindow.addEventListener('resize', resize);\nresize();\n\nfor(let i=0; i\u003c50; i++){\n particles.push({\n x: Math.random()*canvas.width, \n y: Math.random()*canvas.height, \n r: Math.random()*1.5, \n dx: (Math.random()-0.5)*0.4, \n dy: (Math.random()-0.5)*0.4\n });\n}\n\nfunction animate(){\n ctx.clearRect(0,0,canvas.width,canvas.height);\n particles.forEach(p=\u003e{\n p.x+=p.dx; p.y+=p.dy;\n if(p.x\u003c0||p.x\u003ecanvas.width) p.dx*=-1;\n if(p.y\u003c0||p.y\u003ecanvas.height) p.dy*=-1;\n ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2); \n ctx.fillStyle=\"rgba(34, 197, 94, 0.3)\"; \n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42193225777207,"sku":null,"price":154000.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_6_ea0836b1-8f1c-4df5-909e-06de807221f1.png?v=1776713210"},{"product_id":"combo-pc-gamer-s6","title":"COMBO PC GAMER S6","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); \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:last-child { border-bottom: none; }\n.section-title { font-weight:bold; color:#22c55e; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\np { font-size: 14px; margin-bottom: 8px; font-weight: 600; color: #fff; }\nul { padding-left:18px; margin-bottom: 15px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 12px; }\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.software-box {\n background: rgba(34, 197, 94, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px inset rgba(34, 197, 94, 0.2);\n}\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: 5;\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 h2 { font-size: 18px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pricing-container\"\u003e\n \u003cdiv id=\"plan-card\" class=\"card\"\u003e\n \u003ccanvas id=\"moleculeCanvas\"\u003e\u003c\/canvas\u003e\n \u003cdiv id=\"content-to-export\" class=\"card-content\"\u003e\n \u003cspan class=\"brand-tag\"\u003eSUMERTECCR\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eGAMING 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 5 5500 (6 Núcleos \/ 12 Hilos \/ 4.2 GHz).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTarjeta de Video:\u003c\/strong\u003e Radeon RX 550 8GB GDDR5 (Dedicada).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 16GB (2x8GB) Corsair Vengeance RGB RS 3200MHz.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 256GB SSD Hiksemi Wave(P) M.2 NVMe PCIe.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePlaca Base:\u003c\/strong\u003e MSI A520M-A PRO AM4.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente ABVlA 600W (Bulk).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Eagle Warrior CG04AD Mid Tower (Doble Vidrio Templado).\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 (1080p)\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eJuego\u003c\/th\u003e\n \u003cth\u003eCalidad\u003c\/th\u003e\n \u003cth\u003eFPS Est.\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\u003eUltra\u003c\/td\u003e\n\u003ctd\u003e120 - 150\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003eMedia \/ Alta\u003c\/td\u003e\n\u003ctd\u003e100 - 130\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003eRendimiento\u003c\/td\u003e\n\u003ctd\u003e70 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003eMedia\u003c\/td\u003e\n\u003ctd\u003e50 - 65\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCounter Strike 2\u003c\/td\u003e\n\u003ctd\u003eBaja \/ Media\u003c\/td\u003e\n\u003ctd\u003e60 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"section-title\"\u003e3. Software e Instalación\u003c\/div\u003e\n \u003cdiv class=\"software-box\"\u003e\n \u003cp style=\"margin-top: 0; color: #22c55e; font-size: 13px;\"\u003e✓ Windows 11 Pro (Activado)\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 0; color: #22c55e; font-size: 13px;\"\u003e✓ Microsoft Office (Regalía de Cortesía)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 10px; margin-top: 10px; color: #888; text-align: center;\"\u003e*Configuración optimizada para multitarea y eSports.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction contactarWhatsApp(){\n window.open('https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20la%20PC%20Balanced%20Gaming','_blank');\n}\n\nfunction descargarPDF() {\n const element = document.getElementById('content-to-export');\n const opt = {\n margin: [10, 10, 10, 10],\n filename: 'Ficha_Balanced_Gaming_Sumertec.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 const clone = element.cloneNode(true);\n clone.style.maxHeight = \"none\";\n clone.style.color = \"black\";\n clone.style.backgroundColor = \"white\";\n clone.style.padding = \"20px\";\n \n const btns = clone.querySelector('.button-group');\n if(btns) btns.remove();\n\n clone.querySelectorAll('.section-title, .brand-tag, h2, th').forEach(el =\u003e { el.style.color = '#166534'; });\n clone.querySelectorAll('li, p, td').forEach(el =\u003e { el.style.color = '#333'; });\n\n html2pdf().set(opt).from(clone).save();\n}\n\n\/\/ Lógica de Moléculas (Partículas conectadas)\nconst canvas = document.getElementById('moleculeCanvas');\nconst ctx = canvas.getContext('2d');\nlet points = [];\n\nfunction resize(){ \n canvas.width = canvas.parentElement.offsetWidth; \n canvas.height = canvas.parentElement.offsetHeight; \n}\nwindow.addEventListener('resize', resize);\nresize();\n\nfor(let i=0; i\u003c40; i++){\n points.push({\n x: Math.random()*canvas.width, \n y: Math.random()*canvas.height, \n r: Math.random()*2 + 1, \n dx: (Math.random()-0.5)*0.5, \n dy: (Math.random()-0.5)*0.5\n });\n}\n\nfunction animate(){\n ctx.clearRect(0,0,canvas.width,canvas.height);\n \n points.forEach((p, i) =\u003e {\n p.x += p.dx; p.y += p.dy;\n if(p.x\u003c0||p.x\u003ecanvas.width) p.dx*=-1;\n if(p.y\u003c0||p.y\u003ecanvas.height) p.dy*=-1;\n \n \/\/ Dibujar enlaces (líneas entre puntos cercanos)\n for(let j=i+1; j\u003cpoints.length; j++){\n let p2 = points[j];\n let dist = Math.hypot(p.x - p2.x, p.y - p2.y);\n if(dist \u003c 80){\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\/80})`;\n ctx.lineWidth = 0.5;\n ctx.stroke();\n }\n }\n \n \/\/ Dibujar átomo (punto)\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.r, 0, Math.PI*2);\n ctx.fillStyle = \"rgba(34, 197, 94, 0.5)\";\n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Sumerteccr","offers":[{"title":"Default Title","offer_id":42194034753591,"sku":null,"price":299900.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_7_4d25186a-6208-4c11-b1ee-3e4c1bd0108f.png?v=1776792413"},{"product_id":"pc-gamer-combo-edicion-especial","title":"PC GAMER COMBO EDICIÓN ESPECIAL","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: #0d0106; \/* Fondo oscuro con matiz rosado profundo *\/\n color: white;\n overflow: hidden;\n border: 1px solid rgba(236, 72, 153, 0.7); \/* ROSADO *\/\n box-shadow: 0 0 30px rgba(236, 72, 153, 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(236, 72, 153, 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 Rosado *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-track { background: transparent; }\n.card-content::-webkit-scrollbar-thumb { background: #ec4899; 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: #ec4899; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #3d0a21; padding-bottom: 15px; }\n.section:last-child { border-bottom: none; }\n.section-title { font-weight:bold; color:#ec4899; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\np { font-size: 14px; margin-bottom: 8px; font-weight: 600; color: #fff; }\nul { padding-left:18px; margin-bottom: 15px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 12px; }\n.fps-table th { text-align: left; color: #ec4899; padding: 6px; border-bottom: 1px solid #3d0a21; }\n.fps-table td { padding: 6px; border-bottom: 1px solid #1a040d; color: #eee; }\n\n.software-box {\n background: rgba(236, 72, 153, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px inset rgba(236, 72, 153, 0.2);\n}\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: 5;\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: #ec4899; color: white; }\n\n@media (max-width: 500px) {\n .button-group { flex-direction: column; }\n h2 { font-size: 18px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pricing-container\"\u003e\n \u003cdiv id=\"plan-card\" class=\"card\"\u003e\n \u003ccanvas id=\"moleculeCanvas\"\u003e\u003c\/canvas\u003e\n \u003cdiv id=\"content-to-export\" class=\"card-content\"\u003e\n \u003cspan class=\"brand-tag\"\u003eSUMERTECCR\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003ePERFORMANCE ENTRY 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 5300G (4 Núcleos \/ 8 Hilos \/ 4.0 GHz).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGráficos:\u003c\/strong\u003e Radeon™ Graphics Integrados (Vega 6).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 8GB Corsair Vengeance RGB PRO 3200MHz.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 256GB SSD Hiksemi Wave(P) M.2 NVMe PCIe (1800 MB\/s).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePlaca Base:\u003c\/strong\u003e MSI A520M-A PRO AM4.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente FIVESTAR 600W.\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\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eJuego\u003c\/th\u003e\n \u003cth\u003eCalidad \/ Res.\u003c\/th\u003e\n \u003cth\u003eFPS Est.\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 \/ Media-Alta\u003c\/td\u003e\n\u003ctd\u003e100 - 120\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003e1080p \/ Baja-Media\u003c\/td\u003e\n\u003ctd\u003e90 - 110\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eRoblox \/ Minecraft\u003c\/td\u003e\n\u003ctd\u003e1080p \/ Alta\u003c\/td\u003e\n\u003ctd\u003e80 - 100\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003e1080p \/ Rendimiento\u003c\/td\u003e\n\u003ctd\u003e60 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003e720p \/ Media\u003c\/td\u003e\n\u003ctd\u003e50 - 65\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"section-title\"\u003e3. Software e Instalación\u003c\/div\u003e\n \u003cdiv class=\"software-box\"\u003e\n \u003cp style=\"margin-top: 0; color: #ec4899; font-size: 13px;\"\u003e✓ Windows 11 Pro (Activado)\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 0; color: #ec4899; font-size: 13px;\"\u003e✓ Microsoft Office (Regalía de Cortesía)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 10px; margin-top: 10px; color: #888; text-align: center;\"\u003e*Configuración de alto rendimiento para eSports y productividad.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction contactarWhatsApp(){\n window.open('https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20la%20PC%20Performance%20Entry','_blank');\n}\n\nfunction descargarPDF() {\n const element = document.getElementById('content-to-export');\n const opt = {\n margin: [10, 10, 10, 10],\n filename: 'Ficha_Performance_Entry_Sumertec.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 const clone = element.cloneNode(true);\n clone.style.maxHeight = \"none\";\n clone.style.color = \"black\";\n clone.style.backgroundColor = \"white\";\n clone.style.padding = \"20px\";\n \n const btns = clone.querySelector('.button-group');\n if(btns) btns.remove();\n\n clone.querySelectorAll('.section-title, .brand-tag, h2, th').forEach(el =\u003e { el.style.color = '#be185d'; });\n clone.querySelectorAll('li, p, td').forEach(el =\u003e { el.style.color = '#333'; });\n\n html2pdf().set(opt).from(clone).save();\n}\n\n\/\/ Lógica de Moléculas (Mantenida igual)\nconst canvas = document.getElementById('moleculeCanvas');\nconst ctx = canvas.getContext('2d');\nlet points = [];\n\nfunction resize(){ \n canvas.width = canvas.parentElement.offsetWidth; \n canvas.height = canvas.parentElement.offsetHeight; \n}\nwindow.addEventListener('resize', resize);\nresize();\n\nfor(let i=0; i\u003c40; i++){\n points.push({\n x: Math.random()*canvas.width, \n y: Math.random()*canvas.height, \n r: Math.random()*2 + 1, \n dx: (Math.random()-0.5)*0.5, \n dy: (Math.random()-0.5)*0.5\n });\n}\n\nfunction animate(){\n ctx.clearRect(0,0,canvas.width,canvas.height);\n \n points.forEach((p, i) =\u003e {\n p.x += p.dx; p.y += p.dy;\n if(p.x\u003c0||p.x\u003ecanvas.width) p.dx*=-1;\n if(p.y\u003c0||p.y\u003ecanvas.height) p.dy*=-1;\n \n for(let j=i+1; j\u003cpoints.length; j++){\n let p2 = points[j];\n let dist = Math.hypot(p.x - p2.x, p.y - p2.y);\n if(dist \u003c 80){\n ctx.beginPath();\n ctx.moveTo(p.x, p.y);\n ctx.lineTo(p2.x, p2.y);\n \/\/ Color de línea adaptado al rosado\n ctx.strokeStyle = `rgba(236, 72, 153, ${1 - dist\/80})`;\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(236, 72, 153, 0.5)\";\n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42194191220791,"sku":null,"price":248900.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_8.png?v=1776801223"},{"product_id":"combo-pc-gamer-s5","title":"COMBO PC GAMER S5","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 oscuro con matiz verde profundo *\/\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:last-child { border-bottom: none; }\n.section-title { font-weight:bold; color:#22c55e; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\np { font-size: 14px; margin-bottom: 8px; font-weight: 600; color: #fff; }\nul { padding-left:18px; margin-bottom: 15px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 12px; }\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.software-box {\n background: rgba(34, 197, 94, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px inset rgba(34, 197, 94, 0.2);\n}\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: 5;\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 h2 { font-size: 18px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pricing-container\"\u003e\n \u003cdiv id=\"plan-card\" class=\"card\"\u003e\n \u003ccanvas id=\"moleculeCanvas\"\u003e\u003c\/canvas\u003e\n \u003cdiv id=\"content-to-export\" class=\"card-content\"\u003e\n \u003cspan class=\"brand-tag\"\u003eSUMERTECCR\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eELITE APU WORKSTATION\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 7 5700G (8 Núcleos \/ 16 Hilos \/ 4.6 GHz).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGráficos:\u003c\/strong\u003e Radeon™ Graphics Integrados (Vega 8).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 16GB (2x8GB) Corsair Vengeance RGB PRO 3200MHz.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 512GB SSD Hiksemi Wave(S) SATA III (530 MB\/s).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePlaca Base:\u003c\/strong\u003e MSI A520M-A PRO AM4.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Eagle Warrior CG08 (3 Ventiladores RGB \/ Malla Frontal).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente Eagle Warrior 400W (New Version).\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\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eJuego\u003c\/th\u003e\n \u003cth\u003eCalidad \/ Res.\u003c\/th\u003e\n \u003cth\u003eFPS Est.\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 \/ Ultra\u003c\/td\u003e\n\u003ctd\u003e140 - 170\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003e1080p \/ Media\u003c\/td\u003e\n\u003ctd\u003e120 - 150\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003e1080p \/ Rendimiento\u003c\/td\u003e\n\u003ctd\u003e85 - 110\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003e1080p \/ Normal-Media\u003c\/td\u003e\n\u003ctd\u003e60 - 75\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMinecraft\u003c\/td\u003e\n\u003ctd\u003e1080p \/ Alta\u003c\/td\u003e\n\u003ctd\u003e100 - 140\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCounter Strike 2\u003c\/td\u003e\n\u003ctd\u003e1080p \/ Baja\u003c\/td\u003e\n\u003ctd\u003e70 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"section-title\"\u003e3. Software e Instalación\u003c\/div\u003e\n \u003cdiv class=\"software-box\"\u003e\n \u003cp style=\"margin-top: 0; color: #22c55e; font-size: 13px;\"\u003e✓ Windows 11 Pro (Activado)\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 0; color: #22c55e; font-size: 13px;\"\u003e✓ Microsoft Office (Regalía de Cortesía)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 10px; margin-top: 10px; color: #888; text-align: center;\"\u003e*Configuración de alto nivel para productividad, diseño y gaming.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction contactarWhatsApp(){\n window.open('https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20la%20PC%20Elite%20APU%20Ryzen%207','_blank');\n}\n\nfunction descargarPDF() {\n const element = document.getElementById('content-to-export');\n const opt = {\n margin: [10, 10, 10, 10],\n filename: 'Ficha_Elite_APU_Sumertec.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 const clone = element.cloneNode(true);\n clone.style.maxHeight = \"none\";\n clone.style.color = \"black\";\n clone.style.backgroundColor = \"white\";\n clone.style.padding = \"20px\";\n \n const btns = clone.querySelector('.button-group');\n if(btns) btns.remove();\n\n clone.querySelectorAll('.section-title, .brand-tag, h2, th').forEach(el =\u003e { el.style.color = '#166534'; });\n clone.querySelectorAll('li, p, td').forEach(el =\u003e { el.style.color = '#333'; });\n\n html2pdf().set(opt).from(clone).save();\n}\n\n\/\/ Lógica de Moléculas\nconst canvas = document.getElementById('moleculeCanvas');\nconst ctx = canvas.getContext('2d');\nlet points = [];\n\nfunction resize(){ \n canvas.width = canvas.parentElement.offsetWidth; \n canvas.height = canvas.parentElement.offsetHeight; \n}\nwindow.addEventListener('resize', resize);\nresize();\n\nfor(let i=0; i\u003c40; i++){\n points.push({\n x: Math.random()*canvas.width, \n y: Math.random()*canvas.height, \n r: Math.random()*2 + 1, \n dx: (Math.random()-0.5)*0.5, \n dy: (Math.random()-0.5)*0.5\n });\n}\n\nfunction animate(){\n ctx.clearRect(0,0,canvas.width,canvas.height);\n \n points.forEach((p, i) =\u003e {\n p.x += p.dx; p.y += p.dy;\n if(p.x\u003c0||p.x\u003ecanvas.width) p.dx*=-1;\n if(p.y\u003c0||p.y\u003ecanvas.height) p.dy*=-1;\n \n for(let j=i+1; j\u003cpoints.length; j++){\n let p2 = points[j];\n let dist = Math.hypot(p.x - p2.x, p.y - p2.y);\n if(dist \u003c 80){\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\/80})`;\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.5)\";\n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42194196267063,"sku":null,"price":298800.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_10.png?v=1776802402"},{"product_id":"combo-pc-gamer-s2","title":"COMBO PC GAMER S2","description":"\u003cp\u003e \u003c\/p\u003e\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 profundo *\/\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:last-child { border-bottom: none; }\n.section-title { font-weight:bold; color:#22c55e; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\np { font-size: 14px; margin-bottom: 8px; font-weight: 600; color: #fff; }\nul { padding-left:18px; margin-bottom: 15px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 12px; }\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.software-box {\n background: rgba(34, 197, 94, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px inset rgba(34, 197, 94, 0.2);\n}\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: 5;\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 h2 { font-size: 18px; }\n}\n\u003c\/style\u003e\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\u003c\/span\u003e\n\u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eCORE GAMING PC (RX 560 EDITION)\u003c\/h2\u003e\n\u003cdiv class=\"button-group\"\u003e\n\u003cbutton class=\"btn btn-main\"\u003eConsultar Disponibilidad\u003c\/button\u003e \u003cbutton class=\"btn btn-pdf\"\u003eDescargar Ficha PDF\u003c\/button\u003e\n\u003c\/div\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 4500 (6 Núcleos \/ 12 Hilos \/ 4.1 GHz).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTarjeta de Video:\u003c\/strong\u003e Arktek Radeon RX 560 4GB GDDR5 (Dedicada).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 8GB Corsair Vengeance RGB PRO 3200MHz.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 256GB SSD Hiksemi Wave(S) SATA III (530 MB\/s).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePlaca Base:\u003c\/strong\u003e MSI A520M-A PRO AM4.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Nova CM01 (Mini Tower \/ Ventiladores Incluidos).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente Fivestar 600W.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-title\"\u003e2. Rendimiento Estimado (Resolución 1080p)\u003c\/div\u003e\n\u003ctable class=\"fps-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eJuego\u003c\/th\u003e\n\u003cth\u003eCalidad\u003c\/th\u003e\n\u003cth\u003eFPS Est.\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\u003eUltra\u003c\/td\u003e\n\u003ctd\u003e110 - 140 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eValorant \/ CS2\u003c\/td\u003e\n\u003ctd\u003eCompetitivo\u003c\/td\u003e\n\u003ctd\u003e90 - 120 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRoblox \/ Minecraft\u003c\/td\u003e\n\u003ctd\u003eAlta\u003c\/td\u003e\n\u003ctd\u003e70 - 100 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003eRendimiento\u003c\/td\u003e\n\u003ctd\u003e60 - 85 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003eMedia\u003c\/td\u003e\n\u003ctd\u003e45 - 60 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-title\"\u003e3. Software e Instalación\u003c\/div\u003e\n\u003cdiv class=\"software-box\"\u003e\n\u003cp style=\"margin-top: 0; color: #22c55e; font-size: 13px;\"\u003e✓ Windows 11 Pro (Activado)\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 0; color: #22c55e; font-size: 13px;\"\u003e✓ Microsoft Office (Regalía de Cortesía)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 10px; margin-top: 10px; color: #888; text-align: center;\"\u003e*Configuración equilibrada para tareas de hogar, estudio y eSports.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42195921272887,"sku":null,"price":213400.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_15.png?v=1776955581"},{"product_id":"pc-gamer-s6-ryzen-5500-rx550","title":"COMBO PC GAMER S7","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: 5;\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 | GAMING\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eCOMBO PC GAMER S7\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 5 5500 (6 Núcleos \/ 12 Hilos \/ 4.2 GHz Turbo).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTarjeta de Video:\u003c\/strong\u003e Arktek Radeon RX 550 8GB GDDR5 (Alta VRAM).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 16GB (2x8GB) Corsair Vengeance RGB PRO 3200MHz DDR4.\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:\u003c\/strong\u003e 512GB SSD Hiksemi Wave(S) SATA III.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Eagle Warrior CG01 Mini Tower con panel lateral.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente Eagle Warrior 400W (401B New Version).\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 (1080p)\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eJuego\u003c\/th\u003e\n \u003cth\u003eCalidad\u003c\/th\u003e\n \u003cth\u003eFPS Est.\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\u003eUltra\u003c\/td\u003e\n\u003ctd\u003e120 - 150 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003eMedia\/Alta\u003c\/td\u003e\n\u003ctd\u003e100 - 130 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003eRendimiento\u003c\/td\u003e\n\u003ctd\u003e70 - 90 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003eNormal\/Media\u003c\/td\u003e\n\u003ctd\u003e55 - 70 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCS2\u003c\/td\u003e\n\u003ctd\u003eBaja\/Media\u003c\/td\u003e\n\u003ctd\u003e60 - 85 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 y la gestión de cables están incluidos en el precio final.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDisponibilidad:\u003c\/strong\u003e Precios y stock sujetos a cambios sin previo aviso hasta concretar 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 \u003cli\u003e\n\u003cstrong\u003eMantenimiento:\u003c\/strong\u003e Se recomienda una limpieza preventiva cada 6 meses para asegurar la vida útil del hardware.\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 window.open('https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20el%20Combo%20PC%20Gamer%20S7','_blank');\n}\n\n\/\/ Función para Exportar PDF\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.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\n const opt = {\n margin: [10, 10, 10, 10],\n filename: 'Ficha_Sumertec_S7.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 html2pdf().set(opt).from(clone).save();\n}\n\n\/\/ Lógica de Animación de Moléculas\nconst canvas = document.getElementById('moleculeCanvas');\nconst ctx = canvas.getContext('2d');\nlet points = [];\n\nfunction resize(){ \n canvas.width = canvas.parentElement.offsetWidth; \n canvas.height = canvas.parentElement.offsetHeight; \n}\nwindow.addEventListener('resize', resize);\nresize();\n\nfor(let i=0; i\u003c45; i++){\n points.push({\n x: Math.random()*canvas.width, \n y: Math.random()*canvas.height, \n r: Math.random()*2 + 1, \n dx: (Math.random()-0.5)*0.5, \n dy: (Math.random()-0.5)*0.5\n });\n}\n\nfunction animate(){\n ctx.clearRect(0,0,canvas.width,canvas.height);\n points.forEach((p, i) =\u003e {\n p.x += p.dx; p.y += p.dy;\n if(p.x\u003c0||p.x\u003ecanvas.width) p.dx*=-1;\n if(p.y\u003c0||p.y\u003ecanvas.height) p.dy*=-1;\n for(let j=i+1; j\u003cpoints.length; j++){\n let p2 = points[j];\n let dist = Math.hypot(p.x - p2.x, p.y - p2.y);\n if(dist \u003c 85){\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\/85})`;\n ctx.lineWidth = 0.5;\n ctx.stroke();\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.5)\";\n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42210081701943,"sku":null,"price":299900.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_26.png?v=1778094857"},{"product_id":"pc-gamer-s4-ryzen-5600gt","title":"COMBO PC GAMER S4","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: 5;\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 | GAMING\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eEXTREME PERFORMANCE PC GT\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 5 5600GT (5ta Gen \/ 4.6 GHz Turbo \/ Gráficos Radeon Integrados).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 16GB (2x8GB) Corsair Vengeance RGB PRO 3200MHz DDR4 CL16.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTarjeta Madre:\u003c\/strong\u003e Arktek AK-A320M EG AM4 Micro-ATX DDR4.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 256GB SSD Hiksemi Wave(S) SATA III (530MB\/s lectura).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Eagle Warrior CG01 Mini Tower con panel lateral.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente de Poder Fivestar Ensamble 600W.\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 (Gráficos GT Integrados)\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eJuego\u003c\/th\u003e\n \u003cth\u003eCalidad\u003c\/th\u003e\n \u003cth\u003eFPS Est.\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003eMedia\u003c\/td\u003e\n\u003ctd\u003e120 - 145 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eLeague of Legends\u003c\/td\u003e\n\u003ctd\u003eUltra\u003c\/td\u003e\n\u003ctd\u003e130 - 160 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003eModo Rendimiento\u003c\/td\u003e\n\u003ctd\u003e80 - 100 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003eNormal\u003c\/td\u003e\n\u003ctd\u003e50 - 65 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMinecraft\u003c\/td\u003e\n\u003ctd\u003eAlta\u003c\/td\u003e\n\u003ctd\u003e140+ FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 y la gestión de cables están incluidos en el precio final.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDisponibilidad:\u003c\/strong\u003e Precios y stock sujetos a cambios sin previo aviso hasta concretar 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 \u003cli\u003e\n\u003cstrong\u003eMantenimiento:\u003c\/strong\u003e Se recomienda una limpieza preventiva cada 6 meses para asegurar la vida útil del hardware.\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 window.open('https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20la%20PC%20Extreme%20Performance%20GT','_blank');\n}\n\n\/\/ Función para Exportar PDF\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.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\n const opt = {\n margin: [10, 10, 10, 10],\n filename: 'Ficha_Tecnica_Sumertec_ExtremeGT.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 html2pdf().set(opt).from(clone).save();\n}\n\n\/\/ Lógica de Animación de Moléculas (Arreglada)\nconst canvas = document.getElementById('moleculeCanvas');\nconst ctx = canvas.getContext('2d');\nlet points = [];\n\nfunction resize(){ \n canvas.width = canvas.parentElement.offsetWidth; \n canvas.height = canvas.parentElement.offsetHeight; \n}\nwindow.addEventListener('resize', resize);\nresize();\n\nfor(let i=0; i\u003c45; i++){\n points.push({\n x: Math.random()*canvas.width, \n y: Math.random()*canvas.height, \n r: Math.random()*2 + 1, \n dx: (Math.random()-0.5)*0.5, \n dy: (Math.random()-0.5)*0.5\n });\n}\n\nfunction animate(){\n ctx.clearRect(0,0,canvas.width,canvas.height);\n points.forEach((p, i) =\u003e {\n p.x += p.dx; p.y += p.dy;\n if(p.x\u003c0||p.x\u003ecanvas.width) p.dx*=-1;\n if(p.y\u003c0||p.y\u003ecanvas.height) p.dy*=-1;\n for(let j=i+1; j\u003cpoints.length; j++){\n let p2 = points[j];\n let dist = Math.hypot(p.x - p2.x, p.y - p2.y);\n if(dist \u003c 85){\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\/85})`;\n ctx.lineWidth = 0.5;\n ctx.stroke();\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.5)\";\n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42210086486071,"sku":null,"price":248900.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_27.png?v=1778096352"},{"product_id":"combo-set-gamer-s2","title":"Combo set Gamer S2","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 | FULL SETUP\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eCOMBO PRO RYZEN 5 5600GT\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 del CPU\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eProcesador:\u003c\/strong\u003e AMD Ryzen 5 5600GT (5ta Gen \/ 4.6 GHz Turbo \/ 6 Núcleos \/ 12 Hilos).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 8GB Corsair Vengeance RGB PRO 3200MHz DDR4.\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:\u003c\/strong\u003e 256GB SSD Hiksemi Wave(S) SATA III (530MB\/s).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Eagle Warrior CG08 Mini Tower con panel lateral.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente de Poder Fivestar Ensamble 600W.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"section-title\"\u003e2. Monitor y Periféricos Incluidos\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eMonitor:\u003c\/strong\u003e MSI PRO MP225 21.5\" Full HD (1920x1080) \/ 100Hz \/ 1ms \/ Panel IPS.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eKit Gamer 4 en 1:\u003c\/strong\u003e Eagle Warrior Rhino (Teclado Rainbow, Mouse, Mouse Pad y Headset).\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 (1080p)\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eJuego\u003c\/th\u003e\n \u003cth\u003eCalidad\u003c\/th\u003e\n \u003cth\u003eFPS Est.\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\u003eUltra\u003c\/td\u003e\n\u003ctd\u003e120 - 150 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003eMedia\u003c\/td\u003e\n\u003ctd\u003e100 - 130 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003eRendimiento\u003c\/td\u003e\n\u003ctd\u003e75 - 95 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMinecraft\u003c\/td\u003e\n\u003ctd\u003eAlta\u003c\/td\u003e\n\u003ctd\u003e130+ FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 y la gestión de cables están incluidos en el precio final.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDisponibilidad:\u003c\/strong\u003e Precios y stock sujetos a cambios sin previo aviso hasta concretar 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 \u003cli\u003e\n\u003cstrong\u003eMantenimiento:\u003c\/strong\u003e Se recomienda una limpieza preventiva cada 6 meses para asegurar la vida útil del hardware.\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 contacto de WhatsApp\nfunction contactarWhatsApp(){\n window.open('https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20el%20Combo%20Full%20Setup%20Ryzen%205%205600GT','_blank');\n}\n\n\/\/ Función para descargar PDF\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.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\n const opt = {\n margin: [10, 10, 10, 10],\n filename: 'Ficha_Tecnica_Sumertec_5600GT_Combo.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 html2pdf().set(opt).from(clone).save();\n}\n\n\/\/ Lógica de Animación de Moléculas\nconst canvas = document.getElementById('moleculeCanvas');\nconst ctx = canvas.getContext('2d');\nlet points = [];\n\nfunction resize(){ \n if (canvas.parentElement) {\n canvas.width = canvas.parentElement.offsetWidth; \n canvas.height = canvas.parentElement.offsetHeight; \n }\n}\nwindow.addEventListener('resize', resize);\nresize();\n\n\/\/ Crear puntos\nfor(let i=0; i\u003c45; i++){\n points.push({\n x: Math.random()*canvas.width, \n y: Math.random()*canvas.height, \n r: Math.random()*2 + 1, \n dx: (Math.random()-0.5)*0.8, \n dy: (Math.random()-0.5)*0.8\n });\n}\n\nfunction animate(){\n ctx.clearRect(0,0,canvas.width,canvas.height);\n points.forEach((p, i) =\u003e {\n p.x += p.dx; p.y += p.dy;\n if(p.x\u003c0||p.x\u003ecanvas.width) p.dx*=-1;\n if(p.y\u003c0||p.y\u003ecanvas.height) p.dy*=-1;\n \n \/\/ Dibujar líneas entre puntos cercanos\n for(let j=i+1; j\u003cpoints.length; j++){\n let p2 = points[j];\n let dist = Math.hypot(p.x - p2.x, p.y - p2.y);\n if(dist \u003c 85){\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\/85})`;\n ctx.lineWidth = 0.5;\n ctx.stroke();\n }\n }\n \n \/\/ Dibujar el punto\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 requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42210095693879,"sku":null,"price":254900.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_28.png?v=1778097182"},{"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"},{"product_id":"pc-gamer-ryzen-3-3200g-8gb-ram-ssd","title":"COMBO PC GAMER S0","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 SERIES\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eENTRY OFFICE \u0026amp; CASUAL 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 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). Integra Gráficos Radeon Vega 8, óptimo para flujos de oficina eficientes, teletrabajo y títulos competitivos casuales.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 8GB Corsair Vengeance RGB PRO DDR4 3200MHz con disipador térmico premium de aluminio e iluminación RGB integrada.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTarjeta Madre:\u003c\/strong\u003e Arktek AK-A320M EG AM4 Micro-ATX (Plataforma estable DDR4).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento Sólido:\u003c\/strong\u003e 128GB SSD Hiksemi Wave(S) 2.5\" SATA III (Velocidades de lectura de 460MB\/s y escritura de 370MB\/s para un inicio rápido de sistema operativo y programas).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eFuente de Poder:\u003c\/strong\u003e Fivestar Ensamble 600W (Modelo PE600RNF0040).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Case Gaming RGB Eagle Warrior CM26K Mini Tower. Incluye panel acrílico lateral y una barra de luz frontal estilizada.\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 (1080p Casual \/ Ofimática)\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eUso \/ 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\u003eOfimática y Teletrabajo\u003c\/td\u003e\n\u003ctd\u003eExcel \/ Word \/ Teams\u003c\/td\u003e\n\u003ctd\u003eFluidez Absoluta (Multi-task)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eNavegación \/ Streaming\u003c\/td\u003e\n\u003ctd\u003eYouTube \/ Netflix Full HD\u003c\/td\u003e\n\u003ctd\u003eCarga Inmediata\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eLeague of Legends\u003c\/td\u003e\n\u003ctd\u003e1080p Calidad Media\u003c\/td\u003e\n\u003ctd\u003e80 - 100 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\u003e70 - 85 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMinecraft\u003c\/td\u003e\n\u003ctd\u003eConfiguración Estándar\u003c\/td\u003e\n\u003ctd\u003e90+ FPS\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 de 128GB para un desempeño ágil y dinámico en las tareas cotidianas.\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%20Entry%20Office%20Ryzen%203%20de%208GB%20RAM';\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_Entry_Office_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":42253407977527,"sku":null,"price":147900.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_35.png?v=1780325094"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/collections\/Gemini_Generated_Image_1i9y1z1i9y1z1i9y.png?v=1776181341","url":"https:\/\/www.sumerteccr.com\/collections\/starter.oembed","provider":"Sumerteccr","version":"1.0","type":"link"}