{"title":"🔵 PC Pro Gamer","description":"\u003cp data-start=\"970\" data-end=\"1258\"\u003eLa colección \u003cstrong data-start=\"983\" data-end=\"996\"\u003ePro Gamer\u003c\/strong\u003e está pensada para jugadores que buscan un rendimiento superior y una experiencia de juego más fluida. Estos equipos permiten ejecutar la mayoría de los juegos modernos con configuraciones gráficas medias o altas, ofreciendo una experiencia más estable y rápida.\u003c\/p\u003e\n\u003cp data-start=\"1260\" data-end=\"1511\"\u003eAdemás del gaming, estos equipos son excelentes para \u003cstrong data-start=\"1313\" data-end=\"1383\"\u003eprogramación, diseño gráfico, edición básica de video y multitarea\u003c\/strong\u003e, lo que los convierte en una opción ideal para estudiantes avanzados y creadores de contenido que necesitan potencia adicional.\u003c\/p\u003e\n\u003cp data-start=\"1513\" data-end=\"1531\"\u003e\u003cstrong data-start=\"1513\" data-end=\"1531\"\u003ePerfecto para:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-start=\"1532\" data-end=\"1634\"\u003e\n\u003cli data-section-id=\"1f0xnce\" data-start=\"1532\" data-end=\"1554\"\u003e\n\u003cp data-start=\"1534\" data-end=\"1554\"\u003eGaming competitivo\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-section-id=\"bejxkx\" data-start=\"1555\" data-end=\"1575\"\u003e\n\u003cp data-start=\"1557\" data-end=\"1575\"\u003eStreaming básico\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-section-id=\"fnbya2\" data-start=\"1576\" data-end=\"1592\"\u003e\n\u003cp data-start=\"1578\" data-end=\"1592\"\u003eProgramación\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-section-id=\"1jynz3u\" data-start=\"1593\" data-end=\"1611\"\u003e\n\u003cp data-start=\"1595\" data-end=\"1611\"\u003eDiseño gráfico\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-section-id=\"1x0rb0p\" data-start=\"1612\" data-end=\"1634\"\u003e\n\u003cp data-start=\"1614\" data-end=\"1634\"\u003eEdición de contenido\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","products":[{"product_id":"combo-pc-gamer-pro-1","title":"COMBO PC GAMER P1","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; \/* Margen lateral para móviles *\/\n}\n\n.card {\n position: relative;\n width: 100%; \/* Flexible para móvil *\/\n max-width: 600px; \/* Límite para escritorio *\/\n padding: 30px 20px; \/* Reducido un poco para móvil *\/\n border-radius: 20px;\n background: #0a0a0a;\n color: white;\n overflow: hidden;\n border: 1px solid rgba(59, 130, 246, 0.7);\n box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);\n box-sizing: border-box; \/* Asegura que el padding no rompa el ancho *\/\n}\n\n.card::before {\n content:\"\";\n position:absolute;\n inset:0;\n background: radial-gradient(circle at top, rgba(59, 130, 246, 0.4), 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; \/* Ajustado a la altura de la pantalla *\/\n overflow-y:auto;\n padding-right:10px;\n}\n\n\/* Scrollbar *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 10px; }\n\nh2 { font-size: 20px; margin-bottom:5px; color: #fff; line-height: 1.2; text-transform: uppercase; }\n.brand-tag { font-size: 12px; color: #3b82f6; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #1f1f1f; padding-bottom: 15px; }\n.section:last-child { border-bottom: none; }\n.section-title { font-weight:bold; color:#3b82f6; 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: #3b82f6; padding: 6px; border-bottom: 1px solid #333; }\n.fps-table td { padding: 6px; border-bottom: 1px solid #1f1f1f; color: #eee; }\n\n.software-box {\n background: rgba(59, 130, 246, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px inset rgba(59, 130, 246, 0.2);\n}\n\n.button-group {\n display: flex;\n flex-direction: row; \/* Horizontal en PC *\/\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; \/* Botones iguales *\/\n padding: 12px 15px;\n border-radius: 999px;\n font-weight: bold;\n cursor: pointer;\n transition: 0.3s ease;\n border: none;\n text-transform: uppercase;\n font-size: 10px;\n text-align: center;\n}\n\n.btn-main { background: white; color: black; }\n.btn-pdf { background: #3b82f6; color: white; }\n\n\/* AJUSTES PARA CELULAR *\/\n@media (max-width: 500px) {\n .button-group {\n flex-direction: column; \/* Vertical en móvil *\/\n }\n h2 { font-size: 18px; }\n .card { padding: 25px 15px; }\n .fps-table { font-size: 11px; }\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 GAMING \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 Ryzen 5 5600GT (6 núcleos, 12 hilos, 4.6 GHz).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTarjeta de Video:\u003c\/strong\u003e NVIDIA GeForce RTX 5050 8GB GDDR6 (OC).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 16GB Corsair Vengeance RGB RS DDR4 3200MHz.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 1TB SSD ADATA SU650.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePlaca Base:\u003c\/strong\u003e MSI B550M PRO-VDH.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnfriamiento:\u003c\/strong\u003e Aire Formula V Line ARGB.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e DeepCool 650W 80 Plus Bronze.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Eagle Warrior RGB + 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 Alta)\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eJuego\u003c\/th\u003e\n \u003cth\u003eAjustes\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\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003eCompetitivo\u003c\/td\u003e\n\u003ctd\u003e140-160\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarzone\u003c\/td\u003e\n\u003ctd\u003eMedio\/Alto\u003c\/td\u003e\n\u003ctd\u003e85-100\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003eUltra\u003c\/td\u003e\n\u003ctd\u003e250+\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCyberpunk\u003c\/td\u003e\n\u003ctd\u003eAlto (DLSS)\u003c\/td\u003e\n\u003ctd\u003e60-75\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003eUltra\u003c\/td\u003e\n\u003ctd\u003e100-120\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eElden Ring\u003c\/td\u003e\n\u003ctd\u003eMáximo\u003c\/td\u003e\n\u003ctd\u003e60 Fix\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:#3b82f6; font-size: 13px;\"\u003e✓ Windows 11 Pro (Activado)\u003c\/p\u003e\n \u003cp style=\"margin-bottom:0; color:#3b82f6; font-size: 13px;\"\u003e✓ Microsoft Office (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 *Rendimiento estimado basado en configuraciones Sumertec.\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%20la%20PC%20Ryzen%205%20y%20RTX%205050`,'_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_PC_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 = '#1e40af'; });\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 adaptables\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(59, 130, 246, 0.3)\"; ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Tu Libreria y Bazar ","offers":[{"title":"Default Title","offer_id":42187981619255,"sku":null,"price":478000.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_2.png?v=1776267314"},{"product_id":"combo-pc-gamer-p2","title":"COMBO PC GAMER P2","description":"\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003cstyle\u003e\n.pricing-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n margin: 20px 0;\n padding: 0 10px;\n}\n\n.card {\n position: relative;\n width: 100%; \n max-width: 600px; \n padding: 30px 20px; \n border-radius: 20px;\n background: #01040a; \/* Fondo azul muy oscuro *\/\n color: white;\n overflow: hidden;\n border: 1px solid rgba(59, 130, 246, 0.7); \/* AZUL *\/\n box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);\n box-sizing: border-box;\n}\n\n.card::before {\n content:\"\";\n position:absolute;\n inset:0;\n background: radial-gradient(circle at top, rgba(59, 130, 246, 0.3), transparent 70%);\n}\n\n.card canvas {\n position:absolute;\n inset:0;\n z-index:1;\n pointer-events: none;\n}\n\n.card-content {\n position:relative;\n z-index:2;\n max-height:85vh;\n overflow-y:auto;\n padding-right:10px;\n}\n\n\/* Scrollbar Azul *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-track { background: transparent; }\n.card-content::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 10px; }\n\nh2 { font-size: 20px; margin-bottom:5px; color: #fff; line-height: 1.2; text-transform: uppercase; }\n.brand-tag { font-size: 12px; color: #3b82f6; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #1e3a8a; padding-bottom: 15px; }\n.section:last-child { border-bottom: none; }\n.section-title { font-weight:bold; color:#3b82f6; 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: #3b82f6; padding: 6px; border-bottom: 1px solid #1e3a8a; }\n.fps-table td { padding: 6px; border-bottom: 1px solid #0f172a; color: #eee; }\n\n.software-box {\n background: rgba(59, 130, 246, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px inset rgba(59, 130, 246, 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: #3b82f6; 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\u003ePRO 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 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 580 8GB GDDR5 (256-bit).\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 CG01 (3 Ventiladores RGB \/ Vidrio Templado).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e DeepCool PL650D 650W (80 Plus Bronze).\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\u003eValorant \/ CS2\u003c\/td\u003e\n\u003ctd\u003eAlta\u003c\/td\u003e\n\u003ctd\u003e140 - 180\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\u003e160 - 200\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFortnite\u003c\/td\u003e\n\u003ctd\u003eRendimiento\u003c\/td\u003e\n\u003ctd\u003e100 - 140\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003eMuy Alta\u003c\/td\u003e\n\u003ctd\u003e70 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarzone\u003c\/td\u003e\n\u003ctd\u003eMedia (FSR)\u003c\/td\u003e\n\u003ctd\u003e60 - 75\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eRed Dead Redemption 2\u003c\/td\u003e\n\u003ctd\u003eMedia\u003c\/td\u003e\n\u003ctd\u003e50 - 60\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: #3b82f6; font-size: 13px;\"\u003e✓ Windows 11 Pro (Activado)\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 0; color: #3b82f6; 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 balanceada para gaming y streaming.\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%20Pro%20Gaming%20Azul','_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_Pro_Gaming_Azul_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 = '#1e3a8a'; });\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 Azules\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(59, 130, 246, ${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(59, 130, 246, 0.5)\";\n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42194585288759,"sku":null,"price":362000.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_11.png?v=1776840739"},{"product_id":"combo-pc-gamer-am5-p4","title":"COMBO PC GAMER AM5 P4","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: #01040a; \/* Fondo azul profundo *\/\n color: white;\n overflow: hidden;\n border: 1px solid rgba(59, 130, 246, 0.7); \/* AZUL *\/\n box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);\n box-sizing: border-box;\n}\n\n.card::before {\n content:\"\";\n position:absolute;\n inset:0;\n background: radial-gradient(circle at top, rgba(59, 130, 246, 0.3), transparent 70%);\n}\n\n.card canvas {\n position:absolute;\n inset:0;\n z-index:1;\n pointer-events: none;\n}\n\n.card-content {\n position:relative;\n z-index:2;\n max-height:85vh;\n overflow-y:auto;\n padding-right:10px;\n}\n\n\/* Scrollbar Azul *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-track { background: transparent; }\n.card-content::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 10px; }\n\nh2 { font-size: 20px; margin-bottom:5px; color: #fff; line-height: 1.2; text-transform: uppercase; }\n.brand-tag { font-size: 12px; color: #3b82f6; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #1e3a8a; padding-bottom: 15px; }\n.section:last-child { border-bottom: none; }\n.section-title { font-weight:bold; color:#3b82f6; 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: #3b82f6; padding: 6px; border-bottom: 1px solid #1e3a8a; }\n.fps-table td { padding: 6px; border-bottom: 1px solid #0f172a; color: #eee; }\n\n.software-box {\n background: rgba(59, 130, 246, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px inset rgba(59, 130, 246, 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: #3b82f6; 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\u003eHYBRID NEXT-GEN WORKSTATION (AM5)\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 8400F (Socket AM5 \/ Zen 4 \/ 4.7 GHz Turbo).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTarjeta de Video:\u003c\/strong\u003e ASUS Dual NVIDIA RTX 3050 6GB GDDR6 (Ray Tracing \u0026amp; DLSS).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 16GB Patriot Signature DDR5 4800MHz (Arquitectura de Nueva Era).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 512GB SSD Hiksemi Wave(S) SATA III (Arranque Instantáneo).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePlaca Base:\u003c\/strong\u003e MSI PRO A620M-B EVO (Socket AM5 \/ Preparada para Upgrades).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e DeepCool PL650D 650W (Certificación 80 Plus Bronze).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Eagle Warrior CG70 (3 Ventiladores RGB \/ Doble Vidrio Templado).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-title\"\u003e2. Rendimiento en Edición y Gaming\u003c\/div\u003e\n\u003cp style=\"color: #3b82f6; font-size: 12px; margin-bottom: 10px;\"\u003eCapacidad híbrida: Edición 4K profesional y Gaming competitivo.\u003c\/p\u003e\n\u003ctable class=\"fps-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSoftware \/ Juego\u003c\/th\u003e\n\u003cth\u003eAjustes\u003c\/th\u003e\n\u003cth\u003eFPS \/ Fluidez\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eAdobe Premiere \/ 4K\u003c\/td\u003e\n\u003ctd\u003eHigh (Proxies)\u003c\/td\u003e\n\u003ctd\u003eÓptima\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDaVinci Resolve\u003c\/td\u003e\n\u003ctd\u003eHardware Accel.\u003c\/td\u003e\n\u003ctd\u003eExcelente\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eValorant \/ CS2\u003c\/td\u003e\n\u003ctd\u003e1080p Alta\u003c\/td\u003e\n\u003ctd\u003e170 - 230 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\u003e115 - 155 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003eMuy Alta\u003c\/td\u003e\n\u003ctd\u003e85 - 110 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWarzone\u003c\/td\u003e\n\u003ctd\u003eMedia (DLSS ON)\u003c\/td\u003e\n\u003ctd\u003e75 - 95 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCyberpunk 2077\u003c\/td\u003e\n\u003ctd\u003eMedio (DLSS)\u003c\/td\u003e\n\u003ctd\u003e55 - 65 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: #3b82f6; font-size: 13px;\"\u003e✓ Windows 11 Pro (Activado)\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 0; color: #3b82f6; 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*Plataforma AM5: Longevidad extrema y soporte DDR5 para procesos pesados.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Sumerteccr","offers":[{"title":"Default Title","offer_id":42195015434295,"sku":null,"price":454900.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_14.png?v=1776898598"},{"product_id":"combo-set-gamer-p1","title":"Combo set Gamer P1","description":"\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003cstyle\u003e\n.pricing-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n margin: 20px 0;\n padding: 0 10px;\n}\n\n.card {\n position: relative;\n width: 100%; \n max-width: 600px; \n padding: 30px 20px; \n border-radius: 20px;\n background: #01040a; \/* Fondo azul muy oscuro *\/\n color: white;\n overflow: hidden;\n border: 1px solid rgba(59, 130, 246, 0.7); \/* AZUL *\/\n box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);\n box-sizing: border-box;\n}\n\n.card::before {\n content:\"\";\n position:absolute;\n inset:0;\n background: radial-gradient(circle at top, rgba(59, 130, 246, 0.3), transparent 70%);\n}\n\n.card canvas {\n position:absolute;\n inset:0;\n z-index:1;\n pointer-events: none;\n}\n\n.card-content {\n position:relative;\n z-index:2;\n max-height:85vh;\n overflow-y:auto;\n padding-right:10px;\n}\n\n\/* Scrollbar Azul *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-track { background: transparent; }\n.card-content::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 10px; }\n\nh2 { font-size: 20px; margin-bottom:5px; color: #fff; line-height: 1.2; text-transform: uppercase; }\n.brand-tag { font-size: 12px; color: #3b82f6; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #1e3a8a; padding-bottom: 15px; }\n.section:last-child { border-bottom: none; }\n.section-title { font-weight:bold; color:#3b82f6; 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: #3b82f6; padding: 6px; border-bottom: 1px solid #1e3a8a; }\n.fps-table td { padding: 6px; border-bottom: 1px solid #0f172a; color: #eee; }\n\n.software-box {\n background: rgba(59, 130, 246, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px inset rgba(59, 130, 246, 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: #3b82f6; 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 ALL-IN-ONE BUNDLE\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 (Torre)\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 Turbo). Potencia masiva para multitarea y renderizado.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGráficos:\u003c\/strong\u003e Radeon™ Graphics Integrados (Vega 8). Los gráficos integrados más potentes del mercado.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 16GB (2x8GB) Corsair Vengeance RGB PRO 3200MHz. Configuración Dual Channel para maximizar el rendimiento gráfico.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 256GB SSD Hiksemi Wave(P) M.2 NVMe PCIe (1800 MB\/s). Velocidad ultra rápida para sistema y aplicaciones críticas.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePlaca Base:\u003c\/strong\u003e Arktek AK-A320M EG AM4. Plataforma estable y compacta.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente Fivestar Ensamblaje 600W. Energía fiable para todo el sistema APU.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Eagle Warrior CG09J2 Mini Tower. Diseño sobrio y compacto.\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 (Incluidos)\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eMonitor:\u003c\/strong\u003e Hikvision 22\" Full HD (1920x1080). Panel IPS para colores precisos y 100Hz para máxima fluidez visual. Incluye entradas HDMI y VGA.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eKit Periféricos:\u003c\/strong\u003e Combo Gaming Eagle Warrior Rhino 4-en-1. Incluye Teclado Rainbow Backlight, Mouse Ergonómico, Mouse Pad y Headset estéreo. Solución completa lista para usar.\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 y Software\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eJuego \/ Tarea\u003c\/th\u003e\n \u003cth\u003eCalidad \/ Res.\u003c\/th\u003e\n \u003cth\u003eRendimiento\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 \/ Alta\u003c\/td\u003e\n\u003ctd\u003e100 - 130 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant\u003c\/td\u003e\n\u003ctd\u003e1080p \/ Competitiva\u003c\/td\u003e\n\u003ctd\u003e90 - 120 FPS\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 - 85 FPS\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\u003e50 - 65 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eRenderizado Video\u003c\/td\u003e\n\u003ctd\u003eSony Vegas \/ Premiere\u003c\/td\u003e\n\u003ctd\u003eExcelente (8 Núcleos)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003cdiv class=\"software-box\" style=\"margin-top: 15px;\"\u003e\n \u003cp style=\"margin-top: 0; color: #3b82f6; font-size: 13px;\"\u003e✓ Windows 11 Pro (Activado)\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 0; color: #3b82f6; 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*Solución integral optimizada para productividad de alto nivel y gaming de entrada fluido.\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%20Bundle%20Elite%20APU%20Ryzen%207%20con%20Monitor','_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_Bundle_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 = '#1e3a8a'; });\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 Azules\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(59, 130, 246, ${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(59, 130, 246, 0.5)\";\n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Sumerteccr","offers":[{"title":"Default Title","offer_id":42204619767863,"sku":null,"price":309900.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_1187f4ae-285b-4234-b2ad-0d56ce87ff8d.png?v=1777596525"},{"product_id":"pc-gamer-ryzen-5-5500-rx550-16gb","title":"COMBO PC GAMER P3","description":"\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003cstyle\u003e\n.pricing-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n margin: 20px 0;\n padding: 0 10px;\n}\n\n.card {\n position: relative;\n width: 100%; \n max-width: 600px; \n padding: 30px 20px; \n border-radius: 20px;\n background: #01040a; \/* Fondo azul profundo *\/\n color: white;\n overflow: hidden;\n border: 1px solid rgba(59, 130, 246, 0.7); \/* AZUL *\/\n box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);\n box-sizing: border-box;\n}\n\n.card::before {\n content:\"\";\n position:absolute;\n inset:0;\n background: radial-gradient(circle at top, rgba(59, 130, 246, 0.3), transparent 70%);\n}\n\n.card canvas {\n position:absolute;\n inset:0;\n z-index:1;\n pointer-events: none;\n}\n\n.card-content {\n position:relative;\n z-index:2;\n max-height:85vh;\n overflow-y:auto;\n padding-right:10px;\n}\n\n\/* Scrollbar Azul *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-track { background: transparent; }\n.card-content::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 10px; }\n\nh2 { font-size: 20px; margin-bottom:5px; color: #fff; line-height: 1.2; text-transform: uppercase; }\n.brand-tag { font-size: 12px; color: #3b82f6; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #1e3a8a; padding-bottom: 15px; }\n.section-title { font-weight:bold; color:#3b82f6; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\nul { padding-left:18px; margin-bottom: 10px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\nstrong { color: #3b82f6; }\n\n\/* Cuadro de Términos Blanco con Scroll *\/\n.terms-box {\n background: #ffffff;\n color: #333;\n padding: 15px;\n border-radius: 12px;\n margin-top: 20px;\n max-height: 200px;\n overflow-y: auto;\n border: 2px solid #3b82f6;\n position: relative;\n z-index: 10;\n}\n\n.terms-box h3 { color: #1e3a8a; font-size: 15px; margin-top: 0; border-bottom: 1px solid #ddd; padding-bottom: 5px; }\n.terms-box p, .terms-box li { color: #444; font-size: 11px; margin-bottom: 8px; list-style-type: disc; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 11px; }\n.fps-table th { text-align: left; color: #3b82f6; padding: 6px; border-bottom: 1px solid #1e3a8a; }\n.fps-table td { padding: 6px; border-bottom: 1px solid #0f172a; color: #eee; }\n\n.button-group {\n display: flex;\n flex-direction: row;\n gap: 10px;\n justify-content: center;\n margin: 20px 0;\n z-index: 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: #3b82f6; color: white; }\n\n@media (max-width: 500px) {\n .button-group { flex-direction: column; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pricing-container\"\u003e\n \u003cdiv 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 | GAMING\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003ePC PRO GAMING P3\u003c\/h2\u003e\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 \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\u003eEnfriamiento:\u003c\/strong\u003e Líquido Eagle Warrior Frostbite HL240 RGB (Dual 120mm).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTarjeta de Video:\u003c\/strong\u003e Arktek Radeon RX 550 8GB GDDR5 (Alta capacidad de 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 Gigabyte A520M K V2 AM4.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento:\u003c\/strong\u003e 512GB SSD Hiksemi Wave(S) (Carga ultra rápida).\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 New Version.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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 \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 un mantenimiento preventivo cada 6 meses debido al sistema de enfriamiento líquido.\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\nfunction contactarWhatsApp(){\n window.open('https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20la%20PC%20Pro%20Gaming%20P3','_blank');\n}\n\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 }\n\n clone.querySelectorAll('.section-title, .brand-tag, h2, strong, h3').forEach(el =\u003e { el.style.color = '#1e3a8a'; });\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_P3.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 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(59, 130, 246, ${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(59, 130, 246, 0.5)\";\n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42210016133175,"sku":null,"price":338800.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_25.png?v=1778084162"},{"product_id":"pc-gamer-p4-ryzen7-rx550","title":"COMBO PC GAMER P4","description":"\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003cstyle\u003e\n.pricing-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n margin: 20px 0;\n padding: 0 10px;\n}\n\n.card {\n position: relative;\n width: 100%; \n max-width: 600px; \n padding: 30px 20px; \n border-radius: 20px;\n background: #01040a; \/* Fondo azul profundo *\/\n color: white;\n overflow: hidden;\n border: 1px solid rgba(59, 130, 246, 0.7); \/* AZUL *\/\n box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);\n box-sizing: border-box;\n}\n\n.card::before {\n content:\"\";\n position:absolute;\n inset:0;\n background: radial-gradient(circle at top, rgba(59, 130, 246, 0.3), transparent 70%);\n}\n\n.card canvas {\n position:absolute;\n inset:0;\n z-index:1;\n pointer-events: none;\n}\n\n.card-content {\n position:relative;\n z-index:2;\n max-height:85vh;\n overflow-y:auto;\n padding-right:10px;\n}\n\n\/* Scrollbar Azul *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-track { background: transparent; }\n.card-content::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 10px; }\n\nh2 { font-size: 20px; margin-bottom:5px; color: #fff; line-height: 1.2; text-transform: uppercase; }\n.brand-tag { font-size: 12px; color: #3b82f6; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #1e3a8a; padding-bottom: 15px; }\n.section-title { font-weight:bold; color:#3b82f6; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\nul { padding-left:18px; margin-bottom: 10px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\nstrong { color: #3b82f6; }\n\n\/* Cuadro de Términos Blanco con Scroll *\/\n.terms-box {\n background: #ffffff;\n color: #333;\n padding: 15px;\n border-radius: 12px;\n margin-top: 20px;\n max-height: 200px;\n overflow-y: auto;\n border: 2px solid #3b82f6;\n position: relative;\n z-index: 10;\n}\n\n.terms-box h3 { color: #1e3a8a; font-size: 15px; margin-top: 0; border-bottom: 1px solid #ddd; padding-bottom: 5px; }\n.terms-box p, .terms-box li { color: #444; font-size: 11px; margin-bottom: 8px; list-style-type: disc; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 11px; }\n.fps-table th { text-align: left; color: #3b82f6; padding: 6px; border-bottom: 1px solid #1e3a8a; }\n.fps-table td { padding: 6px; border-bottom: 1px solid #0f172a; color: #eee; }\n\n.button-group {\n display: flex;\n flex-direction: row;\n gap: 10px;\n justify-content: center;\n margin: 20px 0;\n z-index: 100;\n position: relative;\n}\n\n.btn {\n flex: 1;\n padding: 12px 15px;\n border-radius: 999px;\n font-weight: bold;\n cursor: pointer;\n transition: 0.3s ease;\n border: none;\n text-transform: uppercase;\n font-size: 10px;\n text-align: center;\n}\n\n.btn-main { background: white; color: black; }\n.btn-pdf { background: #3b82f6; color: white; }\n\n@media (max-width: 500px) {\n .button-group { flex-direction: column; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pricing-container\"\u003e\n \u003cdiv class=\"card\" id=\"plan-card\"\u003e\n \u003ccanvas id=\"moleculeCanvas\"\u003e\u003c\/canvas\u003e\n \u003cdiv class=\"card-content\" id=\"content-to-export\"\u003e\n \u003cspan class=\"brand-tag\"\u003eSUMERTECCR | ELITE SERIES\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eELITE POWER PC (RYZEN 7)\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 5700 (8 Núcleos \/ 16 Hilos \/ 4.6 GHz Turbo).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTarjeta de Video:\u003c\/strong\u003e Arktek Radeon RX 550 8GB GDDR5.\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 Sistema:\u003c\/strong\u003e 128GB SSD Hiksemi Wave(S) (Para Windows 11).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento Masivo:\u003c\/strong\u003e 1TB HDD Toshiba 2.5\" SATA III.\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. Rendimiento Estimado (Gaming \u0026amp; Edición)\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eUso \/ Software\u003c\/th\u003e\n \u003cth\u003eCalidad \/ Tipo\u003c\/th\u003e\n \u003cth\u003eRendimiento Est.\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eAdobe Premiere \/ After Effects\u003c\/td\u003e\n\u003ctd\u003eFull HD 1080p\u003c\/td\u003e\n\u003ctd\u003eExcelente (Multi-Core)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003ePhotoshop \/ Illustrator\u003c\/td\u003e\n\u003ctd\u003eDiseño Pesado\u003c\/td\u003e\n\u003ctd\u003eFluidez Total\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\u003eValorant\u003c\/td\u003e\n\u003ctd\u003eAlta\u003c\/td\u003e\n\u003ctd\u003e110 - 140 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\u003e80 - 100 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\u003e60 - 75 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFree Fire (Emulador)\u003c\/td\u003e\n\u003ctd\u003eUltra\u003c\/td\u003e\n\u003ctd\u003e90 FPS Estables\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\u003eConfiguración Dual:\u003c\/strong\u003e El sistema operativo se instala en el SSD para un arranque veloz, el HDD queda para datos.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDisponibilidad:\u003c\/strong\u003e Precios y stock sujetos a cambios sin previo aviso.\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 (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 window.open('https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20la%20Elite%20Power%20PC%20Ryzen%207','_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 = '#1e3a8a'; });\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_Ryzen7_Elite.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 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\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 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(59, 130, 246, ${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(59, 130, 246, 0.6)\";\n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42210825633847,"sku":null,"price":319900.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_29.png?v=1778172581"},{"product_id":"pc-gamer-am5-ryzen-8500g","title":"Combo set Gamer AM5 P1","description":"\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003cstyle\u003e\n.pricing-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n margin: 20px 0;\n padding: 0 10px;\n}\n\n.card {\n position: relative;\n width: 100%; \n max-width: 600px; \n padding: 30px 20px; \n border-radius: 20px;\n background: #01040a; \/* Fondo azul profundo *\/\n color: white;\n overflow: hidden;\n border: 1px solid rgba(59, 130, 246, 0.7); \/* AZUL *\/\n box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);\n box-sizing: border-box;\n}\n\n.card::before {\n content:\"\";\n position:absolute;\n inset:0;\n background: radial-gradient(circle at top, rgba(59, 130, 246, 0.3), transparent 70%);\n}\n\n.card canvas {\n position:absolute;\n inset:0;\n z-index:1;\n pointer-events: none;\n}\n\n.card-content {\n position:relative;\n z-index:2;\n max-height:85vh;\n overflow-y:auto;\n padding-right:10px;\n}\n\n\/* Scrollbar Azul *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-track { background: transparent; }\n.card-content::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 10px; }\n\nh2 { font-size: 20px; margin-bottom:5px; color: #fff; line-height: 1.2; text-transform: uppercase; }\n.brand-tag { font-size: 12px; color: #3b82f6; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #1e3a8a; padding-bottom: 15px; }\n.section-title { font-weight:bold; color:#3b82f6; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\nul { padding-left:18px; margin-bottom: 10px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\nstrong { color: #3b82f6; }\n\n\/* Cuadro de Términos Blanco con Scroll *\/\n.terms-box {\n background: #ffffff;\n color: #333;\n padding: 15px;\n border-radius: 12px;\n margin-top: 20px;\n max-height: 200px;\n overflow-y: auto;\n border: 2px solid #3b82f6;\n position: relative;\n z-index: 10;\n}\n\n.terms-box h3 { color: #1e3a8a; font-size: 15px; margin-top: 0; border-bottom: 1px solid #ddd; padding-bottom: 5px; }\n.terms-box p, .terms-box li { color: #444; font-size: 11px; margin-bottom: 8px; list-style-type: disc; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 11px; }\n.fps-table th { text-align: left; color: #3b82f6; padding: 6px; border-bottom: 1px solid #1e3a8a; }\n.fps-table td { padding: 6px; border-bottom: 1px solid #0f172a; color: #eee; }\n\n.button-group {\n display: flex;\n flex-direction: row;\n gap: 10px;\n justify-content: center;\n margin: 20px 0;\n z-index: 100;\n position: relative;\n}\n\n.btn {\n flex: 1;\n padding: 12px 15px;\n border-radius: 999px;\n font-weight: bold;\n cursor: pointer;\n transition: 0.3s ease;\n border: none;\n text-transform: uppercase;\n font-size: 10px;\n text-align: center;\n}\n\n.btn-main { background: white; color: black; }\n.btn-pdf { background: #3b82f6; color: white; }\n\n@media (max-width: 500px) {\n .button-group { flex-direction: column; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pricing-container\"\u003e\n \u003cdiv class=\"card\" id=\"plan-card\"\u003e\n \u003ccanvas id=\"moleculeCanvas\"\u003e\u003c\/canvas\u003e\n \u003cdiv class=\"card-content\" id=\"content-to-export\"\u003e\n \u003cspan class=\"brand-tag\"\u003eSUMERTECCR | NEXT-GEN AM5\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003ePLATINUM AM5 MULTIMEDIA SETUP\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 8500G (8va Gen \/ 5.0 GHz Turbo). Rendimiento Zen 4.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 16GB (2x8GB) ADATA DDR5 4800MHz de alta velocidad.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTarjeta Madre:\u003c\/strong\u003e MSI PRO A620M-B EVO (Socket AM5 \/ DDR5).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento Sistema:\u003c\/strong\u003e 128GB SSD Hiksemi Wave(S) (Para Windows 11).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento Masivo:\u003c\/strong\u003e 1TB HDD Toshiba 2.5\" SATA III (Datos).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnergía:\u003c\/strong\u003e Fuente AeroCool Cylon 600W (80 Plus Bronze \/ RGB).\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 (Edición \u0026amp; Gaming)\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eUso \/ Software\u003c\/th\u003e\n \u003cth\u003eCalidad \/ Res.\u003c\/th\u003e\n \u003cth\u003eRendimiento\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eAdobe Premiere \/ After Effects\u003c\/td\u003e\n\u003ctd\u003eFHD \/ 2K\u003c\/td\u003e\n\u003ctd\u003eExcelente \/ Fluido\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003ePhotoshop \/ Illustrator\u003c\/td\u003e\n\u003ctd\u003eDiseño Pesado\u003c\/td\u003e\n\u003ctd\u003eFluidez Total\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant \/ CS2\u003c\/td\u003e\n\u003ctd\u003e1080p Comp.\u003c\/td\u003e\n\u003ctd\u003e100 - 130 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eLeague of Legends\u003c\/td\u003e\n\u003ctd\u003e1080p Ultra\u003c\/td\u003e\n\u003ctd\u003e120 - 145 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\u003eGTA V\u003c\/td\u003e\n\u003ctd\u003e1080p Normal\u003c\/td\u003e\n\u003ctd\u003e55 - 65 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.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSoftware:\u003c\/strong\u003e El equipo incluye Windows 11 Pro y Microsoft Office activados como cortesía.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eInstalación:\u003c\/strong\u003e Ensamble profesional y gestión de cables incluidos.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eConfiguración:\u003c\/strong\u003e Sistema en SSD para velocidad y HDD para archivos.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDisponibilidad:\u003c\/strong\u003e Precios y stock sujetos a cambios sin previo aviso.\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 - Asegurar ejecución\nfunction contactarWhatsApp(){\n const url = 'https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20el%20Setup%20Platinum%20AM5%20Multimedia';\n window.open(url, '_blank');\n}\n\n\/\/ Función para Exportar PDF - Reparada\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 = '#1e3a8a'; });\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_AM5_Platinum.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 Moléculas - Corregida para renderizado continuo\nconst canvas = document.getElementById('moleculeCanvas');\nconst ctx = canvas.getContext('2d');\nlet points = [];\n\nfunction resize(){ \n const container = canvas.parentElement;\n if (container) {\n canvas.width = container.offsetWidth; \n canvas.height = container.offsetHeight; \n }\n}\nwindow.addEventListener('resize', resize);\nresize();\n\n\/\/ Crear puntos iniciales\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 \n \/\/ Rebotes\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 \/\/ Conexiones\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 90){\n ctx.beginPath();\n ctx.moveTo(p.x, p.y);\n ctx.lineTo(p2.x, p2.y);\n ctx.strokeStyle = `rgba(59, 130, 246, ${1 - dist\/90})`;\n ctx.lineWidth = 0.5;\n ctx.stroke();\n }\n }\n \n \/\/ Dibujo de nodo\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.r, 0, Math.PI*2);\n ctx.fillStyle = \"rgba(59, 130, 246, 0.6)\";\n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42210941272119,"sku":null,"price":359600.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_29_8b0d4c8b-e8ff-40dc-bbe8-df2bb8192f54.png?v=1778180952"},{"product_id":"combo-set-gamer-p2","title":"Combo Set Gamer P2","description":"\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003cstyle\u003e\n.pricing-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n margin: 20px 0;\n padding: 0 10px;\n}\n\n.card {\n position: relative;\n width: 100%; \n max-width: 600px; \n padding: 30px 20px; \n border-radius: 20px;\n background: #01040a; \/* Fondo azul profundo *\/\n color: white;\n overflow: hidden;\n border: 1px solid rgba(59, 130, 246, 0.7); \/* AZUL *\/\n box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);\n box-sizing: border-box;\n}\n\n.card::before {\n content:\"\";\n position:absolute;\n inset:0;\n background: radial-gradient(circle at top, rgba(59, 130, 246, 0.3), transparent 70%);\n}\n\n.card canvas {\n position:absolute;\n inset:0;\n z-index:1;\n pointer-events: none;\n}\n\n.card-content {\n position:relative;\n z-index:2;\n max-height:85vh;\n overflow-y:auto;\n padding-right:10px;\n}\n\n\/* Scrollbar Azul *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-track { background: transparent; }\n.card-content::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 10px; }\n\nh2 { font-size: 20px; margin-bottom:5px; color: #fff; line-height: 1.2; text-transform: uppercase; }\n.brand-tag { font-size: 12px; color: #3b82f6; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #1e3a8a; padding-bottom: 15px; }\n.section-title { font-weight:bold; color:#3b82f6; margin-bottom:10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }\n\nul { padding-left:18px; margin-bottom: 10px; }\nli { font-size:13px; line-height:1.4; color: #ccc; margin-bottom: 6px; }\nstrong { color: #3b82f6; }\n\n\/* Cuadro de Términos Blanco con Scroll *\/\n.terms-box {\n background: #ffffff;\n color: #333;\n padding: 15px;\n border-radius: 12px;\n margin-top: 20px;\n max-height: 200px;\n overflow-y: auto;\n border: 2px solid #3b82f6;\n position: relative;\n z-index: 10;\n}\n\n.terms-box h3 { color: #1e3a8a; font-size: 15px; margin-top: 0; border-bottom: 1px solid #ddd; padding-bottom: 5px; }\n.terms-box p, .terms-box li { color: #444; font-size: 11px; margin-bottom: 8px; list-style-type: disc; }\n\n.fps-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 11px; }\n.fps-table th { text-align: left; color: #3b82f6; padding: 6px; border-bottom: 1px solid #1e3a8a; }\n.fps-table td { padding: 6px; border-bottom: 1px solid #0f172a; color: #eee; }\n\n.button-group {\n display: flex;\n flex-direction: row;\n gap: 10px;\n justify-content: center;\n margin: 20px 0;\n z-index: 100;\n position: relative;\n}\n\n.btn {\n flex: 1;\n padding: 12px 15px;\n border-radius: 999px;\n font-weight: bold;\n cursor: pointer;\n transition: 0.3s ease;\n border: none;\n text-transform: uppercase;\n font-size: 10px;\n text-align: center;\n}\n\n.btn-main { background: white; color: black; }\n.btn-pdf { background: #3b82f6; color: white; }\n\n@media (max-width: 500px) {\n .button-group { flex-direction: column; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pricing-container\"\u003e\n \u003cdiv class=\"card\" id=\"plan-card\"\u003e\n \u003ccanvas id=\"moleculeCanvas\"\u003e\u003c\/canvas\u003e\n \u003cdiv class=\"card-content\" id=\"content-to-export\"\u003e\n \u003cspan class=\"brand-tag\"\u003eSUMERTECCR | HYPER GAMING\u003c\/span\u003e\n \u003ch2\u003eFICHA TÉCNICA:\u003cbr\u003eULTRA GAMING \u0026amp; EDITION SETUP\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\u003eTarjeta de Video:\u003c\/strong\u003e Gigabyte NVIDIA GeForce RTX 5050 Gaming OC 8GB GDDR6 (2632 MHz). Rendimiento gráfico de última generación con DLSS 4 y trazado de rayos avanzado.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eProcesador:\u003c\/strong\u003e AMD Ryzen 7 5700 (5ta Gen \/ 4.6 GHz Turbo \/ 8 Núcleos \/ 16 Hilos).\u003c\/li\u003e\n \u003cli\u003e\n \n \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMemoria RAM:\u003c\/strong\u003e 16GB Corsair Vengeance RGB RS DDR4 3200MHz con disipador de aluminio y soporte XMP 2.0.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTarjeta Madre:\u003c\/strong\u003e Gigabyte A520M K V2 AM4 Micro-ATX.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento Sistema:\u003c\/strong\u003e 128GB SSD Hiksemi Wave(S) SATA III (Optimizada para la carga ultra rápida de Windows 11).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlmacenamiento Masivo:\u003c\/strong\u003e 1TB HDD Toshiba 2.5\" SATA III (Para almacenamiento masivo de archivos y librerías).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eFuente de Poder:\u003c\/strong\u003e DeepCool PL650D 650W (Certificación 80 Plus Bronze \/ No modular V2).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGabinete:\u003c\/strong\u003e Eagle Warrior CG01 Mini Tower con panel lateral.\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 Pantalla\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eMonitor:\u003c\/strong\u003e MSI MAG 244F de 23.8\" Plano \/ Panel IPS \/ Resolución Full HD (1920 x 1080) \/ **Tasa de refresco extrema de 200 Hz** \/ Tiempo de respuesta de 1ms \/ Tratamiento Anti-Glare (HDMI y DisplayPort).\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 (Gaming \u0026amp; Edición Profesional)\u003c\/div\u003e\n \u003ctable class=\"fps-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eUso \/ Videojuego\u003c\/th\u003e\n \u003cth\u003eCalidad \/ Res.\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\u003eRenderizado de Video \/ 3D\u003c\/td\u003e\n\u003ctd\u003ePremiere \/ Blender\u003c\/td\u003e\n\u003ctd\u003eUltra Fluido (8 Cores + RTX)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003ePhotoshop \/ After Effects\u003c\/td\u003e\n\u003ctd\u003eComposiciones Pesadas\u003c\/td\u003e\n\u003ctd\u003eRespuesta Inmediata\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eValorant \/ Counter-Strike 2\u003c\/td\u003e\n\u003ctd\u003e1080p Competitivo\u003c\/td\u003e\n\u003ctd\u003e200+ FPS (Aprovecha los 200Hz)\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\u003e160 - 220 FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eLeague of Legends\u003c\/td\u003e\n\u003ctd\u003e1080p Ultra\u003c\/td\u003e\n\u003ctd\u003e240+ FPS\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCyberpunk 2077 \/ GTA V\u003c\/td\u003e\n\u003ctd\u003e1080p Alta \/ Ultra\u003c\/td\u003e\n\u003ctd\u003e70 - 110 FPS (Ray Tracing On)\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 gestionan despachos seguros a todo el territorio nacional mediante logística y mensajería privada (Costo adicional según la zona geográfica).\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 - Enlace directo funcional\nfunction contactarWhatsApp(){\n const url = 'https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20el%20setup%20Ultra%20Gaming%20con%20RTX%205050%20y%20Monitor%20de%20200Hz';\n window.open(url, '_blank');\n}\n\n\/\/ Función para Exportar PDF - Funcionamiento Completo Garantizado\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 = '#1e3a8a'; });\n clone.querySelectorAll('li, p, td').forEach(el =\u003e { el.style.color = '#333'; });\n clone.querySelectorAll('th').forEach(el =\u003e { el.style.color = '#1e3a8a'; el.style.borderBottom = '1px solid #1e3a8a'; });\n\n const opt = {\n margin: [10, 10, 10, 10],\n filename: 'Ficha_Tecnica_Ultra_Gaming_RTX5050.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 Azules (Corregida y Fluida)\nconst canvas = document.getElementById('moleculeCanvas');\nconst ctx = canvas.getContext('2d');\nlet points = [];\n\nfunction resize(){ \n const container = canvas.parentElement;\n if (container) {\n canvas.width = container.offsetWidth; \n canvas.height = container.offsetHeight; \n }\n}\nwindow.addEventListener('resize', resize);\nresize();\n\n\/\/ Generación de nodos moleculares con velocidades suaves\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 \n \/\/ Control de bordes y rebotes\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 \/\/ Trazado de redes moleculares interconectadas\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 90){\n ctx.beginPath();\n ctx.moveTo(p.x, p.y);\n ctx.lineTo(p2.x, p2.y);\n ctx.strokeStyle = `rgba(59, 130, 246, ${1 - dist\/90})`;\n ctx.lineWidth = 0.5;\n ctx.stroke();\n }\n }\n \n \/\/ Renderizado de los nodos\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.r, 0, Math.PI*2);\n ctx.fillStyle = \"rgba(59, 130, 246, 0.6)\";\n ctx.fill();\n });\n requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Eurocomp","offers":[{"title":"Default Title","offer_id":42245191467063,"sku":null,"price":512000.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/COMUNICADOS_1_9ef7d2fb-9413-4e2d-9fae-a43d35fb8344.png?v=1779566453"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/collections\/Gemini_Generated_Image_qep6w3qep6w3qep6.png?v=1776181643","url":"https:\/\/www.sumerteccr.com\/collections\/%f0%9f%94%b5-coleccion-pro-gamer.oembed","provider":"Sumerteccr","version":"1.0","type":"link"}