{"product_id":"plus","title":"Plan Educativo PLUS","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 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: 280px;\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; text-transform: uppercase; }\n.terms-box h4 { color: #0f172a; font-size: 13px; margin: 12px 0 5px 0; border-left: 3px solid #3b82f6; 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: #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 | SOPORTE TOTAL\u003c\/span\u003e\n      \u003ch2\u003ePLAN EDUCATIVO PLUS\u003cbr\u003e₡250.000 \/ mes\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 Alcance PDF\u003c\/button\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"section\"\u003e\n        \u003cdiv class=\"section-title\"\u003eLo más destacado del Plan\u003c\/div\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003eCapacidad:\u003c\/strong\u003e Hasta 50 equipos tecnológicos cubiertos.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003ePresencia:\u003c\/strong\u003e Dos (2) sesiones de soporte semanal (Presencial\/Remoto).\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eMantenimiento:\u003c\/strong\u003e Optimización de hardware cada tres (3) meses.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eExclusividad:\u003c\/strong\u003e Descuentos de hasta el 10% en tienda y regalías anuales.\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 PLUS\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eInversión Mensual: ₡250.000\u003c\/strong\u003e\u003c\/p\u003e\n        \n        \u003ch4\u003e1. Continuidad Operativa y Presencia 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 garantizan dos (2) sesiones de soporte técnico semanal para un seguimiento estrecho de la salud de los equipos.\u003c\/li\u003e\n          \u003cli\u003eFlexibilidad de Horarios: Atención de lunes a viernes (7:30 am a 5:00 pm). El cliente elige los días de visita semanal para facilitar su planificación interna.\u003c\/li\u003e\n          \u003cli\u003eModalidad a Elección: Libertad total para elegir entre dos sesiones Presenciales, dos Virtuales (Remotas) o una combinación Híbrida.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003e2. Infraestructura, Redes y Servidores\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003eSoporte Integral de Red: Cobertura absoluta ante averías, fallos de conexión e instalaciones, con gestión de seguridad avanzada.\u003c\/li\u003e\n          \u003cli\u003eMantenimiento Preventivo: Protocolo de limpieza y optimización de hardware realizado cada tres (3) meses.\u003c\/li\u003e\n          \u003cli\u003eAdministración Avanzada de Servidores: Diagnóstico diario, optimización de políticas de seguridad y gestión de permisos de carpetas compartidas.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003e3. Protección de Datos y Vigilancia\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003eGestión de Backups: Configuración y supervisión de respaldos periódicos para prevenir pérdida de información crítica.\u003c\/li\u003e\n          \u003cli\u003eMonitoreo en Tiempo Real: Detección proactiva de anomalías en PC y dispositivos antes de que afecten la operación.\u003c\/li\u003e\n          \u003cli\u003eSoporte de Emergencias: Acceso a soporte remoto de emergencias para resolución inmediata de incidentes críticos.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003e4. Beneficios Exclusivos Sumerteccr\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003eCliente Preferencial: Acceso a tienda online mediante correo verificado por Sumerteccr.\u003c\/li\u003e\n          \u003cli\u003eDescuentos Directos: Beneficios económicos del 3% al 10% en todo el catálogo de productos.\u003c\/li\u003e\n          \u003cli\u003eConsultoría Estratégica: Asesoría personalizada para adquisición de equipo y mejora de infraestructura.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003e5. Alcance de Cobertura\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003eCapacidad Base: Cobertura integral de hasta 50 equipos (PC, Laptops, Servidores, Teléfonos, Tablets e Impresoras).\u003c\/li\u003e\n          \u003cli\u003eSistemas Cubiertos: Todo activo con software manejable dentro del entorno tecnológico institucional.\u003c\/li\u003e\n          \u003cli\u003eEscalabilidad: Cada equipo adicional después del número 50 tiene un costo de ₡8.000 mensuales.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003e6. Programas de Lealtad\u003c\/h4\u003e\n        \u003cp\u003ePremios, viajes, productos de regalía, crédito en tienda y mucho más al cumplir 1 año de contrato en su totalidad.\u003c\/p\u003e\n\n        \u003ch4\u003e7. Nota sobre Sistemas de Videovigilancia (CCTV)\u003c\/h4\u003e\n        \u003cp\u003eLa instalación inicial, expansión o montaje físico de cámaras se considera un servicio independiente. El contrato no cubre mano de obra para cableado, materiales específicos ni logística de montaje. Estos proyectos requieren una cotizació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 – Elevando el estándar tecnológico de 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%20Plus','_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 = '#1e3a8a'; });\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_Plus.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 Azules\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":"Tu Libreria y Bazar ","offers":[{"title":"Default Title","offer_id":42131669385271,"sku":null,"price":250000.0,"currency_code":"CRC","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/9499\/0647\/files\/Gemini_Generated_Image_eperdxeperdxeper_09824536-6eaa-4417-92f0-886c591f55ca.png?v=1775897205","url":"https:\/\/www.sumerteccr.com\/products\/plus","provider":"Sumerteccr","version":"1.0","type":"link"}