/* Esquemas animados de producto (jumaro-diagrams-v1.js). Visual reference: the owner's
   Amber infographic — white rounded cards, soft icon tiles, a glowing centre card,
   thin blue connectors, a feature strip underneath. */
.jmd-section{background:#f6f8fd;border-top:1px solid #e6eaf4;border-bottom:1px solid #e6eaf4;padding:88px 16px 96px;color:#1b2559}
.jmd-section [data-jm-diagrams]{max-width:1200px;margin:0 auto}
.jmd-head{max-width:720px}
.jmd-eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#4f6bd8;margin:0}
.jmd-head h2{margin:14px 0 0;font-size:clamp(28px,4vw,40px);line-height:1.1;font-weight:700;letter-spacing:-.02em;color:#0f172a}
.jmd-lede{margin:16px 0 0;font-size:17px;line-height:1.6;color:#5b6480}
.jmd-fig{margin:48px 0 0}
.jmd-fig figcaption{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7a84a0;margin:0 0 16px}
.jmd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.jmd-box{position:relative;margin:0 auto}
.jmd-canvas{position:absolute;left:0;top:0;transform-origin:0 0;font-family:inherit}
.jmd-hint{display:none;margin:8px 0 0;font-size:12px;color:#8a93ab}
.jmd-scroll.is-scroll + .jmd-hint{display:block}
.jmd-lines{position:absolute;inset:0;overflow:visible;pointer-events:none}
.jmd-line{fill:none;stroke:#7f9be6;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.jmd-tip{fill:none;stroke:#6f8fe3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.jmd-flow path{fill:#9aa3b5;opacity:.9}
.jmd-card{position:absolute;box-sizing:border-box;display:flex;align-items:center;gap:18px;padding:16px 20px;background:#fff;border:1px solid #e3e8f4;border-radius:18px;box-shadow:0 10px 30px -18px rgba(27,37,89,.28),0 1px 2px rgba(27,37,89,.04)}
.jmd-chip{padding:12px 16px;gap:14px}
.jmd-tile{flex:none;display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:16px}
.jmd-chip .jmd-tile{width:46px;height:46px;border-radius:13px}
.jmd-tile svg{width:30px;height:30px}
.jmd-chip .jmd-tile svg{width:24px;height:24px}
.jmd-txt{min-width:0;display:flex;flex-direction:column;gap:4px}
.jmd-txt strong{font-size:17px;font-weight:700;color:#1b2559;letter-spacing:-.01em;line-height:1.2}
.jmd-chip .jmd-txt strong{font-size:16px}
.jmd-txt span,.jmd-txt a{font-size:13.5px;line-height:1.45;color:#5b6480}
.jmd-txt a{color:#3b5bdb;text-decoration:none;font-weight:600}
.jmd-txt a:hover{text-decoration:underline}
.t-blue{background:#edf2ff;color:#3b5bdb}.t-violet{background:#f2eeff;color:#7048e8}.t-green{background:#e9f9ef;color:#2f9e44}
.t-slate{background:#f1f3f8;color:#475569}.t-orange{background:#fff3df;color:#f08c00}.t-teal{background:#e3f9f2;color:#0ca678}
.t-pink{background:#fff0f6;color:#d6336c}.t-navy{background:#eef1f8;color:#1b2559}.t-white{background:#f7f8fb;color:#1b2559}
.jmd-center{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 26px;text-align:center;background:#fff;border:1px solid #eef0f6;border-radius:30px;box-shadow:0 0 0 1px rgba(255,255,255,.6),0 0 60px 6px var(--jmd-glow),0 24px 50px -30px rgba(27,37,89,.35)}
.jmd-center img{display:block;width:auto;max-width:80%}
.jmd-name{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1}
.jmd-center.is-amber .jmd-name{color:#f6a605}.jmd-center.is-brandly .jmd-name{color:#1b2559;font-size:34px}
.jmd-center.is-nexus .jmd-name{font-size:34px;background:linear-gradient(90deg,#4f7cff,#8b6cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.jmd-center > span{font-size:14.5px;line-height:1.45;color:#5b6480}
.jmd-root{flex-direction:row;gap:14px;padding:16px 24px;border-radius:22px}
.jmd-root .jmd-name{font-size:28px}
.jmd-branch .jmd-txt strong{font-size:18px;letter-spacing:.14em}
.jmd-group{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:12px 16px}
.jmd-ghead{display:flex;align-items:center;gap:12px}
.jmd-ghead .jmd-tile{width:30px;height:30px;border-radius:9px}
.jmd-ghead .jmd-tile svg{width:17px;height:17px}
.jmd-ghead strong{font-size:14px;font-weight:700;letter-spacing:.12em;color:#1b2559}
.jmd-group ul{list-style:none;margin:0;padding:0 0 0 42px}
.jmd-group li{font-size:14.5px;line-height:27px;color:#3d4766;position:relative}
.jmd-group > ul > li::before{content:"";position:absolute;left:-16px;top:12px;width:5px;height:5px;border-radius:50%;background:#9fb2ea}
.jmd-group li ul{padding-left:18px}
.jmd-group li ul li{color:#6b7493}
.jmd-group li ul li::before{content:"└";position:absolute;left:-16px;top:0;color:#b3bdd6}
.jmd-chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px;max-width:300px}
.jmd-chips span{font-size:12px;line-height:20px;padding:0 9px;border-radius:999px;background:#f1f3f8;color:#475569;border:1px solid #e3e8f4}
.jmd-strip{position:absolute;left:0;display:flex;align-items:center;min-height:80px}
.jmd-feat{flex:1 1 0;display:flex;align-items:center;gap:14px;padding:0 20px;border-left:1px solid #dde3f0}
.jmd-feat:first-child{border-left:0;padding-left:0}
.jmd-round{width:56px;height:56px;border-radius:50%}
.jmd-round svg{width:26px;height:26px}
.jmd-feat .jmd-txt strong{font-size:15px}
.jmd-feat .jmd-txt span{font-size:13px}
.jmd-contact{margin-top:56px;background:#fff;border:1px solid #e3e8f4;border-radius:24px;padding:28px;box-shadow:0 10px 30px -18px rgba(27,37,89,.25)}
.jmd-contact-h{display:flex;flex-direction:column;gap:6px}
.jmd-contact-h strong{font-size:22px;color:#0f172a;letter-spacing:-.01em}
.jmd-contact-h span{font-size:15px;color:#5b6480}
.jmd-contact ul{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px}
.jmd-contact li{display:flex;align-items:center;gap:14px;min-width:0}
.jmd-contact .jmd-tile{width:46px;height:46px;border-radius:13px}
.jmd-contact .jmd-tile svg{width:22px;height:22px}
.jmd-contact .jmd-txt strong{font-size:14px}
.jmd-contact .jmd-txt a,.jmd-contact .jmd-txt span{font-size:14px;overflow-wrap:anywhere}
/* Phone layout */
.jmd-mobile{display:flex;flex-direction:column;align-items:stretch;margin-top:8px}
.jmd-mgroup{display:flex;flex-direction:column;gap:10px}
.jmd-mgroup.is-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.jmd-mlabel{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8a93ab;text-align:center}
.jmd-vlink{display:block;margin:4px auto;overflow:visible}
.jmd-card.is-flow,.jmd-center.is-flow{position:relative;left:auto;top:auto;width:100%;height:auto}
.jmd-card.is-flow{padding:14px 16px;gap:14px;border-radius:16px}
.jmd-card.is-flow .jmd-tile{width:48px;height:48px;border-radius:13px}
.jmd-card.is-flow .jmd-tile svg{width:24px;height:24px}
.jmd-card.is-flow .jmd-txt strong{font-size:16px}
.jmd-card.is-flow .jmd-txt span{font-size:13.5px}
.jmd-chip.is-flow .jmd-tile{width:40px;height:40px}
.jmd-center.is-flow{padding:22px 20px;margin:4px 0;border-radius:24px}
.jmd-center.is-flow .jmd-name{font-size:30px}
.jmd-root.is-flow{flex-direction:row}
.jmd-group.is-flow{flex-direction:column;align-items:stretch}
.jmd-group.is-flow .jmd-tile{width:30px;height:30px;border-radius:9px}
.jmd-group.is-flow .jmd-tile svg{width:17px;height:17px}
.jmd-strip.is-flow{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px;margin-top:32px}
.jmd-strip.is-flow .jmd-feat{border-left:0;padding:0}
/* Diagrams placed inside page sections */
.jmd-inline{margin:56px 0 0;color:#1b2559}
.jmd-inline figcaption{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7a84a0;margin:0 0 18px}
.jmd-panel{background:#fff;border:1px solid #e6eaf4;border-radius:28px;padding:28px 24px 32px;box-shadow:0 18px 40px -30px rgba(27,37,89,.35)}
.jmd-contact-wrap{background:#f6f8fd;padding:72px 16px}
.jmd-contact-wrap > div{max-width:1100px;margin:0 auto}
.jmd-contact-wrap .jmd-contact{margin-top:0}
/* Sticky section menu */
.jmd-anchor{scroll-margin-top:130px}
.jmd-subnav{position:fixed;left:0;right:0;top:calc(73px + env(safe-area-inset-top,0px));z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e6eaf4;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}
.jmd-subnav.is-on{transform:none;opacity:1;pointer-events:auto}
.jmd-subnav-in{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.jmd-subnav-in::-webkit-scrollbar{display:none}
.jmd-subnav a{flex:none;font-size:13.5px;font-weight:600;color:#5b6480;text-decoration:none;padding:7px 14px;border-radius:999px;transition:background-color .15s,color .15s}
.jmd-subnav a:hover{background:#f1f3f8;color:#0f172a}
.jmd-subnav a.is-cur{background:#0f172a;color:#fff}
@media (prefers-reduced-motion: reduce){.jmd-subnav{transition:none}}
/* Step strip (Cómo funciona) */
.jmd-steps{--acc:#f6b21a;--acc-soft:rgba(246,178,26,.35);--acc-ink:#c77c02;overflow-x:auto;scrollbar-width:none;margin:8px -24px 0;padding:18px 24px 8px}
.jmd-steps::-webkit-scrollbar{display:none}
.jmd-steps-brandly{--acc:#957cfb;--acc-soft:rgba(149,124,251,.35);--acc-ink:#6d4fe0}
.jmd-steps-nexus{--acc:#5b7cfa;--acc-soft:rgba(91,124,250,.33);--acc-ink:#3b5bdb}
.jmd-steps ol{list-style:none;margin:0 auto;padding:0 0 64px;display:flex;align-items:flex-start;min-width:760px;max-width:1120px}
.jmd-steps.is-many ol{min-width:1040px}
.jmd-st{position:relative;flex:none;width:128px;display:flex;flex-direction:column;align-items:center}
.jmd-steps.is-many .jmd-st{width:98px}
.jmd-st button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;width:100%}
.jmd-st button:focus-visible .jmd-st-c{outline:2px solid var(--acc-ink);outline-offset:4px}
.jmd-st-c{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#fbfbfd;color:#1b2559;box-shadow:0 0 0 1px #eef0f5,0 10px 28px -12px rgba(27,37,89,.22);transition:transform .2s ease,box-shadow .2s ease,background-color .2s}
.jmd-steps.is-many .jmd-st-c{width:66px;height:66px}
.jmd-st-c svg{width:30px;height:30px}
.jmd-steps.is-many .jmd-st-c svg{width:24px;height:24px}
.jmd-st button:hover .jmd-st-c{transform:translateY(-2px)}
.jmd-st.is-key .jmd-st-c{background:var(--acc);color:#fff;box-shadow:0 0 0 7px #fff,0 0 0 8px var(--acc-soft),0 12px 36px -6px var(--acc-soft)}
.jmd-st.is-cur:not(.is-key) .jmd-st-c{box-shadow:0 0 0 2px var(--acc-ink),0 10px 28px -12px rgba(27,37,89,.3)}
.jmd-st.is-cur.is-key .jmd-st-c{box-shadow:0 0 0 6px #fff,0 0 0 8px var(--acc-ink),0 12px 36px -6px var(--acc-soft)}
.jmd-st-n{margin-top:10px;font-size:13px;color:#8a93ab;font-variant-numeric:tabular-nums}
.jmd-st-l{font-size:16px;font-weight:600;color:#1b2559;line-height:1.25}
.jmd-steps.is-many .jmd-st-l{font-size:13.5px}
.jmd-st.is-cur .jmd-st-l{color:var(--acc-ink)}
.jmd-st-line{flex:1 1 0;min-width:24px;position:relative;display:flex;align-items:center;height:84px}
.jmd-steps.is-many .jmd-st-line{height:66px}
.jmd-st-line b{flex:1;height:2px;background:#d9dee8;margin:0 4px}
.jmd-st-line i{width:6px;height:6px;border-radius:50%;background:#aeb7c9;flex:none}
.jmd-st-line em{position:absolute;top:50%;left:10px;width:0;height:0;border-left:6px solid #9aa3b5;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:translateY(-50%);animation:jmd-st-go 2.4s linear infinite}
@keyframes jmd-st-go{from{left:10px;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 16px);opacity:0}}
.jmd-st-note{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:6px;display:flex;flex-direction:column;align-items:center;white-space:nowrap}
.jmd-st-up{width:12px;height:30px;fill:none;stroke:var(--acc);stroke-width:1.6;stroke-dasharray:3 3;stroke-linecap:round}
.jmd-st-up path:last-child{stroke-dasharray:none}
.jmd-st-pill{margin-top:4px;font-size:13px;font-weight:500;color:var(--acc-ink);background:color-mix(in srgb,var(--acc) 12%,#fff);border:1px solid color-mix(in srgb,var(--acc) 22%,#fff);padding:5px 14px;border-radius:999px}
.jmd-st-back{position:absolute;left:calc(100% - 6px);bottom:10px;width:40px;height:52px;fill:none;stroke:var(--acc);stroke-width:1.6;stroke-dasharray:3 3}
@media (max-width:720px){.jmd-steps{margin:0 -24px;padding:12px 24px 4px}.jmd-st{width:104px}.jmd-st-c{width:64px;height:64px}.jmd-st-line{height:64px}.jmd-st-c svg{width:24px;height:24px}.jmd-st-l{font-size:14px}}
.jmd-st{width:112px}
.jmd-st-line{min-width:44px}
.jmd-steps ol{width:100%}
section:has(.jmd-steps) ol > li.items-center{align-items:flex-start}

/* 2026-10-01: Nexus identity is the pink lotus */
.jmd-steps-nexus{--acc:#f497ae;--acc-soft:rgba(244,151,174,.38);--acc-ink:#d6587a}
.jmd-center.is-nexus .jmd-name{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#141832}