/* CarregaBR · motion "Lite ou Ultra em 30 segundos" · todos os seletores prefixados por .mlu */
.mlu{
  --mlu-canvas:#F2F0EB;--mlu-ink:#1C1B19;--mlu-copper:#B8743F;--mlu-copper-hi:#D08B55;--mlu-copper-lt:#E8A87C;
  --mlu-text:#1C1B19;--mlu-text-2:#5A554E;--mlu-dim:#8A8379;--mlu-light:#F6F1EA;--mlu-light-2:#D3CCC2;
  --mlu-ease:cubic-bezier(.2,.7,.2,1);
  --mlu-display:"Outfit",system-ui,sans-serif;--mlu-body:"Work Sans",system-ui,sans-serif;--mlu-mono:"Jura",ui-monospace,system-ui,sans-serif;
  container-type:inline-size;position:relative;width:100%;color:var(--mlu-text);font-family:var(--mlu-body);
  -webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none
}
.mlu *,.mlu *::before,.mlu *::after{box-sizing:border-box}
.mlu p{margin:0}
.mlu-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--mlu-canvas);border-radius:20px;isolation:isolate}
.mlu-dark{position:absolute;inset:0;background:var(--mlu-ink);opacity:0;pointer-events:none}
.mlu-stage{position:absolute;inset:0}
.mlu-svg{position:absolute;inset:0;width:100%;height:100%;display:block}

/* ---------- estação, sólida ---------- */
.mlu .st-shadow{fill:url(#mlu-shade)}
.mlu .st-side{stroke:none}
.mlu .st-louv-bg{fill:#D9D5CD}
.mlu .st-louv{stroke:#A79F94;stroke-width:1.6;fill:none}
.mlu .st-frame{fill:#2B2926}
.mlu .st-edge{stroke:#fff;stroke-width:1.6;opacity:.9}
.mlu .st-plinth{fill:#1F1E1C}
.mlu .st-plinth-l{stroke:#4A4641;stroke-width:1.5}
.mlu .st-win{fill:#141312}
.mlu .st-screen{fill:#232120}
.mlu .st-disp{fill:#3A3835}
.mlu .st-bar{stroke:#B8743F;stroke-width:3;stroke-linecap:round;opacity:.55}
.mlu .st-glass{fill:none;stroke:#fff;stroke-opacity:.1;stroke-width:4;stroke-linecap:round}
.mlu .t-chint{font:700 15px var(--mlu-display);letter-spacing:.08em;fill:#1C1B19;opacity:.82}
.mlu .t-cbr{font:500 18px var(--mlu-body);fill:#B8743F}
.mlu .t-model{font:700 15px var(--mlu-display);letter-spacing:.08em;fill:#1C1B19;opacity:.82}
/* linhas v3: a DC Lite tem gabinete preto/grafite (foto oficial CHINT), janela preta com as barras verdes A e B */
.mlu .mlu-st--lite .st-frame{fill:#1E1E21}
.mlu .mlu-st--lite .st-edge{stroke:#6A6A70;opacity:.7}
.mlu .mlu-st--lite .st-plinth{fill:#151517}
.mlu .mlu-st--lite .st-plinth-l{stroke:#3A3A3F}
.mlu .mlu-st--lite .st-win{fill:#0C0C0D;stroke:#55555B;stroke-width:1.5}
.mlu .mlu-st--lite .st-bar{stroke:#4FBF78;opacity:.85}
.mlu .mlu-st--lite .st-louv-bg{fill:#2A2A2E}
.mlu .mlu-st--lite .st-louv{stroke:#47474D}
.mlu .mlu-st--lite .t-chint,.mlu .mlu-st--lite .t-model{fill:#F2F0EB;opacity:.92}
.mlu .st-holster{fill:#1F1E1C}
.mlu .st-cable{fill:none;stroke:#1F1E1C;stroke-width:8;stroke-linecap:round}
.mlu .h-grip{fill:#1F1E1C}
.mlu .h-head{fill:#EEEBE5;stroke:#1F1E1C;stroke-width:1.5}
.mlu .h-face{fill:#1F1E1C}
.mlu .ccs{opacity:0}
.mlu .h-seam{stroke:#1F1E1C;stroke-width:1.2;fill:none;opacity:.55}
.mlu .h-hl{stroke:#fff;stroke-width:2;stroke-linecap:round;opacity:.9}
.mlu .ccs-glow{fill:#D08B55;opacity:.42}
.mlu .ccs-hi{stroke:#6E3A1E;stroke-width:1}
.mlu .ccs-seam{fill:none;stroke:#3A2214;stroke-width:1.3;stroke-linecap:round;opacity:.8}
.mlu .ccs-hl{fill:none;stroke:#FFF1E2;stroke-width:1.8;stroke-linecap:round;opacity:.9}
.mlu .ccs-face{fill:#2A1A10}

/* ---------- estação, corte esquemático ---------- */
.mlu .cav{fill:#141312}
.mlu .xr{fill:none;stroke:rgba(246,241,234,.42);stroke-width:1.4}
.mlu .xr-dim{stroke:rgba(246,241,234,.2)}
.mlu .xr-dash{stroke-dasharray:5 6}
.mlu .mod-b{fill:#262421;stroke:rgba(246,241,234,.22);stroke-width:1.2}
.mlu .mod-glow{fill:#D08B55;opacity:0}
.mlu .mod-v{stroke:rgba(246,241,234,.16);stroke-width:2.4;stroke-linecap:round}
.mlu .led{fill:#E8A87C}
.mlu .mod-trace{fill:none;stroke:#D08B55;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1}
.mlu .stamp{opacity:0}
.mlu .stamp rect{fill:rgba(184,116,63,.16);stroke:#D08B55;stroke-width:1}
.mlu .stamp text{font:600 13px var(--mlu-mono);fill:#F0C29E;letter-spacing:.06em}
.mlu .seal-ring{fill:none;stroke:#D08B55;stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1}
.mlu .seal-in{fill:none;stroke:rgba(232,168,124,.35);stroke-width:1;opacity:0}
.mlu .seal-fill{fill:#141312;opacity:0}
.mlu .t-seal{font:600 44px var(--mlu-mono);fill:#F6F1EA;letter-spacing:.03em;opacity:0}
.mlu .t-seal-gb{font-size:30px}
.mlu .st-scan{stroke:#D08B55;stroke-width:6;opacity:0;filter:blur(4px)}
.mlu .st-scan-c{stroke:#E8A87C;stroke-width:1.6;opacity:0}
.mlu .t-label{font:600 26px var(--mlu-mono);letter-spacing:.24em}
.mlu .t-label-d{fill:#5A554E}
.mlu .t-label-l{fill:#D3CCC2;opacity:0}
.mlu .eq{opacity:0}
.mlu .eq path{stroke:#D08B55;stroke-width:1.6;fill:none;stroke-dasharray:1;stroke-dashoffset:1}
.mlu .eq-dot{fill:#E8A87C}

/* ---------- nota ---------- */
.mlu-note{position:absolute;left:2.4cqw;top:2.4cqw;font:600 max(11px,.7cqw)/1 var(--mlu-mono);letter-spacing:.18em;text-transform:uppercase;color:#9C948A;opacity:0;pointer-events:none}

/* ---------- legendas ---------- */
.mlu-caps{position:absolute;inset:0;pointer-events:none}
.mlu-cap,.mlu-lock{position:absolute;left:8cqw;right:8cqw;top:5.4cqw;text-align:center;display:grid;justify-items:center;gap:1cqw}
.mlu-cap>*,.mlu-lock>*{opacity:0}
.mlu-h{font:600 3.4cqw/1.08 var(--mlu-display);letter-spacing:-.024em;color:var(--mlu-text);text-wrap:balance;max-width:56cqw}
.mlu-h--long{font-size:2.75cqw;max-width:52cqw}
.mlu-cap--dark .mlu-h{color:var(--mlu-light)}
.mlu-h2{font:500 2.2cqw/1.15 var(--mlu-display);letter-spacing:-.015em;color:var(--mlu-light-2)}
.mlu-cap--split{display:block;inset:0;left:0;right:0;top:0}
.mlu-col{position:absolute;display:grid;gap:1cqw}
.mlu-cap--s3 .mlu-col{top:5.4cqw;width:38cqw;justify-items:center;text-align:center}
.mlu-cap--s3 .mlu-col--l{left:3.2cqw}
.mlu-cap--s3 .mlu-col--r{right:3.2cqw}
.mlu-cap--s3 .mlu-h{font-size:3.1cqw;max-width:none}
.mlu-cap--s4 .mlu-col{top:17.5cqw;width:24cqw}
.mlu-cap--s4 .mlu-col--l{left:4.5cqw;justify-items:end;text-align:right}
.mlu-cap--s4 .mlu-col--r{right:4.5cqw;justify-items:start;text-align:left}
.mlu-h--col{font-size:2.3cqw;max-width:none;line-height:1.1}
.mlu-k{font:600 max(14px,.92cqw)/1 var(--mlu-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mlu-copper)}
.mlu-s{font:500 max(14px,1cqw)/1.3 var(--mlu-body);color:var(--mlu-text-2)}
.mlu-n{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4em 1.1em;font:600 max(18px,1.5cqw)/1.2 var(--mlu-mono);letter-spacing:.03em;color:var(--mlu-text-2);font-variant-numeric:tabular-nums}
.mlu-s--lead{font-size:max(18px,1.45cqw);color:var(--mlu-text);margin-top:.4cqw}
.mlu-n i{width:.32em;height:.32em;border-radius:50%;background:var(--mlu-copper)}

/* régua de potência */
.mlu-ruler{position:relative;width:17cqw;height:3cqw;margin:.6cqw 1.2cqw 0}
.mlu-rl-base{position:absolute;left:0;right:0;top:.5cqw;height:1px;background:rgba(28,27,25,.22)}
.mlu-rl-fill{position:absolute;top:calc(.5cqw - 1px);height:3px;overflow:hidden}
.mlu-rl-fill span{position:absolute;inset:0;background:var(--mlu-copper);transform-origin:0 50%;transform:scaleX(0)}
.mlu-tick{position:absolute;top:0;width:0}
.mlu-tick i{position:absolute;left:-.42cqw;top:.08cqw;width:.84cqw;height:.84cqw;border-radius:50%;background:var(--mlu-canvas);border:1.5px solid rgba(28,27,25,.28)}
.mlu-tick.is-lit i{background:var(--mlu-copper);border-color:var(--mlu-copper)}
.mlu-tick b{position:absolute;top:1.4cqw;left:0;transform:translateX(-50%);font:600 max(14px,.95cqw)/1 var(--mlu-mono);color:#ADA69C;font-variant-numeric:tabular-nums;white-space:nowrap}
.mlu-tick.is-on b{color:var(--mlu-text)}

/* lockup final */
.mlu-lock{top:auto;bottom:0;height:100%;align-content:center;gap:1.3cqw;pointer-events:none}
.mlu-logo{font:700 6.2cqw/1 var(--mlu-display);letter-spacing:-.03em;color:var(--mlu-text)}
.mlu-logo b{font-weight:700;color:#B8743F}
.mlu-tag{font:500 max(16px,1.3cqw)/1.3 var(--mlu-body);color:var(--mlu-text-2)}
.mlu-cta-wrap{margin-top:1cqw}
.mlu-lock[data-live="1"] .mlu-cta-wrap{pointer-events:auto}
.mlu-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:max(14px,.95cqw) max(26px,2cqw);border-radius:999px;background:var(--mlu-ink);color:#F6F1EA;font:600 max(15px,1.05cqw)/1 var(--mlu-body);text-decoration:none;transition:background .35s var(--mlu-ease),box-shadow .35s var(--mlu-ease),transform .35s var(--mlu-ease)}
.mlu-cta:hover{background:#000;box-shadow:0 10px 30px rgba(28,27,25,.2);transform:translateY(-2px)}
.mlu-cta:focus-visible{outline:3px solid var(--mlu-copper);outline-offset:3px}

/* ---------- controles ---------- */
.mlu-ctrl{position:absolute;left:1.6cqw;right:1.6cqw;bottom:1.1cqw;display:flex;align-items:center;gap:10px;opacity:.6;transition:opacity .5s var(--mlu-ease)}
.mlu-frame:hover .mlu-ctrl,.mlu-ctrl:focus-within,.mlu.is-paused .mlu-ctrl{opacity:1}
.mlu-btn{appearance:none;border:0;background:transparent;color:var(--mlu-text);width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;cursor:pointer;padding:0;transition:background .35s var(--mlu-ease),color .6s var(--mlu-ease)}
.mlu-btn:hover{background:rgba(28,27,25,.07)}
.mlu-btn:focus-visible,.mlu-bar:focus-visible{outline:2px solid var(--mlu-copper);outline-offset:2px}
.mlu-btn svg{width:18px;height:18px;fill:currentColor}
.mlu-btn svg .ln{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.mlu-play .i-pause{display:none}
.mlu.is-playing .mlu-play .i-pause{display:block}
.mlu.is-playing .mlu-play .i-play{display:none}
.mlu-bar{position:relative;flex:1;height:44px;cursor:pointer;touch-action:none;border-radius:4px}
.mlu-bar::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(28,27,25,.18);transition:background .6s var(--mlu-ease)}
.mlu-bar-fill{position:absolute;left:0;right:0;top:calc(50% - 1px);height:2px;background:var(--mlu-copper);transform-origin:0 50%;transform:scaleX(0)}
.mlu-time{font:600 13px/1 var(--mlu-mono);letter-spacing:.06em;color:var(--mlu-text-2);font-variant-numeric:tabular-nums;min-width:3.2em;text-align:right;transition:color .6s var(--mlu-ease)}
.mlu-close{position:absolute;top:1.2cqw;right:1.2cqw}
.mlu.is-dark .mlu-btn{color:var(--mlu-light)}
.mlu.is-dark .mlu-btn:hover{background:rgba(246,241,234,.1)}
.mlu.is-dark .mlu-bar::before{background:rgba(246,241,234,.24)}
.mlu.is-dark .mlu-bar-fill{background:var(--mlu-copper-hi)}
.mlu.is-dark .mlu-time{color:var(--mlu-light-2)}


.mlu-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* export de vídeo: sem controles, sem cantos */
.mlu--export .mlu-frame{border-radius:0}
.mlu--export .mlu-ctrl,.mlu--export .mlu-close,.mlu--export .mlu-cta-wrap{display:none}

/* ---------- celular: palco recortado nas estações + legendas abaixo ---------- */
@container (max-width: 639px){
  .mlu-frame{aspect-ratio:auto;border-radius:16px;display:flex;flex-direction:column}
  .mlu-stage{position:relative;inset:auto;aspect-ratio:1040/880;flex:0 0 auto;margin-top:44px}
  .mlu-caps{position:relative;inset:auto;height:var(--mlu-caps-h,220px);flex:0 0 auto}
  .mlu-cap{left:20px;right:20px;top:20px;bottom:auto;gap:10px;align-content:start}
  .mlu.is-measuring .mlu-cap{top:0;bottom:auto}
  .mlu-h,.mlu-h--long,.mlu-h--wide{font-size:25px;max-width:none;line-height:1.15}
  .mlu-k{font-size:16px}
  .mlu-h2{font-size:21px}
  .mlu-cap--split{display:grid;position:absolute;left:20px;right:20px;top:20px;bottom:auto;align-content:start;gap:18px;justify-items:center;text-align:center}
  .mlu-cap--split .mlu-col{position:relative;inset:auto;top:auto;left:auto;right:auto;width:100%;justify-items:center;text-align:center;gap:8px}
  .mlu-cap--split .mlu-h{font-size:23px}
  .mlu-cap--s3 .mlu-col{grid-area:1/1}
  .mlu-h--col{font-size:21px}
  .mlu-s{font-size:18px}
  .mlu-n{font-size:18px;flex-direction:column;gap:6px}
  .mlu-s--lead{font-size:max(18px,1.45cqw);color:var(--mlu-text);margin-top:.4cqw}
.mlu-n i{display:none}
  .mlu-ruler{width:min(64%,250px);height:38px;margin:2px 0 0}
  .mlu-rl-base{top:6px}
  .mlu-rl-fill{top:5px}
  .mlu-tick i{left:-5px;top:1px;width:10px;height:10px}
  .mlu-tick b{top:18px;font-size:16px}
  .mlu-lock{left:20px;right:20px;gap:12px}
  .mlu-logo{font-size:44px}
  .mlu-tag{font-size:18px}
  .mlu-cta-wrap{margin-top:8px}
  .mlu-cta{font-size:17px;padding:15px 28px}
  .mlu-ctrl{position:relative;left:auto;right:auto;bottom:auto;padding:0 6px 6px;gap:4px;opacity:1}
  .mlu-close{top:2px;right:2px}
  .mlu-note{left:16px;top:16px;bottom:auto;font-size:10px}
  .mlu .t-label{font-size:44px;letter-spacing:.14em}
  .mlu .t-seal{font-size:50px}
  .mlu .t-seal-gb{font-size:32px}
}
@media (prefers-reduced-motion: reduce){
  .mlu-btn,.mlu-cta,.mlu-ctrl{transition:none}
}
.mlu .hx .h-grip,.mlu .hx .h-head,.mlu .hx .h-face{fill:none;stroke:rgba(246,241,234,.42);stroke-width:1.4}
.mlu-h--wide{max-width:66cqw}
