.mj{position:relative;margin:10px 0 14px;padding:10px 12px 12px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;overflow:visible}
.mj::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(120,170,255,.7),rgba(120,170,255,0))}
.mj>*{position:relative}
.mj-hd{grid-row:1;grid-column:1;z-index:2;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.mj-hd h3{margin:0;font-family:var(--display,"Oxanium",sans-serif);font-weight:800;font-size:15px;text-transform:uppercase;color:var(--dz-ink,#eef2f8);white-space:nowrap}
.mj-sub{font-size:11px;color:var(--dz-mut2,#8a8f98);white-space:nowrap}
.mj-prog{grid-row:1;grid-column:2;z-index:2;justify-self:end;margin:0;font-family:var(--tech,"Oxanium",sans-serif);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dz-mut2,#8a8f98);white-space:nowrap}
.mj-prog b{font-family:var(--display,"Oxanium",sans-serif);font-size:14px;letter-spacing:0;text-transform:none;color:#fff;margin-left:6px}
.mj-trilha{grid-row:2;grid-column:1/-1;position:relative;display:flex;align-items:flex-start;margin:12px 66px 0 8px}
.mj-barra{position:absolute;left:0;right:0;top:25px;height:3px;border-radius:2px;background:rgba(255,255,255,.09)}
.mj-tracejo{position:absolute;top:0;right:0;height:100%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 5px,transparent 5px 11px)}
.mj-fill{position:absolute;left:0;top:0;height:100%;border-radius:2px;background:linear-gradient(90deg,rgba(79,140,240,.5),#4f8cf0);box-shadow:0 0 8px rgba(79,140,240,.45)}
.mj-fill::after{content:"";position:absolute;right:-6px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:#4f8cf0;box-shadow:0 0 0 4px rgba(79,140,240,.18);animation:mjPulso 3.6s ease-in-out infinite}
@keyframes mjPulso{0%,100%{box-shadow:0 0 0 4px rgba(79,140,240,.18)}50%{box-shadow:0 0 0 7px rgba(79,140,240,.07)}}
.mj-ponto{position:relative;flex:1 1 0;min-width:0;transform:translateX(50%);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.mj-fx{position:absolute;left:50%;top:26px;width:106px;height:106px;transform:translate(-50%,-50%);pointer-events:none;z-index:0}
.mj-batida .mj-fx::before,.mj-batida .mj-fx::after,.mj-festa .mj-fx::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none}
.mj-batida .mj-fx::before{width:106px;height:106px;margin:-53px 0 0 -53px;background:#4f8cf0;-webkit-mask:url(/assets/jornada/sigilo.webp) center/contain no-repeat;mask:url(/assets/jornada/sigilo.webp) center/contain no-repeat;opacity:.32;animation:mjGiraI 70s linear infinite}
.mj-batida .mj-fx::after{width:82px;height:82px;margin:-41px 0 0 -41px;background:url(/assets/jornada/runas.webp) center/contain no-repeat;filter:drop-shadow(0 0 4px rgba(79,140,240,.45));animation:mjGira 30s linear infinite}
@keyframes mjGira{to{transform:rotate(360deg)}}
@keyframes mjGiraI{to{transform:rotate(-360deg)}}
.mj-pr,.mj-lb,.mj-ok,.mj-wait,.mj .mj-ponto .btn.mj-btn{position:relative;z-index:1}
.mj-dot{position:relative;z-index:1;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(79,140,240,.2),rgba(79,140,240,0) 68%);color:#dbe9ff;transition:transform .25s cubic-bezier(.2,.8,.2,1),color .25s,filter .25s}
.mj-dot svg{width:26px;height:26px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}
.mj-img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
.mj-ponto:hover .mj-dot{transform:translateY(-3px)}
.mj-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;pointer-events:none}
.mj-dot::before{position:absolute;right:-2px;top:-2px;width:16px;height:16px;border-radius:50%;font-size:9px;display:grid;place-items:center;box-shadow:0 2px 5px rgba(0,0,0,.65);z-index:1}
.mj-badge{position:absolute;right:-8px;bottom:-2px;z-index:1;font-family:var(--tech,"Oxanium",sans-serif);font-style:normal;font-weight:700;font-size:9px;letter-spacing:.04em;line-height:1;padding:3px 5px;border-radius:9px;background:#4f8cf0;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.6)}
.mj-entregue .mj-dot{background:radial-gradient(circle,rgba(111,220,168,.2),rgba(111,220,168,0) 68%);color:#6fdca8}
.mj-entregue .mj-dot::before{content:"✓";background:#6fdca8;color:#06130a;font-weight:800;animation:mjCarimbo .45s cubic-bezier(.2,.9,.3,1.4)}
@keyframes mjCarimbo{from{transform:scale(1.6);opacity:0}to{transform:none;opacity:1}}
.mj-batida .mj-dot{background:radial-gradient(circle,rgba(79,140,240,.34),rgba(79,140,240,0) 70%);color:#fff}
.mj-pendente_entrega .mj-dot::after,.mj-aguardando_equipe .mj-dot::after{border:1px dashed rgba(79,140,240,.5);animation:mjOrbita 14s linear infinite}
@keyframes mjOrbita{to{transform:rotate(360deg)}}
.mj-bloqueada .mj-dot{opacity:.42;filter:grayscale(.6)}
.mj-bloqueada .mj-dot::before{content:"🔒";font-size:8px;background:#0f1116;border:1px solid rgba(255,255,255,.16)}
.mj-bloqueada .mj-pr,.mj-bloqueada .mj-lb{opacity:.42}
.mj-festa .mj-dot{animation:mjPop .55s cubic-bezier(.2,.9,.3,1.4)}
@keyframes mjPop{0%{transform:scale(.8)}55%{transform:scale(1.14)}100%{transform:none}}
.mj-festa .mj-fx::after{width:82px;height:82px;margin:-41px 0 0 -41px;background:url(/assets/jornada/runas.webp) center/contain no-repeat;animation:mjSumir 1.1s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes mjSumir{from{transform:rotate(0) scale(1);opacity:.9}to{transform:rotate(200deg) scale(1.8);opacity:0}}
.mj-imp{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;background:#6fdca8;-webkit-mask:url(/assets/jornada/impacto.webp) center/contain no-repeat;mask:url(/assets/jornada/impacto.webp) center/contain no-repeat;opacity:0;animation:mjImpacto .9s cubic-bezier(.2,.8,.2,1) forwards;pointer-events:none}
@keyframes mjImpacto{from{transform:scale(.55);opacity:1}to{transform:scale(2.6);opacity:0}}
.mj-sp{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:url(/assets/jornada/faisca.webp) center/contain no-repeat;opacity:0;transform:rotate(var(--a)) translateY(-16px) scale(.2);animation:mjEstouro .85s cubic-bezier(.1,.8,.3,1) forwards;animation-delay:var(--d);pointer-events:none}
@keyframes mjEstouro{0%{transform:rotate(var(--a)) translateY(-16px) scale(.2);opacity:0}25%{opacity:1;transform:rotate(var(--a)) translateY(-30px) scale(1.2)}100%{transform:rotate(var(--a)) translateY(-52px) scale(0);opacity:0}}
.mj-cauda .mj-dot::after{border:1px dashed rgba(255,255,255,.25)}
.mj-cauda.mj-bloqueada .mj-dot{opacity:.6}
.mj-cauda.mj-bloqueada .mj-dot::before{content:none}
.mj-pr{order:1;margin-top:5px;font-family:var(--display,"Oxanium",sans-serif);font-weight:700;font-size:11px;color:#fff;line-height:1.15}
.mj-lb{order:2;font-family:var(--tech,"Oxanium",sans-serif);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dz-mut2,#8a8f98)}
.mj-ok{order:3;margin-top:2px;font-family:var(--tech,"Oxanium",sans-serif);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#6fdca8}
.mj-ok::before{content:"● ";font-size:7px;vertical-align:1px}
.mj-wait{order:3;margin-top:2px;font-family:var(--tech,"Oxanium",sans-serif);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:#7ea6ee}
.mj-lock{order:3;position:absolute;top:-24px;left:50%;transform:translateX(-50%) translateY(4px);font-family:var(--tech,"Oxanium",sans-serif);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:#c9d3e6;background:#0f1116;border:1px solid rgba(255,255,255,.14);padding:3px 7px;border-radius:2px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:2}
.mj-ponto:hover .mj-lock{opacity:1;transform:translateX(-50%) translateY(0)}
.mj .mj-ponto .btn.mj-btn{order:3;margin-top:4px;padding:4px 12px;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;animation:mjBorda 3.6s ease-in-out infinite}
@keyframes mjBorda{0%,100%{border-color:rgba(79,140,240,.4);box-shadow:inset 0 1px 0 #ffffff12,0 0 0 0 rgba(79,140,240,0)}50%{border-color:rgba(79,140,240,.95);box-shadow:inset 0 1px 0 #ffffff12,0 0 0 3px rgba(79,140,240,.12)}}
.mj .mj-ponto .btn.mj-btn[disabled]{opacity:.6;animation:none}
.mj-vazio{grid-column:1/-1;color:var(--dz-mut2,#8a8f98);font-size:12px;margin-top:6px}
@media (prefers-reduced-motion:reduce){.mj-fill::after,.mj-pendente_entrega .mj-dot::after,.mj-aguardando_equipe .mj-dot::after,.mj .mj-ponto .btn.mj-btn,.mj-entregue .mj-dot::before,.mj-festa .mj-dot,.mj-batida .mj-fx::before,.mj-batida .mj-fx::after,.mj-festa .mj-fx::after,.mj-imp,.mj-sp{animation:none}}
@media (max-width:640px){
.mj{display:block;padding:10px 12px 12px}
.mj-hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.mj-prog{margin:6px 0 0;display:block}
.mj-trilha{margin:8px 0 0;display:flex;flex-direction:column;position:relative}
.mj-trilha::before{content:"";position:absolute;left:22px;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,rgba(79,140,240,.6),rgba(255,255,255,.08));border-radius:1px}
.mj-barra{display:none}
.mj-ponto{flex:none;transform:none;display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:12px;row-gap:2px;align-items:center;text-align:left;padding:6px 0}
.mj-fx{left:22px;top:50%;width:76px;height:76px}
.mj-batida .mj-fx::before{width:76px;height:76px;margin:-38px 0 0 -38px}
.mj-batida .mj-fx::after,.mj-festa .mj-fx::after{width:62px;height:62px;margin:-31px 0 0 -31px}
.mj-dot{grid-column:1;grid-row:1/3;width:44px;height:44px}
.mj-img{width:42px;height:42px}
.mj-pr{grid-column:2;grid-row:1;order:0;margin:0;min-width:0}
.mj-lb{grid-column:2;grid-row:2;order:0;min-width:0}
.mj-ok,.mj-wait,.mj-lock,.mj .mj-ponto .btn.mj-btn{grid-column:3;order:0;margin:0;justify-self:end}
.mj-lock{position:static;transform:none;opacity:1;background:none;border:0;padding:0;color:var(--dz-mut2,#8a8f98);white-space:normal;text-align:right;max-width:120px}
}