/* Escenas de Flowbit (sitio-src/escenas.py): cada paso con su propia composición, sin la barra lateral.
   Todo se mide en em sobre el ancho de la escena (1,5 % del ancho), así cada escena escala entera.
   Sin animación, cada escena queda en su estado final; site.js (data-fx-scene) la recorre en loop. */
.esc{position:relative;container-type:inline-size;border-radius:clamp(16px,1.9vw,28px);overflow:hidden;isolation:isolate;color:var(--fb-ink);font-family:var(--fb-ui);line-height:1.35;text-align:left;-webkit-font-smoothing:antialiased}
.esc__in{position:relative;aspect-ratio:16/10;font-size:1.5cqw;padding:2.4em 2.8em}
.esc b{font-weight:700}
.esc small{font-size:.82em}
.esc svg{flex:none}
.esc ul,.esc ol{list-style:none;margin:0;padding:0}
.esc p,.esc dl{margin:0}
.esc button{font:inherit;border:0;cursor:default}
.esc .num{font-family:var(--fb-display);font-weight:500;letter-spacing:-.035em}
.esc__ex{position:absolute;right:1.6cqw;bottom:1.2cqw;z-index:9;font-size:max(9px,.85cqw);font-weight:700;letter-spacing:.1em;color:var(--fb-ink-4)}
.esc .fx__cursor,.esc .fx__ring{font-size:1.5cqw}

/* Fondos: noche, claro y aqua, con una trama de puntos que se desvanece hacia los bordes */
.esc::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(17,17,17,.1) 1px,transparent 1.4px);background-size:2.2cqw 2.2cqw;-webkit-mask-image:radial-gradient(80% 80% at 50% 45%,#000,transparent);mask-image:radial-gradient(80% 80% at 50% 45%,#000,transparent)}
.esc--claro{background:var(--fb-sheet)}
.esc--noche{background:radial-gradient(90% 80% at 78% 0%,rgba(86,185,186,.24),transparent 62%),radial-gradient(60% 60% at 0% 100%,rgba(86,185,186,.13),transparent 70%),#111;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.esc--noche::before{background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1.4px)}
.esc--noche .esc__ex{color:var(--fb-frame-ink-3)}
.esc--aqua{background:radial-gradient(90% 90% at 80% 0%,#a9dcdc,transparent 70%),linear-gradient(160deg,#6cc3c4,#56b9ba 60%,#4aabac);color:var(--fb-aqua-900)}
.esc--aqua::before{background-image:radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1.4px)}
.esc--aqua .esc__ex{color:rgba(13,46,47,.55)}

/* Piezas comunes */
.e-card{position:relative;background:#fff;color:var(--fb-ink);border-radius:1em;padding:1em 1.1em;box-shadow:0 0 0 1px rgba(17,17,17,.05),0 1.4em 3em -1.6em rgba(13,46,47,.5)}
.e-orb{position:relative;display:grid;place-items:center;flex:none;width:2.8em;height:2.8em;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(86,185,186,.42),rgba(147,210,211,.16) 58%,transparent 72%)}
.e-orb svg{width:68%;height:68%}
.e-orb::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(86,185,186,.55);animation:fstonda 2.6s ease-out infinite}
.e-orb--s{width:2em;height:2em}
.e-orb--s::after{display:none}
.e-logo{height:1.15em;width:auto;filter:brightness(0)}
.e-live{display:inline-flex;align-items:center;gap:.4em;font-size:.78em;font-weight:700;color:var(--fb-aqua-700);white-space:nowrap}
.e-live i{width:.55em;height:.55em;border-radius:50%;background:var(--fb-aqua-600);animation:eblink 1.4s ease-in-out infinite}
@keyframes eblink{50%{opacity:.25}}
@keyframes espin{to{transform:rotate(360deg)}}
.e-ok{display:inline-flex;align-items:center;gap:.35em;padding:.3em .65em;border-radius:99px;background:var(--fb-good-bg);color:var(--fb-good);font-size:.78em;font-weight:700;white-space:nowrap}
.e-ok svg{width:1.1em;height:1.1em}
.e-chipc{display:inline-flex;align-items:center;gap:.35em;padding:.35em .7em;border-radius:99px;background:var(--fb-panel);color:var(--fb-ink-2);font-size:.78em;font-weight:700;white-space:nowrap}
.e-chipc svg{width:1.1em;height:1.1em}
.e-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.55em 1em;border-radius:99px;background:var(--fb-aqua);color:var(--fb-on-action);font-weight:700;font-size:.86em;white-space:nowrap;transition:transform .15s,box-shadow .25s,opacity .3s}
.e-btn svg{width:1.1em;height:1.1em}
.e-btn--l{background:var(--fb-panel);color:var(--fb-ink-2)}
.e-btn--full{width:100%}
.e-btn.is-press,.e-btn.is-chosen{box-shadow:0 0 0 .28em rgba(86,185,186,.35)}
.e-btn.is-press{transform:scale(.94)}
.e-pronto{position:absolute;z-index:4;top:.8em;right:.8em;display:inline-flex;align-items:center;padding:.3em .7em;border-radius:99px;background:var(--fb-warn-bg);color:var(--fb-warn);font-size:.72em;font-weight:700;white-space:nowrap;box-shadow:0 .4em 1em -.5em rgba(0,0,0,.35)}
.e-toast{visibility:hidden;opacity:0;position:absolute;z-index:8;left:0;right:0;bottom:5%;margin:auto;width:max-content;display:flex;align-items:center;gap:.45em;padding:.6em 1.05em;border-radius:99px;background:var(--fb-frame);color:#fff;font-size:.88em;font-weight:700;box-shadow:0 1em 2em -1em rgba(0,0,0,.55)}
.e-toast svg{width:1.2em;height:1.2em;color:var(--fb-aqua)}
.esc--noche .e-toast{background:#fff;color:var(--fb-ink)}
.esc--noche .e-toast svg{color:var(--fb-aqua-600)}

/* Campo para pedirle algo a IQ */
.e-prompt{display:flex;align-items:center;gap:.6em;min-width:0;padding:.45em .5em .45em .55em;border-radius:99px;background:#fff;color:var(--fb-ink);box-shadow:0 0 0 1px var(--fb-line),0 1em 2em -1.4em rgba(13,46,47,.45)}
.e-prompt__t{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.e-prompt.is-empty .e-prompt__t{color:var(--fb-ink-4);font-weight:400}
.e-prompt .caret{margin-left:-.45em;color:var(--fb-aqua-600)}
.e-prompt__go{display:grid;place-items:center;flex:none;margin-left:auto;width:2em;height:2em;border-radius:50%;background:var(--fb-panel-2);color:var(--fb-ink-3);transition:background .2s,color .2s}
.e-prompt__go svg{width:1.1em;height:1.1em}
.e-prompt.is-go .e-prompt__go{background:var(--fb-aqua);color:var(--fb-on-action)}

/* Etapas de IQ mientras piensa (las de la plataforma) */
.e-fases{display:flex;flex-direction:column;gap:.38em;font-size:.84em;color:var(--fb-ink-3)}
.esc--noche .e-fases{color:var(--fb-frame-ink-2)}
.e-fases li{display:flex;align-items:center;gap:.55em;transition:opacity .25s}
.e-fases li i{position:relative;flex:none;width:1.05em;height:1.05em;border-radius:50%;border:2px solid var(--fb-aqua-600);background:var(--fb-aqua-600);box-sizing:border-box}
.e-fases li i::after{content:"";position:absolute;left:30%;top:10%;width:28%;height:50%;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.e-fases.is-run li{opacity:0}
.e-fases.is-run li.on,.e-fases.is-run li.ok{opacity:1}
.e-fases.is-run li.on i{background:transparent;border-color:var(--fb-aqua-600) transparent var(--fb-aqua-600) var(--fb-aqua-600);animation:espin .8s linear infinite}
.e-fases.is-run li.on i::after{display:none}

/* Gráficos */
.e-bars{display:flex;align-items:flex-end;gap:.45em;height:100%}
.e-bars>span{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:.3em;min-width:0}
.e-bars i{display:block;height:calc(var(--h) * .8);border-radius:.3em .3em .1em .1em;background:var(--fb-bar-2);transform-origin:50% 100%}
.e-bars i.hl{background:var(--fb-aqua-600)}
.e-bars small{text-align:center;font-size:.72em;color:var(--fb-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-rank{display:flex;flex-direction:column;gap:.45em}
.e-rank__r{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr) auto;align-items:center;gap:.7em;font-size:.88em}
.e-rank__r span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fb-ink-2)}
.e-rank__r i{height:.8em;width:var(--w);border-radius:.4em;background:var(--fb-bar-2);transform-origin:0 50%}
.e-rank__r.hl i{background:var(--fb-aqua-600)}
.e-rank__r b{min-width:4.2em;text-align:right;font-family:var(--fb-display);font-weight:500}
.e-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.e-line .ln{fill:none;stroke:var(--fb-aqua-600);stroke-width:2.4;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.e-line .ar{fill:rgba(86,185,186,.16)}
.e-line--w .ln{stroke:#fff}
.e-line--w .ar{fill:rgba(255,255,255,.22)}
.e-dot{position:absolute;width:.75em;height:.75em;margin:-.375em 0 0 -.375em;border-radius:50%;background:var(--fb-aqua-600);box-shadow:0 0 0 .3em rgba(86,185,186,.25)}
.e-line--w+.e-dot{background:#fff;box-shadow:0 0 0 .3em rgba(255,255,255,.35)}
.e-spark{display:block;width:100%;height:2.2em;overflow:visible}
.e-spark polyline{fill:none;stroke:var(--fb-ink-4);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.e-spark--g polyline{stroke:var(--fb-aqua-600);stroke-width:2.4}

/* 1 · Todo en un lugar */
.esc--lugar .esc__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.4em;align-items:center}
.lg-cloud{position:relative;height:100%}
.e-src{position:absolute;display:inline-flex;align-items:center;gap:.6em;padding:.45em 1.05em .45em .45em;border-radius:99px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 1em 2em -1.2em rgba(0,0,0,.6);color:#fff;font-weight:700;white-space:nowrap;rotate:var(--r)}
.e-src>span{display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:50%;background:rgba(147,210,211,.16);color:var(--fb-celeste)}
.e-src svg{width:1.25em;height:1.25em}
.e-src.is-ghost{pointer-events:none;background:rgba(86,185,186,.28);box-shadow:inset 0 0 0 1px rgba(147,210,211,.5)}
.e-src::after{content:"";position:absolute;right:-.3em;top:-.3em;width:1em;height:1em;border-radius:50%;background:var(--fb-aqua) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%230d2e2f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat;opacity:0;transform:scale(.4);transition:opacity .3s,transform .3s}
.e-src.is-on{box-shadow:inset 0 0 0 1.5px rgba(86,185,186,.8),0 1em 2em -1.2em rgba(0,0,0,.6)}
.e-src.is-on::after{opacity:1;transform:none}
.e-src.is-ghost::after{display:none}
.lg-base{display:flex;flex-direction:column;gap:.8em;padding:1.2em 1.3em}
.lg-base header{display:flex;align-items:center;gap:.7em;font-size:1.05em}
.lg-base ul{display:flex;flex-direction:column;gap:.4em}
.lg-base li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.65em;padding:.5em .7em;border-radius:.7em;background:var(--fb-sheet);transition:opacity .35s,background .35s}
.lg-base li>svg{width:1.2em;height:1.2em;color:var(--fb-aqua-700);transition:opacity .35s}
.lg-base li>svg:last-child{color:var(--fb-aqua-600)}
.lg-base li b{font-size:1.02em}
.lg-base li.is-off{opacity:.3}
.lg-base li.is-off>svg:last-child{opacity:0}
.lg-base li.is-in{background:var(--fb-aqua-50)}
.lg-base footer{display:flex;justify-content:space-between;gap:1em;font-size:.8em;color:var(--fb-ink-3)}

/* 2 · Una sola verdad */
.esc--verdad .esc__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.1fr);gap:1.8em;align-items:center}
.vd-row{display:flex;flex-direction:column;gap:.7em}
.vd-n{display:flex;flex-direction:column;gap:.25em;padding:.8em 1em}
.vd-n>small{display:flex;align-items:center;gap:.4em;font-weight:700;color:var(--fb-ink-3)}
.vd-n>small svg{width:1.15em;height:1.15em}
.vd-n>b{font-size:1.9em;line-height:1.05}
.vd-n>b small{font-size:.5em;color:inherit}
.vd-n em{display:inline-flex;align-items:center;gap:.3em;font-style:normal;font-size:.78em;font-weight:700;color:var(--fb-bad)}
.vd-n em svg{width:1.1em;height:1.1em}
.vd-core{display:flex;flex-direction:column;align-items:center;gap:.8em;text-align:center}
.vd-core>.e-orb{width:7em;height:7em;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.75),rgba(255,255,255,.28) 60%,transparent 72%)}
.vd-core>.e-orb::after{border-color:rgba(255,255,255,.85)}
.vd-core b{font-family:var(--fb-display);font-size:1.3em;font-weight:600;letter-spacing:-.02em}
.vd-core ul{display:flex;flex-direction:column;gap:.4em;margin-top:.5em;font-size:.86em;font-weight:700;text-align:left}
.vd-core li{display:flex;align-items:center;gap:.45em}
.vd-core li svg{width:1em;height:1em;padding:.2em;border-radius:50%;background:var(--fb-aqua-900);color:#fff;box-sizing:content-box}
.vd-one{display:flex;flex-direction:column;gap:.35em;padding:1.3em 1.4em}
.vd-one__h{display:flex;align-items:center;justify-content:space-between;gap:.6em}
.vd-one__h small{font-weight:700;color:var(--fb-ink-3);font-size:.9em}
.vd-one>b.num{font-size:3.6em;line-height:1;letter-spacing:-.045em}
.vd-one>b.num small{font-size:.42em}
.vd-why{align-self:flex-start;display:inline-flex;align-items:center;gap:.35em;padding:0;background:none;color:var(--fb-aqua-700);font-weight:700;font-size:.86em;text-decoration:underline dotted;text-underline-offset:.25em}
.vd-why svg{width:1.1em;height:1.1em}
.vd-src{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35em 1em;margin-top:.4em;padding:.8em .9em;border-radius:.8em;background:var(--fb-sheet);font-size:.84em;overflow:hidden}
.vd-src dt{color:var(--fb-ink-3)}
.vd-src dd{margin:0;font-weight:700}

/* 3 · Hoy */
.esc--hoy .esc__in{display:flex;flex-direction:column;gap:1em}
.hy-hi{display:inline-flex;align-items:center;gap:.5em;font-family:var(--fb-display);font-weight:600;font-size:1.45em;letter-spacing:-.025em}
.hy-hi svg{width:1.15em;height:1.15em;color:var(--fb-flag-warn)}
.hy-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:.9em}
.hy-hero{grid-column:1/3;position:relative;display:flex;flex-direction:column;gap:.2em;padding:1.2em 1.4em 0;border-radius:1em;background:var(--fb-hero);color:var(--fb-hero-ink);overflow:hidden;box-shadow:0 1.4em 3em -1.6em rgba(13,46,47,.5)}
.hy-hero>small{display:flex;align-items:center;gap:.4em;font-weight:700;font-size:.9em}
.hy-hero>small svg{width:1.2em;height:1.2em}
.hy-hero>b.num{font-size:3.4em;line-height:1}
.hy-hero>b.num small{font-size:.42em}
.hy-hero>em{font-style:normal;font-weight:700;font-size:.92em}
.hy-plot{position:relative;flex:1;min-height:5em;margin:.8em -1.4em 0}
.hy-sigs{display:flex;flex-direction:column;gap:.5em;min-height:0}
.hy-sigs__t{font-weight:700;font-size:.9em;color:var(--fb-ink-3)}
.hy-s{display:flex;gap:.7em;align-items:flex-start;padding:.75em .85em;border-radius:.9em;background:#fff;box-shadow:0 0 0 1px rgba(17,17,17,.05),0 .8em 1.8em -1.2em rgba(13,46,47,.35);transition:box-shadow .35s}
.hy-s>svg{width:2em;height:2em;padding:.45em;border-radius:.6em;box-sizing:border-box}
.hy-s--dn>svg{background:var(--fb-bad-bg);color:var(--fb-bad)}
.hy-s--warn>svg{background:var(--fb-warn-bg);color:var(--fb-warn)}
.hy-s b{display:block;font-size:.95em;line-height:1.25}
.hy-s small{display:block;color:var(--fb-ink-3);margin-top:.15em}
.hy-s.is-hl{box-shadow:0 0 0 2px var(--fb-flag-bad),0 .8em 1.8em -1.2em rgba(13,46,47,.35)}
.hy-k{display:flex;flex-direction:column;gap:.1em;padding:.8em 1em}
.hy-k>small{font-weight:700;color:var(--fb-ink-3)}
.hy-k>b{font-size:1.6em;line-height:1.1}
.hy-k>em{font-style:normal;font-weight:700;font-size:.8em}
.hy-k>em.up{color:var(--fb-up)}
.hy-k>em.dn{color:var(--fb-down)}
.hy-k .e-spark{height:1.8em;margin-top:.3em}

/* 4 · Qué lo movió */
.esc--porque .esc__in{display:flex;padding:2.4em 3.2em}
.wf{flex:1;display:flex;flex-direction:column;padding:1.3em 1.5em 1em}
.wf>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1em}
.wf>header small{display:block;font-weight:700;color:var(--fb-ink-3);font-size:.86em}
.wf>header b{display:block;margin-top:.1em;font-family:var(--fb-display);font-weight:600;font-size:1.7em;letter-spacing:-.03em}
.wf-cols{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.9em;margin-top:2em}
.wf-c{display:flex;flex-direction:column;gap:.5em;min-width:0}
.wf-plot{position:relative;flex:1}
.wf-plot i{position:absolute;left:14%;right:14%;font-style:normal;border-radius:.35em;background:var(--fb-frame-2);transform-origin:50% 100%}
.wf-c--dn i{background:var(--fb-flag-bad);transform-origin:50% 0}
.wf-c--up i{background:var(--fb-aqua-600)}
.wf-plot i b{position:absolute;left:-40%;right:-40%;bottom:100%;margin-bottom:.3em;text-align:center;font-family:var(--fb-display);font-weight:500;font-size:.92em;color:var(--fb-ink-2);white-space:nowrap}
.wf-c>small{text-align:center;font-weight:700;color:var(--fb-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-c.is-hl>small{color:var(--fb-bad)}
.wf-c.is-hl i{box-shadow:0 0 0 .3em rgba(226,72,42,.22)}
.wf-pop{position:absolute;left:35%;top:16%;width:36%;z-index:3;display:flex;flex-direction:column;gap:.45em;padding:1em 1.1em;box-shadow:0 0 0 1px rgba(17,17,17,.08),0 1.6em 3em -1.2em rgba(13,46,47,.55)}
.wf-pop b{display:flex;align-items:center;gap:.45em;font-size:1.05em}
.wf-pop b svg{width:1.3em;height:1.3em;color:var(--fb-bad)}
.wf-pop p{color:var(--fb-ink-2);font-size:.9em;line-height:1.4}
.wf-go{display:inline-flex;align-items:center;gap:.3em;font-weight:700;color:var(--fb-aqua-700);font-size:.88em}
.wf-go svg{width:1em;height:1em}

/* 5 · Preguntale a Flowbit IQ */
.esc--pregunta .esc__in{display:grid;place-items:center;padding:2em 2.4em 2.6em}
.pq{width:min(100%,40em);height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden}
.pq>header{display:flex;align-items:center;gap:.6em;padding:.7em 1.1em;border-bottom:1px solid var(--fb-line)}
.pq>header .e-live{margin-left:auto}
.pq-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.8em;padding:1em 1.2em;overflow:hidden}
.pq-hello{display:none;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.8em;text-align:center}
.pq-hello>.e-orb{width:4.6em;height:4.6em}
.pq-hello>b{font-family:var(--fb-display);font-weight:600;font-size:1.35em;letter-spacing:-.02em}
.pq-hello>span{display:flex;flex-wrap:wrap;justify-content:center;gap:.4em;max-width:30em}
.pq-hello i{padding:.45em .8em;border-radius:99px;background:var(--fb-sheet);box-shadow:inset 0 0 0 1px var(--fb-line);font-style:normal;font-weight:600;font-size:.84em;color:var(--fb-ink-2);transition:background .25s,box-shadow .25s}
.pq-hello i.hl{background:var(--fb-aqua-100);box-shadow:inset 0 0 0 1.5px var(--fb-aqua-600);color:var(--fb-aqua-900)}
.pq-q{align-self:flex-end;max-width:82%;padding:.6em .95em;border-radius:1em 1em .3em 1em;background:var(--fb-aqua-100);color:var(--fb-aqua-900);font-weight:700}
.pq .e-fases:not(.is-run){display:none}
.pq-a{display:flex;flex-direction:column;gap:.7em}
.pq-a>p{line-height:1.45}
.pq-chart{padding:.8em 1em;border-radius:.8em;background:var(--fb-sheet)}
.pq-chart>small{display:block;margin-bottom:.55em;font-weight:700;color:var(--fb-ink-3)}
.pq-foot{display:flex;align-items:center;justify-content:space-between;gap:1em}
.pq-src{display:inline-flex;align-items:center;gap:.35em;font-size:.78em;color:var(--fb-ink-3)}
.pq-src svg{width:1.1em;height:1.1em}
.pq>.e-prompt{margin:0 1em 1em;box-shadow:0 0 0 1px var(--fb-line)}

/* 6 · Armá tu tablero */
.esc--armado .esc__in{display:flex;flex-direction:column;gap:1.1em;padding:2em 2.4em}
.ar-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.6em;align-items:center}
.ar-top .e-fases{font-size:.76em;gap:.25em}
.ar-board{position:relative;flex:1;min-height:0}
.ar-grid{position:absolute;inset:-.4em;border-radius:1em;background-image:radial-gradient(circle,rgba(17,17,17,.16) 1.2px,transparent 1.6px);background-size:calc(100% / 12) 2.5em;opacity:.8}
.e-tile{position:absolute;display:flex;flex-direction:column;gap:.5em;padding:.8em .9em;border-radius:.9em;background:#fff;box-shadow:0 0 0 1px rgba(17,17,17,.06),0 .8em 1.8em -1.2em rgba(13,46,47,.35);overflow:hidden;transition:box-shadow .25s}
.e-tile>header{display:flex;align-items:center;justify-content:space-between;gap:.6em;font-size:.84em;font-weight:700;color:var(--fb-ink-2);white-space:nowrap}
.e-tile>header span:first-child{overflow:hidden;text-overflow:ellipsis}
.ar-t--a{left:0;top:0;width:31.5%;height:47%}
.ar-t--b{left:33.5%;top:0;width:66.5%;height:47%}
.ar-t--c{left:0;top:53%;width:100%;height:47%}
.ar-k{flex:1;display:flex;flex-direction:column;justify-content:center}
.ar-k b{font-size:2.6em;line-height:1}
.ar-k b small{font-size:.45em}
.ar-k em{font-style:normal;font-weight:700;color:var(--fb-up);font-size:.9em}
.ar-l{position:relative;flex:1}
.ar-c{position:relative;flex:1;min-height:0}
.ar-c .ar-cols{position:absolute;inset:0;display:none}
.ar-c .ar-rank{position:absolute;inset:0;justify-content:space-around;gap:0}
.ar-c .ar-rank .e-rank__r{grid-template-columns:4.6em minmax(0,1fr) auto;font-size:.82em}
.ar-c[data-e-vis="bar"] .ar-cols{display:flex}
.ar-c[data-e-vis="bar"] .ar-rank{display:none}
.ar-grip{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:.4em;background:var(--fb-sheet);color:var(--fb-ink-3)}
.ar-grip svg{width:1.1em;height:1.1em}
.ar-rs{position:absolute;right:.35em;bottom:.35em;width:1.1em;height:1.1em;background:linear-gradient(135deg,transparent 44%,var(--fb-ink-4) 44% 52%,transparent 52% 64%,var(--fb-ink-4) 64% 72%,transparent 72%)}
.ar-t--c.is-lift{z-index:3;box-shadow:0 0 0 2px var(--fb-aqua-600),0 2em 3em -1.2em rgba(13,46,47,.5)}
.ar-ghost{position:absolute;left:0;top:53%;width:50%;height:47%;border-radius:.9em;border:2px dashed var(--fb-aqua-600);background:rgba(86,185,186,.08);opacity:0;visibility:hidden}
.ar-viz{position:absolute;z-index:5;right:3.2em;top:9.8em;width:13em;display:flex;flex-direction:column;gap:.5em;padding:.8em .9em;box-shadow:0 0 0 1px rgba(17,17,17,.08),0 1.6em 3em -1.2em rgba(13,46,47,.5)}
.ar-viz>small{font-weight:700;color:var(--fb-ink-3)}
.ar-viz>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35em}
.ar-viz span{display:flex;align-items:center;gap:.35em;padding:.4em .5em;border-radius:.55em;background:var(--fb-sheet);color:var(--fb-ink-2);font-size:.82em;font-weight:700;transition:background .25s,color .25s,box-shadow .25s}
.ar-viz span svg{width:1.15em;height:1.15em}
.ar-viz span.on{background:var(--fb-aqua-100);color:var(--fb-aqua-900);box-shadow:inset 0 0 0 1.5px var(--fb-aqua-600)}

/* 7 · Te avisa y decidís */
.esc--avisa .esc__in{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:2.4em;align-items:center;padding:1.8em 3.4em}
.av-ph{position:relative;justify-self:center;width:15.5em;padding:.5em;border-radius:2.4em}
.av-ph .phone__screen{border-radius:2em;aspect-ratio:9/18.4}
.av-ph .phone__island{top:.85em;height:1.3em}
.av-ph .chat2{display:flex;flex-direction:column;height:100%;font-size:.84em}
.av-ph .chat2__h{display:flex;align-items:center;gap:.6em;padding:3em .9em .7em;background:#fff;border-bottom:1px solid var(--fb-line)}
.av-ph .chat2__h b{display:block;color:var(--fb-ink)}
.av-ph .chat2__h small{display:block;font-size:.82em;font-weight:700;color:var(--fb-aqua-700)}
.av-orb{width:2.4em;height:2.4em}
.av-ph .chat2__body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:.8em .7em;background:#ece6de}
.av-chat{display:flex;flex-direction:column;gap:.5em}
.av-ph .cb{max-width:88%;margin:0;padding:.55em .75em .4em;border-radius:1em;font-size:.95em;line-height:1.38;color:var(--fb-ink)}
.av-ph .cb small{display:block;text-align:right;font-size:.75em;opacity:.55}
.av-ph .cb--in{align-self:flex-start;background:#fff;border-bottom-left-radius:.25em}
.av-ph .cb--out{align-self:flex-end;background:#d9fdd3;border-bottom-right-radius:.25em}
.av-rem svg{width:1.05em;height:1.05em;vertical-align:-.15em;margin-right:.3em;color:var(--fb-aqua-700)}
.av-ph .e-pronto{top:-1em;left:0;right:0;margin:auto;width:max-content}
.av-flow{display:flex;flex-direction:column;gap:.9em}
.av-p{display:flex;flex-direction:column;gap:.55em;padding:1.1em 1.2em}
.av-p>small{display:flex;align-items:center;gap:.4em;font-weight:700;color:var(--fb-aqua-700)}
.av-p>small svg{width:1.15em;height:1.15em}
.av-p>b{font-family:var(--fb-display);font-weight:600;font-size:1.35em;letter-spacing:-.02em;line-height:1.15}
.av-imp{display:flex;gap:1.6em}
.av-imp span{display:flex;flex-direction:column}
.av-imp small{font-weight:700;color:var(--fb-ink-3)}
.av-imp b{font-size:1.5em;line-height:1.1}
.av-p .e-btn{align-self:flex-start}
.av-t{display:flex;align-items:center;gap:.8em;padding:.8em 1em}
.av-av{display:grid;place-items:center;flex:none;width:2.4em;height:2.4em;border-radius:50%;background:var(--fb-frame);color:#fff;font-size:.85em;font-weight:700}
.av-t b{display:block}
.av-t small{color:var(--fb-ink-3)}
.av-t>svg{width:1.5em;height:1.5em;margin-left:auto;color:var(--fb-aqua-600)}
.av-r{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1em;align-items:center;padding:.9em 1.1em}
.av-r>small{grid-column:1/-1;font-weight:700;color:var(--fb-ink-3)}
.av-r>b{font-size:2em;line-height:1.05;color:var(--fb-up)}
.av-r>span{font-size:.88em;color:var(--fb-ink-2)}
.av-r .e-spark{grid-column:1/-1;height:2em;margin-top:.4em}

/* /flowbit · 1 · Entrás con tu acceso */
.esc--acceso .esc__in{display:flex;align-items:center;padding:2em 2.6em;font-size:1.8cqw}
.ac-row{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) auto minmax(0,.9fr) auto minmax(0,1fr);align-items:center;gap:.9em}
.ac-arr{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;background:rgba(255,255,255,.4);color:var(--fb-aqua-900)}
.ac-arr svg{width:1.1em;height:1.1em}
.ac-m,.ac-k{display:flex;flex-direction:column;gap:.55em;padding:1.1em 1.2em}
.ac-m>small{display:flex;align-items:center;gap:.4em;font-weight:700;color:var(--fb-aqua-700)}
.ac-m>small svg{width:1.15em;height:1.15em}
.ac-m>b{font-family:var(--fb-display);font-weight:600;font-size:1.2em;letter-spacing:-.02em;line-height:1.2}
.ac-m>p{font-size:.86em;line-height:1.4;color:var(--fb-ink-3)}
.ac-m .e-btn{align-self:flex-start}
.ac-k .e-logo{align-self:flex-start;height:1.3em}
.ac-f{display:flex;align-items:center;height:2.3em;padding:0 .8em;border-radius:.6em;background:var(--fb-sheet);box-shadow:inset 0 0 0 1px var(--fb-line)}
.ac-f i{display:block;width:6.4em;height:.6em;background:radial-gradient(circle,var(--fb-ink) 42%,transparent 48%) 0 50%/.8em .6em repeat-x}
.ac-ok{display:inline-flex;align-items:center;gap:.3em;font-size:.78em;font-weight:700;color:var(--fb-good)}
.ac-ok svg{width:1.1em;height:1.1em}
.ac-h{display:flex;flex-wrap:wrap;align-items:center;gap:.7em;padding:1.1em 1.2em}
.ac-h b{display:block}
.ac-h small{color:var(--fb-ink-3)}
.ac-h .e-chipc{flex-basis:100%;justify-content:center;background:var(--fb-aqua-100);color:var(--fb-aqua-900)}

/* /flowbit · 2 · Conectás tus sistemas */
.esc--conecta .esc__in{font-size:1.85cqw;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.4em;align-items:center}
.cn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em}
.cn-s{display:flex;align-items:center;gap:.75em;padding:.85em .95em}
.cn-ic{display:grid;place-items:center;flex:none;width:2.4em;height:2.4em;border-radius:.7em;background:var(--fb-aqua-100);color:var(--fb-aqua-900)}
.cn-ic svg{width:1.2em;height:1.2em}
.cn-s>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25em}
.cn-s b{font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cn-s small{color:var(--fb-ink-3)}
.cn-bar{display:block;height:.38em;border-radius:1em;background:var(--fb-panel-2);overflow:hidden}
.cn-bar>i{display:block;width:var(--p);height:100%;border-radius:inherit;background:var(--fb-aqua-600);transform-origin:0 50%}
.cn-up{display:flex;flex-direction:column;gap:.8em;padding:1.1em}
.cn-drop{display:flex;flex-direction:column;align-items:center;gap:.35em;padding:1.6em 1em;border-radius:.8em;border:2px dashed var(--fb-line-strong);text-align:center;color:var(--fb-ink-3)}
.cn-drop svg{width:2em;height:2em;color:var(--fb-aqua-600)}
.cn-drop b{color:var(--fb-ink)}
.cn-file{display:flex;align-items:center;gap:.7em;padding:.7em .8em;border-radius:.7em;background:var(--fb-sheet)}
.cn-file>svg{width:1.6em;height:1.6em;color:#1d6f42}
.cn-file>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3em}
.cn-file b{font-size:.88em}
.cn-file em{min-width:3.2em;font-style:normal;font-weight:700;font-size:.85em;text-align:right;color:var(--fb-aqua-700)}

/* /flowbit · 3 · Conciliación guiada */
.esc--concilia .esc__in{font-size:1.72cqw;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2em;align-items:center}
.cc-qs{display:flex;flex-direction:column;gap:1em}
.cc-q{display:flex;gap:.8em;padding:1em 1.1em}
.cc-q>div{display:flex;flex-direction:column;gap:.35em}
.cc-q b{font-size:1.02em;line-height:1.3}
.cc-q small{color:var(--fb-ink-3)}
.cc-bt{display:flex;gap:.5em;margin-top:.35em}
.cc-q.is-done .e-btn--l{opacity:.35}
.cc-base{display:flex;flex-direction:column;gap:.7em;padding:1.1em 1.2em}
.cc-base header{display:flex;align-items:center;gap:.5em;font-size:1.05em}
.cc-base header svg{width:1.3em;height:1.3em;color:var(--fb-aqua-700)}
.cc-base ul{display:flex;flex-direction:column;gap:.4em}
.cc-base li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.7em;padding:.55em .7em;border-radius:.7em;background:var(--fb-sheet);transition:opacity .35s}
.cc-base li>svg{width:1.2em;height:1.2em;color:var(--fb-aqua-700)}
.cc-base li>svg:last-child{color:var(--fb-aqua-600)}
.cc-base li span b{display:block;font-size:.95em}
.cc-base li span small{color:var(--fb-ink-3)}
.cc-base li>b{font-size:1.05em}
.cc-base li.is-off{opacity:.28}
.cc-base footer{display:flex;align-items:center;gap:.4em;font-size:.8em;color:var(--fb-ink-3)}
.cc-base footer svg{width:1.1em;height:1.1em;color:var(--fb-aqua-600)}

/* /flowbit · 4 · Entiende tu negocio */
.esc--contexto .esc__in{font-size:1.62cqw;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:1em 1.6em;align-items:center}
.cx-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.cx-lines path{fill:none;stroke:var(--fb-aqua-600);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:5 6;animation:eflujo 1s linear infinite}
@keyframes eflujo{to{stroke-dashoffset:-11}}
.cx-e{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;gap:.5em;padding:1.2em 1.3em}
.cx-e>small{font-weight:700;color:var(--fb-aqua-700)}
.cx-e>b{font-family:var(--fb-display);font-weight:600;font-size:1.25em;letter-spacing:-.02em}
.cx-e ul{display:flex;flex-direction:column;gap:.5em;margin-top:.3em}
.cx-e li{display:flex;gap:.6em;align-items:flex-start;padding:.6em .7em;border-radius:.7em;background:var(--fb-sheet)}
.cx-e li svg{width:1.3em;height:1.3em;margin-top:.1em;color:var(--fb-aqua-700)}
.cx-e li small{display:block;font-weight:700;color:var(--fb-ink-3)}
.cx-e li span{font-weight:600;font-size:.95em}
.cx-core{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:.4em;text-align:center}
.cx-core .e-orb{width:6.5em;height:6.5em}
.cx-core b{font-family:var(--fb-display);font-weight:600;font-size:1.2em}
.cx-core small{max-width:11em;color:var(--fb-ink-3)}
.cx-s{grid-column:3;display:flex;gap:.7em;align-items:flex-start;padding:1em 1.1em}
.cx-s>svg{width:2.2em;height:2.2em;padding:.5em;border-radius:.7em;background:var(--fb-aqua-100);color:var(--fb-aqua-900);box-sizing:border-box}
.cx-s small{display:block;font-weight:700;color:var(--fb-aqua-700)}
.cx-s b{display:block;font-size:.98em;line-height:1.3}
.cx-s ul{display:flex;flex-direction:column;gap:.3em;margin-top:.3em;font-size:.88em}
.cx-s li{display:flex;align-items:center;gap:.45em}
.cx-s li svg{width:1.1em;height:1.1em;color:var(--fb-ink-3)}
.cx-s--i{grid-row:1;align-self:end}
.cx-s--x{grid-row:2;align-self:start}

/* /flowbit · 6 · Flowbit IQ general y sobre un número */
.esc--iq .esc__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.6em;align-items:start}
.ix-g{display:flex;flex-direction:column;gap:.7em;height:100%;padding:1em 1.1em}
.ix-g>header{display:flex;align-items:center;gap:.5em}
.ix-g>header small{margin-left:auto;padding:.25em .6em;border-radius:99px;background:var(--fb-panel);font-weight:700;color:var(--fb-ink-3)}
.ix-gl{font-size:.95em;line-height:1.45}
.ix-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em}
.ix-st span{display:flex;flex-direction:column;padding:.5em .65em;border-radius:.6em;background:var(--fb-sheet)}
.ix-st small{font-weight:700;color:var(--fb-ink-3)}
.ix-st b{font-size:1.2em;color:var(--fb-up)}
.ix-st b.dn{color:var(--fb-down)}
.ix-ch{flex:1;display:flex;flex-direction:column;gap:.4em;min-height:0}
.ix-ch>small{font-weight:700;color:var(--fb-ink-3)}
.ix-ch .e-bars{flex:1;min-height:0}
.ix-k{display:flex;flex-direction:column;gap:.2em;padding:1.1em 1.2em}
.ix-k>small{display:flex;align-items:center;gap:.4em;font-weight:700;color:var(--fb-ink-3)}
.ix-k>small svg{width:1.15em;height:1.15em}
.ix-k>b{font-size:2.8em;line-height:1}
.ix-k>em{font-style:normal;font-weight:700;font-size:.88em;color:var(--fb-up)}
.ix-k .e-spark{height:2.2em;margin:.4em 0}
.ix-ask{display:inline-flex;align-items:center;gap:.45em;align-self:flex-start;padding:.35em .85em .35em .35em;border-radius:99px;background:var(--fb-frame);color:#fff;font-weight:700;font-size:.84em}
.ix-ask .e-orb{background:rgba(255,255,255,.14)}
.ix-pop{position:absolute;right:2.8em;bottom:2.2em;z-index:3;width:44%;display:flex;flex-direction:column;gap:.6em;padding:1em 1.1em;box-shadow:0 0 0 1px rgba(17,17,17,.08),0 1.6em 3em -1.2em rgba(13,46,47,.55)}
.ix-pop>header{display:flex;align-items:center;gap:.5em;font-size:.92em}
.ix-a{display:flex;flex-direction:column;gap:.5em;font-size:.92em}
.ix-tb{width:100%;border-collapse:collapse;font-size:.86em}
.ix-tb th{padding:.3em .4em;border-bottom:1px solid var(--fb-line);text-align:left;font-weight:700;color:var(--fb-ink-3)}
.ix-tb td{padding:.35em .4em;border-bottom:1px solid var(--fb-line)}

/* /flowbit · 7 · Inteligencia proactiva */
.pr-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pr-lines path{fill:none;stroke:rgba(147,210,211,.7);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:5 6;animation:eflujo 1s linear infinite}
.pr-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.35em;text-align:center}
.pr-core .e-orb{width:7.5em;height:7.5em}
.pr-core b{font-family:var(--fb-display);font-weight:600;font-size:1.3em}
.pr-core small{color:var(--fb-frame-ink-2)}
.pr-c{position:absolute;width:30%;display:flex;flex-direction:column;gap:.4em;padding:1em 1.1em}
.pr-c>small{display:flex;align-items:center;gap:.4em;font-size:.72em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-aqua-700)}
.pr-c>small svg{width:1.3em;height:1.3em}
.pr-c>b{font-size:1.02em;line-height:1.3}
.pr-c>b.is-busy::after{content:"";display:inline-block;width:.8em;height:.8em;margin-left:.45em;vertical-align:-.1em;border-radius:50%;border:2px solid var(--fb-aqua-600);border-right-color:transparent;animation:espin .8s linear infinite}
.pr-c>span{font-size:.85em;color:var(--fb-ink-3)}
.pr-c ul{display:flex;flex-direction:column;gap:.35em;font-size:.86em}
.pr-c li{display:flex;align-items:center;gap:.45em}
.pr-c li svg{width:1.1em;height:1.1em;color:var(--fb-ink-3)}
.pr-c--a{left:4%;top:9%}
.pr-c--m{right:4%;top:9%}
.pr-c--r{left:35%;bottom:7%}
.pr-c--r .e-pronto{top:.8em;right:.8em}

/* /flowbit · 8 · Decidís y actuás */
.esc--decide .esc__in{display:flex;flex-direction:column;justify-content:center;gap:1em;font-size:1.72cqw}
.dc-q small{display:inline-flex;align-items:center;gap:.5em;font-family:var(--fb-display);font-weight:600;font-size:1.5em;letter-spacing:-.02em;color:var(--fb-ink)}
.dc-q svg{width:1.1em;height:1.1em;color:var(--fb-aqua-700)}
.dc-os{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em}
.dc-o{display:flex;flex-direction:column;gap:.55em;padding:1em 1.1em;transition:box-shadow .3s,opacity .3s}
.dc-l{display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:.5em;background:var(--fb-panel);font-weight:700;transition:background .3s,color .3s}
.dc-o>b{font-family:var(--fb-display);font-weight:600;font-size:1.25em;letter-spacing:-.02em}
.dc-o .e-btn{align-self:flex-start}
.dc-o.is-pick{box-shadow:0 0 0 2px var(--fb-aqua-600),0 1.4em 3em -1.6em rgba(13,46,47,.5)}
.dc-o.is-pick .dc-l{background:var(--fb-aqua);color:var(--fb-on-action)}
.dc-os.is-done .dc-o:not(.is-pick){opacity:.45}
.dc-after{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.9fr);gap:1em;align-items:stretch}
.dc-reg{display:flex;align-items:center;gap:.7em;padding:.9em 1em}
.dc-reg>svg{width:1.8em;height:1.8em;color:var(--fb-aqua-600)}
.dc-reg b{display:block}
.dc-reg small{color:var(--fb-ink-3)}

/* Organigrama: cada persona ve lo suyo, y al costado, lo que ve */
.og-wrap{container-type:inline-size}
.og{display:grid;grid-template-columns:minmax(0,1fr) 15.5em;gap:1.6em;align-items:center;font-size:1.1cqw}
.og-map{position:relative;aspect-ratio:16/8.4}
.og-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.og-lines path{fill:none;stroke:var(--fb-line-strong);stroke-width:2;vector-effect:non-scaling-stroke;transition:stroke .35s,stroke-width .35s}
.og-lines path.on{stroke:var(--fb-aqua-600);stroke-width:3}
.og-n{position:absolute;transform:translate(-50%,-50%);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.2em .7em;width:12.6em;padding:.8em .9em;border-radius:1em;background:#fff;box-shadow:0 0 0 1px var(--fb-line),0 1em 2.4em -1.6em rgba(13,46,47,.4);transition:box-shadow .35s}
.og-n>span{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:.7em;background:var(--fb-panel);color:var(--fb-ink-2);transition:background .35s,color .35s}
.og-n>span svg{width:1.25em;height:1.25em}
.og-n b{display:block;font-size:1em}
.og-n small{display:block;font-size:.82em;color:var(--fb-ink-3)}
.og-n em{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:.35em;margin-top:.35em;padding:.3em .65em;border-radius:99px;background:var(--fb-panel);color:var(--fb-ink-2);font-style:normal;font-weight:700;font-size:.8em;white-space:nowrap;transition:background .35s,color .35s}
.og-n em svg{width:1.1em;height:1.1em}
.og-n.is-on{box-shadow:0 0 0 2px var(--fb-aqua-600),0 1.6em 3em -1.6em rgba(13,46,47,.55)}
.og-n.is-on>span{background:var(--fb-aqua);color:var(--fb-on-action)}
.og-n.is-on em{background:var(--fb-aqua-100);color:var(--fb-aqua-900)}
.og-n[data-e-node="dir"]{background:var(--fb-frame);color:#fff}
.og-n[data-e-node="dir"] small{color:var(--fb-frame-ink-2)}
.og-n[data-e-node="dir"]>span{background:rgba(255,255,255,.1);color:var(--fb-aqua)}
.og-n[data-e-node="dir"] em{background:rgba(255,255,255,.1);color:#fff}
.og-n[data-e-node="dir"].is-on em{background:var(--fb-aqua);color:var(--fb-on-action)}
.og-pv{display:flex;flex-direction:column;gap:.65em;padding:1.3em 1.35em;border-radius:1.2em;background:var(--fb-frame);color:#fff;box-shadow:0 2em 4em -2em rgba(13,46,47,.6)}
.og-pv>small{display:flex;align-items:center;gap:.45em;font-size:.74em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fb-aqua)}
.og-pv>small svg{width:1.3em;height:1.3em}
.og-pv>b{font-family:var(--fb-display);font-weight:600;font-size:1.3em;letter-spacing:-.02em}
.og-pv ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
.og-pv li{display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding:.6em .75em;border-radius:.7em;background:rgba(255,255,255,.07)}
.og-pv li span{font-size:.9em;color:var(--fb-frame-ink-2)}
.og-pv li b{font-size:1.25em;white-space:nowrap}
.og-pv p{display:flex;align-items:center;gap:.45em;margin:0;font-size:.86em;color:var(--fb-frame-ink-2)}
.og-pv p svg{flex:none;width:1.2em;height:1.2em;color:var(--fb-aqua)}

/* Antes y después: el desorden, la conciliación en el medio y una sola verdad */
.cv3-wrap{container-type:inline-size}
.cv3{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1fr);gap:3.4em;padding:2.6em;border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(17,17,17,.04);overflow:hidden;isolation:isolate;font-size:clamp(11px,1.2cqw,15px);color:var(--fb-ink)}
.cv3::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(17,17,17,.08) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(80% 80% at 50% 50%,#000,transparent);mask-image:radial-gradient(80% 80% at 50% 50%,#000,transparent)}
.cv3-flow{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.cv3-flow path{fill:none;stroke:var(--fb-aqua-600);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:5 6;animation:eflujo 1s linear infinite}
.cv3-col{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.2em;min-width:0}
.cv3-l{display:flex;align-items:center;gap:.6em;font-weight:700;font-size:.95em;color:var(--fb-ink-2)}
.cv3-l i{display:grid;place-items:center;flex:none;width:1.9em;height:1.9em;border-radius:50%;background:var(--fb-panel);font-style:normal;font-size:.85em}
.cv3-col--mid .cv3-l i{background:var(--fb-aqua);color:var(--fb-on-action)}
.cv3-col--one .cv3-l i{background:var(--fb-frame);color:#fff}
.cv3-pila{position:relative;flex:1;min-height:25em}
.cv3-c{position:absolute;width:56%;display:flex;gap:.6em;align-items:flex-start;padding:.8em .9em;border-radius:.9em;background:var(--fb-sheet);box-shadow:0 0 0 1px var(--fb-line),0 .8em 1.6em -1em rgba(0,0,0,.3);rotate:var(--r);animation:etiembla 3.2s ease-in-out infinite}
.cv3-c:nth-child(2n){animation-delay:-1.1s}
.cv3-c:nth-child(3n){animation-delay:-2.1s}
@keyframes etiembla{0%,100%{translate:0 0}50%{translate:0 -.35em}}
.cv3-c>span{display:grid;place-items:center;flex:none;width:2.2em;height:2.2em;border-radius:.6em;background:#fff;color:var(--fb-ink-3)}
.cv3-c>span svg{width:1.15em;height:1.15em}
.cv3-c small{display:block;font-size:.8em;font-weight:700;color:var(--fb-ink-3)}
.cv3-c b{display:block;font-size:1.05em;line-height:1.25}
.cv3-c em{display:block;font-style:normal;font-size:.78em;font-weight:700;color:var(--fb-flag-bad)}
.cv3-core{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7em;padding:1.4em 1.2em;border-radius:1.2em;background:var(--fb-frame);color:#fff;text-align:center}
.cv3-core .e-orb{width:6em;height:6em}
.cv3-core>b{font-family:var(--fb-display);font-weight:600;font-size:1.3em}
.cv3-core ul{list-style:none;margin:.3em 0 0;padding:0;display:flex;flex-direction:column;gap:.55em;text-align:left;font-size:.92em}
.cv3-core li{display:flex;align-items:center;gap:.5em;color:var(--fb-frame-ink);transition:opacity .35s}
.cv3-core li svg{width:1em;height:1em;padding:.22em;border-radius:50%;background:var(--fb-aqua);color:var(--fb-on-action);box-sizing:content-box}
.cv3-core li.is-off{opacity:.22}
.cv3-out{display:flex;flex-direction:column;gap:.4em;margin:auto 0;padding:1.4em 1.5em}
.cv3-out__h{display:flex;justify-content:space-between;align-items:center;gap:.6em}
.cv3-out__h small{font-weight:700;color:var(--fb-ink-3)}
.cv3-out>b.num{font-size:3.8em;line-height:1;letter-spacing:-.045em}
.cv3-out>b.num small{font-size:.42em}
.cv3-out__d{font-size:.9em;color:var(--fb-ink-3)}
.cv3-out__d b{color:var(--fb-up)}
.cv3-out dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35em 1em;margin:.6em 0 0;padding-top:.8em;border-top:1px dashed var(--fb-line-strong);font-size:.88em}
.cv3-out dt{color:var(--fb-ink-3)}
.cv3-out dd{margin:0;font-weight:700}

/* Rubros: cada rubro con su desorden, lo que Flowbit centraliza y sus números */
.rb{display:flex;flex-direction:column;gap:clamp(18px,2vw,28px)}
.rb-tabs{display:flex;flex-wrap:wrap;gap:8px}
.rb-t{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:999px;background:var(--fb-surface);box-shadow:inset 0 0 0 1px var(--fb-line);font:inherit;font-size:15px;font-weight:700;color:var(--fb-ink-2);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.rb-t svg{width:18px;height:18px}
.rb-t:hover{box-shadow:inset 0 0 0 1px var(--fb-ink-4)}
.rb-t.is-on{background:var(--fb-frame);color:#fff;box-shadow:none}
.rb-t.is-on svg{color:var(--fb-aqua)}
.rb-p{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr);gap:14px;align-items:stretch}
.rb-p[hidden]{display:none}
.rb-c{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:24px;background:var(--fb-surface);box-shadow:0 1px 2px rgba(17,17,17,.04)}
.rb-c>small{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fb-ink-3)}
.rb-c>small svg{width:18px;height:18px}
.rb-c ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.rb-c li{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.35;color:var(--fb-ink-2)}
.rb-c li svg{flex:none;width:18px;height:18px;margin-top:1px}
.rb-c--hoy>small svg,.rb-c--hoy li svg{color:var(--fb-flag-bad)}
.rb-c--fb{background:var(--fb-frame);color:#fff}
.rb-c--fb>small{text-transform:none;letter-spacing:0;font-size:15px;color:var(--fb-frame-ink-2)}
.rb-logo{height:17px;width:auto;filter:brightness(0) invert(1)}
.rb-c--fb li{color:#fff}
.rb-c--fb li svg{color:var(--fb-aqua)}
.rb-c--n>small svg{color:var(--fb-flag-warn)}
.rb-ns{display:flex;flex-direction:column;gap:8px}
.rb-ns div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;border-radius:14px;background:var(--fb-sheet)}
.rb-ns small{font-size:14px;font-weight:700;color:var(--fb-ink-3)}
.rb-ns b{font-size:24px;white-space:nowrap}
.rb-ex{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fb-ink-4)}
.rb-arr{align-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--fb-surface);color:var(--fb-ink-3);box-shadow:0 1px 2px rgba(17,17,17,.08)}
.rb-arr svg{width:16px;height:16px}
.rb-caso{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0;padding:16px 20px;border-radius:18px;background:var(--fb-aqua-50);color:var(--fb-aqua-900);font-size:15.5px;line-height:1.45}
.rb-caso b{padding:4px 10px;border-radius:999px;background:var(--fb-aqua);color:var(--fb-on-action);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.rb-caso--sin{background:var(--fb-panel);color:var(--fb-ink-2)}
.rb-caso--sin b{background:var(--fb-frame);color:#fff}
.rb-caso a{color:inherit;text-underline-offset:.2em}
@media (max-width:980px){.rb-p{grid-template-columns:1fr}.rb-arr{justify-self:center;rotate:90deg}}

/* Celular: cada escena se reacomoda en vertical, con letra más grande */
@container (max-width:560px){
  .esc .esc__in{aspect-ratio:auto;font-size:3.1cqw;padding:1.6em 1.4em 2.4em}
  .esc .fx__cursor,.esc .fx__ring{font-size:3cqw}
  .esc__ex{font-size:9px}
  .esc--lugar .esc__in{grid-template-columns:1fr;gap:.6em}
  .lg-cloud{height:15em}
  .esc--verdad .esc__in{grid-template-columns:1fr;gap:1em}
  .vd-row{flex-direction:row;gap:.5em}
  .vd-n{flex:1;min-width:0;padding:.6em .7em}
  .vd-n>small{font-size:.7em}
  .vd-n>b{font-size:1.35em}
  .vd-core{flex-direction:row;justify-content:center;text-align:left}
  .vd-core>.e-orb{width:4.2em;height:4.2em}
  .esc--hoy .esc__in{min-height:40em}
  .hy-grid{grid-template-columns:1fr;grid-template-rows:auto auto}
  .hy-hero{grid-column:auto;min-height:13em}
  .hy-k{display:none}
  .esc--porque .esc__in{min-height:36em;padding:1.2em}
  .wf{padding:1em}
  .wf-cols{gap:.35em}
  .wf-plot i b{font-size:.72em}
  .wf-c>small{font-size:.66em}
  .wf-pop{left:6%;right:6%;width:auto;top:auto;bottom:7%}
  .esc--pregunta .esc__in{min-height:42em;padding:1.2em}
  .pq{width:100%}
  .e-rank__r{grid-template-columns:minmax(0,7em) minmax(0,1fr) auto}
  .esc--armado .esc__in{min-height:44em;padding:1.4em 1.2em 2.4em}
  .ar-top{grid-template-columns:1fr;gap:.6em}
  .ar-viz{right:1.2em;top:auto;bottom:2.6em;width:auto;left:1.2em}
  .ar-viz>div{grid-template-columns:repeat(3,minmax(0,1fr))}
  .esc--avisa .esc__in{grid-template-columns:1fr;gap:1.6em;padding:2.4em 1.4em}
  .av-ph{width:13em}
  .av-r{display:none}
  .esc--acceso .esc__in{padding:1.6em 1.4em 2.4em}
  .ac-row{grid-template-columns:1fr;gap:.6em}
  .ac-arr{justify-self:center;rotate:90deg}
  .esc--conecta .esc__in{grid-template-columns:1fr}
  .cn-grid{gap:.5em}
  .cn-s{padding:.6em .65em;gap:.5em}
  .esc--concilia .esc__in{grid-template-columns:1fr;gap:1em}
  .esc--contexto .esc__in{grid-template-columns:1fr;grid-template-rows:auto;gap:.9em}
  .cx-lines{display:none}
  .cx-e,.cx-core,.cx-s{grid-column:auto;grid-row:auto}
  .cx-core{flex-direction:row;text-align:left}
  .cx-core .e-orb{width:3.6em;height:3.6em}
  .esc--iq .esc__in{grid-template-columns:1fr;min-height:48em}
  .ix-g{display:none}
  .ix-pop{position:relative;right:auto;bottom:auto;width:auto}
  .esc--proactiva .esc__in{display:flex;flex-direction:column;gap:.9em}
  .pr-lines{display:none}
  .pr-core{position:relative;left:auto;top:auto;transform:none;flex-direction:row;text-align:left}
  .pr-core .e-orb{width:4em;height:4em}
  .pr-c{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}
  .dc-os,.dc-after{grid-template-columns:1fr}
  .dc-q small{font-size:1.2em}
}
@container (max-width:760px){
  .og{grid-template-columns:1fr;font-size:max(12px,2.6cqw)}
  .og-map{aspect-ratio:auto;display:flex;flex-direction:column;gap:.6em}
  .og-lines{display:none}
  .og-n{position:relative;left:auto!important;top:auto!important;transform:none;width:auto}
  .og-n[data-e-node="dir"]{order:0}
  .og-n[data-e-node="com"]{order:1;margin-left:1.4em}
  .og-n[data-e-node="vn"]{order:2;margin-left:2.8em}
  .og-n[data-e-node="vs"]{order:3;margin-left:2.8em}
  .og-n[data-e-node="ope"]{order:4;margin-left:1.4em}
  .og-n[data-e-node="sc"]{order:5;margin-left:2.8em}
  .og-n[data-e-node="fin"]{order:6;margin-left:1.4em}
  .og-n[data-e-node="cb"]{order:7;margin-left:2.8em}
}
@container (max-width:820px){
  .cv3{grid-template-columns:1fr;gap:1.6em;padding:1.6em;font-size:max(12px,2.3cqw)}
  .cv3-flow{display:none}
  .cv3-pila{min-height:21em}
}