/* Central do cliente · mural do estudo (04/10/2026). Folha própria: serve à Central e ao hub antigo (gerar_hub.py). */
#mural-app{ --mu-ink:var(--ink,#141311); --mu-ink2:var(--ink2,#4E4A43); --mu-ink3:var(--ink3,#8A8479); --mu-line:var(--line,#E2DDD3); --mu-acc:var(--green,#7CF067); --mu-acc-ink:var(--green-ink,#3d8b2f); --mu-bg:#F3F0EA; margin-top:8px; }
#mural-app *{ box-sizing:border-box; }
.mu-intro{ padding:6px 0 26px; }
.mu-intro .k{ font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--mu-acc-ink); }
.mu-h{ font-family:'Inter Tight',sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(40px,6.4vw,84px)!important; line-height:.9!important; margin:14px 0 0!important; max-width:15ch; letter-spacing:.005em; }
.mu-dek{ font-size:18px; line-height:1.55; color:var(--mu-ink2); max-width:760px; margin:20px 0 0; }
.mu-dek b{ color:var(--mu-ink); }
.mu-caps{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:24px 0 0; }
.mu-caps button{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--mu-line); background:#fff; border-radius:999px; padding:7px 14px 7px 8px; font:500 13px/1.2 'Inter',sans-serif; color:var(--mu-ink2); cursor:pointer; transition:border-color .12s, background .12s; }
.mu-caps button span{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; background:var(--mu-bg); border-radius:999px; padding:3px 7px; color:var(--mu-ink3); }
.mu-caps button:hover{ border-color:var(--mu-ink3); }
.mu-caps button.on{ background:var(--mu-ink); border-color:var(--mu-ink); color:#fff; } .mu-caps button.on span{ background:rgba(255,255,255,.14); color:#fff; }

.mu-wrap{ position:relative; border:1px solid var(--mu-line); border-radius:16px; overflow:hidden; background:#fff; outline:none; }
.mu-wrap.mu-full{ position:fixed; inset:0; z-index:9000; border-radius:0; border:0; }
.mu-wrap:fullscreen{ border-radius:0; }
.mu-bar{ display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; justify-content:space-between; padding:10px 12px; border-bottom:1px solid var(--mu-line); background:#fff; position:relative; z-index:3; }
.mu-bar .tour, .mu-bar .zm{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.mu-bar .b{ border:1px solid var(--mu-line); background:#fff; border-radius:9px; height:32px; min-width:32px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; gap:6px; font:500 13px 'Inter',sans-serif; color:var(--mu-ink); cursor:pointer; }
.mu-bar .b:hover{ border-color:var(--mu-ink3); }
.mu-bar .b.play{ background:var(--mu-ink); border-color:var(--mu-ink); color:#fff; padding:0 14px; }
.mu-bar .b .i{ width:15px; height:15px; }
.mu-bar .cap{ font-size:13px; color:var(--mu-ink2); margin-left:6px; } .mu-bar .cap b{ font-family:'JetBrains Mono',monospace; font-weight:400; font-size:11px; letter-spacing:.1em; color:var(--mu-acc-ink); } .mu-bar .cap span{ color:var(--mu-ink3); font-size:12px; margin-left:6px; }
.mu-bar .pct{ font:500 12px 'Inter',sans-serif; color:var(--mu-ink3); min-width:42px; text-align:center; font-variant-numeric:tabular-nums; }
.mu-vp{ position:relative; height:clamp(520px,74vh,860px); overflow:hidden; cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none;
  background-color:var(--mu-bg); background-image:radial-gradient(rgba(20,19,17,.13) 1px, transparent 1.2px); background-size:22px 22px; }
.mu-full .mu-vp, .mu-wrap:fullscreen .mu-vp{ height:calc(100vh - 54px); }
.mu-vp.arr{ cursor:grabbing; }
.mu-world{ position:absolute; left:0; top:0; transform-origin:0 0; will-change:transform; }
.mu-links{ position:absolute; left:0; top:0; overflow:visible; pointer-events:none; color:#3a3732; z-index:2; }
.mu-lrot{ position:absolute; left:0; top:0; z-index:3; }
.mu-links path{ fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.mu-links path.forte{ stroke-width:3.2; } .mu-links path.tr{ stroke-dasharray:7 7; }
.mu-lrot span{ position:absolute; transform:translate(-50%,-50%); background:#fff; border:1.5px solid #3a3732; border-radius:10px; padding:5px 12px; font:500 14px/1.2 'Inter',sans-serif; color:var(--mu-ink); white-space:nowrap; pointer-events:none; }
.mu-hint{ position:absolute; left:50%; bottom:14px; transform:translateX(-50%); background:rgba(20,19,17,.82); color:#fff; font:500 12px 'Inter',sans-serif; border-radius:999px; padding:7px 14px; pointer-events:none; transition:opacity .2s; white-space:nowrap; max-width:calc(100% - 24px); overflow:hidden; text-overflow:ellipsis; }
.mu-wrap.ativo .mu-hint, .mu-full .mu-hint{ opacity:0; }

/* quadros */
.mu-q{ position:absolute; background:#fff; border:1.5px solid #2c2a26; border-radius:22px; padding:30px 30px 34px; box-shadow:0 2px 0 rgba(20,19,17,.06), 0 24px 60px -30px rgba(20,19,17,.35); transition:box-shadow .3s; }
.mu-q.foco{ box-shadow:0 0 0 6px color-mix(in srgb, var(--mu-acc) 45%, transparent), 0 24px 60px -30px rgba(20,19,17,.35); }
.mu-q.dark{ background:#141311; color:#fff; border-color:#141311; }
.mu-q > header{ display:flex; gap:18px; align-items:flex-start; margin-bottom:24px; }
.mu-q > header .n{ font-family:'JetBrains Mono',monospace; font-size:15px; letter-spacing:.12em; border:1.5px solid currentColor; border-radius:999px; padding:6px 12px; flex:0 0 auto; margin-top:6px; color:var(--mu-acc-ink); }
.mu-q.dark > header .n{ color:var(--mu-acc); }
.mu-q > header h3{ font-family:'Inter Tight',sans-serif; font-weight:400; text-transform:uppercase; font-size:46px; line-height:.92; margin:0; letter-spacing:.005em; }
.mu-q > header p{ font-size:17px; line-height:1.45; color:var(--mu-ink2); margin:10px 0 0; max-width:62ch; }
.mu-q.dark > header p{ color:rgba(255,255,255,.72); }
.mu-b{ display:grid; gap:20px; align-items:start; grid-auto-flow:row dense; }

/* nós */
.mu-no{ position:relative; min-width:0; font-family:'Inter',sans-serif; }
.mu-no b{ font-weight:600; }
.mu-nota{ padding:18px 18px 16px; border-radius:4px 4px 4px 18px; box-shadow:0 10px 18px -12px rgba(20,19,17,.4); transform:rotate(-.6deg); font-size:15px; line-height:1.45; color:#2a2620; }
.mu-nota:nth-child(even){ transform:rotate(.7deg); }
.mu-nota > b{ display:block; font-size:17px; line-height:1.25; margin-bottom:6px; color:#141311; }
.mu-nota p{ margin:0; color:#3c372f; } .mu-nota small{ display:block; margin-top:10px; font-size:12px; color:#6d6559; }
.mu-nota.c-amarelo{ background:#FFF1A8; } .mu-nota.c-rosa{ background:#FFD3E8; } .mu-nota.c-verde{ background:#D4F5C9; } .mu-nota.c-azul{ background:#D5E6FF; } .mu-nota.c-lilas{ background:#E7DAFF; } .mu-nota.c-laranja{ background:#FFDDBF; } .mu-nota.c-branco{ background:#fff; border:1.5px solid #2c2a26; }
.mu-doc{ display:flex; gap:14px; align-items:flex-start; border:1.5px solid var(--mu-line); border-radius:14px; padding:16px; background:#fff; text-decoration:none; color:inherit; transition:border-color .12s; }
a.mu-doc:hover{ border-color:#2c2a26; }
.mu-doc .ic{ flex:0 0 40px; height:40px; border-radius:10px; background:var(--mu-bg); display:grid; place-items:center; color:var(--mu-ink); }
.mu-doc .ic .i{ width:20px; height:20px; }
.mu-doc .tx small{ display:block; font-family:'JetBrains Mono',monospace; font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--mu-ink3); margin-bottom:4px; }
.mu-doc .tx b{ display:block; font-size:16px; line-height:1.3; color:var(--mu-ink); }
.mu-doc .tx p{ margin:6px 0 0; font-size:14px; line-height:1.45; color:var(--mu-ink2); }
.mu-doc .tx em, .mu-dado em, .mu-tab em{ display:block; font-style:normal; font-size:12px; color:var(--mu-ink3); margin-top:8px; }
.mu-q.dark .mu-doc{ background:#1f1d1a; border-color:#34312c; } .mu-q.dark .mu-doc .tx b{ color:#fff; } .mu-q.dark .mu-doc .tx p{ color:rgba(255,255,255,.7); } .mu-q.dark .mu-doc .ic{ background:#2b2925; color:#fff; }
.mu-dado{ border-top:3px solid #141311; padding-top:14px; }
.mu-dado strong{ display:block; font-family:'Inter Tight',sans-serif; font-weight:400; font-size:60px; line-height:.9; letter-spacing:-.005em; color:var(--mu-ink); }
.mu-dado > b{ display:block; font-size:16px; line-height:1.3; margin-top:10px; color:var(--mu-ink); }
.mu-dado p{ margin:6px 0 0; font-size:14px; line-height:1.45; color:var(--mu-ink2); }
.mu-q.dark .mu-dado{ border-color:var(--mu-acc); } .mu-q.dark .mu-dado strong, .mu-q.dark .mu-dado > b{ color:#fff; } .mu-q.dark .mu-dado p{ color:rgba(255,255,255,.7); }
.mu-img{ margin:0; display:flex; flex-direction:column; align-items:center; }
.mu-img .tag, .mu-gal .tag{ display:inline-block; align-self:center; background:#fff; border:1.5px solid #2c2a26; border-radius:12px; padding:8px 16px; font-size:16px; line-height:1.25; text-align:center; margin-bottom:14px; color:var(--mu-ink); box-shadow:0 2px 0 rgba(20,19,17,.08); }
.mu-gal .tag{ display:table; margin:0 auto 14px; }
.mu-img .ph, .mu-gal .ph{ display:block; width:100%; border:0; padding:0; margin:0; background:#ddd; cursor:zoom-in; position:relative; overflow:hidden; border-radius:4px; box-shadow:0 14px 30px -18px rgba(20,19,17,.55); }
.mu-img .ph img, .mu-gal .ph img{ display:block; width:100%; aspect-ratio:4/5; object-fit:cover; pointer-events:none; }
.mu-img.f-story .ph img, .mu-gal .ph.f-story img{ aspect-ratio:9/16; } .mu-img.f-quadrado .ph img, .mu-gal .ph.f-quadrado img{ aspect-ratio:1/1; } .mu-img.f-largo .ph img, .mu-gal .ph.f-largo img{ aspect-ratio:16/9; } .mu-img.f-livre .ph img{ aspect-ratio:auto; }
.mu-img .play{ position:absolute; left:50%; top:50%; width:54px; height:54px; margin:-27px 0 0 -27px; border-radius:50%; background:rgba(255,255,255,.9); }
.mu-img .play:after{ content:""; position:absolute; left:21px; top:16px; border-left:17px solid #141311; border-top:11px solid transparent; border-bottom:11px solid transparent; }
.mu-img figcaption{ font-size:14px; line-height:1.4; color:var(--mu-ink2); margin-top:12px; text-align:center; max-width:34ch; }
.mu-img figcaption small{ display:block; font-size:12px; color:var(--mu-ink3); margin-top:4px; }
.mu-q.dark .mu-img figcaption{ color:rgba(255,255,255,.75); }
.mu-gal .g{ display:grid; gap:10px; }
.mu-gal .cap{ font-size:13.5px; line-height:1.45; color:var(--mu-ink2); margin:12px 0 0; text-align:center; }
.mu-conc{ background:#141311; color:#fff; border-radius:18px; padding:26px 26px 24px; }
.mu-conc small{ display:block; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--mu-acc); margin-bottom:12px; }
.mu-conc h4{ font-family:'Inter Tight',sans-serif; font-weight:400; text-transform:uppercase; font-size:34px; line-height:.95; margin:0; color:#fff; }
.mu-conc p{ margin:14px 0 0; font-size:15px; line-height:1.5; color:rgba(255,255,255,.78); } .mu-conc p b{ color:#fff; }
.mu-q.dark .mu-conc{ background:var(--mu-acc); } .mu-q.dark .mu-conc h4, .mu-q.dark .mu-conc p, .mu-q.dark .mu-conc p b{ color:#141311; } .mu-q.dark .mu-conc small{ color:#141311; opacity:.7; }
.mu-lista{ border:1.5px solid var(--mu-line); border-radius:14px; padding:18px 20px; background:#fff; }
.mu-lista > b{ display:block; font-size:17px; margin-bottom:8px; color:var(--mu-ink); }
.mu-lista ol{ margin:0; padding-left:22px; font-size:14.5px; line-height:1.45; color:var(--mu-ink2); } .mu-lista li{ margin:7px 0; } .mu-lista li b{ color:var(--mu-ink); } .mu-lista li span{ color:var(--mu-ink2); }
.mu-q.dark .mu-lista{ background:#1f1d1a; border-color:#34312c; } .mu-q.dark .mu-lista > b, .mu-q.dark .mu-lista li b{ color:#fff; } .mu-q.dark .mu-lista ol, .mu-q.dark .mu-lista li span{ color:rgba(255,255,255,.72); }
.mu-tab{ border:1.5px solid var(--mu-line); border-radius:14px; padding:16px 18px; background:#fff; }
.mu-tab > b{ display:block; font-size:16px; margin-bottom:10px; color:var(--mu-ink); }
.mu-tab table{ width:100%; border-collapse:collapse; font-size:13.5px; }
.mu-tab th{ text-align:left; font-family:'JetBrains Mono',monospace; font-weight:400; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--mu-ink3); padding:0 8px 8px 0; border-bottom:1.5px solid #141311; }
.mu-tab td{ padding:9px 8px 9px 0; border-bottom:1px solid var(--mu-line); color:var(--mu-ink2); vertical-align:top; } .mu-tab td b{ color:var(--mu-ink); }
.mu-tab tr.hl td{ background:color-mix(in srgb, var(--mu-acc) 18%, #fff); }
.mu-frase{ padding:6px 0 6px 22px; border-left:4px solid var(--mu-acc); }
.mu-frase p{ font-family:'Inter Tight',sans-serif; text-transform:uppercase; font-size:36px; line-height:.98; margin:0; color:var(--mu-ink); }
.mu-frase small{ display:block; margin-top:12px; font-size:13px; color:var(--mu-ink3); }
.mu-q.dark .mu-frase p{ color:#fff; }
.mu-funil{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:6px 0; }
.mu-funil .et{ position:relative; background:color-mix(in srgb, var(--fc) 26%, #fff); border:1.5px solid #2c2a26; clip-path:polygon(0 0,100% 0,93% 100%,7% 100%); padding:26px 14% 28px; text-align:center; min-height:170px; display:flex; flex-direction:column; justify-content:center; }
.mu-funil .et strong{ font-family:'Inter Tight',sans-serif; font-weight:400; font-size:48px; line-height:.9; color:#141311; }
.mu-funil .et b{ font-size:20px; margin-top:8px; color:#141311; } .mu-funil .et span{ font-size:16px; line-height:1.4; color:#3c372f; margin-top:4px; }

/* caixa de luz */
.mu-lb{ position:fixed; inset:0; z-index:9500; background:rgba(12,11,10,.86); display:flex; align-items:center; justify-content:center; padding:40px 16px; }
.mu-lb[hidden]{ display:none; }
.mu-lb figure{ margin:0; max-width:min(92vw,980px); text-align:center; }
.mu-lb img{ max-width:100%; max-height:78vh; border-radius:6px; display:block; margin:0 auto; background:#222; }
.mu-lb figcaption{ color:#fff; font:500 14px/1.5 'Inter',sans-serif; margin-top:14px; } .mu-lb figcaption a{ color:#fff; margin-left:8px; }
.mu-lb .x{ position:absolute; right:18px; top:14px; width:42px; height:42px; border-radius:50%; border:0; background:#fff; font-size:24px; line-height:1; cursor:pointer; }
@media (max-width:640px){ .mu-bar .cap{ display:none; } .mu-vp{ height:68vh; } .mu-dek{ font-size:16px; } }