{"id":13,"date":"2026-05-22T13:31:52","date_gmt":"2026-05-22T11:31:52","guid":{"rendered":"https:\/\/stareon.cl\/web\/home-stareon\/"},"modified":"2026-07-29T10:49:15","modified_gmt":"2026-07-29T08:49:15","slug":"home","status":"publish","type":"page","link":"https:\/\/stareon.cl\/web\/","title":{"rendered":"Stareon"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" rel=\"stylesheet\"\/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.0\/dist\/chart.umd.min.js\"><\/script>\n<style>\n\n    :root {\n      --bg:       #080f1e;\n      --bg-card:  #0d1628;\n      --bg-card2: #111b30;\n      --bg-glass: rgba(17,27,48,0.75);\n      --border:   rgba(233,195,73,0.12);\n      --gold:     #E9C349;\n      --gold-dim: #c9a730;\n      --blue:     #1A56DB;\n      --blue-lt:  #3b82f6;\n      --text:     #dae2fd;\n      --text-dim: #8fa0c0;\n      --red:      #ff4d4d;\n      --green:    #34d399;\n    }\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { font-size: 16px; }\n    body {\n      font-family: 'Inter', sans-serif;\n      background: var(--bg);\n      color: var(--text);\n      overflow-x: hidden;\n      line-height: 1.6;\n    }\n    ::-webkit-scrollbar { width: 6px; }\n    ::-webkit-scrollbar-track { background: var(--bg); }\n    ::-webkit-scrollbar-thumb { background: var(--gold-dim); border-radius: 4px; }\n\n    .gold   { color: var(--gold); }\n    .blue   { color: var(--blue-lt); }\n    .dim    { color: var(--text-dim); }\n    .tag-label {\n      display: inline-flex; align-items: center; gap: 6px;\n      font-size: 10px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase;\n      color: var(--gold); margin-bottom: 16px;\n    }\n    .tag-label::before {\n      content: ''; width: 6px; height: 6px; border-radius: 50%;\n      background: var(--gold); animation: pulse 2s infinite;\n    }\n    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.6)} }\n    .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n    .btn-primary {\n      display: inline-flex; align-items: center; gap: 8px;\n      background: var(--gold); color: #0a1020; font-weight: 800;\n      padding: 14px 28px; border-radius: 6px; border: none;\n      cursor: pointer; font-size: 15px; text-decoration: none;\n      transition: all .2s; white-space: nowrap;\n    }\n    .btn-primary:hover { background: #f5d460; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(233,195,73,.25); }\n    .btn-secondary {\n      display: inline-flex; align-items: center; gap: 8px;\n      background: transparent; color: var(--text);\n      border: 1px solid rgba(218,226,253,.25); font-weight: 600;\n      padding: 14px 28px; border-radius: 6px;\n      cursor: pointer; font-size: 15px; text-decoration: none;\n      transition: all .2s; white-space: nowrap;\n    }\n    .btn-secondary:hover { border-color: var(--gold); color: var(--gold); }\n    .btn-ghost {\n      display: inline-flex; align-items: center; gap: 6px;\n      background: transparent; color: var(--text-dim); border: none;\n      font-size: 14px; font-weight: 500; cursor: pointer;\n      padding: 8px 14px; border-radius: 5px; text-decoration: none;\n      transition: color .2s;\n    }\n    .btn-ghost:hover { color: var(--gold); }\n    .section-title {\n      font-size: clamp(2rem, 4vw, 3.2rem);\n      font-weight: 800; line-height: 1.15; letter-spacing: -0.03em;\n    }\n    .card {\n      background: var(--bg-card);\n      border: 1px solid var(--border);\n      border-radius: 12px; padding: 32px;\n    }\n    .material-symbols-outlined {\n      font-variation-settings: 'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;\n      user-select: none; line-height: 1;\n    }\n\n    \/* PARTICLE *\/\n    #particle-canvas {\n      position: fixed; inset: 0; z-index: 0;\n      pointer-events: none; opacity: .5;\n    }\n\n    \/* NAVBAR *\/\n    #navbar {\n      position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n      height: 96px;\n      display: flex; align-items: center;\n      background: rgba(8,15,30,0); backdrop-filter: blur(0px);\n      border-bottom: 1px solid transparent;\n      transition: background .3s, backdrop-filter .3s, border-color .3s, top .2s;\n    }\n    body.admin-bar #navbar { top: 32px; }\n    @media screen and (max-width: 782px) { body.admin-bar #navbar { top: 46px; } }\n    #navbar.scrolled { background: rgba(8,15,30,.88); backdrop-filter: blur(22px); border-bottom-color: var(--border); }\n    .nav-inner { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; }\n    .nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }\n    .nav-logo img { height: 60px; }\n    .nav-links { display: flex; align-items: center; gap: 32px; }\n    .nav-links a { color: var(--text-dim); text-decoration: none; font-size: 14px; font-weight: 500; transition: color .2s; }\n    .nav-links a:hover, .nav-links a.active { color: var(--gold); }\n    .nav-actions { display: flex; align-items: center; gap: 12px; }\n    .nav-cta {\n      background: var(--gold); color: #0a1020; font-weight: 700;\n      padding: 9px 20px; border-radius: 5px; border: none;\n      cursor: pointer; font-size: 13px; text-decoration: none; transition: all .2s;\n    }\n    .nav-cta:hover { background: #f5d460; }\n    .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; }\n    .hamburger span { width: 24px; height: 2px; background: var(--text); border-radius: 2px; transition: .3s; }\n    #mobile-menu {\n      display: none; position: fixed; top: 72px; left: 0; right: 0;\n      background: rgba(8,15,30,.97); backdrop-filter: blur(24px);\n      border-bottom: 1px solid var(--border); z-index: 999;\n      padding: 24px 28px; flex-direction: column; gap: 16px;\n    }\n    #mobile-menu.open { display: flex; }\n    #mobile-menu a { color: var(--text); text-decoration: none; font-size: 16px; font-weight: 500; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06); }\n\n    \/* HERO *\/\n    #hero { position: relative; min-height: 100vh; display: flex; align-items: center; padding: 130px 0 80px; overflow: hidden; }\n    .hero-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; background: #050c1a; }\n    .hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .24; filter: brightness(.65) saturate(1.5); }\n    .hero-overlay { position: absolute; inset: 0; z-index: 1; background: radial-gradient(ellipse 80% 60% at 60% 40%, rgba(26,86,219,.18) 0%, transparent 70%), linear-gradient(180deg, rgba(8,15,30,.1) 0%, transparent 40%, var(--bg) 100%); }\n    .hero-content { position: relative; z-index: 2; }\n    .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }\n    h1.hero-title { font-size: clamp(2.4rem, 5vw, 4.2rem); font-weight: 900; line-height: 1.05; letter-spacing: -0.04em; margin-bottom: 24px; }\n    .hero-sub { font-size: 18px; font-weight: 300; color: var(--text-dim); max-width: 520px; line-height: 1.7; margin-bottom: 36px; }\n    .hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 48px; }\n    .hero-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }\n    .stat-box { background: rgba(17,27,48,.7); border: 1px solid var(--border); border-radius: 10px; padding: 20px 16px; text-align: center; }\n    .stat-num { font-size: 2rem; font-weight: 900; color: var(--gold); line-height: 1; }\n    .stat-label { font-size: 11px; color: var(--text-dim); font-weight: 500; margin-top: 4px; letter-spacing: .05em; text-transform: uppercase; }\n    .hero-visual { position: relative; }\n    .hero-dashboard { background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; box-shadow: 0 40px 80px rgba(0,0,0,.5), 0 0 60px rgba(233,195,73,.06); }\n    .dashboard-header { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgba(255,255,255,.03); border-bottom: 1px solid var(--border); }\n    .dot { width: 10px; height: 10px; border-radius: 50%; }\n    .dot-r { background: #ff5f57; }\n    .dot-y { background: #febc2e; }\n    .dot-g { background: #28c840; }\n    .dashboard-body { padding: 20px; }\n    .chart-wrap { height: 160px; margin-bottom: 16px; }\n    .mini-kpi-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }\n    .mini-kpi { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); border-radius: 8px; padding: 12px 10px; text-align: center; }\n    .kpi-val { font-size: 1.1rem; font-weight: 800; }\n    .kpi-lbl { font-size: 10px; color: var(--text-dim); margin-top: 2px; }\n    .badge-float { position: absolute; bottom: -20px; left: -20px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; padding: 14px 18px; display: flex; align-items: center; gap: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.4); min-width: 180px; }\n    .badge-icon { width: 40px; height: 40px; border-radius: 50%; background: rgba(233,195,73,.12); display: flex; align-items: center; justify-content: center; color: var(--gold); font-size: 20px; }\n    .badge-val { font-size: 1.3rem; font-weight: 900; }\n    .badge-lbl { font-size: 10px; color: var(--text-dim); font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }\n\n    \/* TRUST BAR *\/\n    .trust-bar { position: relative; z-index: 2; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 20px 0; }\n    .trust-inner { display: flex; align-items: center; justify-content: center; gap: 48px; flex-wrap: wrap; }\n    .trust-item { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--text-dim); }\n    .trust-item .material-symbols-outlined { font-size: 18px; color: var(--gold); }\n\n    section { position: relative; z-index: 2; }\n\n    \/* INTEGRATIONS *\/\n    .integrations-bar { padding: 64px 0; }\n    .int-label { text-align: center; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--text-dim); margin-bottom: 28px; }\n    .logos-row { display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; }\n    .int-logo { display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; padding: 12px 20px; font-size: 13px; font-weight: 700; color: var(--text-dim); letter-spacing: .05em; min-width: 100px; text-align: center; transition: all .2s; }\n    .int-logo:hover { border-color: var(--gold); color: var(--gold); }\n\n    \/* FEATURES BENTO *\/\n    .features-section { padding: 100px 0; }\n    .bento-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: auto auto; gap: 16px; margin-top: 64px; }\n    .bento-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 32px; position: relative; overflow: hidden; transition: border-color .2s, transform .2s; }\n    .bento-card:hover { border-color: rgba(233,195,73,.3); transform: translateY(-3px); }\n    .bento-card.wide { grid-column: span 2; }\n    .bento-card.tall { grid-row: span 2; }\n    .bento-icon { width: 52px; height: 52px; background: rgba(233,195,73,.12); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--gold); margin-bottom: 20px; font-size: 26px; }\n    .bento-card h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: 10px; }\n    .bento-card p  { font-size: 14px; color: var(--text-dim); line-height: 1.65; }\n    .bento-bg-icon { position: absolute; right: -16px; bottom: -16px; font-size: 120px; color: rgba(233,195,73,.04); pointer-events: none; }\n\n    \/* HOW IT WORKS *\/\n    .hiw-section { padding: 100px 0; }\n    .steps-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; margin-top: 64px; }\n    .step-card { text-align: center; padding: 32px 20px; }\n    .step-num { width: 56px; height: 56px; border-radius: 50%; background: rgba(233,195,73,.12); border: 1px solid var(--gold); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; font-weight: 900; color: var(--gold); margin: 0 auto 20px; }\n    .step-card h4 { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }\n    .step-card p  { font-size: 13px; color: var(--text-dim); }\n\n    \/* SIMULATION *\/\n    .sim-section { padding: 100px 0; }\n    .sim-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; margin-top: 64px; }\n    .sim-screen { background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; box-shadow: 0 24px 80px rgba(0,0,0,.4); }\n    .sim-topbar { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; background: rgba(255,255,255,.03); border-bottom: 1px solid var(--border); font-size: 12px; color: var(--text-dim); font-weight: 600; }\n    .sim-live { display: flex; align-items: center; gap: 6px; color: var(--green); font-size: 11px; font-weight: 700; }\n    .sim-live::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--green); animation:pulse 1.5s infinite; }\n    .sim-body { padding: 20px; }\n    .sim-chart-wrap { height: 180px; margin-bottom: 16px; }\n    .sim-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.05); font-size: 13px; }\n    .sim-row:last-child { border-bottom: none; }\n    .sim-pos { color: var(--green); font-weight: 700; }\n    .sim-neg { color: var(--red); font-weight: 700; }\n    .feature-list { list-style: none; display: flex; flex-direction: column; gap: 20px; }\n    .feature-list li { display: flex; gap: 14px; align-items: flex-start; }\n    .feat-icon-wrap { width: 40px; height: 40px; flex-shrink: 0; background: rgba(26,86,219,.15); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--blue-lt); }\n    .feat-text strong { display: block; font-weight: 700; margin-bottom: 3px; }\n    .feat-text span   { font-size: 13px; color: var(--text-dim); }\n\n    \/* COMPARISON *\/\n    .compare-section { padding: 100px 0; }\n    .compare-table { width: 100%; border-collapse: collapse; margin-top: 48px; font-size: 14px; }\n    .compare-table th, .compare-table td { padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--border); }\n    .compare-table th { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--text-dim); background: rgba(255,255,255,.03); }\n    .compare-table td:first-child { font-weight: 600; }\n    .col-good { color: var(--green); display: flex; align-items: center; gap: 6px; }\n    .col-bad  { color: var(--text-dim); display: flex; align-items: center; gap: 6px; }\n    .compare-table tr:hover td { background: rgba(233,195,73,.03); }\n    .th-star { color: var(--gold) !important; font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; }\n\n    \/* PRICING *\/\n    .pricing-section { padding: 100px 0; }\n    .pricing-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 28px; margin-top: 56px; }\n    .price-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 36px; position: relative; overflow: hidden; transition: transform .2s, border-color .2s; }\n    .price-card:hover { transform: translateY(-4px); }\n    .price-card.featured { border-color: var(--gold); background: linear-gradient(135deg, var(--bg-card2) 0%, rgba(233,195,73,.06) 100%); }\n    .featured-badge { position: absolute; top: 20px; right: 20px; background: var(--gold); color: #0a1020; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; padding: 4px 10px; border-radius: 20px; }\n    .plan-name { font-size: 1.1rem; font-weight: 800; margin-bottom: 8px; }\n    .plan-price { font-size: 2.6rem; font-weight: 900; line-height: 1; margin: 16px 0 4px; }\n    .plan-price span { font-size: 1rem; font-weight: 400; color: var(--text-dim); }\n    .plan-sub { font-size: 12px; color: var(--text-dim); margin-bottom: 24px; }\n    .plan-divider { border: none; border-top: 1px solid var(--border); margin: 24px 0; }\n    .plan-features { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }\n    .plan-features li { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; }\n    .plan-features li .material-symbols-outlined { font-size: 16px; color: var(--green); flex-shrink: 0; margin-top: 1px; }\n    .plan-features li.inactive { color: var(--text-dim); }\n    .plan-features li.inactive .material-symbols-outlined { color: rgba(255,255,255,.2); }\n    .plan-cta { width: 100%; padding: 13px; border-radius: 6px; font-size: 14px; font-weight: 700; cursor: pointer; transition: all .2s; border: none; }\n    .plan-cta-fill { background: var(--gold); color: #0a1020; }\n    .plan-cta-fill:hover { background: #f5d460; }\n    .plan-cta-outline { background: transparent; color: var(--text); border: 1px solid var(--border); }\n    .plan-cta-outline:hover { border-color: var(--gold); color: var(--gold); }\n\n    \/* PLAN DESCRIPTION CARDS *\/\n    .plan-desc-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 20px; margin-top: 56px; }\n    .plan-desc-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 28px; position: relative; transition: transform .2s, border-color .2s; }\n    .plan-desc-card:hover { transform: translateY(-4px); }\n    .plan-desc-card.featured { border-color: var(--gold); background: linear-gradient(135deg, var(--bg-card2) 0%, rgba(233,195,73,.06) 100%); }\n    .plan-desc-name { font-size: 1.1rem; font-weight: 800; margin-bottom: 6px; }\n    .plan-desc-price { font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; color: var(--text); }\n    .plan-desc-sub { font-size: 12px; color: var(--text-dim); margin-bottom: 18px; line-height: 1.6; }\n    @media (max-width: 900px) { .plan-desc-grid { grid-template-columns: 1fr; } }\n\n    \/* PRECIOS + COTIZADOR (2 columnas) *\/\n    .precios-cotizador-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; margin-top: 56px; }\n    .precios-highlight h3 { font-size: 1.6rem; font-weight: 800; margin-bottom: 16px; line-height: 1.25; }\n    .precios-highlight > p { font-size: 14px; color: var(--text-dim); margin-bottom: 20px; line-height: 1.7; }\n    .precios-highlight .info-box { background: rgba(52,211,153,.07); border: 1px solid rgba(52,211,153,.2); border-radius: 8px; padding: 12px 14px; font-size: 13px; margin-bottom: 16px; display: flex; align-items: flex-start; gap: 8px; line-height: 1.6; }\n    .precios-highlight .info-box .material-symbols-outlined { color: var(--green); font-size: 16px; flex-shrink: 0; margin-top: 1px; }\n    .precios-highlight .confirm-note { font-size: 13px; color: var(--text-dim); }\n    .cotizador-card { background: var(--bg-card); border-radius: 14px; padding: 32px; }\n    .plan-tabs { display: flex; gap: 8px; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 4px; margin-bottom: 20px; }\n    .plan-tab { flex: 1; padding: 8px 6px; border-radius: 5px; font-size: 12px; font-weight: 700; cursor: pointer; border: none; background: transparent; color: var(--text-dim); transition: all .2s; text-align: center; white-space: nowrap; }\n    .plan-tab.active { background: var(--gold); color: #0a1020; }\n    .budget-row.disabled { opacity: .4; pointer-events: none; }\n    .period-tabs.disabled { opacity: .4; pointer-events: none; }\n    .cotizador-custom-note { display: none; background: rgba(233,195,73,.08); border: 1px solid rgba(233,195,73,.25); border-radius: 8px; padding: 16px; text-align: center; font-size: 13px; color: var(--text-dim); margin-bottom: 20px; }\n    @media (max-width: 900px) { .precios-cotizador-grid { grid-template-columns: 1fr; gap: 32px; } }\n\n    \/* PERIOD TABS *\/\n    .period-tabs { display: flex; gap: 8px; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 4px; width: fit-content; margin-bottom: 24px; }\n    .period-tab { padding: 7px 16px; border-radius: 5px; font-size: 12px; font-weight: 700; cursor: pointer; border: none; background: transparent; color: var(--text-dim); transition: all .2s; white-space: nowrap; }\n    .period-tab.active { background: var(--gold); color: #0a1020; }\n    .period-tab .tab-badge { background: rgba(52,211,153,.15); color: var(--green); font-size: 9px; border-radius: 4px; padding: 1px 5px; margin-left: 4px; font-weight: 700; letter-spacing: .05em; }\n    .period-tab.active .tab-badge { background: rgba(10,16,32,.18); color: #0a1020; }\n\n    \/* BUDGET BUILDER *\/\n    .budget-builder { background: var(--bg); border: 1px solid rgba(233,195,73,.15); border-radius: 10px; padding: 20px; margin-bottom: 24px; }\n    .budget-builder h4 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--gold); margin-bottom: 14px; }\n    .budget-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; gap: 12px; }\n    .budget-row label { font-size: 13px; flex: 1; color: var(--text); }\n    .budget-row .budget-hint { font-size: 11px; color: var(--text-dim); display: block; }\n    .qty-ctrl { display: flex; align-items: center; gap: 0; border: 1px solid var(--border); border-radius: 6px; overflow: hidden; }\n    .qty-btn { width: 30px; height: 30px; background: rgba(255,255,255,.06); border: none; color: var(--text); font-size: 16px; cursor: pointer; transition: background .15s; display: flex; align-items: center; justify-content: center; }\n    .qty-btn:hover { background: rgba(233,195,73,.15); color: var(--gold); }\n    .qty-val { width: 36px; text-align: center; font-size: 14px; font-weight: 700; color: var(--text); padding: 4px 0; background: var(--bg-card); font-family: 'Inter', sans-serif; }\n    .budget-total { display: flex; justify-content: space-between; align-items: center; padding-top: 14px; border-top: 1px solid var(--border); margin-top: 4px; }\n    .budget-total .label { font-size: 12px; font-weight: 700; color: var(--text-dim); text-transform: uppercase; letter-spacing: .08em; }\n    .budget-total .amount { font-size: 1.6rem; font-weight: 900; color: var(--gold); }\n    .budget-total .period { font-size: 11px; color: var(--text-dim); }\n\n    @media (max-width: 900px) { .pricing-grid { grid-template-columns: 1fr; } }\n\n    \/* TESTIMONIALS *\/\n    .testi-section { padding: 100px 0; }\n    .testi-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 56px; }\n    .testi-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 28px; }\n    .stars { color: var(--gold); font-size: 14px; margin-bottom: 14px; }\n    .testi-text { font-size: 14px; line-height: 1.7; color: var(--text-dim); margin-bottom: 20px; font-style: italic; }\n    .testi-author { display: flex; align-items: center; gap: 12px; }\n    .avatar { width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0; background: linear-gradient(135deg, var(--blue), var(--gold)); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1rem; color: #fff; }\n    .author-name { font-weight: 700; font-size: 14px; }\n    .author-role { font-size: 12px; color: var(--text-dim); }\n\n    \/* FAQ *\/\n    .faq-section { padding: 100px 0; }\n    .faq-grid { max-width: 800px; margin: 56px auto 0; display: flex; flex-direction: column; gap: 12px; }\n    .faq-item { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }\n    .faq-q { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; cursor: pointer; font-weight: 600; font-size: 15px; user-select: none; }\n    .faq-q .material-symbols-outlined { color: var(--gold); font-size: 22px; transition: transform .3s; flex-shrink: 0; }\n    .faq-a { max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .3s; padding: 0 24px; }\n    .faq-a p { font-size: 14px; color: var(--text-dim); line-height: 1.7; padding-bottom: 20px; }\n    .faq-item.open .faq-a { max-height: 300px; }\n    .faq-item.open .faq-q .material-symbols-outlined { transform: rotate(180deg); }\n\n    \/* CONTACT *\/\n    .contact-section { padding: 100px 0; }\n    .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; margin-top: 16px; }\n    .contact-info h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 800; margin-bottom: 16px; line-height: 1.2; }\n    .contact-info p { font-size: 15px; color: var(--text-dim); line-height: 1.7; margin-bottom: 32px; }\n    .contact-trust { display: flex; flex-direction: column; gap: 14px; }\n    .ct-item { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; }\n    .ct-item .material-symbols-outlined { font-size: 20px; color: var(--gold); }\n    .contact-form { background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 36px; }\n    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n    .form-group { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }\n    .form-group label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--text-dim); }\n    .form-group input, .form-group select, .form-group textarea { background: var(--bg); border: 1px solid rgba(255,255,255,.12); border-radius: 6px; padding: 8px 10px; color: var(--text); font-size: 13px; font-family: 'Inter', sans-serif; transition: border-color .2s; outline: none; width: 100%; }\n    .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--gold); }\n    .form-group select { appearance: none; cursor: pointer; }\n    .form-group textarea { resize: vertical; min-height: 60px; }\n    .form-submit { width: 100%; padding: 12px; background: var(--gold); color: #0a1020; border: none; border-radius: 6px; font-size: 14px; font-weight: 800; cursor: pointer; transition: all .2s; margin-top: 4px; }\n    .form-submit:hover { background: #f5d460; box-shadow: 0 8px 24px rgba(233,195,73,.25); }\n    .form-note { font-size: 11px; color: var(--text-dim); text-align: center; margin-top: 12px; }\n    #contacto .gform_wrapper.gravity-theme, #cotizar-modal .gform_wrapper.gravity-theme { margin: 0; }\n    #contacto .gform_wrapper form, #cotizar-modal .gform_wrapper form { margin: 0; }\n    #contacto .gfield, #cotizar-modal .gfield { margin-bottom: 10px !important; list-style: none; }\n    #contacto .gform_wrapper .gfield_label, #contacto .gform_wrapper legend.gfield_label,\n    #cotizar-modal .gform_wrapper .gfield_label, #cotizar-modal .gform_wrapper legend.gfield_label { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .1em; color: var(--text-dim) !important; margin-bottom: 3px !important; display: block; }\n    #contacto .ginput_container input[type=text], #contacto .ginput_container input[type=email], #contacto .ginput_container input[type=tel], #contacto .ginput_container input[type=number], #contacto .ginput_container select, #contacto .ginput_container textarea,\n    #cotizar-modal .ginput_container input[type=text], #cotizar-modal .ginput_container input[type=email], #cotizar-modal .ginput_container input[type=tel], #cotizar-modal .ginput_container input[type=number], #cotizar-modal .ginput_container select, #cotizar-modal .ginput_container textarea { background: var(--bg); border: 1px solid rgba(255,255,255,.12); border-radius: 6px; padding: 8px 10px; color: var(--text); font-size: 13px; font-family: 'Inter', sans-serif; outline: none; width: 100%; }\n    #contacto .ginput_container textarea, #cotizar-modal .ginput_container textarea { min-height: 60px; }\n    #contacto .ginput_container input:focus, #contacto .ginput_container select:focus, #contacto .ginput_container textarea:focus,\n    #cotizar-modal .ginput_container input:focus, #cotizar-modal .ginput_container select:focus, #cotizar-modal .ginput_container textarea:focus { border-color: var(--gold); }\n    #contacto .gfield_radio, #contacto .gfield_checkbox, #cotizar-modal .gfield_radio, #cotizar-modal .gfield_checkbox { display: flex; flex-direction: column; gap: 5px; }\n    #contacto .gfield_radio label, #contacto .gfield_checkbox label, #cotizar-modal .gfield_radio label, #cotizar-modal .gfield_checkbox label { color: var(--text); font-size: 12px; }\n    #contacto .gform_footer, #contacto .gform_page_footer, #cotizar-modal .gform_footer, #cotizar-modal .gform_page_footer { margin-top: 2px !important; padding: 0 !important; }\n    #contacto .gform_button, #cotizar-modal .gform_button { width: 100%; padding: 12px; background: var(--gold); color: #0a1020; border: none; border-radius: 6px; font-size: 14px; font-weight: 800; cursor: pointer; transition: all .2s; }\n    #contacto .gform_button:hover, #cotizar-modal .gform_button:hover { background: #f5d460; box-shadow: 0 8px 24px rgba(233,195,73,.25); }\n    #contacto .gform_confirmation_message, #cotizar-modal .gform_confirmation_message { color: var(--green); font-size: 14px; text-align: center; padding: 16px 0; }\n    #contacto .validation_error, #cotizar-modal .validation_error { background: rgba(255,77,77,.08); border: 1px solid rgba(255,77,77,.25); border-radius: 6px; padding: 8px 12px; color: #ff9c9c; font-size: 12px; margin-bottom: 12px; }\n    #contacto .gfield_description.validation_message, #cotizar-modal .gfield_description.validation_message { color: #ff9c9c; font-size: 11px; margin-top: 3px; }\n    #cotizar-modal #field_3_5, #cotizar-modal #field_3_6, #cotizar-modal #field_3_7 { display: none !important; }\n    .cotizar-modal-overlay { display: none; position: fixed; inset: 0; background: rgba(5,10,20,.75); z-index: 9999; align-items: center; justify-content: center; padding: 20px; }\n    .cotizar-modal-overlay.open { display: flex; }\n    .cotizar-modal { background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 28px; max-width: 440px; width: 100%; max-height: 88vh; overflow-y: auto; position: relative; }\n    .cotizar-modal-close { position: absolute; top: 14px; right: 14px; background: transparent; border: none; color: var(--text-dim); font-size: 22px; line-height: 1; cursor: pointer; }\n    .cotizar-modal h3 { font-size: 1.05rem; font-weight: 800; margin-bottom: 6px; }\n    .cotizar-modal-summary { font-size: 12px; color: var(--gold); background: rgba(233,195,73,.08); border: 1px solid rgba(233,195,73,.2); border-radius: 6px; padding: 10px 12px; margin-bottom: 16px; }\n\n    \/* DEMO BANNER *\/\n    .demo-banner { background: linear-gradient(135deg, #0d1628 0%, #0a1f40 50%, #0d1628 100%); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 80px 0; text-align: center; position: relative; overflow: hidden; }\n    .demo-banner::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 80% at 50% 50%, rgba(233,195,73,.07) 0%, transparent 70%); }\n    .demo-banner h2 { font-size: clamp(1.8rem,3.5vw,3rem); font-weight: 900; margin-bottom: 16px; position: relative; }\n    .demo-banner p { font-size: 17px; color: var(--text-dim); margin-bottom: 36px; position: relative; }\n    .demo-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; position: relative; }\n\n    \/* FOOTER *\/\n    footer { background: #050c1a; border-top: 1px solid var(--border); padding: 64px 0 32px; position: relative; z-index: 2; }\n    .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px; }\n    .footer-brand p { font-size: 13px; color: var(--text-dim); line-height: 1.7; margin: 14px 0 20px; max-width: 280px; }\n    .footer-col h5 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--text-dim); margin-bottom: 16px; }\n    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n    .footer-col ul li a { color: var(--text-dim); text-decoration: none; font-size: 13px; transition: color .2s; }\n    .footer-col ul li a:hover { color: var(--gold); }\n    .footer-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 28px; border-top: 1px solid var(--border); flex-wrap: wrap; gap: 12px; }\n    .footer-bottom p { font-size: 12px; color: var(--text-dim); }\n    .social-links { display: flex; gap: 14px; }\n    .social-links a { width: 34px; height: 34px; border-radius: 8px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; color: var(--text-dim); text-decoration: none; font-size: 14px; font-weight: 700; transition: all .2s; }\n    .social-links a:hover { background: var(--gold); border-color: var(--gold); color: #0a1020; }\n\n    \/* FLOATING BUTTONS *\/\n    #float-wa { position: fixed; bottom: 28px; right: 28px; z-index: 900; width: 56px; height: 56px; border-radius: 50%; background: #25d366; box-shadow: 0 4px 20px rgba(37,211,102,.4); display: flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; transition: transform .2s, box-shadow .2s; }\n    #float-wa:hover { transform: scale(1.08); box-shadow: 0 8px 28px rgba(37,211,102,.5); }\n    #float-wa svg { width: 28px; height: 28px; fill: #fff; }\n    \/* AI CHAT WIDGET *\/\n    #chat-widget { position: fixed; bottom: 96px; right: 28px; z-index: 950; width: 360px; height: 520px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; display: none; flex-direction: column; box-shadow: 0 24px 64px rgba(0,0,0,.5); overflow: hidden; }\n    #chat-widget.open { display: flex; }\n    .chat-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; background: var(--bg-card2); border-bottom: 1px solid var(--border); }\n    .chat-agent { display: flex; align-items: center; gap: 10px; }\n    .chat-avatar { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, var(--blue), var(--gold)); display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 800; color: #fff; }\n    .chat-agent-name { font-weight: 700; font-size: 14px; }\n    .chat-agent-status { font-size: 11px; color: var(--green); }\n    .chat-close { background: none; border: none; color: var(--text-dim); cursor: pointer; font-size: 20px; line-height: 1; }\n    .chat-messages { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 12px; }\n    .chat-msg { max-width: 85%; }\n    .chat-msg.bot { align-self: flex-start; }\n    .chat-msg.user { align-self: flex-end; text-align: right; }\n    .chat-bubble { padding: 10px 14px; border-radius: 12px; font-size: 13px; line-height: 1.6; }\n    .bot .chat-bubble { background: rgba(255,255,255,.07); border-radius: 0 12px 12px 12px; }\n    .user .chat-bubble { background: var(--gold); color: #0a1020; border-radius: 12px 0 12px 12px; font-weight: 600; }\n    .chat-time { font-size: 10px; color: var(--text-dim); margin-top: 4px; }\n    .chat-quick { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 16px; border-top: 1px solid var(--border); }\n    .quick-btn { background: rgba(233,195,73,.12); border: 1px solid rgba(233,195,73,.25); color: var(--gold); border-radius: 20px; padding: 5px 12px; font-size: 11px; font-weight: 600; cursor: pointer; transition: all .15s; }\n    .quick-btn:hover { background: var(--gold); color: #0a1020; }\n    .chat-input-area { display: flex; gap: 8px; padding: 12px 16px; background: var(--bg-card2); border-top: 1px solid var(--border); }\n    .chat-input { flex: 1; background: var(--bg); border: 1px solid rgba(255,255,255,.12); border-radius: 8px; padding: 10px 12px; color: var(--text); font-size: 13px; font-family: 'Inter', sans-serif; outline: none; transition: border-color .2s; }\n    .chat-input:focus { border-color: var(--gold); }\n    .chat-send { width: 38px; height: 38px; border-radius: 8px; background: var(--gold); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .2s; flex-shrink: 0; }\n    .chat-send .material-symbols-outlined { font-size: 18px; color: #0a1020; }\n    .typing-indicator { display: flex; gap: 4px; align-items: center; padding: 8px 4px; }\n    .typing-dot { width: 7px; height: 7px; background: var(--text-dim); border-radius: 50%; animation: typing-bounce .9s ease infinite; }\n    .typing-dot:nth-child(2) { animation-delay: .15s; }\n    .typing-dot:nth-child(3) { animation-delay: .3s; }\n    @keyframes typing-bounce { 0%,60%,100%{transform:translateY(0)} 30%{transform:translateY(-8px)} }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 1024px) {\n      .bento-grid { grid-template-columns: 1fr 1fr; }\n      .bento-card.wide { grid-column: span 2; }\n      .bento-card.tall { grid-row: auto; }\n      .pricing-grid { max-width: 900px; margin-left: auto; margin-right: auto; }\n      .footer-grid { grid-template-columns: 1fr 1fr; }\n    }\n    @media (max-width: 768px) {\n      .hero-grid { grid-template-columns: 1fr; }\n      .hero-visual { display: none; }\n      .steps-grid { grid-template-columns: 1fr 1fr; }\n      .sim-grid { grid-template-columns: 1fr; }\n      .testi-grid { grid-template-columns: 1fr; }\n      .contact-grid { grid-template-columns: 1fr; }\n      .footer-grid { grid-template-columns: 1fr; }\n      .nav-links { display: none; }\n      .hamburger { display: flex; }\n      .nav-cta { display: none; }\n      .form-row { grid-template-columns: 1fr; }\n      .hero-stats { grid-template-columns: 1fr 1fr; }\n      .bento-grid { grid-template-columns: 1fr; }\n      .bento-card.wide { grid-column: auto; }\n      #chat-widget { right: 8px; width: calc(100vw - 16px); }\n      .compare-section table { font-size: 12px; }\n    }\n\n    \/* ALTERNATING SECTION BACKGROUNDS *\/\n    .sec-dark {\n      background: #06101c !important;\n      --bg-card:  #0c1627;\n      --bg-card2: #0f1d2f;\n    }\n    .sec-blue {\n      background: #0c1e3d !important;\n      --bg-card:  #12244a;\n      --bg-card2: #0f2043;\n      --border:   rgba(233,195,73,.18);\n    }\n    \/* ensure cards in sec-blue read as elevated *\/\n    .sec-blue .card,\n    .sec-blue .bento-card,\n    .sec-blue .price-card,\n    .sec-blue .testi-card,\n    .sec-blue .faq-item,\n    .sec-blue .step-card,\n    .sec-blue .sim-screen,\n    .sec-blue .sim-screen { background: var(--bg-card); }\n  \nhtml, body { margin: 0 !important; padding: 0 !important; }\n#brx-content, #brx-content > .brxe-container, .brxe-container, .entry-content, .wp-block-post-content { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; display: block !important; }\nmain#brx-content > h1:first-child, .brxe-post-title { display: none !important; }\nbody:not(.wp-admin) { overflow-x: hidden; }\n.hero-bg { background: radial-gradient(ellipse 70% 55% at 72% 18%, rgba(26,86,219,.34), transparent 60%), radial-gradient(ellipse 55% 50% at 40% 12%, rgba(233,195,73,.14), transparent 64%); }\n<\/style>\n\n\n<canvas id=\"particle-canvas\"><\/canvas>\n\n<!-- NAVBAR -->\n<nav id=\"navbar\">\n  <div class=\"nav-inner\">\n  <a class=\"nav-logo\" href=\"\/web\/\">\n    <img decoding=\"async\" src=\"data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAzMC4zLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA5LjAzIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMzNSA4Ni45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMzUgODYuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MXtmaWxsOiNFOUMzNDk7fQ0KCS5zdDJ7b3BhY2l0eTowLjg7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTk1LjEsODEuMWMtMiwwLTMuMy0xLjEtMy40LTIuN2gxLjFjMC4xLDAuOCwwLjcsMS44LDIuMywxLjhjMS40LDAsMi4yLTAuOCwyLjItMS44YzAtMi45LTUuNS0xLjEtNS41LTQuOQ0KCQkJYzAtMS41LDEuMy0yLjcsMy4yLTIuN2MxLjksMCwzLDEuMSwzLjIsMi40aC0xLjFjLTAuMS0wLjctMC44LTEuNi0yLjItMS42Yy0xLjIsMC0yLjEsMC42LTIuMSwxLjhjMCwyLjksNS41LDEuMSw1LjUsNC44DQoJCQlDOTguMyw3OS43LDk3LjIsODEuMSw5NS4xLDgxLjF6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDUuOSw3MC45aDF2Ni4zYzAsMi4xLDEuMSwyLjksMi42LDIuOWMxLjYsMCwyLjYtMC44LDIuNi0yLjl2LTYuM2gxdjYuM2MwLDIuNi0xLjYsMy44LTMuNiwzLjgNCgkJCWMtMiwwLTMuNi0xLjItMy42LTMuOFY3MC45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIxLjEsNzAuOWgxdjEwaC0xVjcwLjl6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjkuNCw3MC45aDYuNnYwLjhoLTIuOFY4MWgtMXYtOS4yaC0yLjhWNzAuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OC41LDcxLjhoLTQuMnYzLjdoMy44djAuOGgtMy44djMuOGg0LjJWODFoLTUuMnYtMTBoNS4yVjcxLjh6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjUuOSw3MC45aDUuNHYwLjhoLTQuNHYzLjdoMy43djAuOGgtMy43VjgxaC0xVjcwLjl6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzguNyw3MC45aDF2MTBoLTFWNzAuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5NS4yLDcwLjl2MTBoLTFsLTUuNS04LjRWODFoLTF2LTEwaDFsNS41LDguNHYtOC40SDE5NS4yeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjA5LDc4LjZoLTQuNmwtMC45LDIuNGgtMS4xbDMuNy05LjloMS4xTDIxMSw4MWgtMS4xTDIwOSw3OC42eiBNMjA2LjgsNzIuM2wtMiw1LjRoNEwyMDYuOCw3Mi4zeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjI1LjksNzAuOXYxMGgtMWwtNS41LTguNFY4MWgtMXYtMTBoMWw1LjUsOC40di04LjRIMjI1Ljl6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMzguMyw3MC44YzIuMiwwLDMuOSwxLjEsNC42LDNoLTEuMmMtMC42LTEuMy0xLjctMi4yLTMuNC0yLjJjLTIuMiwwLTMuOSwxLjYtMy45LDQuMg0KCQkJYzAsMi42LDEuNyw0LjIsMy45LDQuMmMxLjcsMCwyLjktMC44LDMuNC0yLjFoMS4yYy0wLjcsMS45LTIuNCwzLTQuNiwzYy0yLjgsMC00LjktMi4xLTQuOS01LjFDMjMzLjQsNzIuOSwyMzUuNSw3MC44LDIzOC4zLDcwLjgNCgkJCXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1MC42LDcwLjloMXYxMGgtMVY3MC45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjY0LjksNzEuOGgtNC4ydjMuN2gzLjh2MC44aC0zLjh2My44aDQuMlY4MWgtNS4ydi0xMGg1LjJWNzEuOHoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI3NS42LDcwLjljMi4zLDAsMy40LDEuMywzLjQsMi45YzAsMS40LTAuOCwyLjUtMi41LDIuOGwyLjYsNC4zaC0xLjJsLTIuNS00LjJoLTEuOFY4MWgtMXYtMTBIMjc1LjZ6DQoJCQkgTTI3NS42LDcxLjhoLTJWNzZoMmMxLjYsMCwyLjQtMC45LDIuNC0yLjFDMjc3LjksNzIuNiwyNzcuMyw3MS44LDI3NS42LDcxLjh6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOTIuNSw3OC42aC00LjZsLTAuOSwyLjRIMjg2bDMuNy05LjloMS4xbDMuNiw5LjloLTEuMUwyOTIuNSw3OC42eiBNMjkwLjIsNzIuM2wtMiw1LjRoNEwyOTAuMiw3Mi4zeiIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI5LjEsNTQuNCA1LjMsNTAuNiAzMSwyNSA0OS4yLDQzLjIgODUuMSw3LjMgODguOSwxMSA0OS4yLDUwLjggMzEsMzIuNSA5LjEsNTQuNCAJCSIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTUuOCw0Ni44YzAsMy42LTIuOSw2LjUtNi41LDYuNWMtMy42LDAtNi41LTIuOS02LjUtNi41YzAtMy42LDIuOS02LjUsNi41LTYuNQ0KCQkJQzUyLjksNDAuMiw1NS44LDQzLjIsNTUuOCw0Ni44TDU1LjgsNDYuOHoiLz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI5MC4zLDUuOSA3NC43LDEwIDg2LjEsMjEuNCA5MC4zLDUuOSAJCSIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzcuNSwyOC43YzAsMy42LTIuOSw2LjUtNi41LDYuNXMtNi41LTIuOS02LjUtNi41YzAtMy42LDIuOS02LjUsNi41LTYuNVMzNy41LDI1LjEsMzcuNSwyOC43TDM3LjUsMjguN3oiLz4NCgk8L2c+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTcwLjYsNDUuOEw3MC42LDQ1LjhjMCwxMi41LTEwLjEsMjIuNi0yMi42LDIyLjZjLTEwLjcsMC0xOS43LTcuNS0yMi0xNy41bC05LjksMTANCgkJQzIxLjgsNzIuOCwzMy45LDgxLjEsNDgsODEuMWMxOS41LDAsMzUuMi0xNS44LDM1LjItMzUuMlYzMy4xTDcwLjYsNDUuOEw3MC42LDQ1Ljh6Ii8+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjAuNSw0Mi4yYy0xLTEtMi4zLTEuOC0zLjctMi41Yy0xLjUtMC43LTMuMi0xLjMtNS4xLTEuN2wtMy4zLTAuOGMtMS4yLTAuMy0yLjItMC42LTMtMC45DQoJCQljLTAuOS0wLjQtMS41LTAuOC0yLTEuNGMtMC41LTAuNS0wLjctMS4yLTAuNy0yYzAtMC43LDAuMi0xLjMsMC42LTEuOWMwLjQtMC42LDEtMSwxLjgtMS4zYzAuOC0wLjMsMS44LTAuNSwzLTAuNQ0KCQkJYzEuOCwwLDMuMiwwLjQsNC4yLDEuMmMxLDAuOCwxLjYsMS45LDEuNywzLjJoOWMwLTIuNC0wLjctNC41LTEuOS02LjRjLTEuMi0xLjgtMi45LTMuMy01LjItNC4zYy0yLjItMS00LjgtMS41LTcuOC0xLjUNCgkJCWMtMywwLTUuNiwwLjUtNy45LDEuNWMtMi4zLDEtNC4xLDIuNC01LjQsNC4ycy0yLDMuOS0yLDYuM2MwLDMsMSw1LjMsMi45LDdjMS45LDEuNyw0LjYsMyw3LjksMy43bDQuMSwwLjkNCgkJCWMxLjQsMC4zLDIuNiwwLjcsMy41LDEuMWMwLjksMC40LDEuNiwwLjgsMiwxLjRjMC41LDAuNSwwLjcsMS4xLDAuNywxLjljMCwwLjgtMC4yLDEuNS0wLjcsMi4xYy0wLjUsMC42LTEuMiwxLjEtMi4xLDEuNA0KCQkJYy0wLjksMC4zLTIsMC41LTMuMiwwLjVjLTEuNCwwLTIuNi0wLjItMy42LTAuN3MtMS45LTEuMS0yLjUtMS45Yy0wLjYtMC44LTAuOS0xLjktMS0zLjFoLTljMCwzLDAuNyw1LjUsMi4xLDcuNXMzLjIsMy41LDUuNiw0LjUNCgkJCWMyLjQsMSw1LjIsMS41LDguNSwxLjVjMy4yLDAsNi0wLjUsOC4zLTEuNGMyLjMtMC45LDQuMS0yLjMsNS4zLTQuMWMxLjItMS44LDEuOC0zLjksMS44LTYuM2MwLTEuNS0wLjMtMi45LTAuOC00LjINCgkJCUMxMjIuMyw0NC4yLDEyMS41LDQzLjEsMTIwLjUsNDIuMnoiLz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNTcuNCwyMi4xIDEyNC43LDIyLjEgMTI0LjcsMjkuOCAxMzYuNCwyOS44IDEzNi40LDYxIDE0NS43LDYxIDE0NS43LDI5LjggMTU3LjQsMjkuOCAJCSIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY2LjIsMjIuMUwxNTMuMSw2MWgxMC4xbDIuNi04LjJoMTMuNGwyLjYsOC4yaDEwLjFsLTEzLjEtMzguOEgxNjYuMnogTTE2OCw0NS43bDQuMy0xMy44aDAuM2w0LjMsMTMuOEgxNjgNCgkJCXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyMiw0MS45YzEuMi0xLjksMS44LTQuMiwxLjgtNi45YzAtMi42LTAuNi00LjktMS43LTYuOWMtMS4yLTEuOS0yLjgtMy40LTQuOS00LjVjLTIuMS0xLjEtNC42LTEuNi03LjYtMS42DQoJCQloLTE2VjYxaDkuNFY0Ny43aDQuOGw3LjEsMTMuM2gxMC4zTDIxNyw0Ni4yQzIxOS4yLDQ1LjIsMjIwLjgsNDMuOCwyMjIsNDEuOXogTTIwMi45LDI5LjdoNC42YzEuNCwwLDIuNiwwLjIsMy42LDAuNg0KCQkJYzEsMC40LDEuNywxLDIuMiwxLjhjMC41LDAuOCwwLjcsMS44LDAuNywzYzAsMS4yLTAuMiwyLjItMC43LDNjLTAuNSwwLjgtMS4yLDEuMy0yLjIsMS43Yy0xLDAuNC0yLjEsMC41LTMuNiwwLjVoLTQuNlYyOS43eiIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjI1My42LDI5LjggMjUzLjYsMjIuMSAyMjYuNSwyMi4xIDIyNi41LDYxIDI1My41LDYxIDI1My41LDUzLjMgMjM1LjgsNTMuMyAyMzUuOCw0NS4xIDI1Mi4yLDQ1LjEgDQoJCQkyNTIuMiwzNy42IDIzNS44LDM3LjYgMjM1LjgsMjkuOCAJCSIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI4NC41LDIzLjljLTIuOC0xLjUtNS45LTIuMy05LjQtMi4zYy0zLjUsMC02LjYsMC44LTkuNCwyLjNjLTIuOCwxLjUtNSwzLjgtNi42LDYuOA0KCQkJYy0xLjYsMy0yLjQsNi42LTIuNCwxMC45YzAsNC4zLDAuOCw3LjksMi40LDEwLjhjMS42LDMsMy44LDUuMiw2LjYsNi44YzIuOCwxLjUsNiwyLjMsOS40LDIuM2MzLjUsMCw2LjYtMC44LDkuNC0yLjMNCgkJCXM1LTMuOCw2LjYtNi44YzEuNi0zLDIuNC02LjYsMi40LTEwLjhjMC00LjMtMC44LTcuOS0yLjQtMTAuOUMyODkuNSwyNy43LDI4Ny4zLDI1LjUsMjg0LjUsMjMuOXogTTI4Myw0OGMtMC43LDEuNy0xLjcsMy4xLTMuMSw0DQoJCQljLTEuMywwLjktMi45LDEuNC00LjgsMS40Yy0xLjksMC0zLjUtMC41LTQuOC0xLjRjLTEuMy0wLjktMi40LTIuMi0zLjEtNGMtMC43LTEuNy0xLjEtMy45LTEuMS02LjRjMC0yLjUsMC40LTQuNywxLjEtNi40DQoJCQljMC43LTEuNywxLjctMy4xLDMuMS00YzEuMy0wLjksMi45LTEuNCw0LjgtMS40YzEuOSwwLDMuNSwwLjUsNC44LDEuNGMxLjMsMC45LDIuNCwyLjIsMy4xLDRjMC43LDEuNywxLjEsMy45LDEuMSw2LjQNCgkJCUMyODQuMSw0NC4xLDI4My43LDQ2LjIsMjgzLDQ4eiIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjMyMC4zLDIyLjEgMzIwLjMsNDQuNSAzMjAsNDQuNSAzMDQuNywyMi4xIDI5Ni43LDIyLjEgMjk2LjcsNjEgMzA2LDYxIDMwNiwzOC42IDMwNi4zLDM4LjYgDQoJCQkzMjEuOCw2MSAzMjkuNyw2MSAzMjkuNywyMi4xIAkJIi8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=\" alt=\"Suite Financiera\"\/>\n  <\/a>\n  <div class=\"nav-links\">\n    <a href=\"#plataforma\">Plataforma<\/a>\n    <a href=\"#funcionalidades\">Funcionalidades<\/a>\n    <a href=\"#precios\">Precios<\/a>\n    <a href=\"#demo-section\">Demo<\/a>\n    <a href=\"#precios\">Cotizar<\/a>\n    <a href=\"#contacto-directo\">Contacto<\/a>\n  <\/div>\n  <div class=\"nav-actions\">\n    <a href=\"\/web\/solicitar-demo-stareon\/\" class=\"nav-cta\">Solicitar Demo<\/a>\n  <\/div>\n  <button class=\"hamburger\" id=\"hamburger-btn\" aria-label=\"Menu\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/button>\n  <\/div>\n<\/nav>\n<div id=\"mobile-menu\">\n  <a href=\"#plataforma\">Plataforma<\/a>\n  <a href=\"#funcionalidades\">Funcionalidades<\/a>\n  <a href=\"#precios\">Precios<\/a>\n  <a href=\"#demo-section\">Demo Interactivo<\/a>\n  <a href=\"#precios\">Cotizar<\/a>\n  <a href=\"#contacto-directo\">Contacto<\/a>\n  <a href=\"\/web\/solicitar-demo-stareon\/\" class=\"btn-primary\" style=\"text-align:center;justify-content:center;margin-top:8px;\">Solicitar Demo<\/a>\n<\/div>\n\n<!-- HERO -->\n<section id=\"inicio\" style=\"position:relative;\">\n  <div class=\"hero-bg\">\n    <video class=\"hero-video\" autoplay muted loop playsinline preload=\"auto\">\n      \n    <\/video>\n  <\/div>\n  <div class=\"hero-overlay\"><\/div>\n  <div id=\"hero\">\n    <div class=\"container\">\n      <div class=\"hero-grid\">\n        <div class=\"hero-content\">\n          <div class=\"tag-label\">Inteligencia Financiera Predictiva \u00b7 Chile<\/div>\n          <h1 class=\"hero-title\">\n            Tu empresa siempre paga.<br>\n            Tu caja nunca te<br>\n            <span class=\"gold\">sorprende.<\/span>\n          <\/h1>\n          <p class=\"hero-sub\">\n            Suite Financiera es el software de flujo de caja especializado para empresas chilenas. Proyecciones en tiempo real, sincronizaci\u00f3n autom\u00e1tica con SII y bancos, y simulaci\u00f3n de escenarios \u2014 desde UF 2,4\/mes.\n          <\/p>\n          <div class=\"hero-ctas\">\n            <a href=\"\/web\/solicitar-demo-stareon\/\" class=\"btn-primary\">\n              <span class=\"material-symbols-outlined\" style=\"font-size:18px;\">play_circle<\/span>\n              Ver Demo Interactivo\n            <\/a>\n            <a href=\"#contacto-directo\" class=\"btn-secondary\">Hablar con un Experto<\/a>\n          <\/div>\n          <div class=\"hero-stats\">\n            <div class=\"stat-box\">\n              <div class=\"stat-num\">98%<\/div>\n              <div class=\"stat-label\">Precisi\u00f3n proyecci\u00f3n<\/div>\n            <\/div>\n            <div class=\"stat-box\">\n              <div class=\"stat-num\">70%<\/div>\n              <div class=\"stat-label\">Menos tiempo manual<\/div>\n            <\/div>\n            <div class=\"stat-box\">\n              <div class=\"stat-num\">36 meses<\/div>\n              <div class=\"stat-label\">Visi\u00f3n de caja<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"hero-visual\">\n          <div class=\"hero-dashboard\">\n            <img decoding=\"async\" src=\"\/web\/wp-content\/uploads\/2026\/07\/suite-main-dashboard-frontal.png\" alt=\"Vista previa de Suite Financiera Stareon\" style=\"display:block;width:100%;height:auto;\">\n          <\/div>\n          <div class=\"badge-float\">\n            <div class=\"badge-icon\"><span class=\"material-symbols-outlined\">trending_up<\/span><\/div>\n            <div>\n              <div class=\"badge-val gold\">+18.4%<\/div>\n              <div class=\"badge-lbl\">Liquidez mensual<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TRUST BAR -->\n<div class=\"trust-bar sec-blue\">\n  <div class=\"trust-inner\">\n    <div class=\"trust-item\"><span class=\"material-symbols-outlined\">shield<\/span> Datos seguros \u00b7 Alojamiento Chile<\/div>\n    <div class=\"trust-item\"><span class=\"material-symbols-outlined\">verified<\/span> Integraci\u00f3n oficial SII<\/div>\n    <div class=\"trust-item\"><span class=\"material-symbols-outlined\">account_balance<\/span> Compatible bancos nacionales<\/div>\n    <div class=\"trust-item\"><span class=\"material-symbols-outlined\">support_agent<\/span> Soporte ejecutivo personalizado<\/div>\n    <div class=\"trust-item\"><span class=\"material-symbols-outlined\">table_chart<\/span> Exporta a Excel<\/div>\n  <\/div>\n<\/div>\n\n<!-- INTEGRATIONS -->\n<div class=\"integrations-bar sec-dark\">\n  <div class=\"container\">\n    <p class=\"int-label\">Conectado con las herramientas y bancos que ya usas<\/p>\n    <div style=\"margin-bottom:24px;\">\n      <p style=\"text-align:center;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(143,160,192,.5);margin-bottom:16px;\">Software de gesti\u00f3n<\/p>\n      <div class=\"logos-row\">\n        <div class=\"int-logo\" title=\"Servicio de Impuestos Internos\">\n          <span style=\"color:var(--gold);font-size:18px;font-weight:900;margin-right:6px;\">\u2696<\/span>SII Chile\n        <\/div>\n        <div class=\"int-logo\" title=\"Clay CRM\">\n          <span style=\"display:inline-block;width:10px;height:10px;border-radius:50%;background:#7c5cfc;margin-right:6px;\"><\/span>Clay\n        <\/div>\n        <div class=\"int-logo\" title=\"SASCO\">\n          <span style=\"display:inline-block;width:10px;height:10px;border-radius:2px;background:#e55c30;margin-right:6px;\"><\/span>SASCO\n        <\/div>\n        <div class=\"int-logo\" title=\"Excel \/ CSV\">\n          <span style=\"color:#1d7044;font-size:14px;margin-right:5px;\">\u229e<\/span>Excel \/ CSV\n        <\/div>\n      <\/div>\n    <\/div>\n    <p style=\"text-align:center;font-size:11px;color:var(--text-dim);margin-top:20px;\">\u00bfNo ves tu ERP? <a href=\"#contacto-directo\" style=\"color:var(--gold);text-decoration:none;font-weight:600;\">Cons\u00faltanos \u2192<\/a><\/p>\n  <\/div>\n<\/div>\n\n<!-- FEATURES -->\n<section class=\"features-section sec-blue\" id=\"funcionalidades\">\n  <div class=\"container\">\n    <div class=\"tag-label\">Funcionalidades clave<\/div>\n    <h2 class=\"section-title\" id=\"plataforma\">\n      De la contabilidad reactiva<br>a la <span class=\"gold\">Contabilidad predictiva a trav\u00e9s de la Inteligencia Artificial<\/span>\n    <\/h2>\n    <p style=\"color:var(--text-dim);font-size:16px;max-width:600px;margin-top:16px;line-height:1.7;\">\n      M\u00e1s que un registro. Una plataforma que anticipa tus necesidades de liquidez antes de que se conviertan en problemas.\n    <\/p>\n    <div class=\"bento-grid\">\n      <div class=\"bento-card tall\">\n        <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">waterfall_chart<\/span><\/div>\n        <h3>Dashboard de Flujo en Tiempo Real<\/h3>\n        <p>Visi\u00f3n completa de tu posici\u00f3n de caja: ingresos proyectados y egresos comprometidos. Compatible con m\u00faltiples cuentas y RUTs.<\/p>\n        <div style=\"margin-top:28px;background:var(--bg);border-radius:10px;overflow:hidden;border:1px solid var(--border);\">\n          <div style=\"padding:12px 14px;border-bottom:1px solid var(--border);font-size:11px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.1em;\">Proyecci\u00f3n \u00b7 Pr\u00f3ximas 4 semanas<\/div>\n          <div style=\"padding:14px;height:100px;\"><canvas id=\"bentoChart\"><\/canvas><\/div>\n        <\/div>\n        <span class=\"material-symbols-outlined bento-bg-icon\">monitoring<\/span>\n      <\/div>\n      <div class=\"bento-card\">\n        <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">sync_alt<\/span><\/div>\n        <h3>Conciliaci\u00f3n Bancaria Autom\u00e1tica<\/h3>\n        <p>Reduce en un 70% el tiempo administrativo. Matching autom\u00e1tico entre cartolas bancarias, SII y medios de pago.<\/p>\n        <span class=\"material-symbols-outlined bento-bg-icon\">sync<\/span>\n      <\/div>\n      <div class=\"bento-card\">\n        <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">science<\/span><\/div>\n        <h3>Simulaci\u00f3n de Escenarios<\/h3>\n        <p>Prueba decisiones estrat\u00e9gicas en un entorno seguro. Simula ingresos, egresos y eventos antes de aplicarlos al flujo real. Descargable a Excel.<\/p>\n        <span class=\"material-symbols-outlined bento-bg-icon\">science<\/span>\n      <\/div>\n      <div class=\"bento-card\">\n        <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">receipt_long<\/span><\/div>\n        <h3>Carga de Documentos SII<\/h3>\n        <p>Descarga de forma autom\u00e1tica los libros de compra, venta y boletas de honorarios, ahorrando tiempo administrativo, disminuyendo errores y asegurando trazabilidad de la informaci\u00f3n.<\/p>\n        <span class=\"material-symbols-outlined bento-bg-icon\">description<\/span>\n      <\/div>\n      <div class=\"bento-card\">\n        <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">credit_card<\/span><\/div>\n        <h3>Conciliaci\u00f3n de Medios de Pago y Otros<\/h3>\n        <p>Puedes controlar la conciliaci\u00f3n de tus canales de pago como Transbank, GetNet, Mercado Pago, factoring y otros, permitiendo la visibilidad total de la operaci\u00f3n sin puntos ciegos.<\/p>\n        <span class=\"material-symbols-outlined bento-bg-icon\">payments<\/span>\n      <\/div>\n      <div class=\"bento-card wide\">\n        <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;\">\n          <div>\n            <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">auto_awesome<\/span><\/div>\n            <h3>IA Financiera Predictiva<\/h3>\n            <p>Nuestros algoritmos analizan patrones hist\u00f3ricos para detectar anomal\u00edas, predecir d\u00e9ficits y sugerir acciones correctivas con semanas de anticipaci\u00f3n.<\/p>\n            <div style=\"margin-top:14px;background:rgba(26,86,219,.08);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:10px 14px;font-size:12px;display:flex;align-items:flex-start;gap:8px;\">\n              <span class=\"material-symbols-outlined\" style=\"color:var(--blue-lt);font-size:16px;flex-shrink:0;margin-top:1px;\">rocket_launch<\/span>\n              <span><strong style=\"color:var(--blue-lt);\">Pr\u00f3ximamente:<\/strong> Configuraci\u00f3n inicial asistida por IA \u2014 el sistema aprender\u00e1 de tu operaci\u00f3n y se setear\u00e1 autom\u00e1ticamente.<\/span>\n            <\/div>\n          <\/div>\n          <div>\n            <div style=\"display:flex;flex-direction:column;gap:10px;\">\n              <div style=\"background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.2);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;\">\n                <span class=\"material-symbols-outlined\" style=\"color:var(--green);font-size:18px;\">check_circle<\/span>\n                D\u00e9ficit detectado: Semana 3 de mayo\n              <\/div>\n              <div style=\"background:rgba(255,77,77,.08);border:1px solid rgba(255,77,77,.2);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;\">\n                <span class=\"material-symbols-outlined\" style=\"color:var(--red);font-size:18px;\">warning<\/span>\n                Alerta: Pago grande el 15\/05 sin cobertura\n              <\/div>\n              <div style=\"background:rgba(26,86,219,.08);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;\">\n                <span class=\"material-symbols-outlined\" style=\"color:var(--blue-lt);font-size:18px;\">lightbulb<\/span>\n                Sugerencia: Acelerar cobro factura #4471\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <span class=\"material-symbols-outlined bento-bg-icon\">psychology<\/span>\n      <\/div>\n      <div class=\"bento-card\">\n        <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">category<\/span><\/div>\n        <h3>Centro de Costos<\/h3>\n        <p>Analiza rentabilidad por proyecto o unidad de negocio. Granularidad total en la gesti\u00f3n de gastos e ingresos.<\/p>\n        <span class=\"material-symbols-outlined bento-bg-icon\">pie_chart<\/span>\n      <\/div>\n      <div class=\"bento-card\">\n        <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">bar_chart_4_bars<\/span><\/div>\n        <h3>Reportes y Estados de Flujo<\/h3>\n        <p>Generaci\u00f3n autom\u00e1tica de estados de flujo de efectivo para directorio e inversionistas. Listos en segundos.<\/p>\n        <span class=\"material-symbols-outlined bento-bg-icon\">assessment<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- HOW IT WORKS -->\n<section class=\"hiw-section sec-dark\" id=\"onboarding\" style=\"overflow:hidden;\">\n  <div aria-hidden=\"true\" style=\"position:absolute;inset:0;background:url('images\/background10.jpg') center\/cover;opacity:.07;filter:brightness(.4) saturate(1.1);pointer-events:none;\"><\/div>\n  <div class=\"container\" style=\"position:relative;z-index:1;\">\n    <div style=\"text-align:center;\">\n      <div class=\"tag-label\" style=\"justify-content:center;\">Proceso de onboarding<\/div>\n      <h2 class=\"section-title\">Activa tu flujo con tu <span class=\"gold\">consultor asignado<\/span>.<\/h2>\n      <p style=\"color:var(--text-dim);max-width:560px;margin:16px auto 0;font-size:16px;\">Implementaci\u00f3n r\u00e1pida, curva de aprendizaje m\u00ednima. Sin reemplazar tu software actual.<\/p>\n    <\/div>\n    <div class=\"steps-grid\">\n      <div class=\"step-card\">\n        <div class=\"step-num\">1<\/div>\n        <h4>Agenda tu Demo<\/h4>\n        <p>Aprovecha la experiencia de un consultor senior para ver c\u00f3mo el software se puede ajustar para resolver tu necesidad.<\/p>\n      <\/div>\n      <div class=\"step-card\">\n        <div class=\"step-num\">2<\/div>\n        <h4>Conecta tus Fuentes<\/h4>\n        <p>Vinculamos tu RUT al SII, tus cuentas corrientes y medios de pago. Todo automatizado.<\/p>\n      <\/div>\n      <div class=\"step-card\">\n        <div class=\"step-num\">3<\/div>\n        <h4>Visualiza tu Flujo<\/h4>\n        <p>Una vez implementado puedes obtener una proyecci\u00f3n de tu flujo diario, semanal, mensual y anual.<\/p>\n      <\/div>\n      <div class=\"step-card\">\n        <div class=\"step-num\">4<\/div>\n        <h4>Toma Decisiones<\/h4>\n        <p>Simula escenarios, detecta riesgos y ejecuta con la certeza que entrega la inteligencia financiera.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<span id=\"demo-section-directo\" style=\"position:relative;display:block;top:-110px;visibility:hidden;\"><\/span>\n<!-- DEMO BANNER -->\n<div class=\"demo-banner\" id=\"demo-section\">\n  <div class=\"container\">\n    <div class=\"tag-label\" style=\"justify-content:center;\">Experiencia interactiva<\/div>\n    <h2>Explora Stareon <span class=\"gold\">sin compromiso<\/span>.<\/h2>\n    <p>Solicita tu demo interactivo con datos simulados y una revisi\u00f3n guiada con un consultor senior.<\/p>\n    <div class=\"demo-actions\">\n      <a href=\"\/web\/demo-interactivo\/\" class=\"btn-primary\" style=\"font-size:16px;padding:16px 36px;\">\n        <span class=\"material-symbols-outlined\">rocket_launch<\/span>\n        Acceder al Demo Ahora\n      <\/a>\n      <a href=\"#contacto-directo\" class=\"btn-secondary\">Prefiero hablar con un consultor<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- SIMULATION VISUAL -->\n<section class=\"sim-section sec-blue\">\n  <div class=\"container\">\n    <div class=\"sim-grid\">\n      <div class=\"sim-screen\">\n        <div class=\"sim-topbar\">\n          <span>Simulaci\u00f3n de Escenarios \u2014 Mayo 2026<\/span>\n          <span class=\"sim-live\">LIVE<\/span>\n        <\/div>\n        <div class=\"sim-body\">\n          <div class=\"sim-chart-wrap\"><canvas id=\"simChart\"><\/canvas><\/div>\n          <div class=\"sim-row\"><span>Saldo inicial mes<\/span><span class=\"sim-pos\">+$8.450.000<\/span><\/div>\n          <div class=\"sim-row\"><span>Ingresos proyectados<\/span><span class=\"sim-pos\">+$22.180.000<\/span><\/div>\n          <div class=\"sim-row\"><span>Egresos comprometidos<\/span><span class=\"sim-neg\">\u2212$14.920.000<\/span><\/div>\n          <div class=\"sim-row\" style=\"font-weight:700;\"><span>Saldo proyectado cierre<\/span><span class=\"sim-pos\">+$15.710.000<\/span><\/div>\n          <div style=\"margin-top:14px;background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.25);border-radius:8px;padding:10px 14px;font-size:12px;display:flex;align-items:center;gap:8px;\">\n            <span class=\"material-symbols-outlined\" style=\"color:var(--green);font-size:18px;\">check_circle<\/span>\n            Escenario viable \u00b7 Holgura +$2,1M disponible\n          <\/div>\n        <\/div>\n      <\/div>\n      <div>\n        <div class=\"tag-label\">Simulaci\u00f3n de Escenarios No Lineal<\/div>\n        <h2 class=\"section-title\">Visualiza el riesgo <span class=\"gold\">antes<\/span> de que ocurra.<\/h2>\n        <p style=\"color:var(--text-dim);font-size:15px;margin:20px 0 32px;line-height:1.7;\">\n          Modela decisiones estrat\u00e9gicas \u2014 dividendos, inversiones, nuevas contrataciones \u2014 y previsualiza su impacto en el flujo real antes de ejecutarlas. Alertas de alto contraste para balances negativos potenciales.\n        <\/p>\n        <ul class=\"feature-list\">\n          <li>\n            <div class=\"feat-icon-wrap\"><span class=\"material-symbols-outlined\">timeline<\/span><\/div>\n            <div class=\"feat-text\">\n              <strong>Proyecci\u00f3n T\u00e1ctica (4 semanas)<\/strong>\n              <span>Diaria y semanal para la gesti\u00f3n inmediata de tesorer\u00eda.<\/span>\n            <\/div>\n          <\/li>\n          <li>\n            <div class=\"feat-icon-wrap\"><span class=\"material-symbols-outlined\">calendar_month<\/span><\/div>\n            <div class=\"feat-text\">\n              <strong>Proyecci\u00f3n Estrat\u00e9gica (4 meses)<\/strong>\n              <span>Simulaci\u00f3n de largo plazo descargable a Excel. Anticipa necesidades de capital.<\/span>\n            <\/div>\n          <\/li>\n          <li>\n            <div class=\"feat-icon-wrap\"><span class=\"material-symbols-outlined\">notifications_active<\/span><\/div>\n            <div class=\"feat-text\">\n              <strong>Alertas Inteligentes de Liquidez<\/strong>\n              <span>Detecta semanas cr\u00edticas con semanas de anticipaci\u00f3n. Act\u00faa, no reacciones.<\/span>\n            <\/div>\n          <\/li>\n          <li>\n            <div class=\"feat-icon-wrap\"><span class=\"material-symbols-outlined\">download<\/span><\/div>\n            <div class=\"feat-text\">\n              <strong>Exportaci\u00f3n a Excel y PDF<\/strong>\n              <span>Reportes listos para directorio, banco o inversionistas en segundos.<\/span>\n            <\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- COMPARISON TABLE -->\n<section class=\"compare-section sec-dark\" id=\"analisis-competitivo\">\n  <div class=\"container\">\n    <div style=\"text-align:center;\">\n      <div class=\"tag-label\" style=\"justify-content:center;\">An\u00e1lisis competitivo<\/div>\n      <h2 class=\"section-title\">Stareon <span class=\"gold\">vs.<\/span> ERP Tradicional<\/h2>\n      <p style=\"color:var(--text-dim);max-width:560px;margin:16px auto 0;font-size:16px;\">Verticalidad especializada vs. horizontalidad gen\u00e9rica.<\/p>\n    <\/div>\n    <div style=\"overflow-x:auto;\">\n      <table class=\"compare-table\">\n        <thead>\n          <tr>\n            <th>Aspecto<\/th>\n            <th class=\"th-star\">\u2b50 Suite Financiera<\/th>\n            <th>ERP Tradicional<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr><td>Alcance<\/td><td><span class=\"col-good\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">check<\/span>Vertical: 100% flujo de caja. Se puede conectar con ERPs a trav\u00e9s de creaci\u00f3n de APIs.<\/span><\/td><td><span class=\"col-bad\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">remove<\/span>Generalista, cubre todo superficialmente.<\/span><\/td><\/tr>\n          <tr><td>Implementaci\u00f3n<\/td><td><span class=\"col-good\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">check<\/span>Activo desde la carga de tu informaci\u00f3n.<\/span><\/td><td><span class=\"col-bad\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">remove<\/span>Semanas o meses de configuraci\u00f3n.<\/span><\/td><\/tr>\n          <tr><td>Costo inicial<\/td><td><span class=\"col-good\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">check<\/span>Desde UF 2,4\/mes. Sin desarrollo personalizado.<\/span><\/td><td><span class=\"col-bad\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">remove<\/span>Alto costo de licencia + personalizaci\u00f3n.<\/span><\/td><\/tr>\n          <tr><td>ROI<\/td><td><span class=\"col-good\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">check<\/span>R\u00e1pido. Ahorro inmediato en horas administrativas.<\/span><\/td><td><span class=\"col-bad\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">remove<\/span>Retorno lento por alto costo de adopci\u00f3n.<\/span><\/td><\/tr>\n          <tr><td>Proyecci\u00f3n de flujo<\/td><td><span class=\"col-good\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">check<\/span>Especializada: diaria, semanal, mensual y anual.<\/span><\/td><td><span class=\"col-bad\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">remove<\/span>B\u00e1sica o inexistente sin m\u00f3dulos adicionales.<\/span><\/td><\/tr>\n          <tr><td>Integraci\u00f3n SII<\/td><td><span class=\"col-good\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">check<\/span>Nativa y autom\u00e1tica.<\/span><\/td><td><span class=\"col-bad\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">remove<\/span>Requiere desarrollo o m\u00f3dulo extra.<\/span><\/td><\/tr>\n          <tr><td>Soporte<\/td><td><span class=\"col-good\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">check<\/span>Ejecutivo dedicado estilo consultor\u00eda.<\/span><\/td><td><span class=\"col-bad\"><span class=\"material-symbols-outlined\" style=\"font-size:15px;\">remove<\/span>Soporte gen\u00e9rico con tickets.<\/span><\/td><\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PRICING -->\n<section class=\"pricing-section sec-blue\" id=\"precios\">\n  <div class=\"container\">\n    <div style=\"text-align:center;\">\n      <div class=\"tag-label\" style=\"justify-content:center;\">Planes transparentes<\/div>\n      <h2 class=\"section-title\">Arma tu presupuesto.<br>Precio <span class=\"gold\">a tu medida<\/span>.<\/h2>\n      <p style=\"color:var(--text-dim);max-width:540px;margin:16px auto 0;font-size:16px;\">Tres planes dise\u00f1ados para distintas etapas. Incluyen 1 usuario, 1 cuenta corriente y 1 RUT. Agrega m\u00e1s seg\u00fan tu operaci\u00f3n.<\/p>\n    <\/div>\n\n    <div class=\"plan-desc-grid\">\n      <div class=\"plan-desc-card\">\n        <div class=\"plan-desc-name\">Plan Starter<\/div>\n        <div class=\"plan-desc-price\">Desde <span class=\"gold\">UF 2,4<\/span> Mensual<\/div>\n        <div class=\"plan-desc-sub\">Para empresas que est\u00e1n dando sus primeros pasos en el control de flujo de caja.<\/div>\n        <ul class=\"plan-features\">\n          <li><span class=\"material-symbols-outlined\">check<\/span>Incluye 1 usuario, 1 RUT SII, 1 cuenta corriente y 1 empresa.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"plan-desc-card\">\n        <div class=\"plan-desc-name\">Plan Full Sync Tester<\/div>\n        <div class=\"plan-desc-price\">UF <span class=\"gold\">2,60<\/span> Primer mes<\/div>\n        <div class=\"plan-desc-sub\">Prueba el plan completo un mes. Desde el 2do mes renueva como Plan Full Sync.<\/div>\n        <ul class=\"plan-features\">\n          <li><span class=\"material-symbols-outlined\">check<\/span>1 usuario, 1 RUT SII, 1 cuenta corriente<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Sincronizaci\u00f3n bancaria autom\u00e1tica<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Proyecci\u00f3n y conciliaci\u00f3n autom\u00e1tica<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Soporte mail y chat<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"plan-desc-card featured\">\n        <div class=\"featured-badge\">M\u00e1s popular<\/div>\n        <div class=\"plan-desc-name gold\">Plan Full Sync<\/div>\n        <div class=\"plan-desc-sub\">Para empresas con operaci\u00f3n bancaria activa que quieren control total de su caja.<\/div>\n        <ul class=\"plan-features\">\n          <li><span class=\"material-symbols-outlined\">check<\/span>Incluye 1 usuario, 1 RUT SII, 1 cuenta corriente y 1 empresa + 1 consultor (4 horas)<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Sincronizaci\u00f3n bancaria autom\u00e1tica<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Proyecci\u00f3n diaria, semanal, mensual y anual<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Simulaci\u00f3n de escenarios \u00b7 Exporta a Excel<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Conciliaci\u00f3n bancaria autom\u00e1tica<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Alertas inteligentes de liquidez<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Dashboard de proyecci\u00f3n avanzado<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Soporte mail y chat<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"plan-desc-card\">\n        <div class=\"plan-desc-name\">Plan Terceriza<\/div>\n        <div class=\"plan-desc-sub\">Para empresas que externalizan su tesorer\u00eda y quieren un ejecutivo dedicado.<\/div>\n        <div style=\"margin:0 0 16px;background:rgba(233,195,73,.07);border:1px solid rgba(233,195,73,.2);border-radius:10px;padding:16px;text-align:center;\">\n          <div style=\"font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:6px;\">Precio personalizado<\/div>\n          <div style=\"font-size:.95rem;font-weight:700;color:var(--gold);line-height:1.4;\">Solicita m\u00e1s informaci\u00f3n<br>y te cotizamos a la medida<\/div>\n          <div style=\"font-size:11px;color:var(--text-dim);margin-top:6px;\">Cobro mensual \u00b7 Exento de IVA<\/div>\n        <\/div>\n        <ul class=\"plan-features\">\n          <li><span class=\"material-symbols-outlined\">check<\/span>Todo lo del Plan Full Sync<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Multirut y Multicuenta corriente<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Ejecutivo especializado dedicado<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Ingreso y actualizaci\u00f3n de datos incluido<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Consultor\u00eda financiera mensual<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Reportes para directorio e inversionistas<\/li>\n          <li><span class=\"material-symbols-outlined\">check<\/span>Prioridad de soporte prioritaria<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"precios-cotizador-grid\">\n      <div class=\"precios-highlight\">\n        <h3>Arma tu presupuesto.<br><span class=\"gold\">Precio a tu medida.<\/span><\/h3>\n        <p>Elige tu plan, ajusta usuarios, RUTs y cuentas, y obt\u00e9n tu total estimado al instante.<\/p>\n        <div class=\"info-box\"><span class=\"material-symbols-outlined\">info<\/span>La tarifa definitiva depende del volumen de documentos, n\u00famero de RUTs y complejidad operacional.<\/div>\n        <p class=\"confirm-note\">Cotizaci\u00f3n final confirmada en <strong style=\"color:var(--gold);\">2 horas h\u00e1biles<\/strong><\/p>\n      <\/div>\n\n      <div class=\"cotizador-card\">\n        <div class=\"plan-tabs\" id=\"plan-tabs\">\n          <button class=\"plan-tab\" data-plan=\"starter\">Starter<\/button>\n          <button class=\"plan-tab\" data-plan=\"fullsynctester\">Full Sync Tester<\/button>\n          <button class=\"plan-tab active\" data-plan=\"fullsync\">Full Sync<\/button>\n          <button class=\"plan-tab\" data-plan=\"terceriza\">Terceriza<\/button>\n        <\/div>\n\n        <div class=\"period-tabs\" id=\"period-tabs\">\n          <button class=\"period-tab active\" data-period=\"quarterly\">Trimestral<\/button>\n          <button class=\"period-tab\" data-period=\"biannual\">Semestral <span class=\"tab-badge\">\u22125%<\/span><\/button>\n          <button class=\"period-tab\" data-period=\"annual\">Anual <span class=\"tab-badge\">\u221210%<\/span><\/button>\n        <\/div>\n\n        <div class=\"budget-builder\">\n          <h4>\u2699 Arma tu presupuesto<\/h4>\n          <div class=\"budget-row\" data-row=\"users\">\n            <label>\n              Usuarios\n              <span class=\"budget-hint\" id=\"hint-users\">UF 0 base \u00b7 +UF 0,60 c\/u adicional por trimestre<\/span>\n            <\/label>\n            <div class=\"qty-ctrl\">\n              <button class=\"qty-btn\" data-target=\"users\" data-action=\"minus\">\u2212<\/button>\n              <input class=\"qty-val\" id=\"qty-users\" value=\"1\" readonly\/>\n              <button class=\"qty-btn\" data-target=\"users\" data-action=\"plus\">+<\/button>\n            <\/div>\n          <\/div>\n          <div class=\"budget-row\" data-row=\"ruts\">\n            <label>\n              RUTs SII sincronizados\n              <span class=\"budget-hint\" id=\"hint-ruts\">UF 0 base \u00b7 +UF 0,90 c\/u adicional por trimestre<\/span>\n            <\/label>\n            <div class=\"qty-ctrl\">\n              <button class=\"qty-btn\" data-target=\"ruts\" data-action=\"minus\">\u2212<\/button>\n              <input class=\"qty-val\" id=\"qty-ruts\" value=\"1\" readonly\/>\n              <button class=\"qty-btn\" data-target=\"ruts\" data-action=\"plus\">+<\/button>\n            <\/div>\n          <\/div>\n          <div class=\"budget-row\" data-row=\"accounts\">\n            <label>\n              Cuentas corrientes\n              <span class=\"budget-hint\" id=\"hint-accounts\">UF 0 base \u00b7 +UF 0,30 c\/u adicional por trimestre<\/span>\n            <\/label>\n            <div class=\"qty-ctrl\">\n              <button class=\"qty-btn\" data-target=\"accounts\" data-action=\"minus\">\u2212<\/button>\n              <input class=\"qty-val\" id=\"qty-accounts\" value=\"1\" readonly\/>\n              <button class=\"qty-btn\" data-target=\"accounts\" data-action=\"plus\">+<\/button>\n            <\/div>\n          <\/div>\n          <div class=\"budget-row\" data-row=\"training\">\n            <label>\n              Horas de capacitaci\u00f3n adicionales\n              <span class=\"budget-hint\" id=\"hint-training\">UF 1,50 c\/u + IVA (no var\u00eda por periodo)<\/span>\n            <\/label>\n            <div class=\"qty-ctrl\">\n              <button class=\"qty-btn\" data-target=\"training\" data-action=\"minus\">\u2212<\/button>\n              <input class=\"qty-val\" id=\"qty-training\" value=\"0\" readonly\/>\n              <button class=\"qty-btn\" data-target=\"training\" data-action=\"plus\">+<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"cotizador-custom-note\" id=\"cotizador-custom-note\">Plan Terceriza es una cotizaci\u00f3n 100% personalizada seg\u00fan tu volumen de documentos y RUTs. Solic\u00edtala directamente.<\/div>\n\n          <div class=\"budget-total\" id=\"budget-total-box\">\n            <div>\n              <div class=\"label\">Total estimado<\/div>\n              <div class=\"period\" id=\"budget-period-label\">por trimestre<\/div>\n            <\/div>\n            <div style=\"text-align:right;\">\n              <div class=\"amount\"><span id=\"budget-uf\">UF 12,70<\/span><\/div>\n              <div style=\"font-size:11px;color:var(--text-dim);\">\u2248 <span id=\"budget-clp\">$477.520<\/span> + IVA<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <button class=\"plan-cta plan-cta-fill\" id=\"cotizar-btn\" onclick=\"handleCotizarClick()\">Cotizar \u2192<\/button>\n      <\/div>\n    <\/div>\n\n    <p style=\"text-align:center;font-size:12px;color:var(--text-dim);margin-top:20px;\">Valores en UF. Conversi\u00f3n aprox. UF = $37.600. Precio real sujeto al valor UF vigente al momento del cobro.<\/p>\n  <\/div>\n<\/section>\n\n<!-- COTIZAR MODAL (Gravity Forms Cotizador id=3, autocompletado desde el presupuesto interactivo) -->\n<div id=\"cotizar-modal\" class=\"cotizar-modal-overlay\" aria-hidden=\"true\">\n  <div class=\"cotizar-modal\">\n    <button type=\"button\" class=\"cotizar-modal-close\" onclick=\"closeCotizarModal()\" aria-label=\"Cerrar\">&times;<\/button>\n    <h3>Recibe tu cotizaci\u00f3n<\/h3>\n    <div class=\"cotizar-modal-summary\" id=\"cotizar-modal-summary\"><\/div>\n    <script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_3' ><div id='gf_3' class='gform_anchor' tabindex='-1'><\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_3' id='gform_3'  action='\/web\/wp-json\/wp\/v2\/pages\/13#gf_3' data-formid='3' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_3' class='gform_fields top_label form_sublabel_below description_below validation_below'><fieldset id=\"field_3_1\" class=\"gfield gfield--type-name gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Nombre completo<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Obligatorio)<\/span><\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_3_1'>\n                            <span id='input_3_1_3_container' class='name_first gform-grid-col' >\n                                                    <input type='text' name='input_1.3' id='input_3_1_3' value=''   aria-required='true'    \/>\n                                                    <label for='input_3_1_3' class='gform-field-label gform-field-label--type-sub '>Nombre<\/label>\n                                               <\/span>\n                            <span id='input_3_1_6_container' class='name_last gform-grid-col' >\n                                                    <input type='text' name='input_1.6' id='input_3_1_6' value=''   aria-required='true'    \/>\n                                                    <label for='input_3_1_6' class='gform-field-label gform-field-label--type-sub '>Apellidos<\/label>\n                                                <\/span>\n                            <div class='gf_clear gf_clear_complex'><\/div>\n                        <\/div><\/fieldset><div id=\"field_3_2\" class=\"gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_3_2'>Correo electronico<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Obligatorio)<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_3_2' type='email' value='' class=''    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_3_3\" class=\"gfield gfield--type-phone gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_3_3'>Telefono<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Obligatorio)<\/span><\/span><\/label><div class='ginput_container ginput_container_phone'><input name='input_3' id='input_3_3' type='tel' value='' class=''   aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_3_4\" class=\"gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_3_4'>Empresa<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Obligatorio)<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_3_4' type='text' value='' class=''     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><fieldset id=\"field_3_5\" class=\"gfield gfield--type-radio gfield--type-choice gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label' >Plan base requerido<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Obligatorio)<\/span><\/span><\/legend><div class='ginput_container ginput_container_radio'><div class='gfield_radio' id='input_3_5'>\n\t\t\t<div class='gchoice gchoice_3_5_0'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_5' type='radio' value='starter'  id='choice_3_5_0' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_3_5_0' id='label_3_5_0' class='gform-field-label gform-field-label--type-inline'>Starter<\/label>\n\t\t\t<\/div>\n\t\t\t<div class='gchoice gchoice_3_5_1'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_5' type='radio' value='growth'  id='choice_3_5_1' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_3_5_1' id='label_3_5_1' class='gform-field-label gform-field-label--type-inline'>Growth<\/label>\n\t\t\t<\/div>\n\t\t\t<div class='gchoice gchoice_3_5_2'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_5' type='radio' value='enterprise'  id='choice_3_5_2' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_3_5_2' id='label_3_5_2' class='gform-field-label gform-field-label--type-inline'>Enterprise<\/label>\n\t\t\t<\/div><\/div><\/div><\/fieldset><div id=\"field_3_6\" class=\"gfield gfield--type-number gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_3_6'>Cantidad estimada de usuarios<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Obligatorio)<\/span><\/span><\/label><div class='ginput_container ginput_container_number'><input name='input_6' id='input_3_6' type='number' step='any'   value='' class=''     aria-required=\"true\" aria-invalid=\"false\"  \/><\/div><\/div><div id=\"field_3_7\" class=\"gfield gfield--type-textarea field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_3_7'>Requerimientos adicionales<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_7' id='input_3_7' class='textarea '      aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_3_8\" class=\"gfield gfield--type-checkbox gfield--type-choice field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Acepto recibir la cotizacion y comunicaciones relacionadas<\/legend><div class='ginput_container ginput_container_checkbox'><div class='gfield_checkbox ' id='input_3_8'><div class='gchoice gchoice_3_8_1'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_8.1' type='checkbox'  value='1'  id='choice_3_8_1'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_3_8_1' id='label_3_8_1' class='gform-field-label gform-field-label--type-inline'>Acepto recibir la cotizacion y comunicaciones relacionadas<\/label>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_3' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Enviar'  \/> <input type='hidden' name='gform_ajax' value='form_id=3&amp;title=&amp;description=&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=de69ec5193e99a5af05472ec22376b21' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_3' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_3' id='gform_theme_3' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_3' id='gform_style_settings_3' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_3' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='3' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='USD' value='9dd0Yk6wwbG569zMi+bMzz\/\/X1157yxXYgzIeANg5DUgfSmqMaSqkILJs+\/vwlMNCbPtIBo0OlZI8GeqC4pPO9s2yCReGZhBmXyVSobfFa0d9OI=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_3' value='WyJbXSIsIjAwNWZjNzE0NzY4Y2E5YTM1NjNjZGU2M2QzYjE2NDljIl0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_3' id='gform_target_page_number_3' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_3' id='gform_source_page_number_3' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_3' id='gform_ajax_frame_3' title='Este iframe contiene la l\u00f3gica necesaria para gestionar formularios con ajax activado.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 3, 'https:\/\/stareon.cl\/web\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_3').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_3');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_3').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_3').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_3').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_3').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_3').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_3').val();gformInitSpinner( 3, 'https:\/\/stareon.cl\/web\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [3, current_page]);window['gf_submitting_3'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_3').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_3').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [3]);window['gf_submitting_3'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_3').text());}else{jQuery('#gform_3').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"3\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_3\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_3\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_3\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 3, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n  <\/div>\n<\/div>\n\n<!-- PERFORMANCE METRICS -->\n<section class=\"sec-dark\" id=\"compromiso\" style=\"padding:80px 0;position:relative;z-index:2;overflow:hidden;\">\n  <div style=\"position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%, rgba(233,195,73,.05) 0%, transparent 70%);pointer-events:none;\"><\/div>\n  <div class=\"container\" style=\"position:relative;z-index:1;\">\n    <div style=\"text-align:center;margin-bottom:48px;\">\n      <div class=\"tag-label\" style=\"justify-content:center;\">Nuestro compromiso<\/div>\n      <h2 class=\"section-title\">Resultados <span class=\"gold\">medibles<\/span> desde el primer d\u00eda.<\/h2>\n    <\/div>\n    <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:24px;\">\n      <div style=\"background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:32px;text-align:center;transition:border-color .2s,transform .2s;\" onmouseover=\"this.style.borderColor='rgba(233,195,73,.35)';this.style.transform='translateY(-4px)'\" onmouseout=\"this.style.borderColor='rgba(233,195,73,0.12)';this.style.transform='translateY(0)'\">\n        <div style=\"width:60px;height:60px;border-radius:50%;background:rgba(233,195,73,.12);border:1px solid rgba(233,195,73,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;\">\n          <span class=\"material-symbols-outlined\" style=\"color:var(--gold);font-size:28px;\">calendar_month<\/span>\n        <\/div>\n        <div style=\"font-size:2.2rem;font-weight:900;color:var(--gold);line-height:1;margin-bottom:8px;\">Inmediato<\/div>\n        <div style=\"font-size:1rem;font-weight:700;margin-bottom:10px;\">Agenda tu DEMO<\/div>\n        <p style=\"font-size:13px;color:var(--text-dim);line-height:1.6;\">Sin esperas. Elige el horario que m\u00e1s te acomoda y tu consultor estar\u00e1 listo para mostrarte la plataforma con casos reales de tu industria.<\/p>\n        <a href=\"\/web\/solicitar-demo-stareon\/\" style=\"display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-size:13px;font-weight:700;text-decoration:none;margin-top:16px;\">Agendar ahora <span class=\"material-symbols-outlined\" style=\"font-size:16px;\">arrow_forward<\/span><\/a>\n      <\/div>\n      <div style=\"background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:32px;text-align:center;transition:border-color .2s,transform .2s;\" onmouseover=\"this.style.borderColor='rgba(233,195,73,.35)';this.style.transform='translateY(-4px)'\" onmouseout=\"this.style.borderColor='rgba(233,195,73,0.12)';this.style.transform='translateY(0)'\">\n        <div style=\"width:60px;height:60px;border-radius:50%;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;\">\n          <span class=\"material-symbols-outlined\" style=\"color:var(--green);font-size:28px;\">bolt<\/span>\n        <\/div>\n        <div style=\"font-size:2.2rem;font-weight:900;color:var(--green);line-height:1;margin-bottom:8px;\">2 horas<\/div>\n        <div style=\"font-size:1rem;font-weight:700;margin-bottom:10px;\">Cotizaci\u00f3n confirmada<\/div>\n        <p style=\"font-size:13px;color:var(--text-dim);line-height:1.6;\">Despu\u00e9s de tu demo o solicitud, recibir\u00e1s una propuesta econ\u00f3mica detallada y personalizada en menos de 2 horas h\u00e1biles. Sin intermediarios.<\/p>\n        <a href=\"#precios\" style=\"display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:13px;font-weight:700;text-decoration:none;margin-top:16px;\">Solicitar cotizaci\u00f3n <span class=\"material-symbols-outlined\" style=\"font-size:16px;\">arrow_forward<\/span><\/a>\n      <\/div>\n      <div style=\"background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:32px;text-align:center;transition:border-color .2s,transform .2s;\" onmouseover=\"this.style.borderColor='rgba(233,195,73,.35)';this.style.transform='translateY(-4px)'\" onmouseout=\"this.style.borderColor='rgba(233,195,73,0.12)';this.style.transform='translateY(0)'\">\n        <div style=\"width:60px;height:60px;border-radius:50%;background:rgba(26,86,219,.12);border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;\">\n          <span class=\"material-symbols-outlined\" style=\"color:var(--blue-lt);font-size:28px;\">handshake<\/span>\n        <\/div>\n        <div style=\"font-size:2.2rem;font-weight:900;color:var(--blue-lt);line-height:1;margin-bottom:8px;\">100%<\/div>\n        <div style=\"font-size:1rem;font-weight:700;margin-bottom:10px;\">Acompa\u00f1amiento consultivo<\/div>\n        <p style=\"font-size:13px;color:var(--text-dim);line-height:1.6;\">Un consultor senior te acompa\u00f1a durante todo el proceso: desde la configuraci\u00f3n inicial hasta que tu equipo est\u00e9 operando con autonom\u00eda total.<\/p>\n        <a href=\"#contacto-directo\" style=\"display:inline-flex;align-items:center;gap:5px;color:var(--blue-lt);font-size:13px;font-weight:700;text-decoration:none;margin-top:16px;\">Conocer m\u00e1s <span class=\"material-symbols-outlined\" style=\"font-size:16px;\">arrow_forward<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TESTIMONIALS -->\n<section class=\"testi-section sec-blue\" style=\"overflow:hidden;\">\n  <div aria-hidden=\"true\" style=\"position:absolute;inset:0;background:url('images\/background20.jpg') center 30%\/cover;opacity:.08;filter:brightness(.35) saturate(1.2);pointer-events:none;\"><\/div>\n  <div class=\"container\" style=\"position:relative;z-index:1;\">\n    <div style=\"text-align:center;\">\n      <div class=\"tag-label\" style=\"justify-content:center;\">Casos de \u00e9xito<\/div>\n      <h2 class=\"section-title\">Empresas que dejaron atr\u00e1s <span class=\"gold\">el Excel<\/span>.<\/h2>\n    <\/div>\n    <div class=\"testi-grid\">\n      <div class=\"testi-card\">\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"testi-text\">&#8220;Antes cerr\u00e1bamos el mes sin saber si ten\u00edamos para pagar sueldos la pr\u00f3xima quincena. Hoy Stareon me muestra eso con 3 semanas de anticipaci\u00f3n. Cambi\u00f3 por completo c\u00f3mo gerencio.&#8221;<\/p>\n        <div class=\"testi-author\">\n          <div class=\"avatar\">CM<\/div>\n          <div><div class=\"author-name\">Carlos Mendoza<\/div><div class=\"author-role\">Gerente General \u00b7 Constructora Regional SpA<\/div><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"testi-card\">\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"testi-text\">&#8220;La conciliaci\u00f3n bancaria nos tomaba 2 d\u00edas al mes. Con Stareon es autom\u00e1tica. Ese tiempo lo dedicamos a revisar proyecciones y tomar decisiones reales, no a buscar cuadraturas.&#8221;<\/p>\n        <div class=\"testi-author\">\n          <div class=\"avatar\">AV<\/div>\n          <div><div class=\"author-name\">Andrea Vargas<\/div><div class=\"author-role\">CFO \u00b7 Importadora y Distribuidora Nacional<\/div><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"testi-card\">\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"testi-text\">&#8220;El m\u00f3dulo de simulaci\u00f3n de escenarios es un diferencial brutal. Pude evaluar si pod\u00eda pagar dividendos sin comprometer el capital de trabajo. Decisi\u00f3n tomada en 10 minutos.&#8221;<\/p>\n        <div class=\"testi-author\">\n          <div class=\"avatar\">RP<\/div>\n          <div><div class=\"author-name\">Rodrigo Palma<\/div><div class=\"author-role\">Director \u00b7 Holding Servicios Profesionales<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"faq-section sec-dark\" id=\"preguntas-frecuentes\">\n  <div class=\"container\">\n    <div style=\"text-align:center;\">\n      <div class=\"tag-label\" style=\"justify-content:center;\">Preguntas frecuentes<\/div>\n      <h2 class=\"section-title\">Respuestas para el <span class=\"gold\">CFO moderno<\/span>.<\/h2>\n    <\/div>\n    <div class=\"faq-grid\">\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u00bfPor qu\u00e9 cambiar Excel si &#8220;me funciona&#8221;? <span class=\"material-symbols-outlined\">expand_more<\/span><\/div>\n        <div class=\"faq-a\"><p>Excel es reactivo: te dice d\u00f3nde estuviste, no hacia d\u00f3nde vas. El 88% de las hojas de c\u00e1lculo financieras contienen errores. Stareon automatiza la ingesta de datos, aplica modelos predictivos y te alerta antes de que un problema se materialice.<\/p><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u00bfC\u00f3mo previene Stareon la insolvencia? <span class=\"material-symbols-outlined\">expand_more<\/span><\/div>\n        <div class=\"faq-a\"><p>Proyectando tu posici\u00f3n de caja con hasta 4 meses de anticipaci\u00f3n. Si detecta un d\u00e9ficit potencial, emite una alerta para que puedas acelerar cobros, diferir pagos o buscar financiamiento antes de que el problema sea real.<\/p><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u00bfNecesito reemplazar mi ERP o sistema contable actual? <span class=\"material-symbols-outlined\">expand_more<\/span><\/div>\n        <div class=\"faq-a\"><p>No. Stareon es una soluci\u00f3n vertical complementaria. Se integra con tu ERP existente (Defontana, SII, bancos, medios de pago) y agrega la capa de inteligencia de flujo de caja que la mayor\u00eda de los ERPs no ofrecen con suficiente detalle.<\/p><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u00bfCu\u00e1nto tiempo tarda la implementaci\u00f3n? <span class=\"material-symbols-outlined\">expand_more<\/span><\/div>\n        <div class=\"faq-a\"><p>Menos de 48 horas para estar operativo. Un consultor senior te acompa\u00f1a en la configuraci\u00f3n inicial: vinculaci\u00f3n al SII, cuentas bancarias y carga hist\u00f3rica. No necesitas conocimientos t\u00e9cnicos avanzados.<\/p><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u00bfQu\u00e9 diferencia a Stareon de Chipax o DeFontana? <span class=\"material-symbols-outlined\">expand_more<\/span><\/div>\n        <div class=\"faq-a\"><p>Stareon est\u00e1 100% especializado en flujo de caja: proyecciones avanzadas, simulaci\u00f3n de escenarios no lineal, conciliaci\u00f3n de medios de pago intermedios y soporte estilo consultor\u00eda. Chipax y DeFontana son herramientas m\u00e1s amplias; Stareon es la capa de inteligencia de tesorer\u00eda especializada.<\/p><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u00bfLos datos de mi empresa est\u00e1n seguros? <span class=\"material-symbols-outlined\">expand_more<\/span><\/div>\n        <div class=\"faq-a\"><p>S\u00ed. Stareon opera con infraestructura segura, datos alojados en Chile, conexiones cifradas (TLS 1.3) y acceso con autenticaci\u00f3n multifactor. Tus datos financieros nunca se comparten con terceros.<\/p><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u00bfHay prueba gratuita? <span class=\"material-symbols-outlined\">expand_more<\/span><\/div>\n        <div class=\"faq-a\"><p>Ofrecemos una demo interactiva completa con datos simulados accesible ahora mismo, m\u00e1s una sesi\u00f3n personalizada con consultor donde puedes ver el sistema con los datos reales de tu empresa antes de firmar cualquier contrato.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<span id=\"contacto-directo\" style=\"position:relative;display:block;top:-110px;visibility:hidden;\"><\/span>\n<section class=\"contact-section sec-blue\" id=\"contacto\" style=\"overflow:hidden;\">\n  <div aria-hidden=\"true\" style=\"position:absolute;inset:0;background:url('images\/background01.jpg') center\/cover;opacity:.07;filter:brightness(.4) saturate(1.1);pointer-events:none;\"><\/div>\n  <div class=\"container\" style=\"position:relative;z-index:1;\">\n    <div class=\"contact-grid\">\n      <div class=\"contact-info\">\n        <div class=\"tag-label\">Agenda una sesi\u00f3n<\/div>\n        <h2>Asesor\u00eda financiera<br><span class=\"gold\">con un experto real<\/span>.<\/h2>\n        <p>No es solo una demo de software. Es un diagn\u00f3stico de tu arquitectura de tesorer\u00eda con un consultor senior que entiende el contexto financiero chileno.<\/p>\n        <div class=\"contact-trust\">\n          <div class=\"ct-item\"><span class=\"material-symbols-outlined\">calendar_month<\/span>Agenda tu DEMO de manera inmediata<\/div>\n          <div class=\"ct-item\"><span class=\"material-symbols-outlined\">bolt<\/span>Cotizaci\u00f3n final en menos de 2 horas h\u00e1biles<\/div>\n          <div class=\"ct-item\"><span class=\"material-symbols-outlined\">handshake<\/span>Te acompa\u00f1amos consultivamente en todo el proceso<\/div>\n          <div class=\"ct-item\"><span class=\"material-symbols-outlined\">lock<\/span>Informaci\u00f3n 100% confidencial<\/div>\n          <div class=\"ct-item\"><span class=\"material-symbols-outlined\">verified<\/span>Sin obligaci\u00f3n de contratar<\/div>\n        <\/div>\n        <div style=\"margin-top:32px;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;font-size:13px;\">\n          <p style=\"color:var(--text-dim);margin-bottom:8px;\">\u00bfPrefiere contacto directo?<\/p>\n          <a href=\"https:\/\/wa.me\/56912345678?text=Hola,%20quiero%20informaci\u00f3n%20sobre%20Stareon%20Suite%20Financiera\"\n             target=\"_blank\" rel=\"noopener\"\n             style=\"display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:700;text-decoration:none;font-size:14px;\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.374 0 0 5.373 0 12c0 2.117.549 4.107 1.509 5.842L.009 24l6.306-1.654C8.04 23.437 9.979 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.885 0-3.668-.51-5.19-1.4L2.5 21.8l1.224-4.23C2.71 15.846 2 13.997 2 12 2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\n            Escribir por WhatsApp\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"contact-form\">\n        <h3 style=\"font-size:1.2rem;font-weight:800;margin-bottom:6px;\">Cont\u00e1ctanos directamente<\/h3>\n        <p style=\"font-size:13px;color:var(--text-dim);margin-bottom:16px;\">Escr\u00edbenos y un consultor senior te responde a la brevedad.<\/p>\n        \n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' ><div id='gf_1' class='gform_anchor' tabindex='-1'><\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_1' id='gform_1'  action='\/web\/wp-json\/wp\/v2\/pages\/13#gf_1' data-formid='1' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below validation_below'><fieldset id=\"field_1_1\" class=\"gfield gfield--type-name gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Nombre completo<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Obligatorio)<\/span><\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_1_1'>\n                            <span id='input_1_1_3_container' class='name_first gform-grid-col' >\n                                                    <input type='text' name='input_1.3' id='input_1_1_3' value=''   aria-required='true'    \/>\n                                                    <label for='input_1_1_3' class='gform-field-label gform-field-label--type-sub '>Nombre<\/label>\n                                               <\/span>\n                            <span id='input_1_1_6_container' class='name_last gform-grid-col' >\n                                                    <input type='text' name='input_1.6' id='input_1_1_6' value=''   aria-required='true'    \/>\n                                                    <label for='input_1_1_6' class='gform-field-label gform-field-label--type-sub '>Apellidos<\/label>\n                                                <\/span>\n                            <div class='gf_clear gf_clear_complex'><\/div>\n                        <\/div><\/fieldset><div id=\"field_1_2\" class=\"gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_2'>Correo electronico<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Obligatorio)<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_1_2' type='email' value='' class=''    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_1_3\" class=\"gfield gfield--type-phone gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_3'>Telefono<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Obligatorio)<\/span><\/span><\/label><div class='ginput_container ginput_container_phone'><input name='input_3' id='input_1_3' type='tel' value='' class=''   aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_1_4\" class=\"gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_4'>Empresa<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Obligatorio)<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_1_4' type='text' value='' class=''     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_1_5\" class=\"gfield gfield--type-textarea field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_5'>Mensaje<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_5' id='input_1_5' class='textarea '      aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_1_6\" class=\"gfield gfield--type-checkbox gfield--type-choice field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Acepto politica de privacidad y contacto comercial<\/legend><div class='ginput_container ginput_container_checkbox'><div class='gfield_checkbox ' id='input_1_6'><div class='gchoice gchoice_1_6_1'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_6.1' type='checkbox'  value='1'  id='choice_1_6_1'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_1_6_1' id='label_1_6_1' class='gform-field-label gform-field-label--type-inline'>Acepto politica de privacidad y contacto comercial<\/label>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Enviar'  \/> <input type='hidden' name='gform_ajax' value='form_id=1&amp;title=&amp;description=&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=a26814b2c3060d9c8fe831ce3f51ed43' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_1' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_1' id='gform_theme_1' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_1' id='gform_style_settings_1' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='1' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='USD' value='VLk82bOvFkg3MN0SgyHr+QCt8K3KVrOA0fOvU2ZVgKY0vtmNfXsso7F4W9QeiBZfY1lMHCKLT+a4PNCfbDuEVOtdet5W2CTCK59vQfNGrgUju+Q=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsIjAwNWZjNzE0NzY4Y2E5YTM1NjNjZGU2M2QzYjE2NDljIl0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_1' id='gform_ajax_frame_1' title='Este iframe contiene la l\u00f3gica necesaria para gestionar formularios con ajax activado.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https:\/\/stareon.cl\/web\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_1').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https:\/\/stareon.cl\/web\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_1').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"1\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_1\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_1\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_1\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 1, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<span id=\"simulador-directo\" style=\"position:relative;display:block;top:-110px;visibility:hidden;\"><\/span>\n<!-- CASH FLOW SIMULATOR RESOURCE -->\n<section id=\"simulador\" class=\"sec-dark\" style=\"padding:100px 0;position:relative;z-index:2;overflow:hidden;\">\n  <div style=\"position:absolute;inset:0;background:radial-gradient(ellipse 50% 50% at 20% 50%, rgba(26,86,219,.08) 0%, transparent 60%);pointer-events:none;\"><\/div>\n  <div class=\"container\" style=\"position:relative;z-index:1;\">\n    <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;\">\n      <div>\n        <div class=\"tag-label\">Herramienta gratuita<\/div>\n        <h2 class=\"section-title\">Proyecta tu flujo de caja<br><span class=\"gold\">online, ahora mismo<\/span>.<\/h2>\n        <p style=\"color:var(--text-dim);font-size:15px;margin:20px 0 28px;line-height:1.7;\">\u00bfBuscas proyectar el flujo de caja de tu empresa? Usa nuestro simulador interactivo gratuito \u2014 ajusta ingresos, egresos y horizonte temporal y visualiza el resultado al instante. Sin registrarte.<\/p>\n        <div style=\"display:flex;flex-direction:column;gap:12px;margin-bottom:32px;\">\n          <div style=\"display:flex;align-items:center;gap:10px;font-size:14px;\"><span class=\"material-symbols-outlined\" style=\"color:var(--gold);font-size:18px;\">check_circle<\/span>Ajusta valores en tiempo real<\/div>\n          <div style=\"display:flex;align-items:center;gap:10px;font-size:14px;\"><span class=\"material-symbols-outlined\" style=\"color:var(--gold);font-size:18px;\">check_circle<\/span>Visualiza semanas cr\u00edticas de liquidez<\/div>\n          <div style=\"display:flex;align-items:center;gap:10px;font-size:14px;\"><span class=\"material-symbols-outlined\" style=\"color:var(--gold);font-size:18px;\">check_circle<\/span>Exporta tu proyecci\u00f3n a Excel<\/div>\n        <\/div>\n        <div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n          <a href=\"\/web\/solicitar-demo-stareon\/\" class=\"btn-primary\">Ver Demo Interactivo<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Interactive simulator -->\n      <div id=\"sim-tool\" style=\"background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.3);\">\n        <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;\">\n          <div style=\"font-size:14px;font-weight:700;\">Simulador de Proyecci\u00f3n de Caja<\/div>\n          <div style=\"font-size:11px;color:var(--green);font-weight:700;display:flex;align-items:center;gap:5px;\">\n            <span style=\"width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;\"><\/span>Online\n          <\/div>\n        <\/div>\n        <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;\">\n          <div>\n            <label style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:5px;\">Saldo inicial (CLP)<\/label>\n            <input type=\"number\" id=\"sim-saldo\" value=\"5000000\" min=\"0\" step=\"500000\" style=\"width:100%;background:var(--bg);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:9px 12px;color:var(--text);font-size:13px;font-family:'Inter',sans-serif;outline:none;\" oninput=\"runSim()\"\/>\n          <\/div>\n          <div>\n            <label style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:5px;\">Semanas a proyectar<\/label>\n            <select id=\"sim-weeks\" onchange=\"runSim()\" style=\"width:100%;background:var(--bg);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:9px 12px;color:var(--text);font-size:13px;font-family:'Inter',sans-serif;outline:none;cursor:pointer;\">\n              <option value=\"4\">4 semanas<\/option>\n              <option value=\"8\" selected>8 semanas<\/option>\n              <option value=\"12\">12 semanas<\/option>\n            <\/select>\n          <\/div>\n          <div>\n            <label style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:5px;\">Ingresos semanales<\/label>\n            <input type=\"number\" id=\"sim-ingresos\" value=\"3500000\" min=\"0\" step=\"100000\" style=\"width:100%;background:var(--bg);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:9px 12px;color:var(--text);font-size:13px;font-family:'Inter',sans-serif;outline:none;\" oninput=\"runSim()\"\/>\n          <\/div>\n          <div>\n            <label style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:5px;\">Egresos semanales<\/label>\n            <input type=\"number\" id=\"sim-egresos\" value=\"2800000\" min=\"0\" step=\"100000\" style=\"width:100%;background:var(--bg);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:9px 12px;color:var(--text);font-size:13px;font-family:'Inter',sans-serif;outline:none;\" oninput=\"runSim()\"\/>\n          <\/div>\n        <\/div>\n        <div style=\"height:140px;margin-bottom:14px;\"><canvas id=\"simFreeChart\"><\/canvas><\/div>\n        <div id=\"sim-summary\" style=\"display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;font-size:12px;\">\n          <div style=\"background:rgba(52,211,153,.07);border:1px solid rgba(52,211,153,.2);border-radius:6px;padding:10px;text-align:center;\">\n            <div style=\"color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;\">Saldo final<\/div>\n            <div id=\"sim-final\" style=\"font-weight:800;color:var(--green);font-size:1rem;\">$0<\/div>\n          <\/div>\n          <div style=\"background:rgba(233,195,73,.07);border:1px solid rgba(233,195,73,.15);border-radius:6px;padding:10px;text-align:center;\">\n            <div style=\"color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;\">Flujo neto\/sem<\/div>\n            <div id=\"sim-net\" style=\"font-weight:800;color:var(--gold);font-size:1rem;\">$0<\/div>\n          <\/div>\n          <div style=\"background:rgba(255,77,77,.07);border:1px solid rgba(255,77,77,.2);border-radius:6px;padding:10px;text-align:center;\">\n            <div style=\"color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;\">Semanas riesgo<\/div>\n            <div id=\"sim-risk\" style=\"font-weight:800;color:var(--red);font-size:1rem;\">0<\/div>\n          <\/div>\n        <\/div>\n        <div id=\"sim-alert\" style=\"display:none;margin-top:10px;background:rgba(255,77,77,.08);border:1px solid rgba(255,77,77,.25);border-radius:6px;padding:10px 12px;font-size:12px;display:none;align-items:center;gap:8px;\">\n          <span class=\"material-symbols-outlined\" style=\"color:var(--red);font-size:16px;flex-shrink:0;\">warning<\/span>\n          <span id=\"sim-alert-text\"><\/span>\n        <\/div>\n        <button onclick=\"exportSimCSV()\" style=\"width:100%;margin-top:14px;padding:10px;background:transparent;border:1px solid rgba(233,195,73,.25);border-radius:6px;color:var(--gold);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;\" onmouseover=\"this.style.background='rgba(233,195,73,.1)'\" onmouseout=\"this.style.background='transparent'\">\n          <span class=\"material-symbols-outlined\" style=\"font-size:16px;\">download<\/span>\n          Exportar proyecci\u00f3n a Excel \/ CSV\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"container\">\n    <div class=\"footer-grid\">\n      <div class=\"footer-brand\">\n        <img decoding=\"async\" src=\"data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAzMC4zLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA5LjAzIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMzNSA4Ni45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMzUgODYuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MXtmaWxsOiNFOUMzNDk7fQ0KCS5zdDJ7b3BhY2l0eTowLjg7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTk1LjEsODEuMWMtMiwwLTMuMy0xLjEtMy40LTIuN2gxLjFjMC4xLDAuOCwwLjcsMS44LDIuMywxLjhjMS40LDAsMi4yLTAuOCwyLjItMS44YzAtMi45LTUuNS0xLjEtNS41LTQuOQ0KCQkJYzAtMS41LDEuMy0yLjcsMy4yLTIuN2MxLjksMCwzLDEuMSwzLjIsMi40aC0xLjFjLTAuMS0wLjctMC44LTEuNi0yLjItMS42Yy0xLjIsMC0yLjEsMC42LTIuMSwxLjhjMCwyLjksNS41LDEuMSw1LjUsNC44DQoJCQlDOTguMyw3OS43LDk3LjIsODEuMSw5NS4xLDgxLjF6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDUuOSw3MC45aDF2Ni4zYzAsMi4xLDEuMSwyLjksMi42LDIuOWMxLjYsMCwyLjYtMC44LDIuNi0yLjl2LTYuM2gxdjYuM2MwLDIuNi0xLjYsMy44LTMuNiwzLjgNCgkJCWMtMiwwLTMuNi0xLjItMy42LTMuOFY3MC45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIxLjEsNzAuOWgxdjEwaC0xVjcwLjl6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjkuNCw3MC45aDYuNnYwLjhoLTIuOFY4MWgtMXYtOS4yaC0yLjhWNzAuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OC41LDcxLjhoLTQuMnYzLjdoMy44djAuOGgtMy44djMuOGg0LjJWODFoLTUuMnYtMTBoNS4yVjcxLjh6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjUuOSw3MC45aDUuNHYwLjhoLTQuNHYzLjdoMy43djAuOGgtMy43VjgxaC0xVjcwLjl6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzguNyw3MC45aDF2MTBoLTFWNzAuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5NS4yLDcwLjl2MTBoLTFsLTUuNS04LjRWODFoLTF2LTEwaDFsNS41LDguNHYtOC40SDE5NS4yeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjA5LDc4LjZoLTQuNmwtMC45LDIuNGgtMS4xbDMuNy05LjloMS4xTDIxMSw4MWgtMS4xTDIwOSw3OC42eiBNMjA2LjgsNzIuM2wtMiw1LjRoNEwyMDYuOCw3Mi4zeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjI1LjksNzAuOXYxMGgtMWwtNS41LTguNFY4MWgtMXYtMTBoMWw1LjUsOC40di04LjRIMjI1Ljl6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMzguMyw3MC44YzIuMiwwLDMuOSwxLjEsNC42LDNoLTEuMmMtMC42LTEuMy0xLjctMi4yLTMuNC0yLjJjLTIuMiwwLTMuOSwxLjYtMy45LDQuMg0KCQkJYzAsMi42LDEuNyw0LjIsMy45LDQuMmMxLjcsMCwyLjktMC44LDMuNC0yLjFoMS4yYy0wLjcsMS45LTIuNCwzLTQuNiwzYy0yLjgsMC00LjktMi4xLTQuOS01LjFDMjMzLjQsNzIuOSwyMzUuNSw3MC44LDIzOC4zLDcwLjgNCgkJCXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1MC42LDcwLjloMXYxMGgtMVY3MC45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjY0LjksNzEuOGgtNC4ydjMuN2gzLjh2MC44aC0zLjh2My44aDQuMlY4MWgtNS4ydi0xMGg1LjJWNzEuOHoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI3NS42LDcwLjljMi4zLDAsMy40LDEuMywzLjQsMi45YzAsMS40LTAuOCwyLjUtMi41LDIuOGwyLjYsNC4zaC0xLjJsLTIuNS00LjJoLTEuOFY4MWgtMXYtMTBIMjc1LjZ6DQoJCQkgTTI3NS42LDcxLjhoLTJWNzZoMmMxLjYsMCwyLjQtMC45LDIuNC0yLjFDMjc3LjksNzIuNiwyNzcuMyw3MS44LDI3NS42LDcxLjh6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOTIuNSw3OC42aC00LjZsLTAuOSwyLjRIMjg2bDMuNy05LjloMS4xbDMuNiw5LjloLTEuMUwyOTIuNSw3OC42eiBNMjkwLjIsNzIuM2wtMiw1LjRoNEwyOTAuMiw3Mi4zeiIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI5LjEsNTQuNCA1LjMsNTAuNiAzMSwyNSA0OS4yLDQzLjIgODUuMSw3LjMgODguOSwxMSA0OS4yLDUwLjggMzEsMzIuNSA5LjEsNTQuNCAJCSIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTUuOCw0Ni44YzAsMy42LTIuOSw2LjUtNi41LDYuNWMtMy42LDAtNi41LTIuOS02LjUtNi41YzAtMy42LDIuOS02LjUsNi41LTYuNQ0KCQkJQzUyLjksNDAuMiw1NS44LDQzLjIsNTUuOCw0Ni44TDU1LjgsNDYuOHoiLz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI5MC4zLDUuOSA3NC43LDEwIDg2LjEsMjEuNCA5MC4zLDUuOSAJCSIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzcuNSwyOC43YzAsMy42LTIuOSw2LjUtNi41LDYuNXMtNi41LTIuOS02LjUtNi41YzAtMy42LDIuOS02LjUsNi41LTYuNVMzNy41LDI1LjEsMzcuNSwyOC43TDM3LjUsMjguN3oiLz4NCgk8L2c+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTcwLjYsNDUuOEw3MC42LDQ1LjhjMCwxMi41LTEwLjEsMjIuNi0yMi42LDIyLjZjLTEwLjcsMC0xOS43LTcuNS0yMi0xNy41bC05LjksMTANCgkJQzIxLjgsNzIuOCwzMy45LDgxLjEsNDgsODEuMWMxOS41LDAsMzUuMi0xNS44LDM1LjItMzUuMlYzMy4xTDcwLjYsNDUuOEw3MC42LDQ1Ljh6Ii8+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjAuNSw0Mi4yYy0xLTEtMi4zLTEuOC0zLjctMi41Yy0xLjUtMC43LTMuMi0xLjMtNS4xLTEuN2wtMy4zLTAuOGMtMS4yLTAuMy0yLjItMC42LTMtMC45DQoJCQljLTAuOS0wLjQtMS41LTAuOC0yLTEuNGMtMC41LTAuNS0wLjctMS4yLTAuNy0yYzAtMC43LDAuMi0xLjMsMC42LTEuOWMwLjQtMC42LDEtMSwxLjgtMS4zYzAuOC0wLjMsMS44LTAuNSwzLTAuNQ0KCQkJYzEuOCwwLDMuMiwwLjQsNC4yLDEuMmMxLDAuOCwxLjYsMS45LDEuNywzLjJoOWMwLTIuNC0wLjctNC41LTEuOS02LjRjLTEuMi0xLjgtMi45LTMuMy01LjItNC4zYy0yLjItMS00LjgtMS41LTcuOC0xLjUNCgkJCWMtMywwLTUuNiwwLjUtNy45LDEuNWMtMi4zLDEtNC4xLDIuNC01LjQsNC4ycy0yLDMuOS0yLDYuM2MwLDMsMSw1LjMsMi45LDdjMS45LDEuNyw0LjYsMyw3LjksMy43bDQuMSwwLjkNCgkJCWMxLjQsMC4zLDIuNiwwLjcsMy41LDEuMWMwLjksMC40LDEuNiwwLjgsMiwxLjRjMC41LDAuNSwwLjcsMS4xLDAuNywxLjljMCwwLjgtMC4yLDEuNS0wLjcsMi4xYy0wLjUsMC42LTEuMiwxLjEtMi4xLDEuNA0KCQkJYy0wLjksMC4zLTIsMC41LTMuMiwwLjVjLTEuNCwwLTIuNi0wLjItMy42LTAuN3MtMS45LTEuMS0yLjUtMS45Yy0wLjYtMC44LTAuOS0xLjktMS0zLjFoLTljMCwzLDAuNyw1LjUsMi4xLDcuNXMzLjIsMy41LDUuNiw0LjUNCgkJCWMyLjQsMSw1LjIsMS41LDguNSwxLjVjMy4yLDAsNi0wLjUsOC4zLTEuNGMyLjMtMC45LDQuMS0yLjMsNS4zLTQuMWMxLjItMS44LDEuOC0zLjksMS44LTYuM2MwLTEuNS0wLjMtMi45LTAuOC00LjINCgkJCUMxMjIuMyw0NC4yLDEyMS41LDQzLjEsMTIwLjUsNDIuMnoiLz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNTcuNCwyMi4xIDEyNC43LDIyLjEgMTI0LjcsMjkuOCAxMzYuNCwyOS44IDEzNi40LDYxIDE0NS43LDYxIDE0NS43LDI5LjggMTU3LjQsMjkuOCAJCSIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY2LjIsMjIuMUwxNTMuMSw2MWgxMC4xbDIuNi04LjJoMTMuNGwyLjYsOC4yaDEwLjFsLTEzLjEtMzguOEgxNjYuMnogTTE2OCw0NS43bDQuMy0xMy44aDAuM2w0LjMsMTMuOEgxNjgNCgkJCXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyMiw0MS45YzEuMi0xLjksMS44LTQuMiwxLjgtNi45YzAtMi42LTAuNi00LjktMS43LTYuOWMtMS4yLTEuOS0yLjgtMy40LTQuOS00LjVjLTIuMS0xLjEtNC42LTEuNi03LjYtMS42DQoJCQloLTE2VjYxaDkuNFY0Ny43aDQuOGw3LjEsMTMuM2gxMC4zTDIxNyw0Ni4yQzIxOS4yLDQ1LjIsMjIwLjgsNDMuOCwyMjIsNDEuOXogTTIwMi45LDI5LjdoNC42YzEuNCwwLDIuNiwwLjIsMy42LDAuNg0KCQkJYzEsMC40LDEuNywxLDIuMiwxLjhjMC41LDAuOCwwLjcsMS44LDAuNywzYzAsMS4yLTAuMiwyLjItMC43LDNjLTAuNSwwLjgtMS4yLDEuMy0yLjIsMS43Yy0xLDAuNC0yLjEsMC41LTMuNiwwLjVoLTQuNlYyOS43eiIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjI1My42LDI5LjggMjUzLjYsMjIuMSAyMjYuNSwyMi4xIDIyNi41LDYxIDI1My41LDYxIDI1My41LDUzLjMgMjM1LjgsNTMuMyAyMzUuOCw0NS4xIDI1Mi4yLDQ1LjEgDQoJCQkyNTIuMiwzNy42IDIzNS44LDM3LjYgMjM1LjgsMjkuOCAJCSIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI4NC41LDIzLjljLTIuOC0xLjUtNS45LTIuMy05LjQtMi4zYy0zLjUsMC02LjYsMC44LTkuNCwyLjNjLTIuOCwxLjUtNSwzLjgtNi42LDYuOA0KCQkJYy0xLjYsMy0yLjQsNi42LTIuNCwxMC45YzAsNC4zLDAuOCw3LjksMi40LDEwLjhjMS42LDMsMy44LDUuMiw2LjYsNi44YzIuOCwxLjUsNiwyLjMsOS40LDIuM2MzLjUsMCw2LjYtMC44LDkuNC0yLjMNCgkJCXM1LTMuOCw2LjYtNi44YzEuNi0zLDIuNC02LjYsMi40LTEwLjhjMC00LjMtMC44LTcuOS0yLjQtMTAuOUMyODkuNSwyNy43LDI4Ny4zLDI1LjUsMjg0LjUsMjMuOXogTTI4Myw0OGMtMC43LDEuNy0xLjcsMy4xLTMuMSw0DQoJCQljLTEuMywwLjktMi45LDEuNC00LjgsMS40Yy0xLjksMC0zLjUtMC41LTQuOC0xLjRjLTEuMy0wLjktMi40LTIuMi0zLjEtNGMtMC43LTEuNy0xLjEtMy45LTEuMS02LjRjMC0yLjUsMC40LTQuNywxLjEtNi40DQoJCQljMC43LTEuNywxLjctMy4xLDMuMS00YzEuMy0wLjksMi45LTEuNCw0LjgtMS40YzEuOSwwLDMuNSwwLjUsNC44LDEuNGMxLjMsMC45LDIuNCwyLjIsMy4xLDRjMC43LDEuNywxLjEsMy45LDEuMSw2LjQNCgkJCUMyODQuMSw0NC4xLDI4My43LDQ2LjIsMjgzLDQ4eiIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjMyMC4zLDIyLjEgMzIwLjMsNDQuNSAzMjAsNDQuNSAzMDQuNywyMi4xIDI5Ni43LDIyLjEgMjk2LjcsNjEgMzA2LDYxIDMwNiwzOC42IDMwNi4zLDM4LjYgDQoJCQkzMjEuOCw2MSAzMjkuNyw2MSAzMjkuNywyMi4xIAkJIi8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=\" alt=\"Stareon\" style=\"height:32px;margin-bottom:4px;\"\/>\n        <p>Suite Financiera especializada en flujo de caja para empresas chilenas. Proyecci\u00f3n, conciliaci\u00f3n e inteligencia financiera predictiva.<\/p>\n        <div class=\"social-links\">\n          <a href=\"#\" title=\"LinkedIn\" aria-label=\"LinkedIn\">in<\/a>\n          <a href=\"#\" title=\"Twitter\/X\" aria-label=\"Twitter\">X<\/a>\n          <a href=\"#\" title=\"YouTube\" aria-label=\"YouTube\">\u25b6<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Plataforma<\/h5>\n        <ul>\n          <li><a href=\"\/web\/solicitar-demo-stareon\/\">Solicita tu demo<\/a><\/li>\n          <li><a href=\"#precios\">Cotiza tu plan<\/a><\/li>\n          <li><a href=\"#contacto-directo\">Contacto<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Funciones del Sistema<\/h5>\n        <ul>\n          <li><a href=\"#funcionalidades\">Contabilidad predictiva<\/a><\/li>\n          <li><a href=\"#onboarding\">Proceso de onboarding<\/a><\/li>\n          <li><a href=\"#demo-section-directo\">Experiencia interactiva<\/a><\/li>\n          <li><a href=\"#preguntas-frecuentes\">Preguntas frecuentes<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Legal<\/h5>\n        <ul>\n          <li><a href=\"\/web\/terminos-y-condiciones\/\">T\u00e9rminos y Condiciones<\/a><\/li>\n          <li><a href=\"\/web\/politica-de-privacidad\/\">Pol\u00edtica de Privacidad<\/a><\/li>\n          <li><a href=\"\/web\/seguridad-de-datos\/\">Seguridad de Datos<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <p>\u00a9 2026 Stareon \u00b7 stareon.cl \u00b7 Todos los derechos reservados.<\/p>\n      <p style=\"font-size:11px;\">Software de flujo de caja para empresas en Chile.<\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<!-- FLOATING BUTTONS -->\n<a id=\"float-wa\" href=\"https:\/\/wa.me\/56912345678?text=Hola,%20quiero%20informaci\u00f3n%20sobre%20Stareon%20Suite%20Financiera\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\n  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.374 0 0 5.373 0 12c0 2.117.549 4.107 1.509 5.842L.009 24l6.306-1.654C8.04 23.437 9.979 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.885 0-3.668-.51-5.19-1.4L2.5 21.8l1.224-4.23C2.71 15.846 2 13.997 2 12 2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\n<\/a>\n<!-- AI CHAT WIDGET -->\n<div id=\"chat-widget\" role=\"dialog\" aria-label=\"Asistente Stella\">\n  <div class=\"chat-header\">\n    <div class=\"chat-agent\">\n      <div class=\"chat-avatar\">S<\/div>\n      <div>\n        <div class=\"chat-agent-name\">Stella \u00b7 Asistente Stareon<\/div>\n        <div class=\"chat-agent-status\">\u25cf En l\u00ednea ahora<\/div>\n      <\/div>\n    <\/div>\n    <button class=\"chat-close\" id=\"chat-close-btn\" aria-label=\"Cerrar chat\">\u2715<\/button>\n  <\/div>\n  <div class=\"chat-messages\" id=\"chat-messages\">\n    <div class=\"chat-msg bot\">\n      <div class=\"chat-bubble\">\u00a1Hola! Soy <strong>Stella<\/strong>, tu asistente financiera de Stareon \ud83d\udc4b<br><br>\u00bfEn qu\u00e9 puedo ayudarte hoy? Puedo explicarte c\u00f3mo funciona la plataforma, los planes disponibles o ayudarte a identificar si Stareon es la soluci\u00f3n correcta para tu empresa.<\/div>\n      <div class=\"chat-time\">Ahora<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"chat-quick\" id=\"chat-quick\">\n    <button class=\"quick-btn\" data-q=\"\u00bfC\u00f3mo funciona la conciliaci\u00f3n bancaria?\">Conciliaci\u00f3n bancaria<\/button>\n    <button class=\"quick-btn\" data-q=\"\u00bfCu\u00e1les son los planes y precios?\">Planes y precios<\/button>\n    <button class=\"quick-btn\" data-q=\"\u00bfCu\u00e1nto tarda la implementaci\u00f3n?\">Implementaci\u00f3n<\/button>\n    <button class=\"quick-btn\" data-q=\"\u00bfQu\u00e9 hace la IA de Stareon?\">IA Financiera<\/button>\n  <\/div>\n  <div class=\"chat-input-area\">\n    <input type=\"text\" class=\"chat-input\" id=\"chat-input\" placeholder=\"Escribe tu pregunta...\" autocomplete=\"off\"\/>\n    <button class=\"chat-send\" id=\"chat-send-btn\" aria-label=\"Enviar mensaje\">\n      <span class=\"material-symbols-outlined\">send<\/span>\n    <\/button>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ NAVBAR SCROLL\nconst navbar = document.getElementById('navbar');\nwindow.addEventListener('scroll', () => { navbar.classList.toggle('scrolled', window.scrollY > 40); });\n\n\/\/ HAMBURGER\nconst hamburgerBtn = document.getElementById('hamburger-btn');\nconst mobileMenu   = document.getElementById('mobile-menu');\nhamburgerBtn.addEventListener('click', () => { mobileMenu.classList.toggle('open'); });\nmobileMenu.querySelectorAll('a').forEach(a => { a.addEventListener('click', () => mobileMenu.classList.remove('open')); });\n\n\/\/ FAQ ACCORDION\ndocument.querySelectorAll('.faq-item').forEach(item => {\n  item.querySelector('.faq-q').addEventListener('click', () => {\n    const isOpen = item.classList.contains('open');\n    document.querySelectorAll('.faq-item.open').forEach(el => el.classList.remove('open'));\n    if (!isOpen) item.classList.add('open');\n  });\n});\n\n\/\/ COTIZAR MODAL (Gravity Forms Cotizador id=3, autocompletado desde el presupuesto interactivo)\nfunction handleCotizarClick() {\n  const b = window.StareonBudget;\n  if (b && b.currentPlan === 'terceriza') {\n    const el = document.getElementById('contacto');\n    if (el) el.scrollIntoView({ behavior: 'smooth' });\n    return;\n  }\n  openCotizarModal();\n}\nfunction openCotizarModal() {\n  const b = window.StareonBudget;\n  const modal = document.getElementById('cotizar-modal');\n  if (!modal) return;\n  if (b) {\n    const plan = b.PLAN_CONFIG[b.currentPlan];\n    const t = b.calcTotal();\n    const summary = document.getElementById('cotizar-modal-summary');\n    if (summary) {\n      summary.textContent = 'Plan ' + plan.label + ' \u00b7 ' + b.PERIODS[b.currentPeriod].label.replace('por ', '') + ' \u00b7 '\n        + b.qty.users + ' usuario(s), ' + b.qty.ruts + ' RUT(s), ' + b.qty.accounts + ' cuenta(s) \u00b7 Total estimado UF ' + t.uf.toFixed(2).replace('.', ',');\n    }\n    const planField = modal.querySelector('input[name=\"input_5\"][value=\"' + plan.gfValue + '\"]');\n    if (planField) planField.checked = true;\n    const qtyField = modal.querySelector('#input_3_6');\n    if (qtyField) qtyField.value = b.qty.users;\n    const notesField = modal.querySelector('#input_3_7');\n    if (notesField) {\n      notesField.value = 'Cotizaci\u00f3n generada desde presupuesto interactivo \u2014 Plan ' + plan.label + ', periodo ' + b.PERIODS[b.currentPeriod].label\n        + ', ' + b.qty.users + ' usuario(s), ' + b.qty.ruts + ' RUT(s) SII, ' + b.qty.accounts + ' cuenta(s) corriente(s). Total estimado: UF '\n        + t.uf.toFixed(2).replace('.', ',') + ' (aprox. $' + t.clp.toLocaleString('es-CL') + ' + IVA).';\n    }\n  }\n  modal.classList.add('open');\n  modal.setAttribute('aria-hidden', 'false');\n}\nfunction closeCotizarModal() {\n  const modal = document.getElementById('cotizar-modal');\n  if (!modal) return;\n  modal.classList.remove('open');\n  modal.setAttribute('aria-hidden', 'true');\n}\ndocument.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeCotizarModal(); });\n\n\/\/ PARTICLE CANVAS\n(function() {\n  const canvas = document.getElementById('particle-canvas');\n  const ctx = canvas.getContext('2d');\n  let W, H, particles = [];\n  function resize() { W = canvas.width = window.innerWidth; H = canvas.height = window.innerHeight; }\n  resize(); window.addEventListener('resize', resize);\n  for (let i = 0; i < 55; i++) particles.push({ x:Math.random()*1920, y:Math.random()*1080, vx:(Math.random()-.5)*.3, vy:(Math.random()-.5)*.3, r:Math.random()*1.5+.5, alpha:Math.random()*.4+.1 });\n  function draw() {\n    ctx.clearRect(0,0,W,H);\n    particles.forEach(p => {\n      p.x+=p.vx; p.y+=p.vy;\n      if(p.x<0)p.x=W; if(p.x>W)p.x=0; if(p.y<0)p.y=H; if(p.y>H)p.y=0;\n      ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2);\n      ctx.fillStyle=`rgba(233,195,73,${p.alpha})`; ctx.fill();\n    });\n    for(let i=0;i<particles.length;i++) for(let j=i+1;j<particles.length;j++){\n      const dx=particles[i].x-particles[j].x, dy=particles[i].y-particles[j].y, d=Math.sqrt(dx*dx+dy*dy);\n      if(d<120){ ctx.beginPath(); ctx.moveTo(particles[i].x,particles[i].y); ctx.lineTo(particles[j].x,particles[j].y); ctx.strokeStyle=`rgba(26,86,219,${.12*(1-d\/120)})`; ctx.lineWidth=.5; ctx.stroke(); }\n    }\n    requestAnimationFrame(draw);\n  }\n  draw();\n})();\n\n\/\/ CHARTS\nfunction makeGrad(ctx, h) { const g=ctx.createLinearGradient(0,0,0,h); g.addColorStop(0,'rgba(233,195,73,.35)'); g.addColorStop(1,'rgba(233,195,73,0)'); return g; }\nconst chartDefaults = { responsive:true, maintainAspectRatio:false, plugins:{legend:{display:false}}, scales:{ x:{grid:{color:'rgba(255,255,255,.05)'},ticks:{color:'#8fa0c0',font:{size:10}}}, y:{grid:{color:'rgba(255,255,255,.05)'},ticks:{color:'#8fa0c0',font:{size:10}}} } };\n\n\/\/ Hero chart\n(function(){\n  const c=document.getElementById('heroChart'); if(!c)return;\n  const ctx=c.getContext('2d');\n  new Chart(ctx,{ type:'line', data:{ labels:['S1','S2','S3','S4','S5','S6','S7','S8'], datasets:[{data:[8.2,9.1,7.8,10.5,11.2,9.8,12.4,13.1], borderColor:'#E9C349', borderWidth:2, pointRadius:3, pointBackgroundColor:'#E9C349', fill:true, backgroundColor:makeGrad(ctx,160), tension:.4}] }, options:{...chartDefaults, plugins:{legend:{display:false},tooltip:{backgroundColor:'rgba(13,22,40,.95)',titleColor:'#E9C349',bodyColor:'#dae2fd', callbacks:{label:v=>` $${v.raw}M`}}}, scales:{x:{...chartDefaults.scales.x},y:{...chartDefaults.scales.y,ticks:{color:'#8fa0c0',font:{size:10},callback:v=>'$'+v+'M'}}}} });\n})();\n\n\/\/ Bento chart\n(function(){\n  const c=document.getElementById('bentoChart'); if(!c)return;\n  const ctx=c.getContext('2d');\n  new Chart(ctx,{ type:'bar', data:{ labels:['S1','S2','S3','S4'], datasets:[{label:'Ingresos',data:[22,18,25,20],backgroundColor:'rgba(52,211,153,.7)',borderRadius:4},{label:'Egresos',data:[14,16,12,18],backgroundColor:'rgba(255,77,77,.5)',borderRadius:4}] }, options:{ responsive:true, maintainAspectRatio:false, plugins:{legend:{labels:{color:'#8fa0c0',font:{size:9}}}}, scales:{x:{grid:{display:false},ticks:{color:'#8fa0c0',font:{size:9}}},y:{grid:{color:'rgba(255,255,255,.05)'},ticks:{color:'#8fa0c0',font:{size:9}}}} } });\n})();\n\n\/\/ Sim chart\n(function(){\n  const c=document.getElementById('simChart'); if(!c)return;\n  const ctx=c.getContext('2d');\n  new Chart(ctx,{ type:'line', data:{ labels:['1\/5','5\/5','9\/5','13\/5','17\/5','21\/5','25\/5','29\/5'], datasets:[{label:'Flujo real',data:[8.4,9.2,10.1,8.8,11.2,9.5,13.0,15.7],borderColor:'#3b82f6',borderWidth:2,pointRadius:3,pointBackgroundColor:'#3b82f6',fill:false,tension:.4},{label:'Escenario sim.',data:[8.4,9.8,11.4,10.2,12.8,11.0,14.2,17.1],borderColor:'#E9C349',borderWidth:2,borderDash:[5,3],pointRadius:3,pointBackgroundColor:'#E9C349',fill:true,backgroundColor:makeGrad(ctx,180),tension:.4}] }, options:{ responsive:true, maintainAspectRatio:false, plugins:{legend:{labels:{color:'#8fa0c0',font:{size:10}}}}, scales:{x:{grid:{color:'rgba(255,255,255,.05)'},ticks:{color:'#8fa0c0',font:{size:9}}},y:{grid:{color:'rgba(255,255,255,.05)'},ticks:{color:'#8fa0c0',font:{size:9},callback:v=>'$'+v+'M'}}} } });\n})();\n\n\/\/ AI CHAT\nconst chatWidget = document.getElementById('chat-widget');\nconst chatInput  = document.getElementById('chat-input');\nconst chatMsgs   = document.getElementById('chat-messages');\nconst chatQuick  = document.getElementById('chat-quick');\n\nconst floatChatBtn = document.getElementById('float-chat');\nif (floatChatBtn) floatChatBtn.addEventListener('click', () => { chatWidget.classList.toggle('open'); if(chatWidget.classList.contains('open')) chatInput.focus(); });\ndocument.getElementById('chat-close-btn').addEventListener('click', () => { chatWidget.classList.remove('open'); });\n\nconst aiR = {\n  concilia:'La **conciliaci\u00f3n bancaria** en Stareon es semiautom\u00e1tica. El sistema hace matching entre cartolas bancarias, facturas del SII y medios de pago (Transbank, GetNet, Mercado Pago). Lo que antes tomaba 2 d\u00edas ahora toma minutos.',\n  planes:'**Tenemos 3 planes:**\\n\\n\ud83d\udce6 **Universal** \u00b7 UF 2,4\/mes + IVA \u2014 Proyecci\u00f3n y simulaci\u00f3n, 1 RUT SII.\\n\\n\u2b50 **Full Sync** \u00b7 UF 2,8\/mes + IVA \u2014 Suma cuenta corriente sincronizada autom\u00e1ticamente.\\n\\n\ud83c\udfc6 **Terceriza** \u00b7 UF 6,8\/mes + IVA \u2014 Ejecutivo especializado que gestiona tu data por ti.\\n\\n\u00bfQuieres que te ayude a elegir?',\n  implementa:'\u26a1 **Menos de 48 horas** para estar operativo.\\n\\n1. Agendas tu sesi\u00f3n con consultor\\n2. Vinculamos tu RUT al SII y cuentas bancarias\\n3. Cargamos el hist\u00f3rico inicial\\n4. Tienes tu primer dashboard con proyecci\u00f3n real\\n\\nNo necesitas conocimientos t\u00e9cnicos.',\n  ia:'La IA de Stareon analiza patrones hist\u00f3ricos y hace 3 cosas:\\n\\n\ud83d\udd0d **Detecta anomal\u00edas** autom\u00e1ticamente\\n\u26a0\ufe0f **Predice d\u00e9ficits** con hasta 4 semanas de anticipaci\u00f3n\\n\ud83d\udca1 **Sugiere acciones** como acelerar cobros antes de que el problema ocurra',\n  sii:'Stareon se conecta de forma nativa con el **SII**. Importa facturas emitidas y recibidas, notas de cr\u00e9dito y cartolas. Sin carga manual.',\n  demo:'Puedes acceder al demo ahora mismo sin registrarte. Haz clic en **\"Ver Demo Interactivo\"** en la p\u00e1gina o visita demo.html. El demo incluye datos simulados y yo estar\u00e9 ah\u00ed para guiarte.',\n  excel:'Stareon es el salto evolutivo del Excel. Y s\u00ed, **puedes exportar todo a Excel** para presentar al directorio. Lo mejor de ambos mundos.',\n  default:'Esa es una buena pregunta. Para responderte con mayor precisi\u00f3n, te recomiendo **agendar una sesi\u00f3n con nuestro consultor senior** que puede analizar tu caso espec\u00edfico, o puedes bajar al formulario de contacto en esta misma p\u00e1gina.'\n};\n\nfunction getResp(msg) {\n  const m = msg.toLowerCase();\n  if(m.includes('concilia')) return aiR.concilia;\n  if(m.includes('precio')||m.includes('plan')||m.includes('uf')||m.includes('costo')) return aiR.planes;\n  if(m.includes('implementa')||m.includes('tarda')||m.includes('tiempo')) return aiR.implementa;\n  if(m.includes('ia')||m.includes('inteligencia')||m.includes('predicti')||m.includes('algoritmo')) return aiR.ia;\n  if(m.includes('sii')||m.includes('factura')||m.includes('tributar')) return aiR.sii;\n  if(m.includes('demo')||m.includes('probar')||m.includes('prueba')||m.includes('gratis')) return aiR.demo;\n  if(m.includes('excel')) return aiR.excel;\n  if(m.includes('banco')||m.includes('cuenta corriente')||m.includes('sinc')) return 'Stareon sincroniza autom\u00e1ticamente con los principales bancos chilenos: Banco Estado, Santander, BCI, Scotiabank y m\u00e1s. \u00bfCon qu\u00e9 banco trabaja tu empresa?';\n  return aiR.default;\n}\n\nfunction fmt(t){ return t.replace(\/\\*\\*(.*?)\\*\\*\/g,'<strong>$1<\/strong>').replace(\/\\n\/g,'<br>'); }\nfunction appendMsg(text, role) {\n  const div=document.createElement('div'); div.className=`chat-msg ${role}`;\n  const now=new Date();\n  div.innerHTML=`<div class=\"chat-bubble\">${fmt(text)}<\/div><div class=\"chat-time\">${now.getHours()}:${String(now.getMinutes()).padStart(2,'0')}<\/div>`;\n  chatMsgs.appendChild(div); chatMsgs.scrollTop=chatMsgs.scrollHeight;\n}\nfunction showTyping(){ const d=document.createElement('div'); d.className='chat-msg bot'; d.id='typing-ind'; d.innerHTML='<div class=\"chat-bubble\"><div class=\"typing-indicator\"><div class=\"typing-dot\"><\/div><div class=\"typing-dot\"><\/div><div class=\"typing-dot\"><\/div><\/div><\/div>'; chatMsgs.appendChild(d); chatMsgs.scrollTop=chatMsgs.scrollHeight; }\nfunction hideTyping(){ document.getElementById('typing-ind')?.remove(); }\nfunction sendMsg(msg) {\n  if(!msg.trim()) return;\n  appendMsg(msg,'user'); chatInput.value=''; chatQuick.style.display='none';\n  showTyping();\n  setTimeout(()=>{ hideTyping(); appendMsg(getResp(msg),'bot'); }, 900+Math.random()*500);\n}\ndocument.getElementById('chat-send-btn').addEventListener('click', ()=>sendMsg(chatInput.value));\nchatInput.addEventListener('keydown', e=>{ if(e.key==='Enter') sendMsg(chatInput.value); });\ndocument.querySelectorAll('.quick-btn').forEach(b=>{ b.addEventListener('click',()=>sendMsg(b.getAttribute('data-q'))); });\n\n\/\/ SCROLL ANIMATIONS\nconst obs = new IntersectionObserver(entries=>{ entries.forEach(e=>{ if(e.isIntersecting){e.target.style.opacity='1';e.target.style.transform='translateY(0)';} }); },{threshold:.1});\ndocument.querySelectorAll('.bento-card,.step-card,.price-card,.testi-card,.faq-item').forEach(el=>{\n  el.style.opacity='0'; el.style.transform='translateY(24px)'; el.style.transition='opacity .5s ease,transform .5s ease';\n  obs.observe(el);\n});\n\n\/\/ BUDGET BUILDER (precios actualizados: Trimestral UF 8,74 \u00b7 Semestral UF 17,78 \u00b7 Anual UF 37,75 \u00b7 Tester UF 2,60\/mes)\n(function(){\n  const SP = window.StareonPricing;\n  const PLAN_CONFIG = {\n    starter:        { label: 'Starter',         monthlyUF: (SP&&SP.starter)?SP.starter.monthly:2.40, fixed: true, gfValue: 'starter' },\n    fullsynctester: { label: 'Full Sync Tester', monthlyUF: (SP&&SP.tester)?SP.tester.monthly:2.60,  fixed: true, tester: true, gfValue: 'growth' },\n    fullsync:  { label: 'Full Sync', base: {\n      quarterly: (SP&&SP.fullsync)?SP.fullsync.quarterly:8.74,\n      biannual:  (SP&&SP.fullsync)?SP.fullsync.biannual:17.78,\n      annual:    (SP&&SP.fullsync)?SP.fullsync.annual:37.75\n    }, extra: {\n      users:    { quarterly: (SP&&SP.extras)?SP.extras.users.quarterly:0.60,    biannual: (SP&&SP.extras)?SP.extras.users.biannual:1.15,    annual: (SP&&SP.extras)?SP.extras.users.annual:2.21 },\n      ruts:     { quarterly: (SP&&SP.extras)?SP.extras.ruts.quarterly:0.90,     biannual: (SP&&SP.extras)?SP.extras.ruts.biannual:1.73,     annual: (SP&&SP.extras)?SP.extras.ruts.annual:3.31 },\n      accounts: { quarterly: (SP&&SP.extras)?SP.extras.accounts.quarterly:0.30, biannual: (SP&&SP.extras)?SP.extras.accounts.biannual:0.60, annual: (SP&&SP.extras)?SP.extras.accounts.annual:1.20 }\n    }, gfValue: 'growth' },\n    terceriza: { label: 'Terceriza', custom: true, gfValue: 'enterprise' }\n  };\n  const PERIODS = {\n    quarterly: { label: 'por trimestre', months: 3, discount: 0 },\n    biannual:  { label: 'por semestre', months: 6, discount: 0.1850 },\n    annual:    { label: 'por a\u00f1o', months: 12, discount: 0.2909 }\n  };\n  const UF_CLP = 37600;\n  const TRAINING_HOUR_UF = (SP&&SP.extras)?SP.extras.trainingHour:1.5;\n  let currentPeriod = 'quarterly';\n  let currentPlan = 'fullsync';\n  let qty = { users: 1, ruts: 1, accounts: 1, training: 0 };\n\n  function calcTotal() {\n    const plan = PLAN_CONFIG[currentPlan];\n    const p = PERIODS[currentPeriod];\n    if (plan.custom) return { uf: 0, clp: 0, custom: true };\n    if (plan.fixed) {\n      \/\/ Tester: always 1 month price (period tabs are hidden for this plan)\n      const raw = plan.tester ? plan.monthlyUF : plan.monthlyUF * p.months;\n      return { uf: raw, clp: Math.round(raw * UF_CLP) };\n    }\n    \/\/ Full Sync: use period-keyed base directly\n    const baseTotal = plan.base[currentPeriod];\n    const extras = Math.max(0, qty.users-1)*plan.extra.users[currentPeriod]\n      + Math.max(0, qty.ruts-1)*plan.extra.ruts[currentPeriod]\n      + Math.max(0, qty.accounts-1)*plan.extra.accounts[currentPeriod]\n      + qty.training * TRAINING_HOUR_UF;\n    const total = baseTotal + extras;\n    return { uf: total, clp: Math.round(total * UF_CLP) };\n  }\n\n  function updateDisplay() {\n    const plan = PLAN_CONFIG[currentPlan];\n    const totalBox = document.getElementById('budget-total-box');\n    const customNote = document.getElementById('cotizador-custom-note');\n    const btn = document.getElementById('cotizar-btn');\n    const periodTabsEl = document.getElementById('period-tabs');\n    const rows = document.querySelectorAll('.budget-row[data-row]');\n    const badges = document.querySelectorAll('.period-tab .tab-badge');\n\n    rows.forEach(r => r.classList.toggle('disabled', !!plan.fixed || !!plan.custom));\n    if (periodTabsEl) {\n      periodTabsEl.classList.toggle('disabled', !!plan.fixed || !!plan.custom);\n      periodTabsEl.style.display = plan.tester ? 'none' : '';\n    }\n    badges.forEach(b => { b.style.display = (plan.fixed || plan.custom) ? 'none' : ''; });\n\n    if (plan.fixed || plan.custom) {\n      if (totalBox && !plan.tester) totalBox.style.display = 'none';\n      if (customNote) {\n        customNote.style.display = 'block';\n        customNote.textContent = plan.custom\n          ? 'Plan Terceriza es una cotizaci\u00f3n 100% personalizada seg\u00fan tu volumen de documentos y RUTs. Solic\u00edtala directamente.'\n          : plan.tester ? ('Primer mes a UF ' + plan.monthlyUF.toFixed(2).replace('.', ',') + ' + IVA \u00b7 Desde el 2do mes renueva como Plan Full Sync.') : 'Plan Starter desde UF ' + plan.monthlyUF.toFixed(2).replace('.', ',') + ' Mensual.';\n      }\n      if (btn) btn.textContent = plan.custom ? 'Solicitar Informaci\u00f3n \u2192' : 'Cotizar \u2192';\n      if (!plan.tester) return;\n    }\n    if (totalBox) totalBox.style.display = '';\n    if (customNote && !plan.tester) customNote.style.display = 'none';\n    if (btn) btn.textContent = 'Cotizar \u2192';\n\n    const ex = plan.extra;\n    const setHint = (id, uf) => { const elh = document.getElementById(id); if (elh) elh.textContent = 'UF 0 base \u00b7 +UF ' + uf.toFixed(2).replace('.', ',') + ' c\/u adicional ' + PERIODS[currentPeriod].label; };\n    if (ex && ex.users) {\n      setHint('hint-users', ex.users[currentPeriod]);\n      setHint('hint-ruts', ex.ruts[currentPeriod]);\n      setHint('hint-accounts', ex.accounts[currentPeriod]);\n    }\n\n    const t = calcTotal();\n    const el = document.getElementById('budget-uf');\n    const clp = document.getElementById('budget-clp');\n    const plabel = document.getElementById('budget-period-label');\n    if(el) el.textContent = 'UF ' + t.uf.toFixed(2).replace('.', ',');\n    if(clp) clp.textContent = '$' + t.clp.toLocaleString('es-CL');\n    if(plabel) plabel.textContent = plan.tester ? 'primer mes' : PERIODS[currentPeriod].label;\n  }\n\n  window.StareonBudget = {\n    get qty() { return qty; },\n    get currentPeriod() { return currentPeriod; },\n    get currentPlan() { return currentPlan; },\n    PLAN_CONFIG,\n    PERIODS,\n    calcTotal\n  };\n\n  \/\/ Plan tabs\n  document.querySelectorAll('.plan-tab').forEach(tab => {\n    tab.addEventListener('click', function() {\n      document.querySelectorAll('.plan-tab').forEach(t => t.classList.remove('active'));\n      this.classList.add('active');\n      currentPlan = this.getAttribute('data-plan');\n      const plan = PLAN_CONFIG[currentPlan];\n      if (plan.fixed || plan.custom) {\n        qty = { users: 1, ruts: 1, accounts: 1, training: 0 };\n        const u = document.getElementById('qty-users'); if (u) u.value = 1;\n        const r = document.getElementById('qty-ruts'); if (r) r.value = 1;\n        const a = document.getElementById('qty-accounts'); if (a) a.value = 1;\n        const tr = document.getElementById('qty-training'); if (tr) tr.value = 0;\n      }\n      updateDisplay();\n    });\n  });\n\n  \/\/ Period tabs\n  document.querySelectorAll('.period-tab').forEach(tab => {\n    tab.addEventListener('click', function() {\n      if (PLAN_CONFIG[currentPlan].custom) return;\n      document.querySelectorAll('.period-tab').forEach(t => t.classList.remove('active'));\n      this.classList.add('active');\n      currentPeriod = this.getAttribute('data-period');\n      updateDisplay();\n    });\n  });\n\n  \/\/ Qty buttons\n  document.querySelectorAll('.qty-btn').forEach(btn => {\n    btn.addEventListener('click', function() {\n      const plan = PLAN_CONFIG[currentPlan];\n      if (plan.fixed || plan.custom) return;\n      const target = this.getAttribute('data-target');\n      const action = this.getAttribute('data-action');\n      const min = target === 'training' ? 0 : 1;\n      if(action === 'plus') qty[target]++;\n      else if(action === 'minus' && qty[target] > min) qty[target]--;\n      const input = document.getElementById('qty-' + target);\n      if(input) input.value = qty[target];\n      updateDisplay();\n    });\n  });\n\n  updateDisplay();\n})();\n\n\/\/ FREE CASH FLOW SIMULATOR\nlet simFreeChartInst = null;\nfunction fmt$(n){ return (n<0?'\u2212$':'$') + Math.abs(Math.round(n)).toLocaleString('es-CL'); }\nfunction runSim(){\n  const saldo0 = parseFloat(document.getElementById('sim-saldo').value)||0;\n  const weeks  = parseInt(document.getElementById('sim-weeks').value)||8;\n  const ing    = parseFloat(document.getElementById('sim-ingresos').value)||0;\n  const egr    = parseFloat(document.getElementById('sim-egresos').value)||0;\n  const net    = ing - egr;\n  const labels = [], data = [];\n  let saldo = saldo0, riskWeeks = 0;\n  for(let i=1;i<=weeks;i++){\n    saldo += net;\n    labels.push('S'+i);\n    data.push(+(saldo\/1000000).toFixed(2));\n    if(saldo < 0) riskWeeks++;\n  }\n  const finalSaldo = saldo0 + net*weeks;\n  document.getElementById('sim-final').textContent = fmt$(finalSaldo);\n  document.getElementById('sim-final').style.color = finalSaldo >= 0 ? 'var(--green)' : 'var(--red)';\n  document.getElementById('sim-net').textContent = fmt$(net);\n  document.getElementById('sim-net').style.color = net >= 0 ? 'var(--gold)' : 'var(--red)';\n  document.getElementById('sim-risk').textContent = riskWeeks;\n\n  const alertEl = document.getElementById('sim-alert');\n  if(riskWeeks > 0){\n    alertEl.style.display='flex';\n    document.getElementById('sim-alert-text').textContent = riskWeeks + ' semana' + (riskWeeks>1?'s':' ') + ' con saldo negativo proyectado. Considera acelerar cobros o diferir egresos.';\n  } else {\n    alertEl.style.display='none';\n  }\n\n  const c = document.getElementById('simFreeChart');\n  if(!c) return;\n  const ctx = c.getContext('2d');\n  if(simFreeChartInst) simFreeChartInst.destroy();\n  const g = ctx.createLinearGradient(0,0,0,140);\n  g.addColorStop(0,'rgba(233,195,73,.3)'); g.addColorStop(1,'rgba(233,195,73,0)');\n  simFreeChartInst = new Chart(ctx, {\n    type:'line',\n    data:{ labels, datasets:[{data, borderColor:'#E9C349', borderWidth:2, pointRadius:3, pointBackgroundColor: data.map(v=>v<0?'#ff4d4d':'#E9C349'), fill:true, backgroundColor:g, tension:.4}] },\n    options:{ responsive:true, maintainAspectRatio:false, plugins:{legend:{display:false},tooltip:{backgroundColor:'rgba(13,22,40,.95)',titleColor:'#E9C349',bodyColor:'#dae2fd',callbacks:{label:v=>` $${v.raw}M`}}}, scales:{ x:{grid:{color:'rgba(255,255,255,.05)'},ticks:{color:'#8fa0c0',font:{size:9}}}, y:{grid:{color:'rgba(255,255,255,.05)'},ticks:{color:'#8fa0c0',font:{size:9},callback:v=>'$'+v+'M'}} } }\n  });\n}\nwindow.addEventListener('DOMContentLoaded', runSim);\n\nfunction exportSimCSV(){\n  const saldo0 = parseFloat(document.getElementById('sim-saldo').value)||0;\n  const weeks  = parseInt(document.getElementById('sim-weeks').value)||8;\n  const ing    = parseFloat(document.getElementById('sim-ingresos').value)||0;\n  const egr    = parseFloat(document.getElementById('sim-egresos').value)||0;\n  const net    = ing - egr;\n  let rows = ['Semana,Ingresos,Egresos,Flujo Neto,Saldo Acumulado'];\n  let saldo = saldo0;\n  for(let i=1;i<=weeks;i++){\n    saldo += net;\n    rows.push(`Semana ${i},${ing},${egr},${net},${Math.round(saldo)}`);\n  }\n  const blob = new Blob([rows.join('\\n')], {type:'text\/csv;charset=utf-8;'});\n  const url  = URL.createObjectURL(blob);\n  const a    = document.createElement('a');\n  a.href     = url; a.download = 'proyeccion-flujo-caja-stareon.csv';\n  document.body.appendChild(a); a.click();\n  document.body.removeChild(a); URL.revokeObjectURL(url);\n}\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Plataforma Funcionalidades Precios Demo Cotizar Contacto Solicitar Demo Plataforma Funcionalidades Precios Demo Interactivo Cotizar Contacto Solicitar Demo Inteligencia Financiera Predictiva \u00b7 Chile Tu empresa siempre paga. Tu caja nunca te sorprende. Suite Financiera es el software de flujo de caja especializado para empresas chilenas. Proyecciones en tiempo real, sincronizaci\u00f3n autom\u00e1tica con SII y bancos, y [&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-13","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Stareon - Stareon<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stareon.cl\/web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stareon\" \/>\n<meta property=\"og:description\" content=\"Plataforma Funcionalidades Precios Demo Cotizar Contacto Solicitar Demo Plataforma Funcionalidades Precios Demo Interactivo Cotizar Contacto Solicitar Demo Inteligencia Financiera Predictiva \u00b7 Chile Tu empresa siempre paga. Tu caja nunca te sorprende. Suite Financiera es el software de flujo de caja especializado para empresas chilenas. Proyecciones en tiempo real, sincronizaci\u00f3n autom\u00e1tica con SII y bancos, y [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stareon.cl\/web\/\" \/>\n<meta property=\"og:site_name\" content=\"Stareon\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-29T08:49:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stareon.cl\\\/web\\\/\",\"url\":\"https:\\\/\\\/stareon.cl\\\/web\\\/\",\"name\":\"Stareon - Stareon\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stareon.cl\\\/web\\\/#website\"},\"datePublished\":\"2026-05-22T11:31:52+00:00\",\"dateModified\":\"2026-07-29T08:49:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stareon.cl\\\/web\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/stareon.cl\\\/web\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stareon.cl\\\/web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/stareon.cl\\\/web\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stareon\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stareon.cl\\\/web\\\/#website\",\"url\":\"https:\\\/\\\/stareon.cl\\\/web\\\/\",\"name\":\"Stareon\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/stareon.cl\\\/web\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Stareon - Stareon","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stareon.cl\/web\/","og_locale":"es_ES","og_type":"article","og_title":"Stareon","og_description":"Plataforma Funcionalidades Precios Demo Cotizar Contacto Solicitar Demo Plataforma Funcionalidades Precios Demo Interactivo Cotizar Contacto Solicitar Demo Inteligencia Financiera Predictiva \u00b7 Chile Tu empresa siempre paga. Tu caja nunca te sorprende. Suite Financiera es el software de flujo de caja especializado para empresas chilenas. Proyecciones en tiempo real, sincronizaci\u00f3n autom\u00e1tica con SII y bancos, y [&hellip;]","og_url":"https:\/\/stareon.cl\/web\/","og_site_name":"Stareon","article_modified_time":"2026-07-29T08:49:15+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stareon.cl\/web\/","url":"https:\/\/stareon.cl\/web\/","name":"Stareon - Stareon","isPartOf":{"@id":"https:\/\/stareon.cl\/web\/#website"},"datePublished":"2026-05-22T11:31:52+00:00","dateModified":"2026-07-29T08:49:15+00:00","breadcrumb":{"@id":"https:\/\/stareon.cl\/web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stareon.cl\/web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stareon.cl\/web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stareon.cl\/web\/"},{"@type":"ListItem","position":2,"name":"Stareon"}]},{"@type":"WebSite","@id":"https:\/\/stareon.cl\/web\/#website","url":"https:\/\/stareon.cl\/web\/","name":"Stareon","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stareon.cl\/web\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/stareon.cl\/web\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stareon.cl\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stareon.cl\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stareon.cl\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stareon.cl\/web\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":19,"href":"https:\/\/stareon.cl\/web\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/stareon.cl\/web\/wp-json\/wp\/v2\/pages\/13\/revisions\/111"}],"wp:attachment":[{"href":"https:\/\/stareon.cl\/web\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}