{"id":7683,"date":"2026-02-18T09:28:02","date_gmt":"2026-02-18T08:28:02","guid":{"rendered":"https:\/\/www.micole.net\/blog\/?page_id=7683"},"modified":"2026-02-19T11:26:12","modified_gmt":"2026-02-19T10:26:12","slug":"crm","status":"publish","type":"page","link":"https:\/\/www.micole.net\/blog\/crm\/","title":{"rendered":"CRM para Colegios | Micole CRM"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800&#038;family=Inter:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n    *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n    :root {\n      --blue: #2982FC; --blue-dark: #1E6FD9; --cyan: #21F7FD;\n      --navy-950: #030712; --navy-900: #050a12; --navy-800: #091428; --navy-700: #0f1d36;\n      --slate-600: #525f7f; --slate-400: #8898aa; --slate-300: #adb5c7;\n      --gray-100: #f7f9fe; --gray-50: #fafbff; --white: #fff;\n      --green: #2dce89; --orange: #ff9f2e; --red: #f56565; --purple: #8b5cf6;\n      --grad: linear-gradient(135deg, var(--blue) 0%, var(--cyan) 100%);\n      --grad-dark: linear-gradient(180deg, var(--navy-950) 0%, var(--navy-800) 100%);\n      --heading: 'DM Sans', system-ui, sans-serif;\n      --body: 'Inter', system-ui, sans-serif;\n      --sh-sm: 0 1px 3px rgba(0,0,0,.04); --sh-md: 0 4px 20px rgba(0,0,0,.07);\n      --sh-lg: 0 8px 40px rgba(0,0,0,.1); --sh-xl: 0 20px 60px rgba(0,0,0,.15);\n      --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px;\n    }\n    html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }\n    body { font-family: var(--body); color: var(--navy-900); background: var(--white); line-height: 1.6; overflow-x: hidden; }\n\n    \/* === NAV === *\/\n    .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,0.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid rgba(9,20,40,0.06); transition: all .3s; }\n    .nav.scrolled { box-shadow: var(--sh-md); }\n    .nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; height: 68px; }\n    .nav-logo { display: flex; align-items: center; text-decoration: none; }\n    .nav-logo img { height: 38px; }\n    .nav-right { display: flex; align-items: center; gap: 28px; }\n    .nav-link { font-size: 14px; font-weight: 500; color: var(--slate-600); text-decoration: none; transition: color .2s; }\n    .nav-link:hover { color: var(--blue); }\n    .btn { display: inline-flex; align-items: center; gap: 8px; font-family: var(--body); font-weight: 600; text-decoration: none; border: none; cursor: pointer; transition: all .25s ease; }\n    .btn-cta { background: var(--blue); color: var(--white); padding: 10px 24px; border-radius: var(--r-sm); font-size: 14px; box-shadow: 0 2px 8px rgba(41,130,252,.3); }\n    .btn-cta:hover { background: var(--blue-dark); box-shadow: 0 4px 16px rgba(41,130,252,.4); transform: translateY(-1px); }\n    .btn-hero { padding: 16px 40px; font-size: 16px; border-radius: var(--r-md); box-shadow: 0 4px 20px rgba(41,130,252,.35); }\n    .btn-hero:hover { box-shadow: 0 8px 32px rgba(41,130,252,.45); transform: translateY(-2px); }\n    .btn-outline-dark { background: transparent; color: var(--navy-900); padding: 15px 36px; font-size: 16px; border-radius: var(--r-md); border: 1.5px solid rgba(9,20,40,.15); }\n    .btn-outline-dark:hover { border-color: rgba(9,20,40,.3); background: rgba(9,20,40,.03); }\n    .hamburger { display: none; background: none; border: none; cursor: pointer; padding: 6px; }\n    .hamburger span { display: block; width: 20px; height: 2px; background: var(--navy-900); margin: 4px 0; border-radius: 2px; transition: .3s; }\n\n    \/* === HERO (LIGHT) === *\/\n    .hero { position: relative; padding: 140px 32px 80px; background: var(--white); overflow: hidden; }\n    .hero-glow-1 { position: absolute; top: -20%; right: -10%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(41,130,252,.06) 0%, transparent 65%); pointer-events: none; }\n    .hero-glow-2 { position: absolute; bottom: -30%; left: -10%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(33,247,253,.04) 0%, transparent 65%); pointer-events: none; }\n    .hero-grid-bg { position: absolute; inset: 0; background-image: linear-gradient(rgba(9,20,40,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(9,20,40,.03) 1px, transparent 1px); background-size: 60px 60px; mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 100%); pointer-events: none; }\n    .hero-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; }\n    .hero-top { text-align: center; max-width: 800px; margin: 0 auto 64px; }\n    .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(41,130,252,.06); border: 1px solid rgba(41,130,252,.12); border-radius: 100px; padding: 6px 18px 6px 10px; margin-bottom: 32px; }\n    .hero-badge-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); animation: pulse 2s infinite; }\n    @keyframes pulse { 0%,100% { opacity:1; } 50% { opacity:.4; } }\n    .hero-badge span { font-size: 13px; font-weight: 500; color: var(--slate-600); }\n    .hero-top h1 { font-family: var(--heading); font-size: clamp(38px,5vw,64px); font-weight: 800; line-height: 1.08; color: var(--navy-900); letter-spacing: -2px; margin-bottom: 24px; }\n    .grad-text { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n    .hero-top p { font-size: 19px; line-height: 1.7; color: var(--slate-600); max-width: 600px; margin: 0 auto 40px; }\n    .hero-ctas { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n    .hero-bottom { margin-top: 72px; }\n\n    \/* === FUNNEL VISUAL === *\/\n    .funnel-wrapper { position: relative; max-width: 960px; margin: 0 auto; }\n    .funnel-container { display: flex; align-items: stretch; gap: 0; position: relative; }\n    .funnel-stage { flex: 1; text-align: center; position: relative; padding: 0 6px; overflow: visible; min-width: 0; }\n    .funnel-bar-wrap { position: relative; height: 180px; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 16px; }\n    .funnel-bar { width: 100%; border-radius: 8px 8px 4px 4px; position: relative; overflow: visible; opacity: 0; transform: scaleY(0); transform-origin: bottom; transition: transform .8s cubic-bezier(.34,1.56,.64,1), opacity .5s ease; }\n    .funnel-bar.animated { opacity: 1; transform: scaleY(1); }\n    .funnel-bar-fill { position: absolute; inset: 0; border-radius: inherit; opacity: .9; overflow: hidden; }\n    .funnel-bar-bg { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; }\n    .funnel-bar-shimmer { position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent); animation: shimmer 3s ease-in-out infinite; }\n    @keyframes shimmer { 0% { left: -100%; } 100% { left: 200%; } }\n    .funnel-bar-count { position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); font-family: var(--heading); font-size: clamp(14px,2vw,24px); font-weight: 800; color: var(--navy-900); white-space: nowrap; z-index: 2; }\n    .funnel-label { font-size: 12px; font-weight: 600; color: var(--navy-900); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 4px; }\n    .funnel-sublabel { font-size: 11px; color: var(--slate-400); }\n    .funnel-arrow { position: absolute; top: 50%; right: -8px; transform: translateY(-50%); z-index: 5; color: rgba(9,20,40,.15); font-size: 18px; }\n    .funnel-conversion { display: flex; justify-content: space-between; margin-top: 24px; padding: 24px; border-radius: var(--r-md); background: var(--gray-50); border: 1px solid rgba(9,20,40,.05); }\n    .funnel-metric { text-align: center; flex: 1; }\n    .funnel-metric-val { font-family: var(--heading); font-size: 22px; font-weight: 700; color: var(--navy-900); }\n    .funnel-metric-lbl { font-size: 11px; color: var(--slate-400); margin-top: 2px; }\n\n    \/* === SECTIONS === *\/\n    .section { padding: 120px 32px; }\n    .section-inner { max-width: 1200px; margin: 0 auto; }\n    .section-tag { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 20px; }\n    .section-tag .tag-line { width: 24px; height: 2px; border-radius: 2px; }\n    .section-tag.blue { color: var(--blue); }\n    .section-tag.blue .tag-line { background: var(--blue); }\n    .section-tag.white { color: rgba(255,255,255,.5); }\n    .section-tag.white .tag-line { background: var(--cyan); }\n    .section-title { font-family: var(--heading); font-size: clamp(30px,3.5vw,48px); font-weight: 700; line-height: 1.12; letter-spacing: -1.2px; }\n    .section-sub { font-size: 17px; line-height: 1.7; color: var(--slate-600); max-width: 560px; margin-top: 16px; }\n    .section-hdr { margin-bottom: 64px; }\n    .section-hdr.center { text-align: center; }\n    .section-hdr.center .section-title, .section-hdr.center .section-sub { margin-left: auto; margin-right: auto; max-width: 680px; }\n\n    \/* === PAIN POINTS (6 cards matching dossier) === *\/\n    .pain-section { background: var(--gray-50); }\n    .pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n    .pain-card { background: var(--white); border-radius: var(--r-md); padding: 28px; border: 1px solid rgba(0,0,0,.04); transition: all .3s; position: relative; overflow: hidden; }\n    .pain-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--red); opacity: 0; transition: opacity .3s; }\n    .pain-card:hover { box-shadow: var(--sh-md); transform: translateY(-4px); }\n    .pain-card:hover::before { opacity: 1; }\n    .pain-ico { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 20px; background: #fef2f2; }\n    .pain-card h3 { font-family: var(--heading); font-size: 16px; font-weight: 600; margin-bottom: 8px; }\n    .pain-card p { font-size: 13px; color: var(--slate-600); line-height: 1.6; }\n\n    \/* === SOLUTION TRANSITION === *\/\n    .solution-bridge { background: var(--white); padding: 80px 32px; text-align: center; }\n    .bridge-arrow { display: flex; justify-content: center; margin-bottom: 32px; }\n    .bridge-arrow svg { width: 48px; height: 48px; color: var(--blue); }\n    .bridge-text { font-family: var(--heading); font-size: clamp(24px,3vw,36px); font-weight: 700; letter-spacing: -1px; max-width: 600px; margin: 0 auto; }\n\n    \/* === FEATURE SHOWCASES === *\/\n    .feat-section { overflow: hidden; }\n    .feat-section.dark { background: var(--navy-900); color: var(--white); }\n    .feat-section.dark .section-sub { color: rgba(255,255,255,.5); }\n    .feat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n    .feat-row.reverse .feat-visual { order: -1; }\n    .feat-badges { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px; }\n    .feat-badge { display: flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 100px; font-size: 13px; font-weight: 600; }\n    .feat-badge.green { background: rgba(45,206,137,.1); color: var(--green); }\n    .feat-badge.blue { background: rgba(41,130,252,.1); color: var(--blue); }\n    .feat-badge.orange { background: rgba(255,159,46,.1); color: var(--orange); }\n    .feat-badge.purple { background: rgba(139,92,246,.1); color: var(--purple); }\n    .feat-badge svg, .feat-badge .badge-ico { width: 16px; height: 16px; flex-shrink: 0; }\n    .feat-section.dark .feat-badge.green { background: rgba(45,206,137,.12); }\n    .feat-section.dark .feat-badge.blue { background: rgba(41,130,252,.12); }\n    .feat-section.dark .feat-badge.orange { background: rgba(255,159,46,.12); }\n\n    \/* === MOCKUP SHELLS === *\/\n    .mockup-shell { border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--sh-xl); border: 1px solid rgba(255,255,255,.06); }\n    .mockup-chrome { display: flex; align-items: center; gap: 7px; padding: 12px 18px; background: #1a1f2e; border-bottom: 1px solid rgba(255,255,255,.04); }\n    .mockup-shell.light .mockup-chrome { background: #f1f3f6; border-color: #e2e5ea; }\n    .mc-dot { width: 9px; height: 9px; border-radius: 50%; }\n    .mc-dot:nth-child(1) { background: #ff5f57; }\n    .mc-dot:nth-child(2) { background: #ffbd2e; }\n    .mc-dot:nth-child(3) { background: #28c840; }\n    .mc-url { margin-left: 12px; padding: 4px 14px; border-radius: 6px; background: rgba(255,255,255,.06); font-size: 11px; color: rgba(255,255,255,.35); font-family: var(--body); }\n    .mockup-shell.light .mc-url { background: var(--white); color: var(--slate-400); }\n    .mockup-body { background: #0d1320; padding: 18px; min-height: 300px; }\n    .mockup-shell.light .mockup-body { background: #f8f9fc; }\n\n    \/* === KANBAN MOCKUP === *\/\n    .kanban { display: flex; gap: 10px; }\n    .kanban-col { flex: 1; min-width: 0; overflow: hidden; }\n    .kanban-hdr { display: flex; align-items: center; gap: 4px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 2px solid transparent; }\n    .kanban-hdr-title { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .2px; white-space: nowrap; }\n    .kanban-hdr-count { font-size: 9px; font-weight: 600; padding: 1px 5px; border-radius: 10px; flex-shrink: 0; }\n    .k-blue .kanban-hdr { border-color: var(--blue); }\n    .k-blue .kanban-hdr-title { color: var(--blue); }\n    .k-blue .kanban-hdr-count { background: rgba(41,130,252,.15); color: var(--blue); }\n    .k-green .kanban-hdr { border-color: var(--green); }\n    .k-green .kanban-hdr-title { color: var(--green); }\n    .k-green .kanban-hdr-count { background: rgba(45,206,137,.15); color: var(--green); }\n    .k-orange .kanban-hdr { border-color: var(--orange); }\n    .k-orange .kanban-hdr-title { color: var(--orange); }\n    .k-orange .kanban-hdr-count { background: rgba(255,159,46,.15); color: var(--orange); }\n    .k-purple .kanban-hdr { border-color: var(--purple); }\n    .k-purple .kanban-hdr-title { color: var(--purple); }\n    .k-purple .kanban-hdr-count { background: rgba(139,92,246,.15); color: var(--purple); }\n    .k-cyan .kanban-hdr { border-color: var(--cyan); }\n    .k-cyan .kanban-hdr-title { color: var(--cyan); }\n    .k-cyan .kanban-hdr-count { background: rgba(33,247,253,.12); color: var(--cyan); }\n    .k-card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); border-radius: 8px; padding: 8px 10px; margin-bottom: 6px; transition: all .2s; }\n    .k-card:hover { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.1); }\n    .k-name { font-size: 12px; font-weight: 600; color: var(--white); margin-bottom: 2px; }\n    .k-detail { font-size: 10px; color: rgba(255,255,255,.4); }\n    .k-tags { display: flex; gap: 4px; margin-top: 6px; }\n    .k-tag { font-size: 9px; padding: 2px 6px; border-radius: 4px; font-weight: 600; }\n    .k-tag.web { background: rgba(41,130,252,.15); color: #60a5fa; }\n    .k-tag.micole { background: rgba(33,247,253,.1); color: var(--cyan); }\n    .k-tag.tel { background: rgba(139,92,246,.15); color: #a78bfa; }\n    .k-tag.date { background: rgba(45,206,137,.12); color: #6ee7b7; }\n    .k-tag.hot { background: rgba(255,159,46,.15); color: var(--orange); }\n    .k-tag.done { background: rgba(45,206,137,.15); color: var(--green); }\n    .k-avatar { width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 8px; font-weight: 700; color: var(--white); margin-top: 6px; }\n\n    \/* === INBOX MOCKUP === *\/\n    .inbox-mock { display: flex; height: 320px; }\n    .inbox-sidebar { width: 200px; border-right: 1px solid rgba(255,255,255,.06); padding: 16px 0; flex-shrink: 0; }\n    .inbox-channel { display: flex; align-items: center; gap: 8px; padding: 8px 16px; font-size: 12px; color: rgba(255,255,255,.5); cursor: pointer; transition: all .2s; }\n    .inbox-channel:hover, .inbox-channel.active { background: rgba(41,130,252,.08); color: var(--white); }\n    .inbox-channel .ch-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }\n    .inbox-channel .ch-count { margin-left: auto; font-size: 10px; font-weight: 700; background: var(--blue); color: var(--white); padding: 1px 6px; border-radius: 10px; }\n    .inbox-main { flex: 1; padding: 16px; overflow: hidden; }\n    .inbox-msg { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.04); }\n    .inbox-msg-avatar { width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: var(--white); }\n    .inbox-msg-body { min-width: 0; }\n    .inbox-msg-name { font-size: 12px; font-weight: 600; color: var(--white); }\n    .inbox-msg-text { font-size: 11px; color: rgba(255,255,255,.4); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n    .inbox-msg-time { font-size: 10px; color: rgba(255,255,255,.25); margin-top: 2px; }\n\n    \/* === CALENDAR MOCKUP === *\/\n    .cal-mock { padding: 4px; }\n    .cal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }\n    .cal-month { font-family: var(--heading); font-size: 16px; font-weight: 600; color: var(--navy-900); }\n    .cal-nav { display: flex; gap: 4px; }\n    .cal-nav button { width: 28px; height: 28px; border-radius: 6px; border: 1px solid #e2e5ea; background: var(--white); cursor: pointer; font-size: 12px; color: var(--slate-600); }\n    .cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }\n    .cal-day-name { font-size: 10px; font-weight: 600; color: var(--slate-400); text-align: center; padding: 4px; text-transform: uppercase; }\n    .cal-day { text-align: center; padding: 6px 4px; font-size: 12px; color: var(--slate-600); border-radius: 6px; position: relative; }\n    .cal-day.empty { visibility: hidden; }\n    .cal-day.has-visits { background: rgba(41,130,252,.08); color: var(--blue); font-weight: 600; cursor: pointer; }\n    .cal-day.has-visits:hover { background: rgba(41,130,252,.15); }\n    .cal-day.today { background: var(--blue); color: var(--white); font-weight: 700; }\n    .cal-day .visit-dot { position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; background: var(--blue); }\n    .cal-day.today .visit-dot { background: var(--white); }\n    .cal-visits { margin-top: 16px; }\n    .cal-visit-card { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: rgba(41,130,252,.04); border: 1px solid rgba(41,130,252,.1); border-radius: 8px; margin-bottom: 8px; }\n    .cal-visit-time { font-size: 12px; font-weight: 700; color: var(--blue); min-width: 50px; }\n    .cal-visit-info { font-size: 12px; color: var(--navy-900); }\n    .cal-visit-info span { color: var(--slate-400); font-size: 11px; }\n    .cal-visit-status { margin-left: auto; font-size: 10px; font-weight: 600; padding: 3px 8px; border-radius: 100px; }\n    .cal-visit-status.confirmed { background: rgba(45,206,137,.1); color: var(--green); }\n    .cal-visit-status.pending { background: rgba(255,159,46,.1); color: var(--orange); }\n\n    \/* === DASHBOARD MOCKUP === *\/\n    .dash-mock { }\n    .dash-top { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 20px; }\n    .dash-kpi { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); border-radius: 10px; padding: 16px; }\n    .dash-kpi-label { font-size: 10px; color: rgba(255,255,255,.4); text-transform: uppercase; letter-spacing: .3px; margin-bottom: 6px; }\n    .dash-kpi-value { font-family: var(--heading); font-size: 24px; font-weight: 700; color: var(--white); }\n    .dash-kpi-change { font-size: 11px; font-weight: 600; margin-top: 4px; }\n    .dash-kpi-change.up { color: var(--green); }\n    .dash-kpi-change.down { color: var(--red); }\n    .dash-chart { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.05); border-radius: 10px; padding: 20px; }\n    .dash-chart-title { font-size: 12px; font-weight: 600; color: rgba(255,255,255,.6); margin-bottom: 16px; }\n    .chart-bars { display: flex; align-items: flex-end; gap: 8px; height: 120px; }\n    .chart-bar-col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; }\n    .chart-bar { width: 100%; border-radius: 4px 4px 2px 2px; transition: all .4s; min-height: 4px; }\n    .chart-bar-label { font-size: 9px; color: rgba(255,255,255,.3); }\n    .chart-bar-val { font-family: var(--heading); font-size: 10px; font-weight: 700; color: var(--slate-600); margin-bottom: 2px; }\n\n    \/* === ENROLLMENT MOCKUP === *\/\n    .enroll-mock { }\n    .enroll-steps { display: flex; gap: 0; margin-bottom: 20px; }\n    .enroll-step { flex: 1; text-align: center; padding: 12px 8px; position: relative; }\n    .enroll-step-num { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; margin-bottom: 6px; border: 2px solid #e2e5ea; color: var(--slate-400); background: var(--white); position: relative; z-index: 2; }\n    .enroll-step.done .enroll-step-num { border-color: var(--green); background: var(--green); color: var(--white); }\n    .enroll-step.active .enroll-step-num { border-color: var(--blue); background: var(--blue); color: var(--white); }\n    .enroll-step-label { font-size: 10px; font-weight: 600; color: var(--slate-400); }\n    .enroll-step.done .enroll-step-label { color: var(--green); }\n    .enroll-step.active .enroll-step-label { color: var(--blue); }\n    .enroll-step::after { content: ''; position: absolute; top: 24px; left: 55%; right: -45%; height: 2px; background: #e2e5ea; z-index: 1; }\n    .enroll-step:last-child::after { display: none; }\n    .enroll-step.done::after { background: var(--green); }\n    .enroll-form { background: var(--white); border: 1px solid #e8eaef; border-radius: 10px; padding: 20px; }\n    .enroll-form-title { font-family: var(--heading); font-size: 14px; font-weight: 600; margin-bottom: 16px; color: var(--navy-900); }\n    .enroll-field { margin-bottom: 12px; }\n    .enroll-label { font-size: 11px; font-weight: 600; color: var(--slate-600); margin-bottom: 4px; display: block; }\n    .enroll-input { width: 100%; padding: 8px 12px; border: 1px solid #e2e5ea; border-radius: 6px; font-size: 12px; background: #fafbff; color: var(--navy-900); }\n    .enroll-input.filled { border-color: var(--green); background: rgba(45,206,137,.03); }\n    .enroll-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n    .enroll-upload { border: 2px dashed #d0d5dd; border-radius: 8px; padding: 16px; text-align: center; font-size: 11px; color: var(--slate-400); }\n    .enroll-upload .upload-icon { font-size: 20px; margin-bottom: 4px; }\n\n    \/* === PRICING === *\/\n    .pricing-section { background: var(--gray-50); }\n    .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n    .price-card { background: var(--white); border-radius: var(--r-lg); padding: 36px; border: 1px solid rgba(0,0,0,.06); transition: all .3s; position: relative; }\n    .price-card:hover { box-shadow: var(--sh-lg); transform: translateY(-4px); }\n    .price-card.featured { border-color: var(--blue); box-shadow: 0 0 0 1px var(--blue), var(--sh-lg); }\n    .price-card.featured::before { content: 'M\u00e1s popular'; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--blue); color: var(--white); font-size: 11px; font-weight: 700; padding: 4px 16px; border-radius: 100px; text-transform: uppercase; letter-spacing: .5px; }\n    .price-name { font-family: var(--heading); font-size: 20px; font-weight: 700; margin-bottom: 8px; }\n    .price-desc { font-size: 13px; color: var(--slate-400); margin-bottom: 24px; line-height: 1.5; }\n    .price-amount { font-family: var(--heading); font-size: 44px; font-weight: 800; letter-spacing: -2px; margin-bottom: 4px; }\n    .price-amount span { font-size: 16px; font-weight: 500; color: var(--slate-400); letter-spacing: 0; }\n    .price-period { font-size: 12px; color: var(--slate-400); margin-bottom: 28px; }\n    .price-features { list-style: none; margin-bottom: 28px; }\n    .price-features li { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; font-size: 13px; color: var(--slate-600); }\n    .price-features li svg { flex-shrink: 0; color: var(--green); margin-top: 1px; }\n    .price-btn { display: block; text-align: center; padding: 14px; border-radius: var(--r-sm); font-size: 15px; font-weight: 600; text-decoration: none; transition: all .25s; }\n    .price-btn.primary { background: var(--blue); color: var(--white); box-shadow: 0 2px 8px rgba(41,130,252,.3); }\n    .price-btn.primary:hover { background: var(--blue-dark); transform: translateY(-1px); }\n    .price-btn.outline { border: 1.5px solid var(--blue); color: var(--blue); background: transparent; }\n    .price-btn.outline:hover { background: rgba(41,130,252,.04); }\n    .price-ai-tag { display: flex; align-items: center; gap: 8px; margin-top: 16px; padding: 10px 14px; border-radius: var(--r-sm); background: linear-gradient(135deg, rgba(139,92,246,.08) 0%, rgba(41,130,252,.08) 100%); border: 1px solid rgba(139,92,246,.15); }\n    .price-ai-tag svg { flex-shrink: 0; width: 18px; height: 18px; color: var(--purple); }\n    .price-ai-tag span { font-size: 12px; font-weight: 600; color: var(--purple); line-height: 1.3; }\n\n    \/* === NUMBERS === *\/\n    .numbers-section { background: var(--navy-900); padding: 100px 32px; overflow: hidden; position: relative; }\n    .numbers-section::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1000px; height: 400px; background: radial-gradient(ellipse, rgba(41,130,252,.06) 0%, transparent 60%); pointer-events: none; }\n    .numbers-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px; position: relative; z-index: 2; }\n    .number-item { text-align: center; }\n    .number-val { font-family: var(--heading); font-size: clamp(28px,3vw,40px); font-weight: 800; letter-spacing: -1px; }\n    .number-val .grad-text { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n    .number-lbl { font-size: 12px; color: rgba(255,255,255,.4); margin-top: 6px; line-height: 1.4; }\n\n    \/* === GROUPS === *\/\n    .groups-section { background: var(--white); }\n    .groups-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n    .group-card { background: var(--gray-50); border-radius: var(--r-md); padding: 28px; border: 1px solid rgba(0,0,0,.04); }\n    .group-card h3 { font-family: var(--heading); font-size: 16px; font-weight: 600; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }\n    .group-card p { font-size: 13px; color: var(--slate-600); line-height: 1.6; }\n    .group-ico { font-size: 18px; }\n\n    \/* === FORM SECTION === *\/\n    .form-section { padding: 120px 32px; background: var(--gray-50); }\n    .form-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }\n    .form-content h2 { font-family: var(--heading); font-size: clamp(28px,3vw,40px); font-weight: 700; line-height: 1.15; letter-spacing: -1px; margin-bottom: 20px; }\n    .form-content > p { font-size: 16px; color: var(--slate-600); line-height: 1.7; margin-bottom: 32px; }\n    .form-checks { list-style: none; }\n    .form-checks li { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; font-size: 15px; }\n    .form-checks li svg { flex-shrink: 0; margin-top: 2px; color: var(--green); }\n    .form-box { background: var(--white); border-radius: var(--r-lg); padding: 40px; box-shadow: var(--sh-lg); border: 1px solid rgba(0,0,0,.04); }\n    .form-box h3 { font-family: var(--heading); font-size: 22px; font-weight: 600; margin-bottom: 6px; }\n    .form-box > p { font-size: 14px; color: var(--slate-400); margin-bottom: 28px; }\n\n    \/* === FOOTER === *\/\n    .footer { background: var(--navy-950); color: rgba(255,255,255,.4); padding: 64px 32px 28px; }\n    .footer-inner { max-width: 1200px; margin: 0 auto; }\n    .footer-top { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 40px; margin-bottom: 48px; }\n    .footer-brand { max-width: 280px; }\n    .footer-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }\n    .footer-logo img { height: 32px; }\n    .footer-desc { font-size: 13px; line-height: 1.7; }\n    .footer-cols { display: flex; gap: 56px; }\n    .footer-col h4 { font-size: 12px; font-weight: 600; color: var(--white); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 14px; }\n    .footer-col a { display: block; font-size: 13px; color: rgba(255,255,255,.4); text-decoration: none; padding: 3px 0; transition: color .2s; }\n    .footer-col a:hover { color: var(--white); }\n    .footer-bottom { border-top: 1px solid rgba(255,255,255,.06); padding-top: 20px; font-size: 12px; text-align: center; }\n\n    \/* === METRIC CARDS (Cometa-quality) === *\/\n    .metrics-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }\n    .metric-card { background: var(--white); border-radius: 20px; padding: 40px 28px 32px; text-align: center; border: 1px solid rgba(0,0,0,.05); box-shadow: 0 1px 3px rgba(0,0,0,.03); opacity: 0; transform: translateY(30px); transition: opacity .7s ease, transform .7s ease, box-shadow .3s; }\n    .metric-card.vis { opacity: 1; transform: translateY(0); }\n    .metric-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,.08); }\n    .metric-card.highlight { border-color: rgba(41,130,252,.15); background: linear-gradient(180deg, rgba(41,130,252,.02) 0%, var(--white) 100%); }\n    .metric-visual { margin-bottom: 24px; display: flex; justify-content: center; }\n    .metric-title { font-family: var(--heading); font-size: 17px; font-weight: 700; color: var(--navy-900); margin-bottom: 8px; }\n    .metric-desc { font-size: 14px; color: var(--slate-400); line-height: 1.6; max-width: 260px; margin: 0 auto; }\n\n    \/* Ring chart *\/\n    .ring-chart { position: relative; width: 140px; height: 140px; }\n    .ring-svg { transform: rotate(-90deg); width: 100%; height: 100%; }\n    .ring-progress { transition: stroke-dasharray 2s cubic-bezier(.4,0,.2,1); }\n    .ring-progress.animated { stroke-dasharray: var(--ring-val) 365; }\n    .ring-label { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: baseline; gap: 2px; }\n    .ring-label span { font-family: var(--heading); font-size: 36px; font-weight: 800; color: var(--navy-900); }\n    .ring-label small { font-family: var(--heading); font-size: 18px; font-weight: 700; color: var(--slate-400); }\n\n    \/* Bar comparison chart *\/\n    .bar-chart-mini { display: flex; align-items: flex-end; justify-content: center; gap: 16px; height: 140px; }\n    .bcm-bar { display: flex; flex-direction: column; align-items: center; width: 72px; }\n    .bcm-bar::after { content: attr(data-label); font-size: 11px; font-weight: 600; color: var(--slate-400); margin-top: 8px; }\n    .bcm-fill { width: 100%; border-radius: 8px 8px 4px 4px; transform-origin: bottom; transform: scaleY(0); transition: transform 1.2s cubic-bezier(.34,1.3,.64,1); transition-delay: var(--delay); }\n    .bcm-fill.animated { transform: scaleY(1); }\n    .bcm-fill.old { height: 50px; background: #e2e5ea; }\n    .bcm-fill.new { height: 100px; background: var(--grad); box-shadow: 0 4px 20px rgba(41,130,252,.25); }\n    .bcm-val { font-family: var(--heading); font-size: 18px; font-weight: 800; color: var(--navy-900); margin-bottom: 6px; opacity: 0; transform: translateY(8px); transition: all .5s ease; transition-delay: calc(var(--delay) + .8s); }\n    .bcm-val.animated { opacity: 1; transform: translateY(0); }\n    .bcm-arrow { align-self: center; margin-bottom: 28px; opacity: 0; transform: translateX(-8px); transition: all .5s ease .6s; }\n    .bcm-arrow.animated { opacity: 1; transform: translateX(0); }\n\n    \/* Time saved *\/\n    .time-saved { display: flex; flex-direction: column; align-items: center; gap: 12px; }\n    .time-clock { position: relative; }\n    .clock-hand-m { transform-origin: 40px 40px; animation: clockSpin 4s linear infinite; }\n    @keyframes clockSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n    .clock-progress { transition: stroke-dasharray 2s ease; }\n    .time-number { display: flex; align-items: baseline; gap: 4px; }\n    .time-number span { font-family: var(--heading); font-size: 36px; font-weight: 800; color: var(--navy-900); }\n    .time-number small { font-family: var(--heading); font-size: 16px; font-weight: 600; color: var(--slate-400); }\n\n    \/* === LIGHT KANBAN OVERRIDES === *\/\n    .mockup-shell.light .kanban .k-card { background: var(--white); border: 1px solid #e8eaef; }\n    .mockup-shell.light .kanban .k-name { color: var(--navy-900); }\n    .mockup-shell.light .kanban .k-detail { color: var(--slate-400); }\n    .mockup-shell.light .kanban .k-tag.web { background: rgba(41,130,252,.08); color: var(--blue); }\n    .mockup-shell.light .kanban .k-tag.micole { background: rgba(33,247,253,.08); color: #0eb5ba; }\n    .mockup-shell.light .kanban .k-tag.tel { background: rgba(139,92,246,.08); color: var(--purple); }\n    .mockup-shell.light .kanban .k-tag.date { background: rgba(45,206,137,.08); color: var(--green); }\n    .mockup-shell.light .kanban .k-tag.hot { background: rgba(255,159,46,.08); color: var(--orange); }\n    .mockup-shell.light .kanban .k-tag.done { background: rgba(45,206,137,.08); color: var(--green); }\n\n    \/* === LIGHT INBOX OVERRIDES === *\/\n    .mockup-shell.light .inbox-sidebar { border-right-color: #e8eaef; }\n    .mockup-shell.light .inbox-channel { color: var(--slate-400); }\n    .mockup-shell.light .inbox-channel:hover, .mockup-shell.light .inbox-channel.active { background: rgba(41,130,252,.06); color: var(--navy-900); }\n    .mockup-shell.light .inbox-msg { border-bottom-color: #f0f2f5; }\n    .mockup-shell.light .inbox-msg-name { color: var(--navy-900); }\n    .mockup-shell.light .inbox-msg-text { color: var(--slate-400); }\n    .mockup-shell.light .inbox-msg-time { color: var(--slate-300); }\n\n    \/* === LIGHT DASHBOARD OVERRIDES === *\/\n    .mockup-shell.light .dash-kpi { background: var(--white); border: 1px solid #e8eaef; }\n    .mockup-shell.light .dash-kpi-label { color: var(--slate-400); }\n    .mockup-shell.light .dash-kpi-value { color: var(--navy-900); }\n    .mockup-shell.light .dash-kpi-change { color: var(--slate-600); }\n    .mockup-shell.light .dash-kpi-change.up { color: var(--green); }\n    .mockup-shell.light .dash-kpi-change.down { color: var(--red); }\n    .mockup-shell.light .dash-chart { background: var(--white); border: 1px solid #e8eaef; }\n    .mockup-shell.light .dash-chart-title { color: var(--slate-600); }\n    .mockup-shell.light .chart-bar-label { color: var(--slate-400); }\n    .mockup-shell.light .chart-bar-val { color: var(--slate-600); }\n\n    \/* === AUTOMATION FLOW MOCKUP === *\/\n    .auto-flow { display: flex; flex-direction: column; align-items: center; gap: 0; }\n    .auto-node { display: flex; align-items: center; gap: 10px; padding: 10px 16px; background: var(--white); border: 1px solid #e8eaef; border-radius: 10px; min-width: 220px; opacity: 0; transform: translateY(10px); transition: all .5s ease; }\n    .auto-node.animated { opacity: 1; transform: translateY(0); }\n    .auto-node.small { min-width: 0; padding: 8px 12px; font-size: 12px; }\n    .auto-node.small span { font-size: 12px; color: var(--navy-900); font-weight: 500; }\n    .auto-node-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n    .auto-node.small .auto-node-icon { width: 26px; height: 26px; border-radius: 6px; }\n    .auto-node-text strong { display: block; font-size: 13px; font-weight: 600; color: var(--navy-900); }\n    .auto-node-text small { font-size: 11px; color: var(--slate-400); }\n    .auto-line { width: 2px; height: 20px; background: #d0d5dd; opacity: 0; transition: opacity .4s ease; }\n    .auto-line.animated { opacity: 1; }\n    .auto-line-sm { width: 2px; height: 14px; background: #d0d5dd; margin: 0 auto; }\n    .auto-branch { width: 100%; opacity: 0; transform: translateY(10px); transition: all .5s ease; }\n    .auto-branch.animated { opacity: 1; transform: translateY(0); }\n    .auto-branch-label { text-align: center; font-family: var(--heading); font-size: 13px; font-weight: 600; color: var(--navy-900); background: var(--white); border: 2px solid var(--blue); border-radius: 100px; padding: 6px 20px; display: inline-flex; margin: 0 auto; width: fit-content; display: block; margin-left: auto; margin-right: auto; margin-bottom: 12px; }\n    .auto-branch-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n    .auto-branch-path { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px; background: rgba(41,130,252,.02); border: 1px dashed rgba(41,130,252,.15); border-radius: 10px; }\n    .auto-branch-tag { font-size: 11px; font-weight: 700; padding: 2px 12px; border-radius: 100px; margin-bottom: 4px; }\n    .auto-branch-tag.yes { background: rgba(45,206,137,.1); color: var(--green); }\n    .auto-branch-tag.no { background: rgba(245,101,101,.1); color: var(--red); }\n\n    \/* === ANIMATIONS === *\/\n    .fade-up { opacity: 0; transform: translateY(28px); transition: opacity .6s ease, transform .6s ease; }\n    .fade-up.vis { opacity: 1; transform: translateY(0); }\n    .d1 { transition-delay: .1s; } .d2 { transition-delay: .2s; } .d3 { transition-delay: .3s; }\n    .d4 { transition-delay: .4s; } .d5 { transition-delay: .5s; }\n\n    \/* === RESPONSIVE === *\/\n    @media (max-width: 1024px) {\n      .feat-row { grid-template-columns: 1fr; gap: 48px; }\n      .feat-row.reverse .feat-visual { order: 0; }\n      .pricing-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\n      .numbers-grid { grid-template-columns: repeat(3, 1fr); }\n      .form-inner { grid-template-columns: 1fr; gap: 40px; }\n      .kanban { flex-wrap: wrap; }\n      .kanban-col { min-width: 140px; }\n      .dash-top { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (max-width: 768px) {\n      .nav-right { display: none; }\n      .hamburger { display: block; }\n      .nav-right.open { display: flex; flex-direction: column; position: absolute; top: 68px; left: 0; right: 0; background: var(--white); padding: 20px 32px; box-shadow: var(--sh-lg); border-top: 1px solid rgba(9,20,40,.06); }\n      .hero { padding: 120px 20px 60px; }\n      .section { padding: 80px 20px; }\n      .pain-grid { grid-template-columns: 1fr; }\n      .groups-grid { grid-template-columns: 1fr; }\n      .numbers-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; }\n      .inbox-mock { flex-direction: column; height: auto; }\n      .inbox-sidebar { width: 100%; border-right: none; border-bottom: 1px solid rgba(255,255,255,.06); }\n      .form-box { padding: 24px; }\n      .footer-top { flex-direction: column; }\n      .footer-cols { flex-direction: column; gap: 28px; }\n      .metrics-cards { grid-template-columns: 1fr; }\n      .auto-branch-paths { grid-template-columns: 1fr; }\n    }\n  <\/style>\n\n\n<!-- NAV -->\n<nav class=\"nav\" id=\"nav\">\n  <div class=\"nav-inner\">\n    <a href=\"https:\/\/micole.net\" class=\"nav-logo\">\n      <img decoding=\"async\" src=\"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2026\/02\/logo-nav-crm.svg\" alt=\"Micole CRM\">\n    <\/a>\n    <div class=\"nav-right\" id=\"navRight\">\n      <a href=\"\/blog\/\" class=\"nav-link\">Blog<\/a>\n      <a href=\"#problema\" class=\"nav-link\">El problema<\/a>\n      <a href=\"#solucion\" class=\"nav-link\">Soluci\u00f3n<\/a>\n      <a href=\"#precios\" class=\"nav-link\">Precios<\/a>\n      <a href=\"https:\/\/meetings-eu1.hubspot.com\/ivallejo-nagera\/round-robin-espana?uuid=60c8036a-43fa-41ee-97fc-30c01d5082ed\" class=\"btn btn-cta\">Solicitar demo<\/a>\n    <\/div>\n    <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Men\u00fa\"><span><\/span><span><\/span><span><\/span><\/button>\n  <\/div>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-glow-1\"><\/div>\n  <div class=\"hero-glow-2\"><\/div>\n  <div class=\"hero-grid-bg\"><\/div>\n  <div class=\"hero-inner\">\n    <div class=\"hero-top\">\n      <div class=\"hero-badge\">\n        <span class=\"hero-badge-dot\"><\/span>\n        <span>+4.000 colegios \u00b7 7 pa\u00edses<\/span>\n      <\/div>\n      <h1>El CRM dise\u00f1ado<br>para <span class=\"grad-text\">colegios<\/span><\/h1>\n      <p>De Excel y email a un pipeline de admisiones profesional. Automatiza el seguimiento, centraliza todos los canales y convierte m\u00e1s familias en matr\u00edculas.<\/p>\n      <div class=\"hero-ctas\">\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/ivallejo-nagera\/round-robin-espana?uuid=60c8036a-43fa-41ee-97fc-30c01d5082ed\" class=\"btn btn-cta btn-hero\">Solicitar demo gratuita <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5-5-5-5\"\/><\/svg><\/a>\n        <a href=\"#solucion\" class=\"btn btn-outline-dark\">Ver c\u00f3mo funciona<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- ANIMATED FUNNEL -->\n    <div class=\"hero-bottom\">\n      <div class=\"funnel-wrapper\">\n        <div class=\"funnel-container\" id=\"funnel\">\n          <div class=\"funnel-stage\">\n            <div class=\"funnel-bar-wrap\">\n              <div class=\"funnel-bar\" data-height=\"100\" style=\"height:100%;background:linear-gradient(180deg,#2982FC,#1a5cc7)\">\n                <div class=\"funnel-bar-fill\"><\/div>\n                <div class=\"funnel-bar-shimmer\"><\/div>\n                <div class=\"funnel-bar-count\" data-target=\"342\">0<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"funnel-label\">Contactos<\/div>\n            <div class=\"funnel-sublabel\">Todos los canales<\/div>\n            <div class=\"funnel-arrow\">\u203a<\/div>\n          <\/div>\n          <div class=\"funnel-stage\">\n            <div class=\"funnel-bar-wrap\">\n              <div class=\"funnel-bar\" data-height=\"78\" style=\"height:78%;background:linear-gradient(180deg,#2982FC,#1a5cc7)\">\n                <div class=\"funnel-bar-fill\"><\/div>\n                <div class=\"funnel-bar-shimmer\" style=\"animation-delay:.5s\"><\/div>\n                <div class=\"funnel-bar-count\" data-target=\"267\">0<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"funnel-label\">Contactados<\/div>\n            <div class=\"funnel-sublabel\">Primera respuesta<\/div>\n            <div class=\"funnel-arrow\">\u203a<\/div>\n          <\/div>\n          <div class=\"funnel-stage\">\n            <div class=\"funnel-bar-wrap\">\n              <div class=\"funnel-bar\" data-height=\"52\" style=\"height:52%;background:linear-gradient(180deg,#8b5cf6,#6d3fd4)\">\n                <div class=\"funnel-bar-fill\"><\/div>\n                <div class=\"funnel-bar-shimmer\" style=\"animation-delay:1s\"><\/div>\n                <div class=\"funnel-bar-count\" data-target=\"178\">0<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"funnel-label\">Visita<\/div>\n            <div class=\"funnel-sublabel\">Open Day \/ Individual<\/div>\n            <div class=\"funnel-arrow\">\u203a<\/div>\n          <\/div>\n          <div class=\"funnel-stage\">\n            <div class=\"funnel-bar-wrap\">\n              <div class=\"funnel-bar\" data-height=\"35\" style=\"height:35%;background:linear-gradient(180deg,#ff9f2e,#e07d0a)\">\n                <div class=\"funnel-bar-fill\"><\/div>\n                <div class=\"funnel-bar-shimmer\" style=\"animation-delay:1.5s\"><\/div>\n                <div class=\"funnel-bar-count\" data-target=\"120\">0<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"funnel-label\">Documentaci\u00f3n<\/div>\n            <div class=\"funnel-sublabel\">Formularios enviados<\/div>\n            <div class=\"funnel-arrow\">\u203a<\/div>\n          <\/div>\n          <div class=\"funnel-stage\">\n            <div class=\"funnel-bar-wrap\">\n              <div class=\"funnel-bar\" data-height=\"26\" style=\"height:26%;background:linear-gradient(180deg,#2dce89,#1fa86b)\">\n                <div class=\"funnel-bar-fill\"><\/div>\n                <div class=\"funnel-bar-shimmer\" style=\"animation-delay:2s\"><\/div>\n                <div class=\"funnel-bar-count\" data-target=\"89\">0<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"funnel-label\">Admitidos<\/div>\n            <div class=\"funnel-sublabel\">Proceso completado<\/div>\n            <div class=\"funnel-arrow\">\u203a<\/div>\n          <\/div>\n          <div class=\"funnel-stage\">\n            <div class=\"funnel-bar-wrap\">\n              <div class=\"funnel-bar\" data-height=\"22\" style=\"height:22%;background:linear-gradient(180deg,var(--cyan),#0eb5ba)\">\n                <div class=\"funnel-bar-fill\"><\/div>\n                <div class=\"funnel-bar-shimmer\" style=\"animation-delay:2.5s\"><\/div>\n                <div class=\"funnel-bar-count\" data-target=\"76\">0<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"funnel-label\">Matr\u00edculas<\/div>\n            <div class=\"funnel-sublabel\">Objetivo cumplido<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"funnel-conversion\">\n          <div class=\"funnel-metric\">\n            <div class=\"funnel-metric-val grad-text\">22.2%<\/div>\n            <div class=\"funnel-metric-lbl\">Tasa de conversi\u00f3n<\/div>\n          <\/div>\n          <div class=\"funnel-metric\">\n            <div class=\"funnel-metric-val\" style=\"color:var(--green)\">+25%<\/div>\n            <div class=\"funnel-metric-lbl\">M\u00e1s conversi\u00f3n<\/div>\n          <\/div>\n          <div class=\"funnel-metric\">\n            <div class=\"funnel-metric-val\" style=\"color:var(--orange)\">85h<\/div>\n            <div class=\"funnel-metric-lbl\">Ahorradas al mes<\/div>\n          <\/div>\n          <div class=\"funnel-metric\">\n            <div class=\"funnel-metric-val\" style=\"color:var(--cyan)\">&lt;2 min<\/div>\n            <div class=\"funnel-metric-lbl\">Primera respuesta<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PAIN POINTS -->\n<section class=\"section pain-section\" id=\"problema\">\n  <div class=\"section-inner\">\n    <div class=\"section-hdr center\">\n      <div class=\"section-tag blue\"><span class=\"tag-line\"><\/span> El problema<\/div>\n      <h2 class=\"section-title\">Los colegios pierden familias por culpa de procesos manuales<\/h2>\n      <p class=\"section-sub\">Solicitudes por email, llamadas sin registrar, seguimientos que se olvidan. La mayor\u00eda de colegios gestionan las admisiones como en 2005.<\/p>\n    <\/div>\n    <div class=\"pain-grid\">\n      <div class=\"pain-card fade-up\"><div class=\"pain-ico\">\ud83d\udcca<\/div><h3>Excel y email como CRM<\/h3><p>El equipo de admisiones vive entre hojas de c\u00e1lculo, bandejas de entrada compartidas y post-its. Cuando el volumen sube, los errores se multiplican.<\/p><\/div>\n      <div class=\"pain-card fade-up d1\"><div class=\"pain-ico\">\ud83d\udcf1<\/div><h3>Canales fragmentados<\/h3><p>Web, Micole, tel\u00e9fono, WhatsApp, visita presencial. Cada canal genera datos en un sitio diferente. Imposible tener la foto completa.<\/p><\/div>\n      <div class=\"pain-card fade-up d2\"><div class=\"pain-ico\">\u23f3<\/div><h3>Seguimiento manual<\/h3><p>Recordar qui\u00e9n esperaba una llamada, enviar la confirmaci\u00f3n de visita, hacer follow-up tras el Open Day. Todo depende de que alguien se acuerde.<\/p><\/div>\n      <div class=\"pain-card fade-up d3\"><div class=\"pain-ico\">\ud83d\udd0d<\/div><h3>Sin datos de conversi\u00f3n<\/h3><p>\u00bfCu\u00e1ntas familias contactaron? \u00bfCu\u00e1ntas visitaron? \u00bfCu\u00e1ntas matricularon? Sin m\u00e9tricas no hay forma de saber qu\u00e9 funciona y qu\u00e9 no.<\/p><\/div>\n      <div class=\"pain-card fade-up d4\"><div class=\"pain-ico\">\ud83d\udcdd<\/div><h3>Matr\u00edcula en papel<\/h3><p>Formularios f\u00edsicos, fotocopias, firmas presenciales. Un proceso que deber\u00eda ser digital sigue atado al papel y a los horarios de secretar\u00eda.<\/p><\/div>\n      <div class=\"pain-card fade-up d5\"><div class=\"pain-ico\">\ud83d\udd04<\/div><h3>Tareas repetitivas<\/h3><p>El equipo dedica horas a enviar el mismo email, rellenar los mismos datos, copiar informaci\u00f3n de un sitio a otro. Tiempo que deber\u00eda ir a atender familias.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SOLUTION BRIDGE -->\n<div class=\"solution-bridge\">\n  <div class=\"bridge-arrow\">\n    <svg viewBox=\"0 0 48 48\" fill=\"none\"><path d=\"M24 8v32M12 28l12 12 12-12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n  <\/div>\n  <div class=\"bridge-text\">Con Micole CRM, cada problema tiene <span class=\"grad-text\">su soluci\u00f3n<\/span><\/div>\n<\/div>\n\n<!-- ANIMATED METRICS -->\n<section class=\"section\" style=\"background:var(--gray-50);padding:80px 32px\">\n  <div class=\"section-inner\">\n    <div class=\"section-hdr center\">\n      <div class=\"section-tag blue\"><span class=\"tag-line\"><\/span> Resultados<\/div>\n      <h2 class=\"section-title\">Resultados que hablan solos<\/h2>\n      <p class=\"section-sub\">Lo que consiguen los colegios que usan Micole CRM desde el primer trimestre.<\/p>\n    <\/div>\n    <div class=\"metrics-cards\" id=\"animCards\">\n      <div class=\"metric-card\">\n        <div class=\"metric-visual\">\n          <div class=\"ring-chart\">\n            <svg viewBox=\"0 0 140 140\" class=\"ring-svg\">\n              <circle cx=\"70\" cy=\"70\" r=\"58\" fill=\"none\" stroke=\"#f0f2f5\" stroke-width=\"12\"\/>\n              <circle cx=\"70\" cy=\"70\" r=\"58\" fill=\"none\" stroke=\"url(#grad1)\" stroke-width=\"12\" stroke-linecap=\"round\" class=\"ring-progress\" style=\"--ring-val:365\" stroke-dasharray=\"0 365\" stroke-dashoffset=\"0\"\/>\n              <defs><linearGradient id=\"grad1\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#2982FC\"\/><stop offset=\"100%\" stop-color=\"#21F7FD\"\/><\/linearGradient><\/defs>\n            <\/svg>\n            <div class=\"ring-label\"><span class=\"counter\" data-target=\"100\">0<\/span><small>%<\/small><\/div>\n          <\/div>\n        <\/div>\n        <h3 class=\"metric-title\">Tasa de contacto<\/h3>\n        <p class=\"metric-desc\">De las familias que solicitan informaci\u00f3n reciben respuesta en menos de 2 minutos.<\/p>\n      <\/div>\n      <div class=\"metric-card highlight\">\n        <div class=\"metric-visual\">\n          <div class=\"bar-chart-mini\">\n            <div class=\"bcm-bar\" style=\"--h:35%;--delay:0s\" data-label=\"Antes\"><div class=\"bcm-fill old\"><\/div><div class=\"bcm-val\">18%<\/div><\/div>\n            <div class=\"bcm-arrow\">\n              <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"var(--green)\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n            <\/div>\n            <div class=\"bcm-bar\" style=\"--h:100%;--delay:.4s\" data-label=\"Con CRM\"><div class=\"bcm-fill new\"><\/div><div class=\"bcm-val\">37%<\/div><\/div>\n          <\/div>\n        <\/div>\n        <h3 class=\"metric-title\">Conversi\u00f3n a matr\u00edcula<\/h3>\n        <p class=\"metric-desc\">Los colegios duplican su tasa de conversi\u00f3n al profesionalizar el seguimiento.<\/p>\n      <\/div>\n      <div class=\"metric-card\">\n        <div class=\"metric-visual\">\n          <div class=\"time-saved\">\n            <div class=\"time-clock\">\n              <svg viewBox=\"0 0 80 80\" width=\"80\" height=\"80\">\n                <circle cx=\"40\" cy=\"40\" r=\"36\" fill=\"none\" stroke=\"#f0f2f5\" stroke-width=\"4\"\/>\n                <circle cx=\"40\" cy=\"40\" r=\"36\" fill=\"none\" stroke=\"var(--blue)\" stroke-width=\"4\" stroke-dasharray=\"113 226\" stroke-linecap=\"round\" class=\"clock-progress\" transform=\"rotate(-90 40 40)\"\/>\n                <line x1=\"40\" y1=\"40\" x2=\"40\" y2=\"20\" stroke=\"var(--navy-900)\" stroke-width=\"2.5\" stroke-linecap=\"round\" class=\"clock-hand-h\"\/>\n                <line x1=\"40\" y1=\"40\" x2=\"56\" y2=\"40\" stroke=\"var(--blue)\" stroke-width=\"2\" stroke-linecap=\"round\" class=\"clock-hand-m\"\/>\n                <circle cx=\"40\" cy=\"40\" r=\"3\" fill=\"var(--navy-900)\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"time-number\"><span class=\"counter\" data-target=\"85\">0<\/span><small>h\/mes<\/small><\/div>\n          <\/div>\n        <\/div>\n        <h3 class=\"metric-title\">Horas ahorradas<\/h3>\n        <p class=\"metric-desc\">Tu equipo dedica el tiempo a atender familias, no a copiar datos entre sistemas.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FEATURE 1: PIPELINE KANBAN -->\n<section class=\"section feat-section\" style=\"background:var(--gray-50)\" id=\"solucion\">\n  <div class=\"section-inner\">\n    <div class=\"feat-row\">\n      <div class=\"feat-text\">\n        <div class=\"section-tag blue\"><span class=\"tag-line\"><\/span> Pipeline visual<\/div>\n        <h2 class=\"section-title\">Ve cada familia de un vistazo, de principio a fin<\/h2>\n        <p class=\"section-sub\">Tablero Kanban con las etapas reales del proceso de admisi\u00f3n de un colegio. Arrastra y suelta para mover familias entre etapas. Filtros por curso, etapa educativa y canal de origen.<\/p>\n        <div class=\"feat-badges\">\n          <span class=\"feat-badge green\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5a6.5 6.5 0 110 13 6.5 6.5 0 010-13zm2.854 4.146a.5.5 0 010 .708l-3.5 3.5a.5.5 0 01-.708 0l-1.5-1.5a.5.5 0 01.708-.708L7 8.793l3.146-3.147a.5.5 0 01.708 0z\"\/><\/svg> +25% conversi\u00f3n media<\/span>\n          <span class=\"feat-badge blue\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1a7 7 0 100 14A7 7 0 008 1zm0 1a6 6 0 110 12A6 6 0 018 2zm-.5 2.75a.75.75 0 011.5 0v3.5a.75.75 0 01-.75.75h-2a.75.75 0 010-1.5H7.5V4.75z\"\/><\/svg> 100% visibilidad<\/span>\n          <span class=\"feat-badge orange\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> 0 leads olvidados<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"feat-visual\">\n        <div class=\"mockup-shell light\">\n          <div class=\"mockup-chrome\"><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-url\">crm.micole.net\/pipeline<\/span><\/div>\n          <div class=\"mockup-body\" style=\"background:#f8f9fc\">\n            <div class=\"kanban\">\n              <div class=\"kanban-col k-blue\">\n                <div class=\"kanban-hdr\"><span class=\"kanban-hdr-title\">Nuevo<\/span><span class=\"kanban-hdr-count\">12<\/span><\/div>\n                <div class=\"k-card\"><div class=\"k-name\">Fam. L\u00f3pez Mart\u00edn<\/div><div class=\"k-detail\">Infantil \u00b7 3 a\u00f1os<\/div><div class=\"k-tags\"><span class=\"k-tag micole\">Micole<\/span><\/div><\/div>\n                <div class=\"k-card\"><div class=\"k-name\">Fam. Garc\u00eda Ruiz<\/div><div class=\"k-detail\">Primaria \u00b7 1\u00ba<\/div><div class=\"k-tags\"><span class=\"k-tag web\">Web<\/span><\/div><\/div>\n                <div class=\"k-card\"><div class=\"k-name\">Fam. Rodr\u00edguez<\/div><div class=\"k-detail\">ESO \u00b7 2\u00ba<\/div><div class=\"k-tags\"><span class=\"k-tag tel\">Tel<\/span><\/div><\/div>\n              <\/div>\n              <div class=\"kanban-col k-purple\">\n                <div class=\"kanban-hdr\"><span class=\"kanban-hdr-title\">Contactado<\/span><span class=\"kanban-hdr-count\">8<\/span><\/div>\n                <div class=\"k-card\"><div class=\"k-name\">Fam. S\u00e1nchez Gil<\/div><div class=\"k-detail\">Infantil \u00b7 4 a\u00f1os<\/div><div class=\"k-tags\"><span class=\"k-tag date\">Email enviado<\/span><\/div><\/div>\n                <div class=\"k-card\"><div class=\"k-name\">Fam. Torres D\u00edaz<\/div><div class=\"k-detail\">Primaria \u00b7 3\u00ba<\/div><div class=\"k-tags\"><span class=\"k-tag date\">Llamada hecha<\/span><\/div><\/div>\n              <\/div>\n              <div class=\"kanban-col k-green\">\n                <div class=\"kanban-hdr\"><span class=\"kanban-hdr-title\">Visita<\/span><span class=\"kanban-hdr-count\">5<\/span><\/div>\n                <div class=\"k-card\"><div class=\"k-name\">Fam. Moreno Vega<\/div><div class=\"k-detail\">Bachillerato \u00b7 1\u00ba<\/div><div class=\"k-tags\"><span class=\"k-tag date\">Mar 18<\/span><\/div><\/div>\n                <div class=\"k-card\"><div class=\"k-name\">Fam. Navarro<\/div><div class=\"k-detail\">Infantil \u00b7 5 a\u00f1os<\/div><div class=\"k-tags\"><span class=\"k-tag hot\">Open Day<\/span><\/div><\/div>\n              <\/div>\n              <div class=\"kanban-col k-orange\">\n                <div class=\"kanban-hdr\"><span class=\"kanban-hdr-title\">Documentaci\u00f3n<\/span><span class=\"kanban-hdr-count\">4<\/span><\/div>\n                <div class=\"k-card\"><div class=\"k-name\">Fam. Jim\u00e9nez Pla<\/div><div class=\"k-detail\">ESO \u00b7 1\u00ba<\/div><div class=\"k-tags\"><span class=\"k-tag hot\">Pendiente<\/span><\/div><\/div>\n              <\/div>\n              <div class=\"kanban-col k-cyan\">\n                <div class=\"kanban-hdr\"><span class=\"kanban-hdr-title\">Matr\u00edcula<\/span><span class=\"kanban-hdr-count\">3<\/span><\/div>\n                <div class=\"k-card\"><div class=\"k-name\">Fam. Alonso Rey<\/div><div class=\"k-detail\">Primaria \u00b7 2\u00ba<\/div><div class=\"k-tags\"><span class=\"k-tag done\">Completada<\/span><\/div><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FEATURE 2: INBOX UNIFICADO -->\n<section class=\"section feat-section\" style=\"background:var(--white)\">\n  <div class=\"section-inner\">\n    <div class=\"feat-row reverse\">\n      <div class=\"feat-text\">\n        <div class=\"section-tag blue\"><span class=\"tag-line\"><\/span> Inbox unificado<\/div>\n        <h2 class=\"section-title\">5 canales, una sola bandeja<\/h2>\n        <p class=\"section-sub\">Web, Micole, email, tel\u00e9fono y WhatsApp. Todas las conversaciones con familias en un mismo sitio, sin saltar entre aplicaciones. Con historial completo y contexto de cada familia.<\/p>\n        <div class=\"feat-badges\">\n          <span class=\"feat-badge blue\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5a6.5 6.5 0 110 13 6.5 6.5 0 010-13zm2.854 4.146a.5.5 0 010 .708l-3.5 3.5a.5.5 0 01-.708 0l-1.5-1.5a.5.5 0 01.708-.708L7 8.793l3.146-3.147a.5.5 0 01.708 0z\"\/><\/svg> 5 canales en 1<\/span>\n          <span class=\"feat-badge green\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> &lt;5 min respuesta<\/span>\n          <span class=\"feat-badge orange\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> 0 mensajes perdidos<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"feat-visual\">\n        <div class=\"mockup-shell light\">\n          <div class=\"mockup-chrome\"><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-url\">crm.micole.net\/inbox<\/span><\/div>\n          <div class=\"mockup-body\">\n            <div class=\"inbox-mock\">\n              <div class=\"inbox-sidebar\">\n                <div class=\"inbox-channel active\"><span class=\"ch-dot\" style=\"background:var(--blue)\"><\/span> Todos <span class=\"ch-count\">24<\/span><\/div>\n                <div class=\"inbox-channel\"><span class=\"ch-dot\" style=\"background:var(--cyan)\"><\/span> Micole <span class=\"ch-count\">9<\/span><\/div>\n                <div class=\"inbox-channel\"><span class=\"ch-dot\" style=\"background:var(--green)\"><\/span> WhatsApp <span class=\"ch-count\">6<\/span><\/div>\n                <div class=\"inbox-channel\"><span class=\"ch-dot\" style=\"background:var(--purple)\"><\/span> Email <span class=\"ch-count\">5<\/span><\/div>\n                <div class=\"inbox-channel\"><span class=\"ch-dot\" style=\"background:var(--orange)\"><\/span> Web <span class=\"ch-count\">3<\/span><\/div>\n                <div class=\"inbox-channel\"><span class=\"ch-dot\" style=\"background:#94a3b8\"><\/span> Tel\u00e9fono <span class=\"ch-count\">1<\/span><\/div>\n              <\/div>\n              <div class=\"inbox-main\">\n                <div class=\"inbox-msg\"><div class=\"inbox-msg-avatar\" style=\"background:var(--blue)\">LM<\/div><div class=\"inbox-msg-body\"><div class=\"inbox-msg-name\">Laura Mart\u00ednez <span style=\"font-size:9px;background:rgba(33,247,253,.12);color:var(--cyan);padding:2px 6px;border-radius:4px;margin-left:6px;font-weight:600\">Micole<\/span><\/div><div class=\"inbox-msg-text\">Hola, estamos interesados en conocer el colegio para nuestra hija de 4 a\u00f1os&#8230;<\/div><div class=\"inbox-msg-time\">Hace 3 min<\/div><\/div><\/div>\n                <div class=\"inbox-msg\"><div class=\"inbox-msg-avatar\" style=\"background:var(--green)\">PG<\/div><div class=\"inbox-msg-body\"><div class=\"inbox-msg-name\">Pablo Garc\u00eda <span style=\"font-size:9px;background:rgba(45,206,137,.12);color:var(--green);padding:2px 6px;border-radius:4px;margin-left:6px;font-weight:600\">WhatsApp<\/span><\/div><div class=\"inbox-msg-text\">Buenos d\u00edas, quer\u00eda confirmar la visita del jueves a las 10:00&#8230;<\/div><div class=\"inbox-msg-time\">Hace 12 min<\/div><\/div><\/div>\n                <div class=\"inbox-msg\"><div class=\"inbox-msg-avatar\" style=\"background:var(--purple)\">SR<\/div><div class=\"inbox-msg-body\"><div class=\"inbox-msg-name\">Sara Rodr\u00edguez <span style=\"font-size:9px;background:rgba(139,92,246,.12);color:var(--purple);padding:2px 6px;border-radius:4px;margin-left:6px;font-weight:600\">Email<\/span><\/div><div class=\"inbox-msg-text\">Les escribo porque nos mudamos a la zona y buscamos colegio para ESO&#8230;<\/div><div class=\"inbox-msg-time\">Hace 28 min<\/div><\/div><\/div>\n                <div class=\"inbox-msg\"><div class=\"inbox-msg-avatar\" style=\"background:var(--orange)\">JN<\/div><div class=\"inbox-msg-body\"><div class=\"inbox-msg-name\">Juan Navarro <span style=\"font-size:9px;background:rgba(255,159,46,.12);color:var(--orange);padding:2px 6px;border-radius:4px;margin-left:6px;font-weight:600\">Web<\/span><\/div><div class=\"inbox-msg-text\">Solicitud de informaci\u00f3n para Bachillerato Internacional&#8230;<\/div><div class=\"inbox-msg-time\">Hace 1h<\/div><\/div><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FEATURE 2.5: AUTOMATIZACIONES -->\n<section class=\"section feat-section\" style=\"background:var(--gray-50)\">\n  <div class=\"section-inner\">\n    <div class=\"feat-row\">\n      <div class=\"feat-text\">\n        <div class=\"section-tag blue\"><span class=\"tag-line\"><\/span> Automatizaciones<\/div>\n        <h2 class=\"section-title\">Workflows que trabajan mientras duermes<\/h2>\n        <p class=\"section-sub\">Dise\u00f1a flujos autom\u00e1ticos con ramificaciones inteligentes. Emails, WhatsApp, recordatorios de visita, seguimiento post-visita. Todo se dispara solo seg\u00fan las acciones de cada familia.<\/p>\n        <div class=\"feat-badges\">\n          <span class=\"feat-badge green\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> 85h ahorradas al mes<\/span>\n          <span class=\"feat-badge blue\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> 0 tareas manuales<\/span>\n          <span class=\"feat-badge purple\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> Multi-canal<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"feat-visual\">\n        <div class=\"mockup-shell light\">\n          <div class=\"mockup-chrome\"><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-url\">crm.micole.net\/automatizaciones<\/span><\/div>\n          <div class=\"mockup-body\" style=\"background:#f8f9fc;padding:28px\">\n            <div class=\"auto-flow\" id=\"autoFlow\">\n              <div class=\"auto-node auto-trigger\">\n                <div class=\"auto-node-icon\" style=\"background:var(--blue)\">\n                  <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M8 1v14M1 8h14\"\/><\/svg>\n                <\/div>\n                <div class=\"auto-node-text\">\n                  <strong>Nuevo contacto<\/strong>\n                  <small>Desde cualquier canal<\/small>\n                <\/div>\n              <\/div>\n              <div class=\"auto-line\"><\/div>\n              <div class=\"auto-node auto-action\">\n                <div class=\"auto-node-icon\" style=\"background:var(--green)\">\n                  <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 3h14v10H1z\"\/><path d=\"M1 3l7 5 7-5\"\/><\/svg>\n                <\/div>\n                <div class=\"auto-node-text\">\n                  <strong>Email bienvenida<\/strong>\n                  <small>Env\u00edo inmediato<\/small>\n                <\/div>\n              <\/div>\n              <div class=\"auto-line\"><\/div>\n              <div class=\"auto-node auto-wait\">\n                <div class=\"auto-node-icon\" style=\"background:var(--orange)\">\n                  <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><path d=\"M8 5v3l2 2\"\/><\/svg>\n                <\/div>\n                <div class=\"auto-node-text\">\n                  <strong>Esperar 24h<\/strong>\n                  <small>Si no reserva visita<\/small>\n                <\/div>\n              <\/div>\n              <div class=\"auto-line\"><\/div>\n              <div class=\"auto-branch\">\n                <div class=\"auto-branch-label\">\u00bfHa reservado visita?<\/div>\n                <div class=\"auto-branch-paths\">\n                  <div class=\"auto-branch-path\">\n                    <div class=\"auto-branch-tag yes\">S\u00ed<\/div>\n                    <div class=\"auto-node auto-action small\">\n                      <div class=\"auto-node-icon\" style=\"background:var(--green)\">\n                        <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 3h12v8H1z\"\/><path d=\"M1 3l6 4 6-4\"\/><\/svg>\n                      <\/div>\n                      <span>Confirmaci\u00f3n visita<\/span>\n                    <\/div>\n                    <div class=\"auto-line-sm\"><\/div>\n                    <div class=\"auto-node auto-action small\">\n                      <div class=\"auto-node-icon\" style=\"background:var(--purple)\">\n                        <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><circle cx=\"7\" cy=\"7\" r=\"5\"\/><path d=\"M7 4v3l2 1\"\/><\/svg>\n                      <\/div>\n                      <span>Recordatorio 24h antes<\/span>\n                    <\/div>\n                  <\/div>\n                  <div class=\"auto-branch-path\">\n                    <div class=\"auto-branch-tag no\">No<\/div>\n                    <div class=\"auto-node auto-action small\">\n                      <div class=\"auto-node-icon\" style=\"background:#25D366\">\n                        <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M2 12l1-3a5 5 0 118 0l1 3-3-1a5 5 0 01-4 0l-3 1z\"\/><\/svg>\n                      <\/div>\n                      <span>WhatsApp follow-up<\/span>\n                    <\/div>\n                    <div class=\"auto-line-sm\"><\/div>\n                    <div class=\"auto-node auto-action small\">\n                      <div class=\"auto-node-icon\" style=\"background:var(--blue)\">\n                        <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 3h12v8H1z\"\/><path d=\"M1 3l6 4 6-4\"\/><\/svg>\n                      <\/div>\n                      <span>Email con fechas disponibles<\/span>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FEATURE 3: RESERVA DE VISITAS -->\n<section class=\"section feat-section\" style=\"background:var(--white)\">\n  <div class=\"section-inner\">\n    <div class=\"feat-row\">\n      <div class=\"feat-text\">\n        <div class=\"section-tag blue\"><span class=\"tag-line\"><\/span> Reserva de visitas<\/div>\n        <h2 class=\"section-title\">Las familias reservan visita sin necesidad de llamar<\/h2>\n        <p class=\"section-sub\">Calendario integrado donde las familias eligen d\u00eda y hora. Confirmaci\u00f3n autom\u00e1tica, recordatorio 24h antes, y seguimiento post-visita sin que tu equipo tenga que mover un dedo.<\/p>\n        <div class=\"feat-badges\">\n          <span class=\"feat-badge green\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> 0 llamadas necesarias<\/span>\n          <span class=\"feat-badge blue\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> 24\/7 disponible<\/span>\n          <span class=\"feat-badge orange\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> 2x m\u00e1s visitas<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"feat-visual\">\n        <div class=\"mockup-shell light\">\n          <div class=\"mockup-chrome\"><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-url\">crm.micole.net\/visitas<\/span><\/div>\n          <div class=\"mockup-body\" style=\"background:#f8f9fc\">\n            <div class=\"cal-mock\">\n              <div class=\"cal-header\"><div class=\"cal-month\">Marzo 2026<\/div><div class=\"cal-nav\"><button>\u2039<\/button><button>\u203a<\/button><\/div><\/div>\n              <div class=\"cal-grid\">\n                <div class=\"cal-day-name\">Lun<\/div><div class=\"cal-day-name\">Mar<\/div><div class=\"cal-day-name\">Mi\u00e9<\/div><div class=\"cal-day-name\">Jue<\/div><div class=\"cal-day-name\">Vie<\/div><div class=\"cal-day-name\">S\u00e1b<\/div><div class=\"cal-day-name\">Dom<\/div>\n                <div class=\"cal-day empty\"><\/div><div class=\"cal-day empty\"><\/div><div class=\"cal-day empty\"><\/div><div class=\"cal-day empty\"><\/div><div class=\"cal-day empty\"><\/div><div class=\"cal-day empty\"><\/div><div class=\"cal-day\">1<\/div>\n                <div class=\"cal-day\">2<\/div><div class=\"cal-day has-visits\">3<div class=\"visit-dot\"><\/div><\/div><div class=\"cal-day\">4<\/div><div class=\"cal-day has-visits\">5<div class=\"visit-dot\"><\/div><\/div><div class=\"cal-day\">6<\/div><div class=\"cal-day\">7<\/div><div class=\"cal-day\">8<\/div>\n                <div class=\"cal-day\">9<\/div><div class=\"cal-day has-visits\">10<div class=\"visit-dot\"><\/div><\/div><div class=\"cal-day\">11<\/div><div class=\"cal-day has-visits\">12<div class=\"visit-dot\"><\/div><\/div><div class=\"cal-day\">13<\/div><div class=\"cal-day\">14<\/div><div class=\"cal-day\">15<\/div>\n                <div class=\"cal-day\">16<\/div><div class=\"cal-day today has-visits\">17<div class=\"visit-dot\"><\/div><\/div><div class=\"cal-day has-visits\">18<div class=\"visit-dot\"><\/div><\/div><div class=\"cal-day\">19<\/div><div class=\"cal-day has-visits\">20<div class=\"visit-dot\"><\/div><\/div><div class=\"cal-day\">21<\/div><div class=\"cal-day\">22<\/div>\n                <div class=\"cal-day\">23<\/div><div class=\"cal-day\">24<\/div><div class=\"cal-day has-visits\">25<div class=\"visit-dot\"><\/div><\/div><div class=\"cal-day\">26<\/div><div class=\"cal-day\">27<\/div><div class=\"cal-day\">28<\/div><div class=\"cal-day\">29<\/div>\n                <div class=\"cal-day\">30<\/div><div class=\"cal-day\">31<\/div>\n              <\/div>\n              <div class=\"cal-visits\">\n                <div class=\"cal-visit-card\"><div class=\"cal-visit-time\">10:00<\/div><div class=\"cal-visit-info\">Fam. L\u00f3pez Mart\u00edn<br><span>Infantil \u00b7 3 a\u00f1os<\/span><\/div><div class=\"cal-visit-status confirmed\">Confirmada<\/div><\/div>\n                <div class=\"cal-visit-card\"><div class=\"cal-visit-time\">11:30<\/div><div class=\"cal-visit-info\">Fam. Torres D\u00edaz<br><span>Primaria \u00b7 1\u00ba<\/span><\/div><div class=\"cal-visit-status confirmed\">Confirmada<\/div><\/div>\n                <div class=\"cal-visit-card\"><div class=\"cal-visit-time\">16:00<\/div><div class=\"cal-visit-info\">Fam. Garc\u00eda Ruiz<br><span>ESO \u00b7 2\u00ba<\/span><\/div><div class=\"cal-visit-status pending\">Pendiente<\/div><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FEATURE 4: MATR\u00cdCULA DIGITAL -->\n<section class=\"section feat-section\" style=\"background:var(--white)\">\n  <div class=\"section-inner\">\n    <div class=\"feat-row reverse\">\n      <div class=\"feat-text\">\n        <div class=\"section-tag blue\"><span class=\"tag-line\"><\/span> Matr\u00edcula digital<\/div>\n        <h2 class=\"section-title\">De los papeles al proceso 100% digital<\/h2>\n        <p class=\"section-sub\">Las familias rellenan formularios, suben documentos y firman desde su m\u00f3vil. Tu equipo solo valida. Menos errores, menos idas y venidas, disponible 24\/7.<\/p>\n        <div class=\"feat-badges\">\n          <span class=\"feat-badge green\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> 100% digital<\/span>\n          <span class=\"feat-badge blue\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> -70% tiempo gesti\u00f3n<\/span>\n          <span class=\"feat-badge orange\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> 24\/7 para familias<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"feat-visual\">\n        <div class=\"mockup-shell light\">\n          <div class=\"mockup-chrome\"><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-url\">crm.micole.net\/matricula<\/span><\/div>\n          <div class=\"mockup-body\" style=\"background:#f8f9fc\">\n            <div class=\"enroll-mock\">\n              <div class=\"enroll-steps\">\n                <div class=\"enroll-step done\"><div class=\"enroll-step-num\">\u2713<\/div><div class=\"enroll-step-label\">Datos<\/div><\/div>\n                <div class=\"enroll-step done\"><div class=\"enroll-step-num\">\u2713<\/div><div class=\"enroll-step-label\">Documentos<\/div><\/div>\n                <div class=\"enroll-step active\"><div class=\"enroll-step-num\">3<\/div><div class=\"enroll-step-label\">Matr\u00edcula<\/div><\/div>\n                <div class=\"enroll-step\"><div class=\"enroll-step-num\">4<\/div><div class=\"enroll-step-label\">Pago<\/div><\/div>\n              <\/div>\n              <div class=\"enroll-form\">\n                <div class=\"enroll-form-title\">Datos de matr\u00edcula \u2014 Familia L\u00f3pez Mart\u00edn<\/div>\n                <div class=\"enroll-row\">\n                  <div class=\"enroll-field\"><label class=\"enroll-label\">Nombre del alumno\/a<\/label><div class=\"enroll-input filled\">Luc\u00eda L\u00f3pez Mart\u00edn<\/div><\/div>\n                  <div class=\"enroll-field\"><label class=\"enroll-label\">Fecha de nacimiento<\/label><div class=\"enroll-input filled\">15\/06\/2022<\/div><\/div>\n                <\/div>\n                <div class=\"enroll-row\">\n                  <div class=\"enroll-field\"><label class=\"enroll-label\">Curso solicitado<\/label><div class=\"enroll-input filled\">Infantil \u00b7 3 a\u00f1os<\/div><\/div>\n                  <div class=\"enroll-field\"><label class=\"enroll-label\">Modalidad<\/label><div class=\"enroll-input filled\">Jornada completa<\/div><\/div>\n                <\/div>\n                <div class=\"enroll-field\">\n                  <label class=\"enroll-label\">Documentos adjuntos<\/label>\n                  <div class=\"enroll-upload\"><div class=\"upload-icon\">\ud83d\udcce<\/div>DNI padres \u2713 \u00b7 Libro familia \u2713 \u00b7 Cert. empadronamiento \u2713<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FEATURE 5: DASHBOARD -->\n<section class=\"section feat-section\" style=\"background:var(--gray-50)\">\n  <div class=\"section-inner\">\n    <div class=\"feat-row\">\n      <div class=\"feat-text\">\n        <div class=\"section-tag blue\"><span class=\"tag-line\"><\/span> Dashboard en vivo<\/div>\n        <h2 class=\"section-title\">Datos reales para decisiones reales<\/h2>\n        <p class=\"section-sub\">Tasa de conversi\u00f3n por canal, por etapa educativa, por mes. Familias en riesgo de abandono, comparativa con curso anterior, tiempo de respuesta medio. Todo actualizado en tiempo real.<\/p>\n        <div class=\"feat-badges\">\n          <span class=\"feat-badge green\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> Tiempo real<\/span>\n          <span class=\"feat-badge blue\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> M\u00e9tricas clave<\/span>\n          <span class=\"feat-badge orange\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><\/svg> Alertas inteligentes<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"feat-visual\">\n        <div class=\"mockup-shell light\">\n          <div class=\"mockup-chrome\"><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-dot\"><\/span><span class=\"mc-url\">crm.micole.net\/dashboard<\/span><\/div>\n          <div class=\"mockup-body\" style=\"background:#f8f9fc\">\n            <div class=\"dash-mock\">\n              <div class=\"dash-top\">\n                <div class=\"dash-kpi\"><div class=\"dash-kpi-label\">Tasa conversi\u00f3n<\/div><div class=\"dash-kpi-value\" style=\"color:var(--green)\">36.8%<\/div><div class=\"dash-kpi-change up\">\u2191 4.2% vs anterior<\/div><\/div>\n                <div class=\"dash-kpi\"><div class=\"dash-kpi-label\">Tiempo respuesta<\/div><div class=\"dash-kpi-value\" style=\"color:var(--cyan)\">&lt;2min<\/div><div class=\"dash-kpi-change up\">\u2193 85% vs manual<\/div><\/div>\n                <div class=\"dash-kpi\"><div class=\"dash-kpi-label\">En pipeline<\/div><div class=\"dash-kpi-value\">89<\/div><div class=\"dash-kpi-change up\">\u2191 12 esta semana<\/div><\/div>\n                <div class=\"dash-kpi\"><div class=\"dash-kpi-label\">Familias en riesgo<\/div><div class=\"dash-kpi-value\" style=\"color:var(--orange)\">23<\/div><div class=\"dash-kpi-change down\">Sin contacto &gt;7 d\u00edas<\/div><\/div>\n              <\/div>\n              <div class=\"dash-chart\">\n                <div class=\"dash-chart-title\">Matr\u00edculas por mes \u2014 Curso 2025\/26<\/div>\n                <div class=\"chart-bars\">\n                  <div class=\"chart-bar-col\"><div class=\"chart-bar-val\">8<\/div><div class=\"chart-bar\" style=\"height:25%;background:var(--blue)\"><\/div><div class=\"chart-bar-label\">Sep<\/div><\/div>\n                  <div class=\"chart-bar-col\"><div class=\"chart-bar-val\">14<\/div><div class=\"chart-bar\" style=\"height:40%;background:var(--blue)\"><\/div><div class=\"chart-bar-label\">Oct<\/div><\/div>\n                  <div class=\"chart-bar-col\"><div class=\"chart-bar-val\">18<\/div><div class=\"chart-bar\" style=\"height:55%;background:var(--blue)\"><\/div><div class=\"chart-bar-label\">Nov<\/div><\/div>\n                  <div class=\"chart-bar-col\"><div class=\"chart-bar-val\">23<\/div><div class=\"chart-bar\" style=\"height:70%;background:var(--blue)\"><\/div><div class=\"chart-bar-label\">Dic<\/div><\/div>\n                  <div class=\"chart-bar-col\"><div class=\"chart-bar-val\">28<\/div><div class=\"chart-bar\" style=\"height:85%;background:var(--blue)\"><\/div><div class=\"chart-bar-label\">Ene<\/div><\/div>\n                  <div class=\"chart-bar-col\"><div class=\"chart-bar-val\">31<\/div><div class=\"chart-bar\" style=\"height:95%;background:var(--grad)\"><\/div><div class=\"chart-bar-label\">Feb<\/div><\/div>\n                  <div class=\"chart-bar-col\"><div class=\"chart-bar-val\">19<\/div><div class=\"chart-bar\" style=\"height:60%;background:rgba(41,130,252,.3);border:1px dashed rgba(41,130,252,.4)\"><\/div><div class=\"chart-bar-label\">Mar<\/div><\/div>\n                  <div class=\"chart-bar-col\"><div class=\"chart-bar-val\">12<\/div><div class=\"chart-bar\" style=\"height:40%;background:rgba(41,130,252,.2);border:1px dashed rgba(41,130,252,.3)\"><\/div><div class=\"chart-bar-label\">Abr<\/div><\/div>\n                  <div class=\"chart-bar-col\"><div class=\"chart-bar-val\">6<\/div><div class=\"chart-bar\" style=\"height:20%;background:rgba(41,130,252,.15);border:1px dashed rgba(41,130,252,.2)\"><\/div><div class=\"chart-bar-label\">May<\/div><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- GROUPS -->\n<section class=\"section groups-section\">\n  <div class=\"section-inner\">\n    <div class=\"section-hdr center\">\n      <div class=\"section-tag blue\"><span class=\"tag-line\"><\/span> Grupos educativos<\/div>\n      <h2 class=\"section-title\">Gesti\u00f3n centralizada para grupos con varios centros<\/h2>\n      <p class=\"section-sub\">Un solo panel para supervisar todos tus colegios. Mismos workflows, datos comparables, marca personalizada por centro.<\/p>\n    <\/div>\n    <div class=\"groups-grid\">\n      <div class=\"group-card fade-up\"><h3><span class=\"group-ico\">\ud83d\udc65<\/span> Multiusuario<\/h3><p>Cada miembro del equipo con su rol y permisos. Direcci\u00f3n ve todo, admisiones gestiona lo suyo.<\/p><\/div>\n      <div class=\"group-card fade-up d1\"><h3><span class=\"group-ico\">\ud83d\uddc4\ufe0f<\/span> Base de datos com\u00fan<\/h3><p>Si una familia contacta dos centros del grupo, lo sabes. Sin duplicados, sin competir entre vosotros.<\/p><\/div>\n      <div class=\"group-card fade-up d2\"><h3><span class=\"group-ico\">\ud83d\udcca<\/span> Dashboard de grupo<\/h3><p>M\u00e9tricas consolidadas y por centro. Compara rendimiento, identifica mejores pr\u00e1cticas, toma decisiones con datos.<\/p><\/div>\n      <div class=\"group-card fade-up d3\"><h3><span class=\"group-ico\">\ud83d\udd04<\/span> Workflows replicables<\/h3><p>Dise\u00f1a el proceso de admisi\u00f3n una vez y despli\u00e9galo en todos los centros. Consistencia sin esfuerzo extra.<\/p><\/div>\n      <div class=\"group-card fade-up d4\"><h3><span class=\"group-ico\">\ud83c\udfa8<\/span> Marca por centro<\/h3><p>Cada colegio mantiene su identidad visual en emails, formularios y portal de familias. El grupo controla, el centro personaliza.<\/p><\/div>\n      <div class=\"group-card fade-up d5\"><h3><span class=\"group-ico\">\ud83d\ude80<\/span> Onboarding centralizado<\/h3><p>Incorpora nuevos centros al grupo en d\u00edas, no en meses. Plantillas listas, datos migrados, equipo formado.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- NUMBERS -->\n<div class=\"numbers-section\">\n  <div class=\"numbers-grid\">\n    <div class=\"number-item fade-up\"><div class=\"number-val\"><span class=\"grad-text\">+4.000<\/span><\/div><div class=\"number-lbl\">Colegios<\/div><\/div>\n    <div class=\"number-item fade-up d1\"><div class=\"number-val\"><span class=\"grad-text\">+100K<\/span><\/div><div class=\"number-lbl\">Interacciones gestionadas<\/div><\/div>\n    <div class=\"number-item fade-up d2\"><div class=\"number-val\"><span class=\"grad-text\">+5M<\/span><\/div><div class=\"number-lbl\">Automatizaciones ejecutadas<\/div><\/div>\n    <div class=\"number-item fade-up d3\"><div class=\"number-val\"><span class=\"grad-text\">7<\/span><\/div><div class=\"number-lbl\">Pa\u00edses<\/div><\/div>\n    <div class=\"number-item fade-up d4\"><div class=\"number-val\"><span class=\"grad-text\">85h<\/span><\/div><div class=\"number-lbl\">Ahorradas al mes<\/div><\/div>\n    <div class=\"number-item fade-up d5\"><div class=\"number-val\"><span class=\"grad-text\">+100<\/span><\/div><div class=\"number-lbl\">Integraciones<\/div><\/div>\n  <\/div>\n<\/div>\n\n<!-- PRICING -->\n<section class=\"section pricing-section\" id=\"precios\">\n  <div class=\"section-inner\">\n    <div class=\"section-hdr center\">\n      <div class=\"section-tag blue\"><span class=\"tag-line\"><\/span> Precios<\/div>\n      <h2 class=\"section-title\">Un plan para cada tipo de centro<\/h2>\n      <p class=\"section-sub\">Sin permanencia, sin sorpresas. Empieza con el plan que necesites y crece cuando est\u00e9s listo.<\/p>\n    <\/div>\n    <div class=\"pricing-grid\">\n      <div class=\"price-card fade-up\">\n        <div class=\"price-name\">Esencial<\/div>\n        <div class=\"price-amount\">99\u20ac <span>\/mes \/ colegio<\/span><\/div>\n        <div class=\"price-period\">Setup incluido \u00b7 1er mes gratis<\/div>\n        <ul class=\"price-features\">\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Pipeline de admisiones<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Formularios web<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Email y WhatsApp<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Automatizaciones b\u00e1sicas<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Dashboard de conversi\u00f3n<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Integraci\u00f3n con Micole<\/li>\n        <\/ul>\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/ivallejo-nagera\/round-robin-espana?uuid=60c8036a-43fa-41ee-97fc-30c01d5082ed\" class=\"price-btn outline\">Solicitar demo<\/a>\n      <\/div>\n      <div class=\"price-card featured fade-up d1\">\n        <div class=\"price-name\">Profesional<\/div>\n        <div class=\"price-amount\">149\u20ac <span>\/mes \/ colegio<\/span><\/div>\n        <div class=\"price-period\">Setup incluido \u00b7 1er mes gratis<\/div>\n        <ul class=\"price-features\">\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Todo lo de Esencial<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Automatizaciones avanzadas<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Reserva de visitas online<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Matr\u00edcula digital<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Dashboard avanzado<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Inbox unificado multicanal<\/li>\n        <\/ul>\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/ivallejo-nagera\/round-robin-espana?uuid=60c8036a-43fa-41ee-97fc-30c01d5082ed\" class=\"price-btn primary\">Solicitar demo<\/a>\n        <div class=\"price-ai-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2a4 4 0 014 4v1a2 2 0 012 2v1a2 2 0 01-2 2H8a2 2 0 01-2-2V9a2 2 0 012-2V6a4 4 0 014-4z\"\/><circle cx=\"9\" cy=\"9\" r=\"1\"\/><circle cx=\"15\" cy=\"9\" r=\"1\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><\/svg><span>Incluye Agente de Admisiones Inteligente<\/span><\/div>\n      <\/div>\n      <div class=\"price-card fade-up d2\">\n        <div class=\"price-name\">Premium<\/div>\n        <div class=\"price-amount\">499\u20ac <span>\/mes \/ colegio<\/span><\/div>\n        <div class=\"price-period\">Setup incluido<\/div>\n        <ul class=\"price-features\">\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Todo lo de Profesional<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Gesti\u00f3n multicentro<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Consultor\u00eda continua CRM<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> API e integraciones personalizadas<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Onboarding dedicado<\/li>\n          <li><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"14 5 6.5 12.5 2 8\"\/><\/svg> Account manager asignado<\/li>\n        <\/ul>\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/ivallejo-nagera\/round-robin-espana?uuid=60c8036a-43fa-41ee-97fc-30c01d5082ed\" class=\"price-btn outline\">Solicitar demo<\/a>\n        <div class=\"price-ai-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2a4 4 0 014 4v1a2 2 0 012 2v1a2 2 0 01-2 2H8a2 2 0 01-2-2V9a2 2 0 012-2V6a4 4 0 014-4z\"\/><circle cx=\"9\" cy=\"9\" r=\"1\"\/><circle cx=\"15\" cy=\"9\" r=\"1\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><\/svg><span>Incluye Agente de Admisiones Inteligente<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FORM -->\n<section class=\"section form-section\" id=\"demo\">\n  <div class=\"form-inner\">\n    <div class=\"form-content\">\n      <div class=\"section-tag blue\"><span class=\"tag-line\"><\/span> Empieza ahora<\/div>\n      <h2>\u00bfListo para transformar las admisiones de tu colegio?<\/h2>\n      <p>Agenda una demo personalizada de 20 minutos. Te mostramos el CRM funcionando con datos adaptados a tu tipo de centro.<\/p>\n      <ul class=\"form-checks\">\n        <li><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Demo personalizada para tu centro<\/li>\n        <li><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Sin compromiso ni permanencia<\/li>\n        <li><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Implementaci\u00f3n en menos de 48 horas<\/li>\n        <li><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Formaci\u00f3n incluida para tu equipo<\/li>\n        <li><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Soporte de especialistas en admisiones<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"form-box\">\n      <h3>Solicita tu demo gratuita<\/h3>\n      <p>Rellena el formulario y te contactamos en menos de 24h.<\/p>\n      <div id=\"hubspot-form\">\n        <noscript><iframe src=\"https:\/\/share-eu1.hsforms.com\/1TdxybzbETtm4J0hk3WUyLAfn5g0\" style=\"width:100%;border:none;min-height:520px\"><\/iframe><\/noscript>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer class=\"footer\">\n  <div class=\"footer-inner\">\n    <div class=\"footer-top\">\n      <div class=\"footer-brand\">\n        <div class=\"footer-logo\"><img decoding=\"async\" src=\"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2026\/02\/logo-footer-crm.svg\" alt=\"Micole CRM\" style=\"height:40px\"><\/div>\n        <p class=\"footer-desc\">La plataforma l\u00edder en b\u00fasqueda de colegios en Espa\u00f1a y Latinoam\u00e9rica. M\u00e1s de 5 millones de familias conf\u00edan en nosotros cada a\u00f1o.<\/p>\n      <\/div>\n      <div class=\"footer-cols\">\n        <div class=\"footer-col\"><h4>Producto<\/h4><a href=\"https:\/\/micole.net\">Buscador de colegios<\/a><a href=\"#\">Micole CRM<\/a><a href=\"#\">Micole Academy<\/a><a href=\"#\">Rankings<\/a><\/div>\n        <div class=\"footer-col\"><h4>Empresa<\/h4><a href=\"#\">Sobre nosotros<\/a><a href=\"#\">Blog<\/a><a href=\"#\">Contacto<\/a><\/div>\n        <div class=\"footer-col\"><h4>Legal<\/h4><a href=\"#\">Pol\u00edtica de privacidad<\/a><a href=\"#\">T\u00e9rminos de uso<\/a><a href=\"#\">Cookies<\/a><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">&copy; 2026 Micole. Todos los derechos reservados.<\/div>\n  <\/div>\n<\/footer>\n\n<script>\n\/\/ Nav\nconst nav=document.getElementById('nav'),hamburger=document.getElementById('hamburger'),navRight=document.getElementById('navRight');\nhamburger.addEventListener('click',()=>navRight.classList.toggle('open'));\nnavRight.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>navRight.classList.remove('open')));\n\n\/\/ Nav scroll shadow\nwindow.addEventListener('scroll',()=>{nav.classList.toggle('scrolled',window.scrollY>20)});\n\n\/\/ Fade-up animations\nconst fadeObs=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting)e.target.classList.add('vis')})},{threshold:.1,rootMargin:'0px 0px -40px 0px'});\ndocument.querySelectorAll('.fade-up').forEach(el=>fadeObs.observe(el));\n\n\/\/ Funnel animation\nconst funnelObs=new IntersectionObserver(([e])=>{\n  if(e.isIntersecting){\n    document.querySelectorAll('.funnel-bar').forEach((bar,i)=>{\n      setTimeout(()=>{bar.classList.add('animated')},i*200);\n    });\n    \/\/ Animate counters\n    document.querySelectorAll('.funnel-bar-count').forEach((el,i)=>{\n      const target=parseInt(el.dataset.target);\n      setTimeout(()=>{\n        let current=0;const step=Math.ceil(target\/40);\n        const interval=setInterval(()=>{current+=step;if(current>=target){current=target;clearInterval(interval)}el.textContent=current},30);\n      },i*200+400);\n    });\n    funnelObs.disconnect();\n  }\n},{threshold:.3});\nfunnelObs.observe(document.getElementById('funnel'));\n\n\/\/ Animated metric cards observer\nconst cardObs=new IntersectionObserver(([e])=>{if(e.isIntersecting){\n  document.querySelectorAll('.metric-card').forEach((c,i)=>{setTimeout(()=>c.classList.add('vis'),i*200)});\n  setTimeout(()=>{document.querySelectorAll('.ring-progress').forEach(d=>d.classList.add('animated'))},400);\n  document.querySelectorAll('.bcm-fill').forEach((b,i)=>{setTimeout(()=>b.classList.add('animated'),300)});\n  document.querySelectorAll('.bcm-val').forEach((v)=>{setTimeout(()=>v.classList.add('animated'),300)});\n  document.querySelectorAll('.bcm-arrow').forEach((a)=>{setTimeout(()=>a.classList.add('animated'),300)});\n  document.querySelectorAll('.counter').forEach((el)=>{const target=parseInt(el.dataset.target);let current=0;const step=Math.ceil(target\/30);const interval=setInterval(()=>{current+=step;if(current>=target){current=target;clearInterval(interval)}el.textContent=current},40)});\n  cardObs.disconnect()}},{threshold:.2});\nconst animCardsEl=document.getElementById('animCards');if(animCardsEl)cardObs.observe(animCardsEl);\n\n\/\/ Automation flow observer\nconst autoObs=new IntersectionObserver(([e])=>{if(e.isIntersecting){const nodes=document.querySelectorAll('#autoFlow .auto-node, #autoFlow .auto-line, #autoFlow .auto-branch');nodes.forEach((n,i)=>{setTimeout(()=>n.classList.add('animated'),i*250)});autoObs.disconnect()}},{threshold:.2});const autoEl=document.getElementById('autoFlow');if(autoEl)autoObs.observe(autoEl);\n\n\/\/ HubSpot Form\nconst s=document.createElement('script');s.src='https:\/\/js-eu1.hsforms.net\/forms\/embed\/v2.js';s.charset='utf-8';\ns.onload=function(){if(window.hbspt){window.hbspt.forms.create({region:'eu1',portalId:'26274384',formId:'4ddc726f-36c4-4ed9-b827-4864dd65322c',target:'#hubspot-form',css:'',cssClass:'hs-form-custom',\nonFormReady:function(){const st=document.createElement('style');st.textContent=`\n.hs-form-custom{font-family:'Inter',system-ui,sans-serif!important}\n.hs-form-custom .hs-form-field{margin-bottom:18px}\n.hs-form-custom label:not(.hs-error-msg){font-size:13px!important;font-weight:600!important;color:#091428!important;margin-bottom:6px!important;display:block!important;letter-spacing:.2px}\n.hs-form-custom .hs-input{width:100%!important;padding:11px 14px!important;border:1.5px solid #e2e5ea!important;border-radius:8px!important;font-size:14px!important;font-family:'Inter',system-ui,sans-serif!important;color:#091428!important;background:#fafbff!important;transition:border-color .2s,box-shadow .2s!important;outline:none!important;-webkit-appearance:none!important}\n.hs-form-custom .hs-input:focus{border-color:#2982FC!important;box-shadow:0 0 0 3px rgba(41,130,252,.1)!important;background:#fff!important}\n.hs-form-custom select.hs-input{cursor:pointer!important}\n.hs-form-custom textarea.hs-input{min-height:90px!important;resize:vertical!important}\n.hs-form-custom .hs-submit{margin-top:6px}\n.hs-form-custom .hs-button{width:100%!important;padding:13px 24px!important;background:#2982FC!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:15px!important;font-weight:600!important;font-family:'DM Sans',system-ui,sans-serif!important;cursor:pointer!important;transition:all .25s!important;box-shadow:0 2px 8px rgba(41,130,252,.3)!important}\n.hs-form-custom .hs-button:hover{background:#1E6FD9!important;box-shadow:0 4px 16px rgba(41,130,252,.4)!important;transform:translateY(-1px)!important}\n.hs-form-custom .hs-error-msg,.hs-form-custom .hs-error-msgs{color:#dc2626!important;font-size:12px!important;margin-top:4px!important}\n.hs-form-custom .legal-consent-container{margin-top:12px}\n.hs-form-custom .legal-consent-container p,.hs-form-custom .hs-richtext p{font-size:12px!important;color:#8898aa!important;line-height:1.6!important}\n.hs-form-custom .submitted-message{text-align:center!important;padding:40px 20px!important;font-size:16px!important;color:#091428!important}\n.hs-form-custom fieldset{max-width:100%!important}\n.hs-form-custom fieldset.form-columns-2 .hs-form-field{width:48%!important}\n.hs-form-custom .inputs-list{list-style:none!important;padding:0!important}\n.hs-form-custom .hs-form-booleancheckbox label{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:13px!important;font-weight:400!important;color:#525f7f!important}\n.hs-form-custom .hs-form-booleancheckbox input[type=\"checkbox\"]{width:16px!important;height:16px!important;margin-top:2px!important;flex-shrink:0!important}\n`;document.head.appendChild(st)}});}};document.head.appendChild(s);\n<\/script>\n\n<script>\n\/\/ Nav\nconst nav=document.getElementById('nav'),hamburger=document.getElementById('hamburger'),navRight=document.getElementById('navRight');\nhamburger.addEventListener('click',()=>navRight.classList.toggle('open'));\nnavRight.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>navRight.classList.remove('open')));\n\n\/\/ Nav scroll shadow\nwindow.addEventListener('scroll',()=>{nav.classList.toggle('scrolled',window.scrollY>20)});\n\n\/\/ Fade-up animations\nconst fadeObs=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting)e.target.classList.add('vis')})},{threshold:.1,rootMargin:'0px 0px -40px 0px'});\ndocument.querySelectorAll('.fade-up').forEach(el=>fadeObs.observe(el));\n\n\/\/ Funnel animation\nconst funnelObs=new IntersectionObserver(([e])=>{\n  if(e.isIntersecting){\n    document.querySelectorAll('.funnel-bar').forEach((bar,i)=>{\n      setTimeout(()=>{bar.classList.add('animated')},i*200);\n    });\n    \/\/ Animate counters\n    document.querySelectorAll('.funnel-bar-count').forEach((el,i)=>{\n      const target=parseInt(el.dataset.target);\n      setTimeout(()=>{\n        let current=0;const step=Math.ceil(target\/40);\n        const interval=setInterval(()=>{current+=step;if(current>=target){current=target;clearInterval(interval)}el.textContent=current},30);\n      },i*200+400);\n    });\n    funnelObs.disconnect();\n  }\n},{threshold:.3});\nfunnelObs.observe(document.getElementById('funnel'));\n\n\/\/ Animated metric cards observer\nconst cardObs=new IntersectionObserver(([e])=>{if(e.isIntersecting){\n  document.querySelectorAll('.metric-card').forEach((c,i)=>{setTimeout(()=>c.classList.add('vis'),i*200)});\n  setTimeout(()=>{document.querySelectorAll('.ring-progress').forEach(d=>d.classList.add('animated'))},400);\n  document.querySelectorAll('.bcm-fill').forEach((b,i)=>{setTimeout(()=>b.classList.add('animated'),300)});\n  document.querySelectorAll('.bcm-val').forEach((v)=>{setTimeout(()=>v.classList.add('animated'),300)});\n  document.querySelectorAll('.bcm-arrow').forEach((a)=>{setTimeout(()=>a.classList.add('animated'),300)});\n  document.querySelectorAll('.counter').forEach((el)=>{const target=parseInt(el.dataset.target);let current=0;const step=Math.ceil(target\/30);const interval=setInterval(()=>{current+=step;if(current>=target){current=target;clearInterval(interval)}el.textContent=current},40)});\n  cardObs.disconnect()}},{threshold:.2});\nconst animCardsEl=document.getElementById('animCards');if(animCardsEl)cardObs.observe(animCardsEl);\n\n\/\/ Automation flow observer\nconst autoObs=new IntersectionObserver(([e])=>{if(e.isIntersecting){const nodes=document.querySelectorAll('#autoFlow .auto-node, #autoFlow .auto-line, #autoFlow .auto-branch');nodes.forEach((n,i)=>{setTimeout(()=>n.classList.add('animated'),i*250)});autoObs.disconnect()}},{threshold:.2});const autoEl=document.getElementById('autoFlow');if(autoEl)autoObs.observe(autoEl);\n\n\/\/ HubSpot Form\nconst s=document.createElement('script');s.src='https:\/\/js-eu1.hsforms.net\/forms\/embed\/v2.js';s.charset='utf-8';\ns.onload=function(){if(window.hbspt){window.hbspt.forms.create({region:'eu1',portalId:'26274384',formId:'4ddc726f-36c4-4ed9-b827-4864dd65322c',target:'#hubspot-form',css:'',cssClass:'hs-form-custom',\nonFormReady:function(){const st=document.createElement('style');st.textContent=`\n.hs-form-custom{font-family:'Inter',system-ui,sans-serif!important}\n.hs-form-custom .hs-form-field{margin-bottom:18px}\n.hs-form-custom label:not(.hs-error-msg){font-size:13px!important;font-weight:600!important;color:#091428!important;margin-bottom:6px!important;display:block!important;letter-spacing:.2px}\n.hs-form-custom .hs-input{width:100%!important;padding:11px 14px!important;border:1.5px solid #e2e5ea!important;border-radius:8px!important;font-size:14px!important;font-family:'Inter',system-ui,sans-serif!important;color:#091428!important;background:#fafbff!important;transition:border-color .2s,box-shadow .2s!important;outline:none!important;-webkit-appearance:none!important}\n.hs-form-custom .hs-input:focus{border-color:#2982FC!important;box-shadow:0 0 0 3px rgba(41,130,252,.1)!important;background:#fff!important}\n.hs-form-custom select.hs-input{cursor:pointer!important}\n.hs-form-custom textarea.hs-input{min-height:90px!important;resize:vertical!important}\n.hs-form-custom .hs-submit{margin-top:6px}\n.hs-form-custom .hs-button{width:100%!important;padding:13px 24px!important;background:#2982FC!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:15px!important;font-weight:600!important;font-family:'DM Sans',system-ui,sans-serif!important;cursor:pointer!important;transition:all .25s!important;box-shadow:0 2px 8px rgba(41,130,252,.3)!important}\n.hs-form-custom .hs-button:hover{background:#1E6FD9!important;box-shadow:0 4px 16px rgba(41,130,252,.4)!important;transform:translateY(-1px)!important}\n.hs-form-custom .hs-error-msg,.hs-form-custom .hs-error-msgs{color:#dc2626!important;font-size:12px!important;margin-top:4px!important}\n.hs-form-custom .legal-consent-container{margin-top:12px}\n.hs-form-custom .legal-consent-container p,.hs-form-custom .hs-richtext p{font-size:12px!important;color:#8898aa!important;line-height:1.6!important}\n.hs-form-custom .submitted-message{text-align:center!important;padding:40px 20px!important;font-size:16px!important;color:#091428!important}\n.hs-form-custom fieldset{max-width:100%!important}\n.hs-form-custom fieldset.form-columns-2 .hs-form-field{width:48%!important}\n.hs-form-custom .inputs-list{list-style:none!important;padding:0!important}\n.hs-form-custom .hs-form-booleancheckbox label{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:13px!important;font-weight:400!important;color:#525f7f!important}\n.hs-form-custom .hs-form-booleancheckbox input[type=\"checkbox\"]{width:16px!important;height:16px!important;margin-top:2px!important;flex-shrink:0!important}\n`;document.head.appendChild(st)}});}};document.head.appendChild(s);\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Blog El problema Soluci\u00f3n Precios Solicitar demo +4.000 colegios \u00b7 7 pa\u00edses El CRM dise\u00f1adopara colegios De Excel y email a un pipeline de admisiones profesional. Automatiza el seguimiento, centraliza todos los canales y convierte m\u00e1s familias en matr\u00edculas. Solicitar demo gratuita Ver c\u00f3mo funciona 0 Contactos Todos los canales \u203a 0 Contactados Primera respuesta &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.micole.net\/blog\/crm\/\"> <span class=\"screen-reader-text\">CRM para Colegios | Micole CRM<\/span> Leer m\u00e1s &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"content-type":"","sfsi_plus_gutenberg_text_before_share":"","sfsi_plus_gutenberg_show_text_before_share":"","sfsi_plus_gutenberg_icon_type":"","sfsi_plus_gutenberg_icon_alignemt":"","sfsi_plus_gutenburg_max_per_row":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","footnotes":""},"class_list":["post-7683","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CRM para Colegios | Micole CRM - Blog Micole<\/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:\/\/www.micole.net\/blog\/crm\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CRM para Colegios | Micole CRM - Blog Micole\" \/>\n<meta property=\"og:description\" content=\"Blog El problema Soluci\u00f3n Precios Solicitar demo +4.000 colegios \u00b7 7 pa\u00edses El CRM dise\u00f1adopara colegios De Excel y email a un pipeline de admisiones profesional. Automatiza el seguimiento, centraliza todos los canales y convierte m\u00e1s familias en matr\u00edculas. Solicitar demo gratuita Ver c\u00f3mo funciona 0 Contactos Todos los canales \u203a 0 Contactados Primera respuesta &hellip; CRM para Colegios | Micole CRM Leer m\u00e1s &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.micole.net\/blog\/crm\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Micole\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/micoleoficial\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T10:26:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2026\/02\/logo-nav-crm.svg\" \/>\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=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.micole.net\/blog\/crm\/\",\"url\":\"https:\/\/www.micole.net\/blog\/crm\/\",\"name\":\"CRM para Colegios | Micole CRM - Blog Micole\",\"isPartOf\":{\"@id\":\"https:\/\/www.micole.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.micole.net\/blog\/crm\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.micole.net\/blog\/crm\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2026\/02\/logo-nav-crm.svg\",\"datePublished\":\"2026-02-18T08:28:02+00:00\",\"dateModified\":\"2026-02-19T10:26:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.micole.net\/blog\/crm\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.micole.net\/blog\/crm\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.micole.net\/blog\/crm\/#primaryimage\",\"url\":\"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2026\/02\/logo-nav-crm.svg\",\"contentUrl\":\"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2026\/02\/logo-nav-crm.svg\",\"width\":589,\"height\":200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.micole.net\/blog\/crm\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.micole.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CRM para Colegios | Micole CRM\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.micole.net\/blog\/#website\",\"url\":\"https:\/\/www.micole.net\/blog\/\",\"name\":\"Blog Micole\",\"description\":\"En el Blog de Micole encontrar\u00e1s contenido y recursos relacionados con la educaci\u00f3n y la crianza de los hijos\",\"publisher\":{\"@id\":\"https:\/\/www.micole.net\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.micole.net\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.micole.net\/blog\/#organization\",\"name\":\"Micole\",\"url\":\"https:\/\/www.micole.net\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.micole.net\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2019\/12\/logo.png\",\"contentUrl\":\"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2019\/12\/logo.png\",\"width\":1200,\"height\":1200,\"caption\":\"Micole\"},\"image\":{\"@id\":\"https:\/\/www.micole.net\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/micoleoficial\/\",\"https:\/\/www.instagram.com\/micoleoficial\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CRM para Colegios | Micole CRM - Blog Micole","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:\/\/www.micole.net\/blog\/crm\/","og_locale":"es_ES","og_type":"article","og_title":"CRM para Colegios | Micole CRM - Blog Micole","og_description":"Blog El problema Soluci\u00f3n Precios Solicitar demo +4.000 colegios \u00b7 7 pa\u00edses El CRM dise\u00f1adopara colegios De Excel y email a un pipeline de admisiones profesional. Automatiza el seguimiento, centraliza todos los canales y convierte m\u00e1s familias en matr\u00edculas. Solicitar demo gratuita Ver c\u00f3mo funciona 0 Contactos Todos los canales \u203a 0 Contactados Primera respuesta &hellip; CRM para Colegios | Micole CRM Leer m\u00e1s &raquo;","og_url":"https:\/\/www.micole.net\/blog\/crm\/","og_site_name":"Blog Micole","article_publisher":"https:\/\/www.facebook.com\/micoleoficial\/","article_modified_time":"2026-02-19T10:26:12+00:00","og_image":[{"url":"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2026\/02\/logo-nav-crm.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.micole.net\/blog\/crm\/","url":"https:\/\/www.micole.net\/blog\/crm\/","name":"CRM para Colegios | Micole CRM - Blog Micole","isPartOf":{"@id":"https:\/\/www.micole.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.micole.net\/blog\/crm\/#primaryimage"},"image":{"@id":"https:\/\/www.micole.net\/blog\/crm\/#primaryimage"},"thumbnailUrl":"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2026\/02\/logo-nav-crm.svg","datePublished":"2026-02-18T08:28:02+00:00","dateModified":"2026-02-19T10:26:12+00:00","breadcrumb":{"@id":"https:\/\/www.micole.net\/blog\/crm\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.micole.net\/blog\/crm\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.micole.net\/blog\/crm\/#primaryimage","url":"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2026\/02\/logo-nav-crm.svg","contentUrl":"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2026\/02\/logo-nav-crm.svg","width":589,"height":200},{"@type":"BreadcrumbList","@id":"https:\/\/www.micole.net\/blog\/crm\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.micole.net\/blog\/"},{"@type":"ListItem","position":2,"name":"CRM para Colegios | Micole CRM"}]},{"@type":"WebSite","@id":"https:\/\/www.micole.net\/blog\/#website","url":"https:\/\/www.micole.net\/blog\/","name":"Blog Micole","description":"En el Blog de Micole encontrar\u00e1s contenido y recursos relacionados con la educaci\u00f3n y la crianza de los hijos","publisher":{"@id":"https:\/\/www.micole.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.micole.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.micole.net\/blog\/#organization","name":"Micole","url":"https:\/\/www.micole.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.micole.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2019\/12\/logo.png","contentUrl":"https:\/\/www.micole.net\/blog\/wp-content\/uploads\/2019\/12\/logo.png","width":1200,"height":1200,"caption":"Micole"},"image":{"@id":"https:\/\/www.micole.net\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/micoleoficial\/","https:\/\/www.instagram.com\/micoleoficial\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.micole.net\/blog\/wp-json\/wp\/v2\/pages\/7683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.micole.net\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.micole.net\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.micole.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.micole.net\/blog\/wp-json\/wp\/v2\/comments?post=7683"}],"version-history":[{"count":0,"href":"https:\/\/www.micole.net\/blog\/wp-json\/wp\/v2\/pages\/7683\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.micole.net\/blog\/wp-json\/wp\/v2\/media?parent=7683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}