{"id":21,"date":"2026-08-01T03:49:31","date_gmt":"2026-08-01T03:49:31","guid":{"rendered":"https:\/\/cronosflujos.ex31.net\/?page_id=21"},"modified":"2026-08-02T18:51:48","modified_gmt":"2026-08-02T18:51:48","slug":"como-funciona","status":"publish","type":"page","link":"https:\/\/cronosflujos.ex31.net\/?page_id=21","title":{"rendered":"C\u00f3mo funciona"},"content":{"rendered":"\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     CRONOFLUJOS \u00b7 Flujo animado\n     v4: leyenda de asistencias \u00b7 micro-animaciones\n         activas en m\u00f3vil \u00b7 frase final ajustada\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,700;1,9..144,500;1,9..144,600&amp;family=Nunito+Sans:ital,wght@0,400;0,700;0,800;1,400&amp;display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2500\u2500 Contenedor y ambiente \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cf-flow{\n  --ink:#2c2760; --muted:#77719f;\n  --violet:#7c3aed; --violet-2:#a78bfa; --violet-3:#ddd6fe; --wash:#f6f3ff;\n  --mint:#10b981; --mint-2:#34d399; --mint-3:#d1fae5;\n  --amber:#f59e0b; --red:#ef4444;\n  font-family:\"Nunito Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  max-width:1140px; margin:40px auto; padding:44px 38px 40px;\n  color:var(--ink); position:relative; overflow:visible;\n  background:\n    radial-gradient(620px 320px at 4% -4%, rgba(167,139,250,.14), transparent 62%),\n    radial-gradient(560px 340px at 98% 12%, rgba(52,211,153,.13), transparent 60%),\n    radial-gradient(520px 300px at 50% 108%, rgba(167,139,250,.09), transparent 62%),\n    #fdfcff;\n  border:1px solid #ece7fb; border-radius:26px;\n  box-shadow:0 26px 60px -34px rgba(76,29,149,.22);\n}\n.cf-flow::before{\n  content:\"\"; position:absolute; inset:0; pointer-events:none;\n  background:radial-gradient(rgba(124,58,237,.055) 1px, transparent 1.4px);\n  background-size:26px 26px;\n  -webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);\n          mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);\n}\n.cf-float{position:absolute; opacity:.16; pointer-events:none; animation:cfFloat 8s ease-in-out infinite; z-index:1}\n.cf-float svg{display:block}\n.cf-f1{top:74px; left:26px; color:var(--violet-2)}\n.cf-f2{top:130px; right:38px; color:var(--mint-2); animation-delay:2.5s; animation-duration:9.5s}\n.cf-f3{bottom:64px; left:7%; color:var(--mint-2); animation-delay:1.2s; animation-duration:7s}\n@keyframes cfFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(6deg)}}\n\n\/* \u2500\u2500 Encabezado \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cf-head{text-align:center; position:relative; z-index:2}\n.cf-kicker{display:inline-flex; align-items:center; gap:8px; background:#fff;\n  border:1px solid var(--violet-3); color:var(--violet);\n  font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;\n  padding:6px 15px; border-radius:999px; box-shadow:0 4px 12px -6px rgba(124,58,237,.25)}\n.cf-kicker svg{width:12px; height:12px; animation:cfBeat 2.6s ease-in-out infinite}\n.cf-title{font-family:\"Fraunces\",Georgia,serif; font-weight:700;\n  font-size:clamp(1.7rem,3.4vw,2.4rem); line-height:1.15; margin:16px auto 10px; max-width:740px}\n.cf-title em{font-style:italic; color:var(--violet)}\n.cf-sub{font-size:1.02rem; color:var(--muted); max-width:640px; margin:0 auto; line-height:1.55}\n.cf-legend{display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:18px}\n.cf-leg{display:inline-flex; align-items:center; gap:7px; background:#fff;\n  border:1px solid #ece6fb; border-radius:999px; padding:5px 13px;\n  font-size:.8rem; font-weight:700; color:#5f5a8c}\n.cf-leg i{width:10px; height:10px; border-radius:50%; display:inline-block; flex-shrink:0}\n\n\/* \u2500\u2500 Estructura de pasos \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cf-steps{display:flex; align-items:flex-start; justify-content:space-between;\n  position:relative; padding-top:40px; margin-top:34px; z-index:2}\n.cf-step{flex:1 1 0; min-width:150px; text-align:center; position:relative; z-index:2}\n.cf-icon-box{width:104px; height:104px; margin:0 auto 14px; position:relative; z-index:2;\n  background:linear-gradient(165deg,#ffffff 0%,var(--wash) 100%);\n  border:1px solid #eae4fb; border-radius:24px;\n  display:flex; align-items:center; justify-content:center;\n  box-shadow:0 10px 24px -14px rgba(76,29,149,.25);\n  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s, border-color .35s}\n.cf-num{position:absolute; top:-9px; left:50%; transform:translateX(-50%); z-index:3;\n  width:26px; height:26px; border-radius:50%; background:#fff;\n  border:2px solid var(--violet-3); color:var(--violet);\n  font-family:\"Fraunces\",serif; font-weight:700; font-size:.85rem;\n  display:flex; align-items:center; justify-content:center; transition:.3s}\n.cf-num.mint{border-color:#a7f3d0; color:#059669}\n.cf-step-label{font-size:.95rem; font-weight:800; line-height:1.3}\n.cf-step-desc{font-size:.8rem; color:var(--muted); margin-top:5px; line-height:1.4; padding:0 6px}\n@media (hover:hover){\n  .cf-step:hover .cf-icon-box{transform:translateY(-6px); border-color:#c9b8fd;\n    box-shadow:0 18px 34px -16px rgba(124,58,237,.35)}\n  .cf-step:hover .cf-num{background:var(--violet); border-color:var(--violet); color:#fff}\n}\n\n\/* \u2500\u2500 Riel y viajeros \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cf-rail{position:absolute; left:9%; right:9%; top:92px; height:3px; z-index:1; border-radius:2px;\n  background:repeating-linear-gradient(90deg,var(--violet-3) 0 8px,transparent 8px 16px);\n  animation:cfDashX 1.3s linear infinite}\n@keyframes cfDashX{to{background-position:16px 0}}\n\n.cf-travel{position:absolute; top:92px; left:9%; width:16px; height:16px; z-index:10;\n  opacity:0; pointer-events:none; transform:translate(-50%,-50%)}\n.cf-travel svg{width:100%; height:100%; display:block}\n.cf-t1{color:var(--mint);  animation:cfTravelX 9s linear infinite;      filter:drop-shadow(0 3px 5px rgba(16,185,129,.45))}\n.cf-t2{color:var(--amber); animation:cfTravelX 9s linear infinite 3s;   filter:drop-shadow(0 3px 5px rgba(245,158,11,.45))}\n.cf-t3{color:var(--red);   animation:cfTravelX 9s linear infinite 6s;   filter:drop-shadow(0 3px 5px rgba(239,68,68,.4))}\n@keyframes cfTravelX{\n  0%   {left:9%;  opacity:0; transform:translate(-50%,-50%) scale(.3)}\n  4%   {left:12%; opacity:1; transform:translate(-50%,-50%) scale(1.2)}\n  12%  {left:22%; transform:translate(-50%,-55%) rotate(-8deg)}\n  25%  {left:35%; transform:translate(-50%,-45%) rotate(0deg)}\n  40%  {left:50%; transform:translate(-50%,-55%) rotate(8deg)}\n  55%  {left:65%; transform:translate(-50%,-48%) rotate(0deg)}\n  70%  {left:78%; transform:translate(-50%,-50%) scale(1); opacity:1}\n  82%  {left:88%; opacity:1}\n  92%,100%{left:91%; transform:translate(-50%,-50%) scale(.3); opacity:0}\n}\n\n\/* \u2500\u2500 Paso 1 \u00b7 Celular \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cf-phone{width:54px; height:88px; background:#241e56; border:2px solid #b7a5f7;\n  border-radius:11px; position:relative; box-shadow:0 6px 14px -6px rgba(36,30,86,.5)}\n.cf-phone::before{content:\"\"; position:absolute; top:3px; left:50%; transform:translateX(-50%);\n  width:14px; height:2.5px; border-radius:2px; background:#4c4490}\n.cf-screen{position:absolute; inset:9px 4px 8px; background:#fff; border-radius:6px;\n  display:flex; flex-direction:column; align-items:center; padding-top:7px; gap:3px}\n.cf-pname{font-size:7px; font-weight:800; color:var(--ink)}\n.cf-pdate{font-size:5px; font-weight:700; color:#a3a0c9; text-transform:uppercase; letter-spacing:.08em}\n.cf-phearts{display:flex; gap:3px; margin-top:2px}\n.cf-phearts svg{width:11px; height:11px; animation:cfBeat 2.6s ease-in-out infinite}\n.cf-hg{color:var(--mint)} .cf-hy{color:var(--amber); animation-delay:.3s} .cf-hr{color:var(--red); animation-delay:.6s}\n@keyframes cfBeat{0%,100%{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}}\n.cf-tap{position:absolute; left:50%; top:56%; width:30px; height:30px; margin:-15px 0 0 -15px;\n  border-radius:50%; border:2px solid var(--violet-2); opacity:0; pointer-events:none;\n  animation:cfTap 3.33s ease-out infinite}\n@keyframes cfTap{0%{transform:scale(.3); opacity:0}7%{opacity:.8}42%,100%{transform:scale(2); opacity:0}}\n\n\/* \u2500\u2500 Paso 2 \u00b7 Google Sheets \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cf-sheets{width:54px; height:54px; background:#fff; border:2px solid var(--mint); border-radius:9px;\n  padding:5px; display:flex; flex-direction:column; gap:3px;\n  box-shadow:0 6px 14px -8px rgba(16,185,129,.5)}\n.cf-shead{height:9px; background:var(--mint); border-radius:3px}\n.cf-sgrid{flex:1; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:3px}\n.cf-sgrid span{background:#dff7ec; border-radius:2.5px; animation:cfCell 6s ease-in-out infinite}\n.cf-sgrid span:nth-child(2){animation-delay:.5s}\n.cf-sgrid span:nth-child(3){animation-delay:1s}\n.cf-sgrid span:nth-child(4){animation-delay:1.5s}\n@keyframes cfCell{0%,100%{background:#dff7ec}10%,26%{background:var(--mint-2)}40%{background:#dff7ec}}\n.cf-lock{position:absolute; right:-8px; bottom:-8px; width:27px; height:27px; z-index:3;\n  background:var(--mint-3); border:2.5px solid #fff; border-radius:50%;\n  display:flex; align-items:center; justify-content:center; animation:cfNudge 5s ease-in-out infinite}\n.cf-lock svg{width:12px; height:12px}\n@keyframes cfNudge{0%,86%,100%{transform:scale(1)}92%{transform:scale(1.18)}}\n\n\/* \u2500\u2500 Paso 3 \u00b7 Escudo \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cf-shield{position:relative; display:flex; align-items:center; justify-content:center}\n.cf-shield-ring{position:absolute; width:70px; height:70px; border-radius:50%;\n  border:2px solid rgba(52,211,153,.55); opacity:0; animation:cfRing 5.5s ease-out infinite}\n@keyframes cfRing{0%,12%{transform:scale(.65); opacity:0}20%{opacity:.7}48%,100%{transform:scale(1.25); opacity:0}}\n.cf-shield > svg{width:50px; height:50px; position:relative}\n.cf-checkdraw{stroke-dasharray:22; stroke-dashoffset:22; animation:cfDraw 5.5s ease-in-out infinite}\n@keyframes cfDraw{0%,14%{stroke-dashoffset:22; opacity:0}20%{opacity:1}40%{stroke-dashoffset:0}\n  80%{stroke-dashoffset:0; opacity:1}94%,100%{stroke-dashoffset:22; opacity:0}}\n\n\/* \u2500\u2500 Paso 4 \u00b7 Programa central (offline) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cf-pc{position:relative; display:flex; flex-direction:column; align-items:center}\n.cf-pc-screen{width:68px; height:46px; padding:7px 8px;\n  background:linear-gradient(160deg,#fff,#efe9ff); border:2px solid var(--violet);\n  border-radius:7px 7px 3px 3px; display:flex; flex-direction:column; justify-content:center; gap:5px}\n.cf-bar{height:5px; border-radius:3px; background:#e6defb; overflow:hidden; position:relative}\n.cf-bar::after{content:\"\"; position:absolute; inset:0; border-radius:3px;\n  background:linear-gradient(90deg,var(--mint-2),var(--mint));\n  transform:scaleX(0); transform-origin:left; animation:cfFill 5.2s ease-in-out infinite}\n.cf-bar:nth-child(2)::after{animation-delay:1.7s}\n.cf-bar:nth-child(3)::after{animation-delay:3.4s}\n@keyframes cfFill{0%{transform:scaleX(0); opacity:1}26%{transform:scaleX(1)}\n  60%{transform:scaleX(1); opacity:1}78%,100%{transform:scaleX(1); opacity:0}}\n.cf-pc-base{width:80px; height:6px; background:var(--violet); border-radius:0 0 6px 6px; margin-top:-1px}\n.cf-wifi{position:absolute; top:-13px; right:-20px; width:27px; height:27px; z-index:3;\n  background:#fff; border:2px solid #fcd34d; border-radius:50%;\n  display:flex; align-items:center; justify-content:center; animation:cfWifi 2.8s ease-in-out infinite}\n.cf-wifi svg{width:13px; height:13px}\n@keyframes cfWifi{0%,100%{opacity:1; transform:scale(1)}50%{opacity:.55; transform:scale(.94)}}\n.cf-offtag{position:absolute; top:-16px; left:-24px; white-space:nowrap;\n  background:#fef3c7; color:#92400e; font-size:8.5px; font-weight:800;\n  padding:3px 8px; border-radius:999px; border:1px solid #fcd34d;\n  transform:rotate(-7deg); animation:cfTag 2.8s ease-in-out infinite}\n@keyframes cfTag{0%,100%{box-shadow:0 0 0 0 rgba(252,211,77,.6)}50%{box-shadow:0 0 0 5px rgba(252,211,77,0)}}\n\n\/* \u2500\u2500 Paso 5 \u00b7 Vuelve al celular \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cf-pstatus{font-size:5px; font-weight:800; color:var(--mint); text-transform:uppercase; letter-spacing:.06em}\n.cf-check5{position:absolute; right:-7px; bottom:-7px; width:26px; height:26px; z-index:3;\n  border-radius:50%; background:var(--mint); border:2.5px solid #fff;\n  display:flex; align-items:center; justify-content:center;\n  animation:cfPop 5s cubic-bezier(.34,1.56,.64,1) infinite}\n.cf-check5 svg{width:12px; height:12px}\n@keyframes cfPop{0%,58%{transform:scale(0); opacity:0}66%{transform:scale(1.25); opacity:1}\n  72%{transform:scale(1)}90%{transform:scale(1); opacity:1}98%,100%{transform:scale(0); opacity:0}}\n.cf-sync{position:absolute; inset:-7px; border-radius:28px; pointer-events:none;\n  border:2px solid rgba(52,211,153,.6); opacity:0; animation:cfSync 5s ease-out infinite}\n@keyframes cfSync{0%,52%{opacity:0; transform:scale(.94)}62%{opacity:.7}88%,100%{opacity:0; transform:scale(1.1)}}\n\n\/* \u2500\u2500 Cierre \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cf-foot{text-align:center; margin-top:30px; position:relative; z-index:2;\n  font-family:\"Fraunces\",serif; font-style:italic; font-size:.95rem; color:#8a84b8}\n.cf-foot b{color:var(--violet); font-weight:600}\n.cf-foot-ico{width:15px; height:15px; vertical-align:-2px; margin-right:7px; color:var(--violet-2)}\n\n\/* \u2500\u2500 Aparici\u00f3n al scroll: SOLO si el JS est\u00e1 activo \u2500\u2500 *\/\n.cf-flow.cf-js .cf-reveal{opacity:0; transform:translateY(16px);\n  transition:opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1)}\n.cf-flow.cf-js .cf-reveal.cf-in{opacity:1; transform:none}\n\n\/* \u2500\u2500 M\u00d3VIL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width:850px){\n  .cf-flow{padding:34px 20px 30px; margin:24px 12px}\n  .cf-steps{flex-direction:column; padding-top:10px; gap:36px}\n  .cf-step{display:flex; align-items:flex-start; text-align:left; gap:16px; min-width:0}\n  .cf-icon-box{width:96px; height:96px; margin:0; flex:0 0 96px; border-radius:22px}\n  .cf-step-txt{padding-top:16px}\n  .cf-step-desc{padding:0}\n\n  .cf-rail{left:46.5px; right:auto; top:30px; bottom:30px; width:3px; height:auto;\n    background:repeating-linear-gradient(180deg,var(--violet-3) 0 8px,transparent 8px 16px);\n    animation:cfDashY 1.3s linear infinite}\n\n  .cf-travel{left:48px !important; top:8%; width:18px; height:18px}\n  .cf-t1{animation:cfTravelY 8s linear infinite 0s   !important}\n  .cf-t2{animation:cfTravelY 8s linear infinite 2.6s !important}\n  .cf-t3{animation:cfTravelY 8s linear infinite 5.2s !important}\n\n  .cf-offtag{left:auto; right:-12px; top:-18px; transform:rotate(5deg)}\n}\n@keyframes cfDashY{to{background-position:0 16px}}\n@keyframes cfTravelY{\n  0%   {top:6%;  opacity:0; transform:translate(-50%,-50%) scale(.4)}\n  6%   {opacity:1; transform:translate(-50%,-50%) scale(1.15)}\n  15%  {transform:translate(-50%,-50%) scale(1)}\n  85%  {top:88%; opacity:1; transform:translate(-50%,-50%) scale(1)}\n  95%,100%{top:93%; opacity:0; transform:translate(-50%,-50%) scale(.35)}\n}\n\n\/* \u2500\u2500 Movimiento reducido (ajuste del celular) \u2500\u2500\u2500\u2500\u2500\n   Mantiene TODAS las micro-animaciones de los iconos\n   (latidos, toque, celdas, escudo, barras, wifi, check).\n   Solo calma el viaje largo de los corazones y detiene\n   los corazones decorativos del fondo. *\/\n@media (prefers-reduced-motion:reduce){\n  @keyframes cfTravelCalm{\n    0%{left:9%; opacity:0} 6%{left:13%; opacity:.9}\n    88%{left:87%; opacity:.9} 96%,100%{left:91%; opacity:0}\n  }\n  .cf-float{animation:none!important}\n  .cf-travel{animation:cfTravelCalm 16s linear infinite!important}\n  .cf-t2{animation-delay:5.3s!important}\n  .cf-t3{animation-delay:10.6s!important}\n  .cf-flow.cf-js .cf-reveal{opacity:1!important; transform:none!important; transition:none!important}\n  \/* \u00bfAlguna vez quieres cero movimiento total? Descomenta estas 2 l\u00edneas:\n  .cf-flow *,.cf-flow *::before,.cf-flow *::after{animation:none!important;transition:none!important}\n  .cf-travel{opacity:.85!important}\n  *\/\n}\n@media (prefers-reduced-motion:reduce) and (max-width:850px){\n  @keyframes cfTravelCalmY{\n    0%{top:6%; opacity:0} 6%{top:10%; opacity:.9}\n    88%{top:88%; opacity:.9} 96%,100%{top:93%; opacity:0}\n  }\n  .cf-travel{animation-name:cfTravelCalmY!important; left:48px!important}\n}\n<\/style>\n\n<div class=\"cf-flow\" id=\"cf-flow\">\n  <!-- Corazones decorativos de fondo -->\n  <span class=\"cf-float cf-f1\" aria-hidden=\"true\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg><\/span>\n  <span class=\"cf-float cf-f2\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg><\/span>\n  <span class=\"cf-float cf-f3\" aria-hidden=\"true\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg><\/span>\n\n  <!-- Encabezado -->\n  <header class=\"cf-head\">\n    <span class=\"cf-kicker cf-reveal\">\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg>\n      CronosFlujos \u00b7 el viaje de cada registro\n    <\/span>\n    <h2 class=\"cf-title cf-reveal\" style=\"transition-delay:.05s\">Del <em>coraz\u00f3n<\/em> a la computadora, y de vuelta a tu celular<\/h2>\n    <p class=\"cf-sub cf-reveal\" style=\"transition-delay:.1s\">Marcas la asistencia con un toque. CronosFlujos ordena tus registros, los protege y te los devuelve actualizados \u2014 incluso sin internet.<\/p>\n    <div class=\"cf-legend cf-reveal\" style=\"transition-delay:.15s\">\n      <span class=\"cf-leg\"><i style=\"background:#10b981\"><\/i>Asistencia regular<\/span>\n      <span class=\"cf-leg\"><i style=\"background:#f59e0b\"><\/i>Inasistencia justificada<\/span>\n      <span class=\"cf-leg\"><i style=\"background:#ef4444\"><\/i>Inasistencia no justificada<\/span>\n    <\/div>\n  <\/header>\n\n  <!-- Diagrama -->\n  <div class=\"cf-steps\">\n    <!-- Riel y viajeros -->\n    <div class=\"cf-rail\" aria-hidden=\"true\"><\/div>\n    <span class=\"cf-travel cf-t1\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg><\/span>\n    <span class=\"cf-travel cf-t2\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg><\/span>\n    <span class=\"cf-travel cf-t3\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg><\/span>\n\n    <!-- 1 \u00b7 Marcas en el celular -->\n    <div class=\"cf-step cf-reveal\" style=\"transition-delay:.2s\">\n      <div class=\"cf-icon-box\">\n        <span class=\"cf-num\">1<\/span>\n        <div class=\"cf-phone\">\n          <div class=\"cf-screen\">\n            <div class=\"cf-pname\">Pedrito<\/div>\n            <div class=\"cf-pdate\">hoy<\/div>\n            <div class=\"cf-phearts\">\n              <svg class=\"cf-hg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg>\n              <svg class=\"cf-hy\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg>\n              <svg class=\"cf-hr\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n        <span class=\"cf-tap\" aria-hidden=\"true\"><\/span>\n      <\/div>\n      <div class=\"cf-step-txt\">\n        <div class=\"cf-step-label\">Marcas con un toque<\/div>\n        <div class=\"cf-step-desc\">Eliges a Pedrito y tocas un coraz\u00f3n: verde, amarillo o rojo.<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 2 \u00b7 Google Sheets -->\n    <div class=\"cf-step cf-reveal\" style=\"transition-delay:.3s\">\n      <div class=\"cf-icon-box\">\n        <span class=\"cf-num mint\">2<\/span>\n        <div class=\"cf-sheets\">\n          <div class=\"cf-shead\"><\/div>\n          <div class=\"cf-sgrid\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\n        <\/div>\n        <div class=\"cf-lock\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"2.4\" stroke-linecap=\"round\"><rect x=\"4\" y=\"10.5\" width=\"16\" height=\"10\" rx=\"2.2\"><\/rect><path d=\"M8 10.5V7.5a4 4 0 0 1 8 0v3\"><\/path><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"cf-step-txt\">\n        <div class=\"cf-step-label\">Viaja a Google Sheets<\/div>\n        <div class=\"cf-step-desc\">El registro llega solo y se ordena en tu hoja de c\u00e1lculo.<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3 \u00b7 Protecci\u00f3n -->\n    <div class=\"cf-step cf-reveal\" style=\"transition-delay:.4s\">\n      <div class=\"cf-icon-box\">\n        <span class=\"cf-num mint\">3<\/span>\n        <div class=\"cf-shield\">\n          <span class=\"cf-shield-ring\" aria-hidden=\"true\"><\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"rgba(124,58,237,.07)\" stroke=\"#7c3aed\" stroke-width=\"1.7\" stroke-linejoin=\"round\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n            <path class=\"cf-checkdraw\" d=\"M8.7 12.2l2.3 2.3 4.3-4.6\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n          <\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"cf-step-txt\">\n        <div class=\"cf-step-label\">Se protege y se cuida<\/div>\n        <div class=\"cf-step-desc\">Los datos quedan resguardados: solo t\u00fa ves lo que importa.<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 4 \u00b7 Programa central offline -->\n    <div class=\"cf-step cf-reveal\" style=\"transition-delay:.5s\">\n      <div class=\"cf-icon-box\">\n        <span class=\"cf-num\">4<\/span>\n        <div class=\"cf-pc\">\n          <span class=\"cf-offtag\">sin internet \u2713<\/span>\n          <div class=\"cf-wifi\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#b45309\" stroke-width=\"2\" stroke-linecap=\"round\">\n              <path d=\"M2.5 9.2a15.2 15.2 0 0 1 19 0\"><\/path>\n              <path d=\"M5.6 12.8a10.4 10.4 0 0 1 12.8 0\"><\/path>\n              <circle cx=\"12\" cy=\"16.8\" r=\"1.7\" fill=\"#b45309\" stroke=\"none\"><\/circle>\n              <path d=\"M4 4l16 16\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"cf-pc-screen\">\n            <div class=\"cf-bar\"><\/div><div class=\"cf-bar\"><\/div><div class=\"cf-bar\"><\/div>\n          <\/div>\n          <div class=\"cf-pc-base\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"cf-step-txt\">\n        <div class=\"cf-step-label\">Se guarda en el programa central<\/div>\n        <div class=\"cf-step-desc\">Todo queda en un solo lugar, aunque no haya conexi\u00f3n.<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 5 \u00b7 Vuelve al celular -->\n    <div class=\"cf-step cf-reveal\" style=\"transition-delay:.6s\">\n      <div class=\"cf-icon-box\">\n        <span class=\"cf-num\">5<\/span>\n        <span class=\"cf-sync\" aria-hidden=\"true\"><\/span>\n        <div class=\"cf-phone\">\n          <div class=\"cf-screen\">\n            <div class=\"cf-pname\">Pedrito<\/div>\n            <div class=\"cf-phearts\">\n              <svg class=\"cf-hg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg>\n              <svg class=\"cf-hy\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg>\n              <svg class=\"cf-hr\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"cf-pstatus\">al d\u00eda<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"cf-check5\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 12.5l5 5 10-11\"><\/path><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"cf-step-txt\">\n        <div class=\"cf-step-label\">Vuelve a tu celular<\/div>\n        <div class=\"cf-step-desc\">La informaci\u00f3n regresa actualizada, lista para la pr\u00f3xima sesi\u00f3n.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <p class=\"cf-foot cf-reveal\" style=\"transition-delay:.7s\">\n    <svg class=\"cf-foot-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M17 1l4 4-4 4\"><\/path><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"><\/path>\n      <path d=\"M7 23l-4-4 4-4\"><\/path><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"><\/path>\n    <\/svg>Y al d\u00eda siguiente, el ciclo vuelve a empezar \u2014 <b>sin tecnicismos, sin papel y l\u00e1piz, sin estr\u00e9s<\/b>.\n  <\/p>\n\n  <!-- Nueva secci\u00f3n de reportes e informaci\u00f3n -->\n  <div class=\"cf-reports cf-reveal\" style=\"transition-delay:.8s\">\n    <p class=\"cf-reports-intro\">\n      <b>CronoFlujos<\/b> no solo muestra informaci\u00f3n en tu celular; transforma la rutina laboral en informaci\u00f3n clara mediante reportes en PDF listos para exportar:\n    <\/p>\n\n    <ul class=\"cf-reports-list\" style=\"list-style: none; padding-left: 0;\">\n      <li class=\"cf-report-item\" style=\"margin-bottom: 0.75rem;\">\n        <span aria-hidden=\"true\">\ud83d\udcca<\/span> <strong>Visualizaci\u00f3n gr\u00e1fica:<\/strong> Estad\u00edsticas en diagramas circulares para entender la salud global del centro al instante.\n      <\/li>\n\n      <li class=\"cf-report-item\" style=\"margin-bottom: 0.75rem;\">\n        <span aria-hidden=\"true\">\ud83d\udc66<\/span> <strong>Control individual y temporal:<\/strong> Consulta datos detallados por ni\u00f1o o eval\u00faa periodos espec\u00edficos (mensual, trimestral o hist\u00f3rico).\n      <\/li>\n\n      <li class=\"cf-report-item\" style=\"margin-bottom: 0.75rem;\">\n        <span aria-hidden=\"true\">\ud83d\udcb3<\/span> <strong>Finanzas y asistencia:<\/strong> Informes sobre puntualidad de pagos, paquetes vigentes y sesiones restantes por paciente.\n      <\/li>\n    <\/ul>\n  <\/div>\n\n<script>\n(function(){\n  var flow = document.getElementById('cf-flow');\n  if(!flow) return;\n  var els = flow.querySelectorAll('.cf-reveal');\n\n  \/* Respaldo: si un plugin retrasa el JS, todo aparece a los 2.8 s *\/\n  var safety = setTimeout(function(){\n    els.forEach(function(el){ el.classList.add('cf-in'); });\n  }, 2800);\n\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if(!('IntersectionObserver' in window) || reduce){\n    clearTimeout(safety);\n    els.forEach(function(el){ el.classList.add('cf-in'); });\n    return;\n  }\n\n  \/* Solo activamos el \"ocultar para revelar\" cuando el JS est\u00e1 vivo *\/\n  flow.classList.add('cf-js');\n\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){\n      if(en.isIntersecting){ en.target.classList.add('cf-in'); io.unobserve(en.target); }\n    });\n  }, {threshold:.15, rootMargin:'0px 0px -40px 0px'});\n  els.forEach(function(el){ io.observe(el); });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>CronosFlujos \u00b7 el viaje de cada registro Del coraz\u00f3n a la computadora, y de vuelta a tu celular Marcas la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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":"","ast-disable-related-posts":"","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":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cronosflujos.ex31.net\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cronosflujos.ex31.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cronosflujos.ex31.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cronosflujos.ex31.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cronosflujos.ex31.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":12,"href":"https:\/\/cronosflujos.ex31.net\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/cronosflujos.ex31.net\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/cronosflujos.ex31.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}