{"id":88,"date":"2026-04-30T16:43:47","date_gmt":"2026-04-30T16:43:47","guid":{"rendered":"https:\/\/nexoeducativoti.cl\/?page_id=88"},"modified":"2026-05-04T00:42:49","modified_gmt":"2026-05-04T00:42:49","slug":"inicio","status":"publish","type":"page","link":"https:\/\/nexoeducativoti.cl\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<!-- ============================================================\n     NEXOEDUCATIVOTI \u2014 BLOQUE 1: CUERPO DE LA P\u00c1GINA\n     Actualizaci\u00f3n: bot\u00f3n Portal JM + oculta encabezado Blocksy\n     ============================================================ -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600&#038;family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 OCULTA ENCABEZADO Y BARRA SUPERIOR DE BLOCKSY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.site-header,\n.top-bar,\n#masthead,\n.navbar,\nheader.site-header,\n.header-wrapper,\n.main-navigation,\n[class*=\"blocksy-header\"],\n[class*=\"ct-header\"],\n.ct-container > header,\nbody > header {\n  display: none !important;\n  height: 0 !important;\n  overflow: hidden !important;\n}\n\n\/* \u2500\u2500 ELIMINA ESPACIO QUE DEJA EL HEADER OCULTO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nbody {\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n.site-content,\n#content,\n.ct-container,\n#page {\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n\n\/* \u2500\u2500 NEUTRALIZA ESTILOS DEL TEMA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.entry-content,\n.wp-block-post-content,\n.wp-block-group,\n.wp-block-html,\n.is-layout-constrained > *,\n.is-layout-flow > *,\n.wp-site-blocks,\n.wp-block-post-content > * {\n  max-width: 100% !important;\n  padding: 0 !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n.wp-block-post-content { text-align: left !important; }\n.entry-content > * + * { margin-top: 0 !important; }\n.wp-block-html { margin: 0 !important; }\n\n\/* \u2500\u2500 OCULTA T\u00cdTULO DE LA P\u00c1GINA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wp-block-post-title,\n.entry-title,\nh1.wp-block-post-title,\n.page-title,\n.site-title,\n.site-description {\n  display: none !important;\n}\n\n\/* \u2500\u2500 VARIABLES INSTITUCIONALES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nxe-site {\n  --nb:  #1E5FA8;\n  --nbd: #174C87;\n  --ng:  #6DB33F;\n  --no:  #F39C12;\n  --ngr: #6B6B6B;\n  --nbg: #F4F6FB;\n  --nbor:#DDE4F0;\n  --nw:  #ffffff;\n  --nt:  #1A1A2E;\n}\n.nxe-site *, .nxe-site *::before, .nxe-site *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.nxe-site {\n  width: 100%;\n  font-family: 'Inter', Arial, sans-serif;\n  color: var(--nt);\n  background: var(--nw);\n  line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ENCABEZADO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.nxe-header {\n  width: 100%;\n  background: var(--nw);\n  border-bottom: 1px solid var(--nbor);\n  position: sticky;\n  top: 0;\n  z-index: 9000;\n  box-shadow: 0 2px 12px rgba(23,76,135,0.07);\n}\n.nxe-header-inner {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 40px;\n  height: 70px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n}\n.nxe-header-logo { flex-shrink: 0; }\n.nxe-header-logo a { display: block; line-height: 0; }\n.nxe-header-logo img {\n  height: 44px; width: auto; display: block; object-fit: contain;\n}\n.nxe-logo-fallback {\n  display: none; align-items: center; gap: 8px;\n  font-family: 'Poppins', Arial, sans-serif;\n  font-size: 15px; font-weight: 600; color: var(--nbd); text-decoration: none;\n}\n.nxe-logo-fallback-dot {\n  width: 10px; height: 10px; border-radius: 50%;\n  background: var(--ng); flex-shrink: 0; display: inline-block;\n}\n.nxe-header-nav {\n  display: flex; align-items: center; gap: 28px;\n  flex: 1; justify-content: center;\n}\n.nxe-header-nav a {\n  font-size: 13px; font-weight: 500; color: var(--ngr);\n  text-decoration: none; transition: color .2s; white-space: nowrap;\n  position: relative; padding-bottom: 2px;\n}\n.nxe-header-nav a::after {\n  content: ''; position: absolute; bottom: -2px; left: 0;\n  width: 0; height: 2px; background: var(--nb);\n  border-radius: 2px; transition: width .25s;\n}\n.nxe-header-nav a:hover { color: var(--nb); }\n.nxe-header-nav a:hover::after { width: 100%; }\n\n.nxe-header-actions {\n  display: flex; align-items: center; gap: 8px; flex-shrink: 0;\n}\n\n\/* Bot\u00f3n Portal JM \u2014 naranja *\/\n.nxe-btn-portal {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: var(--no); color: #fff !important;\n  padding: 8px 16px; border-radius: 6px;\n  font-size: 13px; font-weight: 500;\n  font-family: 'Inter', Arial, sans-serif;\n  text-decoration: none !important; white-space: nowrap;\n  border: none; cursor: pointer;\n  transition: background .2s, transform .15s;\n}\n.nxe-btn-portal:hover { background: #d68910; transform: translateY(-1px); color: #fff !important; }\n.nxe-btn-portal svg { width: 13px; height: 13px; flex-shrink: 0; }\n\n\/* Bot\u00f3n \u00c1rea Formativa \u2014 verde *\/\n.nxe-btn-formativa {\n  display: inline-flex; align-items: center; gap: 7px;\n  background: var(--ng); color: #fff !important;\n  padding: 8px 16px; border-radius: 6px;\n  font-size: 13px; font-weight: 500;\n  font-family: 'Inter', Arial, sans-serif;\n  text-decoration: none !important; white-space: nowrap;\n  border: none; cursor: pointer;\n  transition: background .2s, transform .15s;\n}\n.nxe-btn-formativa:hover { background: #5a9833; transform: translateY(-1px); color: #fff !important; }\n.nxe-btn-formativa svg { width: 13px; height: 13px; flex-shrink: 0; }\n\n\/* Bot\u00f3n Conversemos \u2014 azul *\/\n.nxe-btn-conv {\n  display: inline-flex; align-items: center; gap: 7px;\n  background: var(--nb); color: #fff !important;\n  padding: 8px 16px; border-radius: 6px;\n  font-size: 13px; font-weight: 500;\n  font-family: 'Inter', Arial, sans-serif;\n  border: none; cursor: pointer; white-space: nowrap;\n  transition: background .2s, transform .15s;\n}\n.nxe-btn-conv:hover { background: var(--nbd); transform: translateY(-1px); }\n.nxe-btn-conv svg { width: 13px; height: 13px; flex-shrink: 0; }\n\n\/* Hamburguesa *\/\n.nxe-hamburger {\n  display: none; flex-direction: column; gap: 5px;\n  cursor: pointer; background: none; border: none; padding: 4px;\n}\n.nxe-hamburger span {\n  display: block; width: 22px; height: 2px;\n  background: var(--nb); border-radius: 2px; transition: all .25s;\n}\n.nxe-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n.nxe-hamburger.open span:nth-child(2) { opacity: 0; }\n.nxe-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n\n\/* Men\u00fa m\u00f3vil *\/\n.nxe-mobile-menu {\n  display: none; flex-direction: column;\n  background: var(--nw); border-top: 1px solid var(--nbor);\n  padding: 16px 24px 24px;\n}\n.nxe-mobile-menu.nxe-open { display: flex; }\n.nxe-mobile-menu a {\n  font-size: 15px; color: var(--ngr); text-decoration: none;\n  padding: 12px 0; border-bottom: 1px solid var(--nbg); font-weight: 500;\n}\n.nxe-mobile-menu-btns {\n  display: flex; flex-direction: column; gap: 10px; margin-top: 16px;\n}\n.nxe-mobile-menu-btns .nxe-btn-portal,\n.nxe-mobile-menu-btns .nxe-btn-formativa,\n.nxe-mobile-menu-btns .nxe-btn-conv {\n  justify-content: center; padding: 12px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.nxe-hero {\n  padding: 72px 40px 64px;\n  background: linear-gradient(140deg, var(--nbd) 0%, var(--nb) 55%, #2678CC 100%);\n  position: relative; overflow: hidden;\n}\n.nxe-hero::before {\n  content: ''; position: absolute; top: -100px; right: -100px;\n  width: 500px; height: 500px; border-radius: 50%;\n  background: rgba(255,255,255,0.04); pointer-events: none;\n}\n.nxe-hero::after {\n  content: ''; position: absolute; bottom: -80px; left: 5%;\n  width: 320px; height: 320px; border-radius: 50%;\n  background: rgba(109,179,63,0.07); pointer-events: none;\n}\n.nxe-hero-inner { max-width: 1280px; margin: 0 auto; position: relative; z-index: 1; }\n.nxe-pill {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: rgba(255,255,255,0.12);\n  border: 1px solid rgba(255,255,255,0.22);\n  color: rgba(255,255,255,0.92); font-size: 12px; font-weight: 500;\n  padding: 6px 14px; border-radius: 99px; margin-bottom: 24px;\n  backdrop-filter: blur(4px);\n}\n.nxe-pill-dot {\n  width: 7px; height: 7px; border-radius: 50%;\n  background: var(--ng); flex-shrink: 0;\n}\n.nxe-hero h1 {\n  font-family: 'Poppins', Arial, sans-serif;\n  font-size: clamp(30px, 4vw, 50px); font-weight: 600;\n  color: #fff; line-height: 1.2; margin-bottom: 18px; max-width: 680px;\n}\n.nxe-hero h1 em { font-style: normal; color: var(--no); }\n.nxe-hero-desc {\n  font-size: 16px; color: rgba(255,255,255,0.82);\n  line-height: 1.8; max-width: 540px; margin-bottom: 36px;\n}\n.nxe-hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }\n.nxe-hero-btn-p {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--no); color: var(--nt) !important;\n  padding: 13px 26px; border-radius: 7px;\n  font-size: 14px; font-weight: 600;\n  font-family: 'Inter', Arial, sans-serif; border: none; cursor: pointer;\n  transition: background .2s, transform .15s;\n  box-shadow: 0 4px 20px rgba(243,156,18,0.35);\n}\n.nxe-hero-btn-p:hover { background: #e08b00; transform: translateY(-2px); }\n.nxe-hero-btn-g {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: rgba(255,255,255,0.12); color: #fff !important;\n  padding: 13px 26px; border-radius: 7px;\n  font-size: 14px; font-weight: 500;\n  font-family: 'Inter', Arial, sans-serif;\n  border: 1px solid rgba(255,255,255,0.28); cursor: pointer;\n  text-decoration: none; transition: background .2s, transform .15s;\n  backdrop-filter: blur(4px);\n}\n.nxe-hero-btn-g:hover { background: rgba(255,255,255,0.22); transform: translateY(-2px); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   M\u00c9TRICAS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.nxe-stats {\n  display: grid; grid-template-columns: repeat(2,1fr); background: var(--nt);\n}\n.nxe-stat {\n  padding: 22px 40px; border-right: 1px solid rgba(255,255,255,0.08);\n}\n.nxe-stat:last-child { border-right: none; }\n.nxe-stat-num {\n  font-family: 'Poppins', Arial, sans-serif; font-size: 28px; font-weight: 600;\n  color: var(--no); line-height: 1; margin-bottom: 4px;\n}\n.nxe-stat-label { font-size: 13px; color: rgba(255,255,255,0.55); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   QUI\u00c9NES SOMOS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.nxe-qs {\n  display: grid; grid-template-columns: 1fr 1fr;\n  border-bottom: 1px solid var(--nbor);\n}\n.nxe-qs-text { padding: 56px 48px; border-right: 1px solid var(--nbor); }\n.nxe-qs-visual {\n  padding: 56px 48px; background: var(--nbg);\n  display: flex; flex-direction: column; gap: 14px; justify-content: center;\n}\n.nxe-tag {\n  font-size: 11px; font-weight: 700; letter-spacing: .09em;\n  text-transform: uppercase; color: var(--ng); margin-bottom: 10px; display: block;\n}\n.nxe-qs-text h2 {\n  font-family: 'Poppins', Arial, sans-serif; font-size: 24px; font-weight: 600;\n  color: var(--nbd); margin-bottom: 14px; line-height: 1.3;\n}\n.nxe-qs-text p { font-size: 14px; color: var(--ngr); line-height: 1.85; }\n.nxe-qs-item {\n  display: flex; align-items: flex-start; gap: 14px;\n  padding: 14px 16px; background: var(--nw);\n  border-radius: 10px; border: 1px solid var(--nbor);\n  transition: box-shadow .2s, transform .15s;\n}\n.nxe-qs-item:hover { box-shadow: 0 4px 16px rgba(23,76,135,0.1); transform: translateX(4px); }\n.nxe-bullet {\n  width: 8px; height: 8px; border-radius: 50%;\n  background: var(--no); margin-top: 5px; flex-shrink: 0;\n}\n.nxe-qs-item-text { font-size: 13px; color: var(--ngr); line-height: 1.65; }\n.nxe-qs-item-text strong {\n  color: var(--nbd); display: block; font-size: 13px;\n  font-weight: 600; margin-bottom: 3px; font-family: 'Poppins', Arial, sans-serif;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SERVICIOS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.nxe-svcs-wrap { background: var(--nbg); border-bottom: 1px solid var(--nbor); }\n.nxe-svcs { padding: 56px 40px; max-width: 1280px; margin: 0 auto; }\n.nxe-sec-h2 {\n  font-family: 'Poppins', Arial, sans-serif; font-size: 24px; font-weight: 600;\n  color: var(--nbd); margin-bottom: 28px;\n}\n.nxe-svc-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }\n.nxe-svc {\n  background: var(--nw); border: 1px solid var(--nbor);\n  border-radius: 12px; padding: 26px; border-left: 4px solid var(--nb);\n  transition: box-shadow .2s, transform .15s;\n}\n.nxe-svc:hover { box-shadow: 0 6px 24px rgba(23,76,135,0.1); transform: translateY(-2px); }\n.nxe-svc:nth-child(2) { border-left-color: var(--ng); }\n.nxe-svc:nth-child(3) { border-left-color: var(--no); }\n.nxe-svc:nth-child(4) { border-left-color: var(--nbd); }\n.nxe-svc h3 {\n  font-family: 'Poppins', Arial, sans-serif; font-size: 15px; font-weight: 600;\n  color: var(--nbd); margin-bottom: 8px;\n}\n.nxe-svc p { font-size: 13px; color: var(--ngr); line-height: 1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PROP\u00d3SITO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.nxe-prop {\n  background: var(--nbd); padding: 56px 40px;\n  position: relative; overflow: hidden;\n}\n.nxe-prop::before {\n  content: ''; position: absolute; top: -60px; right: -60px;\n  width: 280px; height: 280px; border-radius: 50%;\n  background: rgba(255,255,255,0.03); pointer-events: none;\n}\n.nxe-prop-inner { max-width: 1280px; margin: 0 auto; position: relative; z-index: 1; }\n.nxe-prop .nxe-tag { color: var(--no); }\n.nxe-prop .nxe-sec-h2 { color: #fff; margin-bottom: 32px; }\n.nxe-prop-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }\n.nxe-prop-card {\n  background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 12px; padding: 26px; transition: background .2s, transform .15s;\n}\n.nxe-prop-card:hover { background: rgba(255,255,255,0.12); transform: translateY(-3px); }\n.nxe-prop-label {\n  font-size: 11px; font-weight: 700; letter-spacing: .09em;\n  text-transform: uppercase; margin-bottom: 12px; display: block;\n}\n.nxe-prop-card:nth-child(1) .nxe-prop-label { color: #6BAEE8; }\n.nxe-prop-card:nth-child(2) .nxe-prop-label { color: var(--ng); }\n.nxe-prop-card:nth-child(3) .nxe-prop-label { color: var(--no); }\n.nxe-prop-card p { font-size: 13px; color: rgba(255,255,255,0.78); line-height: 1.8; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u00c1REA FORMATIVA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.nxe-edu { padding: 48px 40px; border-bottom: 1px solid var(--nbor); }\n.nxe-edu-inner {\n  max-width: 1280px; margin: 0 auto;\n  background: linear-gradient(135deg,#EAF3DE,#F4F6FB);\n  border: 1px solid #C0DD97; border-radius: 14px; padding: 36px 40px;\n  display: flex; align-items: center; justify-content: space-between; gap: 28px;\n}\n.nxe-edu-left { display: flex; align-items: center; gap: 20px; }\n.nxe-edu-icon {\n  width: 54px; height: 54px; border-radius: 12px; background: #fff;\n  border: 1px solid #C0DD97; display: flex; align-items: center;\n  justify-content: center; flex-shrink: 0;\n}\n.nxe-edu-icon svg { width: 26px; height: 26px; }\n.nxe-edu-label {\n  font-size: 11px; font-weight: 700; letter-spacing: .09em;\n  text-transform: uppercase; color: #3B6D11; margin-bottom: 4px; display: block;\n}\n.nxe-edu-title {\n  font-family: 'Poppins', Arial, sans-serif; font-size: 19px; font-weight: 600;\n  color: var(--nbd); margin-bottom: 4px; display: block;\n}\n.nxe-edu-desc { font-size: 13px; color: var(--ngr); line-height: 1.6; }\n.nxe-edu-btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--ng); color: #fff !important; padding: 13px 24px;\n  border-radius: 8px; font-size: 14px; font-weight: 600;\n  font-family: 'Inter', Arial, sans-serif; text-decoration: none !important;\n  white-space: nowrap; flex-shrink: 0;\n  transition: background .2s, transform .15s;\n  box-shadow: 0 4px 16px rgba(109,179,63,0.28);\n}\n.nxe-edu-btn:hover { background: #5a9833; transform: translateY(-1px); color: #fff !important; }\n.nxe-edu-btn svg { width: 15px; height: 15px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CONTACTO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.nxe-conv-wrap { border-bottom: 1px solid var(--nbor); }\n.nxe-conv { padding: 56px 40px; max-width: 1280px; margin: 0 auto; }\n.nxe-conv-inner { max-width: 600px; }\n.nxe-conv h2 {\n  font-family: 'Poppins', Arial, sans-serif; font-size: 24px; font-weight: 600;\n  color: var(--nbd); margin-bottom: 12px;\n}\n.nxe-conv p { font-size: 14px; color: var(--ngr); line-height: 1.85; margin-bottom: 24px; }\n.nxe-conv-note {\n  background: var(--nbd); border-radius: 10px; padding: 18px 22px; margin-bottom: 24px;\n}\n.nxe-conv-note p { color: rgba(255,255,255,0.88); font-size: 13px; line-height: 1.7; margin-bottom: 0; }\n.nxe-conv-note strong { color: var(--no); }\n.nxe-conv-email {\n  display: flex; align-items: center; gap: 10px;\n  background: var(--nbg); border: 1px solid var(--nbor);\n  border-radius: 8px; padding: 12px 16px; margin-bottom: 24px;\n}\n.nxe-conv-email-icon {\n  width: 32px; height: 32px; border-radius: 7px; background: var(--nb);\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.nxe-conv-email-icon svg { width: 15px; height: 15px; }\n.nxe-conv-email-label { font-size: 11px; color: var(--ngr); display: block; margin-bottom: 2px; }\n.nxe-conv-email-val { font-size: 13px; font-weight: 500; color: var(--nbd); }\n.nxe-btn-primary {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--nb); color: #fff; border: none;\n  padding: 13px 26px; border-radius: 7px; font-size: 14px; font-weight: 600;\n  cursor: pointer; font-family: 'Inter', Arial, sans-serif;\n  transition: background .2s, transform .15s;\n  box-shadow: 0 4px 16px rgba(30,95,168,0.25);\n}\n.nxe-btn-primary:hover { background: var(--nbd); transform: translateY(-1px); }\n.nxe-btn-primary svg { width: 15px; height: 15px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FOOTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.nxe-footer {\n  background: var(--nt); padding: 32px 40px;\n  display: flex; justify-content: space-between;\n  align-items: center; flex-wrap: wrap; gap: 16px;\n}\n.nxe-footer-logo img {\n  height: 32px; width: auto; display: block;\n  filter: brightness(0) invert(1); opacity: 0.8;\n}\n.nxe-footer-links { display: flex; gap: 24px; flex-wrap: wrap; }\n.nxe-footer-links a {\n  font-size: 13px; color: rgba(255,255,255,0.5);\n  text-decoration: none; transition: color .2s;\n}\n.nxe-footer-links a:hover { color: rgba(255,255,255,0.9); }\n.nxe-footer-copy { font-size: 12px; color: rgba(255,255,255,0.3); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 900px) {\n  .nxe-header-inner { padding: 0 20px; }\n  .nxe-header-nav { display: none; }\n  .nxe-header-actions { display: none; }\n  .nxe-hamburger { display: flex; }\n}\n@media (max-width: 768px) {\n  .nxe-hero { padding: 52px 24px 44px; }\n  .nxe-stats { grid-template-columns: 1fr; }\n  .nxe-stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); }\n  .nxe-stat:last-child { border-bottom: none; }\n  .nxe-qs { grid-template-columns: 1fr; }\n  .nxe-qs-text { border-right: none; border-bottom: 1px solid var(--nbor); padding: 36px 24px; }\n  .nxe-qs-visual { padding: 36px 24px; }\n  .nxe-svcs { padding: 40px 24px; }\n  .nxe-svc-grid { grid-template-columns: 1fr; }\n  .nxe-prop { padding: 40px 24px; }\n  .nxe-prop-grid { grid-template-columns: 1fr; }\n  .nxe-edu { padding: 32px 24px; }\n  .nxe-edu-inner { flex-direction: column; align-items: flex-start; padding: 28px 24px; }\n  .nxe-edu-btn { width: 100%; justify-content: center; }\n  .nxe-conv { padding: 40px 24px; }\n  .nxe-footer { padding: 28px 24px; flex-direction: column; align-items: flex-start; }\n}\n<\/style>\n\n<div class=\"nxe-site\">\n\n  <!-- ENCABEZADO -->\n  <header class=\"nxe-header\">\n    <div class=\"nxe-header-inner\">\n\n      <div class=\"nxe-header-logo\">\n        <a href=\"https:\/\/nexoeducativoti.cl\" title=\"NexoEducativoTI\">\n          <img decoding=\"async\" src=\"https:\/\/nexoeducativoti.cl\/wp-content\/uploads\/2026\/04\/logo-nexoeducativoTI.png\"\n               alt=\"NexoEducativoTI\" width=\"160\" height=\"44\" loading=\"eager\"\n               onerror=\"this.style.display='none';document.getElementById('nxLogoFallback').style.display='flex';\">\n          <span id=\"nxLogoFallback\" class=\"nxe-logo-fallback\">\n            <span class=\"nxe-logo-fallback-dot\"><\/span>NexoEducativoTI\n          <\/span>\n        <\/a>\n      <\/div>\n\n      <nav class=\"nxe-header-nav\">\n        <a href=\"#inicio\">Inicio<\/a>\n        <a href=\"#servicios\">Servicios<\/a>\n        <a href=\"#proposito\">Prop\u00f3sito<\/a>\n        <a href=\"#edu\">\u00c1rea Formativa<\/a>\n        <a href=\"#contacto\">Contacto<\/a>\n      <\/nav>\n\n      <div class=\"nxe-header-actions\">\n        <!-- Portal JM -->\n        <a class=\"nxe-btn-portal\"\n           href=\"https:\/\/www.nexoeducativoti.cl\/colegio\"\n           target=\"_blank\" rel=\"noopener noreferrer\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"white\" stroke-width=\"2\"\/>\n            <path d=\"M3 9h18\" stroke=\"white\" stroke-width=\"2\"\/>\n            <path d=\"M9 21V9\" stroke=\"white\" stroke-width=\"2\"\/>\n          <\/svg>\n          Portal JM\n        <\/a>\n        <!-- \u00c1rea Formativa -->\n        <a class=\"nxe-btn-formativa\"\n           href=\"https:\/\/edu.nexoeducativoti.cl\"\n           target=\"_blank\" rel=\"noopener noreferrer\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 3L2 8l10 5 10-5-10-5z\" stroke=\"white\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\n            <path d=\"M6 10.5v5a6 6 0 0012 0v-5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n          \u00c1rea Formativa\n        <\/a>\n        <!-- Conversemos -->\n        <button class=\"nxe-btn-conv\" onclick=\"nexoOpenPanel()\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          Conversemos\n        <\/button>\n      <\/div>\n\n      <button class=\"nxe-hamburger\" id=\"nxHamburger\"\n              aria-label=\"Abrir men\u00fa\" onclick=\"nxToggleMenu()\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"nxe-mobile-menu\" id=\"nxMobileMenu\">\n      <a href=\"#inicio\"    onclick=\"nxToggleMenu()\">Inicio<\/a>\n      <a href=\"#servicios\" onclick=\"nxToggleMenu()\">Servicios<\/a>\n      <a href=\"#proposito\" onclick=\"nxToggleMenu()\">Prop\u00f3sito<\/a>\n      <a href=\"#edu\"       onclick=\"nxToggleMenu()\">\u00c1rea Formativa<\/a>\n      <a href=\"#contacto\"  onclick=\"nxToggleMenu()\">Contacto<\/a>\n      <div class=\"nxe-mobile-menu-btns\">\n        <a class=\"nxe-btn-portal\" href=\"https:\/\/www.nexoeducativoti.cl\/colegio\" target=\"_blank\" rel=\"noopener noreferrer\">Portal JM<\/a>\n        <a class=\"nxe-btn-formativa\" href=\"https:\/\/edu.nexoeducativoti.cl\" target=\"_blank\" rel=\"noopener noreferrer\">\u00c1rea Formativa \u2192<\/a>\n        <button class=\"nxe-btn-conv\" onclick=\"nxToggleMenu();setTimeout(nexoOpenPanel,300);\">Conversemos<\/button>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- HERO -->\n  <section class=\"nxe-hero\" id=\"inicio\">\n    <div class=\"nxe-hero-inner\">\n      <div class=\"nxe-pill\">\n        <div class=\"nxe-pill-dot\"><\/div>\n        Tecnolog\u00eda para la educaci\u00f3n chilena\n      <\/div>\n      <h1>Vinculamos la <em>tecnolog\u00eda<\/em><br>con la educaci\u00f3n<\/h1>\n      <p class=\"nxe-hero-desc\">Optimizando los recursos TI de los establecimientos educacionales para potenciar la gesti\u00f3n, el aprendizaje y la innovaci\u00f3n.<\/p>\n      <div class=\"nxe-hero-btns\">\n        <button class=\"nxe-hero-btn-p\" onclick=\"nexoOpenPanel()\">\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n          Conversemos\n        <\/button>\n        <a class=\"nxe-hero-btn-g\" href=\"#servicios\">Ver servicios \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- M\u00c9TRICAS -->\n  <div class=\"nxe-stats\">\n    <div class=\"nxe-stat\"><div class=\"nxe-stat-num\">4<\/div><div class=\"nxe-stat-label\">L\u00edneas de servicio<\/div><\/div>\n    <div class=\"nxe-stat\"><div class=\"nxe-stat-num\">100%<\/div><div class=\"nxe-stat-label\">Enfoque educacional<\/div><\/div>\n  <\/div>\n\n  <!-- QUI\u00c9NES SOMOS -->\n  <div class=\"nxe-qs\">\n    <div class=\"nxe-qs-text\">\n      <span class=\"nxe-tag\">Qui\u00e9nes somos<\/span>\n      <h2>Una empresa orientada a la educaci\u00f3n<\/h2>\n      <p>NexoEducativoTI apoya a colegios y establecimientos educacionales en el uso eficiente, estrat\u00e9gico y responsable de las Tecnolog\u00edas de la Informaci\u00f3n, alineando los recursos tecnol\u00f3gicos con los objetivos pedag\u00f3gicos e institucionales.<\/p>\n    <\/div>\n    <div class=\"nxe-qs-visual\">\n      <div class=\"nxe-qs-item\">\n        <div class=\"nxe-bullet\"><\/div>\n        <div class=\"nxe-qs-item-text\"><strong>Uso eficiente<\/strong>Optimizaci\u00f3n de los recursos tecnol\u00f3gicos disponibles en el establecimiento.<\/div>\n      <\/div>\n      <div class=\"nxe-qs-item\">\n        <div class=\"nxe-bullet\"><\/div>\n        <div class=\"nxe-qs-item-text\"><strong>Enfoque estrat\u00e9gico<\/strong>Decisiones tecnol\u00f3gicas alineadas al proyecto educativo institucional.<\/div>\n      <\/div>\n      <div class=\"nxe-qs-item\">\n        <div class=\"nxe-bullet\"><\/div>\n        <div class=\"nxe-qs-item-text\"><strong>Uso responsable<\/strong>Tecnolog\u00eda integrada con criterio pedag\u00f3gico y \u00e9tico.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- SERVICIOS -->\n  <div class=\"nxe-svcs-wrap\" id=\"servicios\">\n    <div class=\"nxe-svcs\">\n      <span class=\"nxe-tag\">Servicios<\/span>\n      <div class=\"nxe-sec-h2\">\u00bfEn qu\u00e9 te podemos ayudar?<\/div>\n      <div class=\"nxe-svc-grid\">\n        <div class=\"nxe-svc\"><h3>Optimizaci\u00f3n de Recursos TI<\/h3><p>An\u00e1lisis y mejora del uso de la infraestructura tecnol\u00f3gica existente, maximizando su rendimiento y vida \u00fatil.<\/p><\/div>\n        <div class=\"nxe-svc\"><h3>Asesor\u00eda Tecnol\u00f3gica Educativa<\/h3><p>Acompa\u00f1amiento a equipos directivos y docentes en decisiones tecnol\u00f3gicas alineadas con el proyecto educativo institucional.<\/p><\/div>\n        <div class=\"nxe-svc\"><h3>Soporte y Gesti\u00f3n TI<\/h3><p>Administraci\u00f3n, mantenci\u00f3n y organizaci\u00f3n de los sistemas tecnol\u00f3gicos del establecimiento educacional.<\/p><\/div>\n        <div class=\"nxe-svc\"><h3>Transformaci\u00f3n Digital<\/h3><p>Procesos de modernizaci\u00f3n tecnol\u00f3gica que fortalecen la cultura digital y la seguridad de la informaci\u00f3n.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PROP\u00d3SITO -->\n  <section class=\"nxe-prop\" id=\"proposito\">\n    <div class=\"nxe-prop-inner\">\n      <span class=\"nxe-tag\">Nuestro Prop\u00f3sito<\/span>\n      <div class=\"nxe-sec-h2\">Lo que nos mueve<\/div>\n      <div class=\"nxe-prop-grid\">\n        <div class=\"nxe-prop-card\"><span class=\"nxe-prop-label\">Misi\u00f3n<\/span><p>Contribuir al fortalecimiento de los establecimientos educacionales mediante el uso estrat\u00e9gico y optimizado de las TI, apoyando la gesti\u00f3n institucional y pedag\u00f3gica.<\/p><\/div>\n        <div class=\"nxe-prop-card\"><span class=\"nxe-prop-label\">Visi\u00f3n<\/span><p>Ser un referente en la integraci\u00f3n efectiva de tecnolog\u00edas educativas, promoviendo una transformaci\u00f3n digital sostenible que aporte valor real a las comunidades educativas.<\/p><\/div>\n        <div class=\"nxe-prop-card\"><span class=\"nxe-prop-label\">Objetivo<\/span><p>Vincular la tecnolog\u00eda con la gesti\u00f3n institucional y el proceso de ense\u00f1anza-aprendizaje, optimizando los recursos TI y favoreciendo decisiones informadas.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u00c1REA FORMATIVA -->\n  <div class=\"nxe-edu\" id=\"edu\">\n    <div class=\"nxe-edu-inner\">\n      <div class=\"nxe-edu-left\">\n        <div class=\"nxe-edu-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 3L2 8l10 5 10-5-10-5z\" stroke=\"#6DB33F\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n            <path d=\"M6 10.5v5a6 6 0 0012 0v-5\" stroke=\"#6DB33F\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M22 8v6\" stroke=\"#F39C12\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <circle cx=\"22\" cy=\"15\" r=\"1.2\" fill=\"#F39C12\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <span class=\"nxe-edu-label\">Plataforma de cursos<\/span>\n          <span class=\"nxe-edu-title\">\u00c1rea Formativa<\/span>\n          <span class=\"nxe-edu-desc\">Cursos online asincr\u00f3nicos para docentes y comunidades educativas. Aprende a tu ritmo.<\/span>\n        <\/div>\n      <\/div>\n      <a class=\"nxe-edu-btn\" href=\"https:\/\/edu.nexoeducativoti.cl\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <polyline points=\"15 3 21 3 21 9\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <\/svg>\n        Ir a los cursos\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- CONTACTO -->\n  <div class=\"nxe-conv-wrap\" id=\"contacto\">\n    <div class=\"nxe-conv\">\n      <div class=\"nxe-conv-inner\">\n        <span class=\"nxe-tag\">Contacto<\/span>\n        <h2>Conversemos sobre tu establecimiento<\/h2>\n        <p>Evaluamos el estado actual de los recursos tecnol\u00f3gicos de tu establecimiento educacional y te acompa\u00f1amos en la optimizaci\u00f3n estrat\u00e9gica de las TI, alineando su uso con los objetivos institucionales y el proyecto educativo.<\/p>\n        <div class=\"nxe-conv-note\">\n          <p><strong>Un diagn\u00f3stico oportuno<\/strong> permite mejorar la eficiencia, el aprovechamiento de los recursos disponibles y la planificaci\u00f3n tecnol\u00f3gica a mediano y largo plazo.<\/p>\n        <\/div>\n        <div class=\"nxe-conv-email\">\n          <div class=\"nxe-conv-email-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" stroke=\"white\" stroke-width=\"1.8\"\/>\n              <path d=\"M2 8l10 6 10-6\" stroke=\"white\" stroke-width=\"1.8\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <span class=\"nxe-conv-email-label\">Correo de contacto<\/span>\n            <span class=\"nxe-conv-email-val\">pedro.painequeo@nexoeducativoti.cl<\/span>\n          <\/div>\n        <\/div>\n        <button class=\"nxe-btn-primary\" onclick=\"nexoOpenPanel()\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n          Enviar mensaje\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- FOOTER -->\n  <footer class=\"nxe-footer\">\n    <div class=\"nxe-footer-logo\">\n      <img decoding=\"async\" src=\"https:\/\/nexoeducativoti.cl\/wp-content\/uploads\/2026\/04\/logo-nexoeducativoTI.png\" alt=\"NexoEducativoTI\">\n    <\/div>\n    <div class=\"nxe-footer-links\">\n      <a href=\"#inicio\">Inicio<\/a>\n      <a href=\"#servicios\">Servicios<\/a>\n      <a href=\"#proposito\">Prop\u00f3sito<\/a>\n      <a href=\"https:\/\/edu.nexoeducativoti.cl\" target=\"_blank\">\u00c1rea Formativa<\/a>\n      <a href=\"https:\/\/www.nexoeducativoti.cl\/colegio\" target=\"_blank\">Portal JM<\/a>\n      <a href=\"#contacto\">Contacto<\/a>\n    <\/div>\n    <span class=\"nxe-footer-copy\">\u00a9 2025 NexoEducativoTI SpA<\/span>\n  <\/footer>\n\n<\/div>\n\n<script>\n(function(){\n  var ham        = document.getElementById('nxHamburger');\n  var mobileMenu = document.getElementById('nxMobileMenu');\n\n  window.nxToggleMenu = function(){\n    var open = mobileMenu.classList.toggle('nxe-open');\n    ham.classList.toggle('open', open);\n  };\n  window.addEventListener('scroll', function(){\n    mobileMenu.classList.remove('nxe-open');\n    ham.classList.remove('open');\n  }, { passive: true });\n\n  document.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click', function(e){\n      var id = this.getAttribute('href').slice(1);\n      var el = document.getElementById(id);\n      if(el){ e.preventDefault(); el.scrollIntoView({ behavior: 'smooth' }); }\n    });\n  });\n})();\n<\/script>\n\n\n\n\n<!-- ============================================================\n     NEXOEDUCATIVOTI \u2014 BLOQUE 2: MODAL CONVERSEMOS\n     Versi\u00f3n definitiva con <button> para el bot\u00f3n flotante\n     ============================================================ -->\n\n<!-- OVERLAY -->\n<div id=\"nexoOverlay\"\n  style=\"position:fixed;inset:0;background:rgba(23,76,135,0.22);\n         backdrop-filter:blur(3px);display:none;z-index:9990;\">\n<\/div>\n\n<!-- PANEL MODAL -->\n<div id=\"nexoPanel\"\n  style=\"position:fixed;bottom:90px;right:28px;width:420px;\n         max-width:calc(100vw - 40px);background:#ffffff;\n         border-radius:16px;display:none;z-index:9991;\n         overflow:hidden;border:1px solid #DDE4F0;\n         box-shadow:0 24px 60px rgba(23,76,135,0.22),0 4px 16px rgba(0,0,0,0.08);\">\n\n  <!-- Cabecera -->\n  <div style=\"background:linear-gradient(135deg,#174C87,#1E5FA8);\n              padding:16px 20px;display:flex;justify-content:space-between;\n              align-items:center;\">\n    <div style=\"display:flex;align-items:center;gap:12px;\">\n      <div style=\"width:36px;height:36px;border-radius:50%;\n                  background:rgba(255,255,255,0.15);display:flex;\n                  align-items:center;justify-content:center;flex-shrink:0;\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M12 3L2 8l10 5 10-5-10-5z\" stroke=\"white\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n          <path d=\"M6 10.5v5a6 6 0 0012 0v-5\" stroke=\"white\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div>\n        <p style=\"color:#fff;font-size:15px;font-weight:600;\n                  font-family:'Poppins',Arial,sans-serif;margin:0;line-height:1.2;\">\n          Conversemos\n        <\/p>\n        <div style=\"display:flex;align-items:center;gap:5px;margin-top:3px;\">\n          <span style=\"width:7px;height:7px;border-radius:50%;\n                       background:#6DB33F;display:inline-block;flex-shrink:0;\"><\/span>\n          <span style=\"font-size:12px;color:rgba(255,255,255,0.75);\n                       font-family:'Inter',Arial,sans-serif;\">\n            Respondemos a la brevedad\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <button onclick=\"nexoClosePanel()\"\n      style=\"width:30px;height:30px;min-width:30px;border-radius:50%;\n             background:rgba(255,255,255,0.15);border:none;\n             color:#fff;font-size:20px;line-height:1;cursor:pointer;\n             display:flex;align-items:center;justify-content:center;\n             flex-shrink:0;padding:0;font-family:Arial,sans-serif;\">\n      \u00d7\n    <\/button>\n  <\/div>\n\n  <!-- Cuerpo -->\n  <div style=\"padding:18px 20px 22px;max-height:72vh;overflow-y:auto;\">\n    <div style=\"background:#F4F6FB;border-left:3px solid #F39C12;\n                border-radius:0 8px 8px 0;padding:10px 14px;margin-bottom:16px;\">\n      <p style=\"font-size:13px;color:#6B6B6B;margin:0;line-height:1.6;\n                font-family:'Inter',Arial,sans-serif;\">\n        <strong style=\"color:#174C87;\">D\u00e9janos tu mensaje<\/strong>\n        y te contactaremos para evaluar las necesidades tecnol\u00f3gicas de tu establecimiento.\n      <\/p>\n    <\/div>\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f30-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"30\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F88#wpcf7-f30-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"30\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f30-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"nombre\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre completo\" value=\"\" type=\"text\" name=\"nombre\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Correo electr\u00f3nico\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"cargo\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Cargo (Director, UTP, Coordinador TI, etc.)\" value=\"\" type=\"text\" name=\"cargo\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"establecimiento\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"establecimiento\"><option value=\"Tipo de establecimiento\">Tipo de establecimiento<\/option><option value=\"Colegio\">Colegio<\/option><option value=\"Liceo\">Liceo<\/option><option value=\"Escuela\">Escuela<\/option><option value=\"Corporaci\u00f3n\">Corporaci\u00f3n<\/option><option value=\"Otro\">Otro<\/option><\/select><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"motivo\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"motivo\"><option value=\"Motivo del contacto\">Motivo del contacto<\/option><option value=\"Asesor\u00eda TI\">Asesor\u00eda TI<\/option><option value=\"Optimizaci\u00f3n de recursos\">Optimizaci\u00f3n de recursos<\/option><option value=\"Soporte\">Soporte<\/option><option value=\"Transformaci\u00f3n digital\">Transformaci\u00f3n digital<\/option><option value=\"Otro\">Otro<\/option><\/select><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"mensaje\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Cu\u00e9ntanos brevemente tu necesidad\" name=\"mensaje\"><\/textarea><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar mensaje\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n  <\/div>\n<\/div>\n\n<!-- BOT\u00d3N FLOTANTE \u2014 usando <button> para evitar que Blocksy lo expanda -->\n<button\n  onclick=\"nexoOpenPanel()\"\n  aria-label=\"Abrir formulario de contacto\"\n  style=\"position:fixed !important;\n         bottom:28px !important;\n         right:28px !important;\n         z-index:9999 !important;\n         width:auto !important;\n         min-width:0 !important;\n         max-width:none !important;\n         display:inline-flex !important;\n         flex-direction:row !important;\n         align-items:center !important;\n         justify-content:center !important;\n         gap:8px !important;\n         background-color:#1E5FA8 !important;\n         color:#ffffff !important;\n         padding:13px 22px !important;\n         border-radius:50px !important;\n         border:none !important;\n         outline:none !important;\n         cursor:pointer !important;\n         box-shadow:0 8px 28px rgba(30,95,168,0.42) !important;\n         font-size:14px !important;\n         font-weight:600 !important;\n         font-family:'Inter',Arial,sans-serif !important;\n         line-height:1 !important;\n         white-space:nowrap !important;\n         text-decoration:none !important;\n         text-transform:none !important;\n         letter-spacing:0 !important;\n         user-select:none !important;\n         appearance:none !important;\n         -webkit-appearance:none !important;\">\n\n  <!-- Punto verde -->\n  <span style=\"position:absolute;top:-3px;right:-3px;\n               width:11px;height:11px;border-radius:50%;\n               background:#6DB33F;border:2px solid #fff;\n               display:block;pointer-events:none;\"><\/span>\n\n  <!-- \u00cdcono -->\n  <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"\n       style=\"display:block;flex-shrink:0;pointer-events:none;\">\n    <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\n          stroke=\"#ffffff\" stroke-width=\"2.2\"\n          stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n  <\/svg>\n\n  <!-- Texto -->\n  <span style=\"color:#ffffff !important;font-size:14px !important;\n               font-weight:600 !important;\n               font-family:'Inter',Arial,sans-serif !important;\n               line-height:1 !important;white-space:nowrap !important;\n               display:inline !important;pointer-events:none;\">\n    Conversemos\n  <\/span>\n\n<\/button>\n\n<!-- ESTILOS CF7 -->\n<style>\n@keyframes nxFadeIn  { from{opacity:0} to{opacity:1} }\n@keyframes nxSlideUp { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }\n\n#nexoPanel .wpcf7 { margin:0!important;padding:0!important; }\n#nexoPanel .wpcf7-form {\n  display:flex!important;flex-direction:column!important;\n  gap:10px!important;margin:0!important;padding:0!important;\n}\n#nexoPanel .wpcf7-form > p,\n#nexoPanel .wpcf7-form br { margin:0!important;display:contents!important; }\n\n#nexoPanel .wpcf7-form label {\n  display:block!important;font-size:11px!important;font-weight:700!important;\n  color:#174C87!important;margin:0 0 4px!important;padding:0!important;\n  text-transform:uppercase!important;letter-spacing:.06em!important;\n  font-family:'Inter',Arial,sans-serif!important;\n  background:transparent!important;border:none!important;width:auto!important;\n}\n\n#nexoPanel .wpcf7-form input[type=\"text\"],\n#nexoPanel .wpcf7-form input[type=\"email\"],\n#nexoPanel .wpcf7-form input[type=\"tel\"] {\n  width:100%!important;height:40px!important;padding:0 13px!important;\n  border:1.5px solid #DDE4F0!important;border-radius:8px!important;\n  font-size:13px!important;font-family:'Inter',Arial,sans-serif!important;\n  color:#1A1A2E!important;background:#ffffff!important;\n  outline:none!important;box-shadow:none!important;\n  appearance:none!important;-webkit-appearance:none!important;\n  display:block!important;margin:0!important;\n}\n\n#nexoPanel .wpcf7-form select {\n  width:100%!important;height:40px!important;\n  padding:0 36px 0 13px!important;\n  border:1.5px solid #DDE4F0!important;border-radius:8px!important;\n  font-size:13px!important;font-family:'Inter',Arial,sans-serif!important;\n  color:#1A1A2E!important;background-color:#ffffff!important;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B6B6B' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\")!important;\n  background-repeat:no-repeat!important;\n  background-position:right 13px center!important;\n  outline:none!important;box-shadow:none!important;\n  appearance:none!important;-webkit-appearance:none!important;\n  cursor:pointer!important;display:block!important;margin:0!important;\n}\n\n#nexoPanel .wpcf7-form textarea {\n  width:100%!important;height:82px!important;padding:10px 13px!important;\n  border:1.5px solid #DDE4F0!important;border-radius:8px!important;\n  font-size:13px!important;font-family:'Inter',Arial,sans-serif!important;\n  color:#1A1A2E!important;background:#ffffff!important;\n  outline:none!important;box-shadow:none!important;\n  appearance:none!important;-webkit-appearance:none!important;\n  display:block!important;margin:0!important;resize:none!important;\n}\n\n#nexoPanel .wpcf7-form input:focus,\n#nexoPanel .wpcf7-form select:focus,\n#nexoPanel .wpcf7-form textarea:focus {\n  border-color:#1E5FA8!important;\n  box-shadow:0 0 0 3px rgba(30,95,168,0.1)!important;\n  outline:none!important;\n}\n\n#nexoPanel .wpcf7-not-valid {\n  border-color:#E53E3E!important;\n  box-shadow:0 0 0 3px rgba(229,62,62,0.08)!important;\n}\n#nexoPanel .wpcf7-not-valid-tip {\n  font-size:11px!important;color:#C0392B!important;\n  margin:3px 0 0!important;display:block!important;\n  font-family:'Inter',Arial,sans-serif!important;\n  font-weight:400!important;text-transform:none!important;\n}\n\n#nexoPanel .wpcf7-form input[type=\"submit\"] {\n  width:100%!important;height:44px!important;\n  background:#1E5FA8!important;color:#ffffff!important;\n  border:none!important;padding:0 20px!important;\n  border-radius:8px!important;font-size:14px!important;\n  font-weight:600!important;font-family:'Inter',Arial,sans-serif!important;\n  cursor:pointer!important;margin:4px 0 0!important;\n  display:block!important;letter-spacing:0!important;\n  text-transform:none!important;appearance:none!important;\n  box-shadow:0 4px 14px rgba(30,95,168,0.3)!important;\n}\n#nexoPanel .wpcf7-form input[type=\"submit\"]:hover {\n  background:#174C87!important;\n}\n#nexoPanel .wpcf7-spinner { display:none!important; }\n\n#nexoPanel .wpcf7-response-output {\n  font-size:13px!important;border-radius:8px!important;\n  padding:10px 14px!important;margin:8px 0 0!important;\n  font-family:'Inter',Arial,sans-serif!important;border:none!important;\n}\n#nexoPanel .wpcf7-mail-sent-ok {\n  background:#EAF3DE!important;border-left:3px solid #6DB33F!important;color:#2D6A0F!important;\n}\n#nexoPanel .wpcf7-validation-errors {\n  background:#FEF3CD!important;border-left:3px solid #F39C12!important;color:#7D4E00!important;\n}\n#nexoPanel .wpcf7-mail-sent-ng,\n#nexoPanel .wpcf7-spam-blocked {\n  background:#FDECEA!important;border-left:3px solid #E53E3E!important;color:#991F1F!important;\n}\n\n@media(max-width:480px){\n  #nexoPanel {\n    bottom:0!important;right:0!important;left:0!important;\n    width:100%!important;max-width:100%!important;\n    border-radius:16px 16px 0 0!important;\n  }\n}\n<\/style>\n\n<!-- JAVASCRIPT -->\n<script>\n(function(){\n  var panel   = document.getElementById('nexoPanel');\n  var overlay = document.getElementById('nexoOverlay');\n\n  function nexoOpenPanel(){\n    if(!panel||!overlay) return;\n    panel.style.display   = 'block';\n    overlay.style.display = 'block';\n    panel.style.animation   = 'none';\n    overlay.style.animation = 'none';\n    panel.offsetHeight;\n    panel.style.animation   = 'nxSlideUp .28s ease';\n    overlay.style.animation = 'nxFadeIn .2s ease';\n  }\n  function nexoClosePanel(){\n    if(!panel||!overlay) return;\n    panel.style.display   = 'none';\n    overlay.style.display = 'none';\n  }\n  window.nexoOpenPanel  = nexoOpenPanel;\n  window.nexoClosePanel = nexoClosePanel;\n\n  overlay.addEventListener('click', nexoClosePanel);\n  document.addEventListener('keydown', function(e){\n    if(e.key==='Escape') nexoClosePanel();\n  });\n  document.addEventListener('wpcf7mailsent', function(){\n    setTimeout(nexoClosePanel, 2000);\n  }, false);\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>NexoEducativoTI Inicio Servicios Prop\u00f3sito \u00c1rea Formativa Contacto Portal JM \u00c1rea Formativa Conversemos Inicio Servicios Prop\u00f3sito \u00c1rea Formativa Contacto Portal JM \u00c1rea Formativa \u2192 Conversemos Tecnolog\u00eda para la educaci\u00f3n chilena Vinculamos la tecnolog\u00edacon la educaci\u00f3n Optimizando los recursos TI de los establecimientos educacionales para potenciar la gesti\u00f3n, el aprendizaje y la innovaci\u00f3n. Conversemos Ver servicios \u2192 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/nexoeducativoti.cl\/index.php?rest_route=\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nexoeducativoti.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nexoeducativoti.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nexoeducativoti.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nexoeducativoti.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=88"}],"version-history":[{"count":7,"href":"https:\/\/nexoeducativoti.cl\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/nexoeducativoti.cl\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/nexoeducativoti.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}