{"product_id":"premium-⭐-recomendado","title":"Plan Educativo PREMIUM","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: #0a0901; \/* Fondo oscuro con matiz dorado *\/\n  color: white;\n  overflow: hidden;\n  border: 1px solid rgba(212, 175, 55, 0.7); \/* DORADO *\/\n  box-shadow: 0 0 30px rgba(212, 175, 55, 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(212, 175, 55, 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 Dorado *\/\n.card-content::-webkit-scrollbar { width: 4px; }\n.card-content::-webkit-scrollbar-track { background: transparent; }\n.card-content::-webkit-scrollbar-thumb { background: #d4af37; 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: #d4af37; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; display: block; }\n\n.section { margin-bottom:20px; border-bottom: 1px solid #3d320a; padding-bottom: 15px; }\n.section-title { font-weight:bold; color:#d4af37; 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: #d4af37; }\n\n\/* Cuadro de Alcance 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: 250px;\n  overflow-y: auto;\n  border: 2px solid #d4af37;\n  position: relative;\n  z-index: 10;\n}\n\n.terms-box h3 { color: #856404; font-size: 15px; margin-top: 0; border-bottom: 1px solid #ddd; padding-bottom: 5px; text-transform: uppercase; }\n.terms-box h4 { color: #5e4a02; font-size: 13px; margin: 12px 0 5px 0; border-left: 3px solid #d4af37; padding-left: 8px; }\n.terms-box p, .terms-box li { color: #333; font-size: 11.5px; margin-bottom: 8px; list-style-type: disc; line-height: 1.4; }\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: #d4af37; 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 | SERVICIOS ELITE\u003c\/span\u003e\n      \u003ch2\u003ePLAN EDUCATIVO PREMIUM\u003cbr\u003e₡175.000 \/ mes\u003c\/h2\u003e\n      \n      \u003cdiv class=\"button-group\"\u003e\n        \u003cbutton class=\"btn btn-main\" onclick=\"contactarWhatsApp()\"\u003eConsultar Contrato\u003c\/button\u003e \n        \u003cbutton class=\"btn btn-pdf\" onclick=\"descargarPDF()\"\u003eDescargar Alcance PDF\u003c\/button\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"section\"\u003e\n        \u003cdiv class=\"section-title\"\u003eResumen de Cobertura Premium\u003c\/div\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003eCapacidad:\u003c\/strong\u003e Hasta 25 dispositivos tecnológicos incluidos.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eSoporte:\u003c\/strong\u003e Una (1) sesión de soporte semanal garantizada.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eMantenimiento:\u003c\/strong\u003e Intervención profunda de hardware cada 6 meses.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eEspecialidad:\u003c\/strong\u003e Gestión de servidores, redes y seguridad Firewall.\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- CUADRO BLANCO CON SCROLL - INFORMACIÓN ÍNTEGRA --\u003e\n      \u003cdiv class=\"terms-box\"\u003e\n        \u003ch3\u003eINFORME DETALLADO DE ALCANCE: PLAN EDUCATIVO PREMIUM\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eCosto Mensual: ₡175.000\u003c\/strong\u003e\u003c\/p\u003e\n        \n        \u003ch4\u003e1. Modalidad y Disponibilidad Técnica\u003c\/h4\u003e\n        \u003cp\u003e\u003cstrong\u003eAcompañamiento Constante\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003eFrecuencia del Servicio: Se garantiza una (1) sesión de soporte técnico semanal para resolver incidencias y asegurar la operatividad.\u003c\/li\u003e\n          \u003cli\u003eRango Horario: Atención de lunes a viernes, de 7:30 am a 5:00 pm. Horarios fijados en contrato para garantizar puntualidad.\u003c\/li\u003e\n          \u003cli\u003eFlexibilidad en la Modalidad: El cliente elige entre sesiones Presenciales (hardware y redes físicas) o Remotas (software y actualizaciones).\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003e2. Mantenimiento Preventivo de Infraestructura\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003ePeriodicidad: Intervención profunda de hardware realizada cada seis (6) meses para maximizar la vida útil de la inversión tecnológica.\u003c\/li\u003e\n          \u003cli\u003eProgramación: El usuario elige las fechas exactas en el contrato, idealmente en periodos de baja afluencia para no interferir con las lecciones.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003e3. Gestión de Red y Seguridad Lógica\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003eAdministración de Red: Gestión activa para prevenir caídas de señal y asegurar un ancho de banda eficiente.\u003c\/li\u003e\n          \u003cli\u003eSoftware Especializado: Instalación, configuración y actualización de programas educativos y administrativos.\u003c\/li\u003e\n          \u003cli\u003eSeguridad mediante Firewall: Implementación de barreras de seguridad a nivel de software para mitigar riesgos de virus o intrusiones.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003e4. Administración de Servidores y Consultoría\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003eServidores: Diagnóstico constante y monitoreo para evitar fallos críticos, revisión de políticas de seguridad y optimización.\u003c\/li\u003e\n          \u003cli\u003eAsesoría Tecnológica: Consultoría estratégica para la toma de decisiones, renovación de equipos y mejora de infraestructura.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003e5. Alcance y Cobertura de Equipos\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003eInventario Incluido: Cobertura de hasta 25 dispositivos (PC, laptops, servidores, smartphones, tablets e impresoras).\u003c\/li\u003e\n          \u003cli\u003eEscalabilidad: Cada equipo adicional a los 25 iniciales tendrá un costo de ₡8.000 mensuales bajo la misma cobertura.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003e6. Nota Aclaratoria sobre Sistemas CCTV\u003c\/h4\u003e\n        \u003cp\u003eLa instalación o expansión de sistemas de cámaras de seguridad se considera un servicio independiente. El contrato no cubre: mano de obra para cableado, materiales de instalación (baluns, fuentes, discos) ni logística de montaje. Estos requerimientos se cotizarán por separado.\u003c\/p\u003e\n\n        \u003cp style=\"border-top: 1px solid #ddd; padding-top: 10px; font-style: italic;\"\u003e*Este documento tiene fines informativos y no constituye el contrato legal final.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cp style=\"font-size: 10px; margin-top: 15px; color: #888; text-align: center;\"\u003eSumerteccr – Innovación y seguridad tecnológica para su institución.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/\/ Función WhatsApp\nfunction contactarWhatsApp(){\n  window.open('https:\/\/wa.me\/50661916581?text=Hola%20Sumertec,%20estoy%20interesado%20en%20el%20Plan%20Educativo%20Premium','_blank');\n}\n\n\/\/ Función 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, h4').forEach(el =\u003e { el.style.color = '#856404'; });\n  clone.querySelectorAll('li, p').forEach(el =\u003e { el.style.color = '#333'; });\n\n  const opt = {\n    margin: [10, 10, 10, 10],\n    filename: 'Sumertec_Plan_Educativo_Premium.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 Doradas\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(212, 175, 55, ${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(212, 175, 55, 0.6)\";\n    ctx.fill();\n  });\n  requestAnimationFrame(animate);\n}\nanimate();\n\u003c\/script\u003e","brand":"Tu Libreria y Bazar ","offers":[{"title":"Default Title","offer_id":42131659554871,"sku":null,"price":150000.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/Gemini_Generated_Image_xhjczkxhjczkxhjc_0f8533f6-b520-4900-9cba-abd705ac7af1.png?v=1775897223","url":"https:\/\/www.sumerteccr.com\/products\/premium-%e2%ad%90-recomendado","provider":"Sumerteccr","version":"1.0","type":"link"}