/* NESSO · "Monte o seu sistema" (componente da home e das páginas de cada vertente). Fica em seção escura. */
.mtx{--mc:#27D7AE;--mc2:#0E8F76;--ml:rgba(255,255,255,.1);--mm:#9AA6A8;color:#fff}
.mtx[data-v="edu"]{--mc:#00C2FF;--mc2:#1F4FD6}
.mtx[data-v="business"]{--mc:#F3CDA3;--mc2:#A61B3B}
.mtx-top{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:40px}
.mtx-top .head{margin:0}
.mtx-vs{display:inline-flex;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px;gap:4px}
.mtx-vs button{display:inline-flex;align-items:center;gap:8px;border:0;background:none;border-radius:9px;padding:9px 14px;font:600 14.5px var(--f-display);color:#B7C0C2;cursor:pointer}
.mtx-vs img{height:14px;width:auto;opacity:.6}
.mtx-vs button[aria-pressed="true"]{background:#fff;color:#0b0f0f}
.mtx-vs button[aria-pressed="true"] img{opacity:1}
.mtx-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
.mtx-l{display:grid;gap:14px;min-width:0}
.mtx-engine{position:relative;display:flex;gap:18px;align-items:center;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit;border:0;border-radius:20px;padding:20px 22px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--ml);transition:box-shadow .35s,background .35s}
.mtx-engine img{width:56px;height:auto;flex:none}
.mtx-et{display:grid;gap:4px;flex:1;min-width:0}
.mtx-et b{font:600 19px/1.25 var(--f-display)}
.mtx-et span{font-size:14px;line-height:1.5;color:var(--mm)}
.mtx-sw{flex:none;width:48px;height:28px;border-radius:99px;background:rgba(255,255,255,.14);position:relative;transition:background .3s}
.mtx-sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.mtx-engine[aria-pressed="true"]{background:linear-gradient(120deg,color-mix(in srgb,var(--mc) 16%,transparent),color-mix(in srgb,var(--mc2) 26%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mc) 60%,transparent),0 24px 60px -30px var(--mc)}
.mtx-engine[aria-pressed="true"] .mtx-sw{background:var(--mc)}
.mtx-engine[aria-pressed="true"] .mtx-sw::after{transform:translateX(20px)}
.mtx-ou{margin:4px 0 0;font-size:13px;color:var(--mm);text-align:center}
.mtx-mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mtx-m{display:grid;gap:4px;align-content:start;text-align:left;cursor:pointer;color:inherit;font:inherit;border:0;border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--ml);transition:box-shadow .25s,background .25s}
.mtx-m:hover{background:rgba(255,255,255,.06)}
.mtx-mh{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mtx-mh small{font:600 10.5px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mm)}
.mtx-m.ad .mtx-mh small{color:var(--mc)}
.mtx-ck{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25);transition:background .2s,box-shadow .2s}
.mtx-ck svg{width:13px;height:13px;stroke:#0b0f0f;stroke-width:2.6;fill:none;opacity:0;transition:opacity .2s}
.mtx-m b{font:600 15.5px/1.3 var(--f-display)}
.mtx-m > span:last-child{font-size:13.5px;line-height:1.5;color:var(--mm)}
.mtx-m[aria-pressed="true"]{background:color-mix(in srgb,var(--mc) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mc) 55%,transparent)}
.mtx-m[aria-pressed="true"] .mtx-ck{background:var(--mc);box-shadow:none}
.mtx-m[aria-pressed="true"] .mtx-ck svg{opacity:1}
.mtx-engine:focus-visible,.mtx-m:focus-visible,.mtx-sum button:focus-visible,.mtx-vs button:focus-visible{outline:2px solid var(--mc);outline-offset:3px}
.mtx-sum{position:sticky;top:96px;display:grid;gap:16px;border-radius:20px;padding:22px;background:#0f1516;box-shadow:inset 0 0 0 1px var(--ml),0 40px 80px -40px rgba(0,0,0,.8)}
.mtx-k{margin:0;font:600 11px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mc)}
.mtx-layers{display:grid;gap:6px;min-height:120px;align-content:start}
.mtx-ly{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:10px;padding:10px 14px;font-size:14px;background:color-mix(in srgb,var(--mc2) calc(var(--k)*55% + 18%),#151d1f);box-shadow:inset 3px 0 0 var(--mc)}
.mtx-ly small{font-size:11.5px;color:rgba(255,255,255,.65);white-space:nowrap}
.mtx-ly.ad{background:#151d1f;box-shadow:inset 0 0 0 1px var(--ml),inset 3px 0 0 var(--mm)}
.mtx-ly.eng{background:linear-gradient(110deg,var(--mc2),color-mix(in srgb,var(--mc) 70%,var(--mc2)));box-shadow:0 14px 40px -16px var(--mc);font:600 15px var(--f-display)}
.mtx-ly.eng small{color:#fff;opacity:.85}
.mtx-vazio{margin:0;padding:22px 14px;border-radius:10px;border:1px dashed rgba(255,255,255,.18);font-size:13.5px;color:var(--mm);text-align:center}
.mtx-tot{display:grid;gap:4px;border-top:1px solid var(--ml);padding-top:14px}
.mtx-tot b{font:600 17px var(--f-display)}
.mtx-tot span{font-size:13px;color:var(--mm)}
.mtx-ini p{margin:0 0 8px;font-size:12px;color:var(--mm)}
.mtx-ini div{display:flex;flex-wrap:wrap;gap:6px}
.mtx-ini button{border:1px solid var(--ml);background:none;color:#DCE3E4;border-radius:99px;padding:6px 12px;font:500 12.5px var(--f-sans);cursor:pointer}
.mtx-ini button:hover{border-color:rgba(255,255,255,.3)}
.mtx-ini button[aria-pressed="true"]{border-color:var(--mc);color:var(--mc)}
.mtx-cta{justify-content:center;text-align:center}
.mtx-cta.off{opacity:.45}
.mtx[data-v] .mtx-cta{background:var(--mc);color:#0b0f0f}
.mtx-limpa{justify-self:center;border:0;background:none;color:var(--mm);font:500 13px var(--f-sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.mtx-limpa[hidden]{display:none}
/* resumo dentro do formulário */
[data-mtx-resumo]{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-size:13.5px}
[data-mtx-resumo][hidden]{display:none}
[data-mtx-resumo] span{font:600 11px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;opacity:.7;flex-basis:100%}
[data-mtx-resumo] a{font-size:12.5px;opacity:.8}
@media (prefers-reduced-motion:no-preference){
  .mtx-ly{animation:mtx-in .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*40ms)}
  @keyframes mtx-in{from{opacity:0;transform:translateY(-8px) scale(.98)}}
}
@media (max-width:1040px){
  .mtx-grid{grid-template-columns:1fr}
  .mtx-sum{position:relative;top:auto}
}
@media (max-width:640px){
  .mtx-mods{grid-template-columns:1fr;gap:8px}
  .mtx-m{padding:12px 14px}
  .mtx-m > span:last-child{display:none}
  .mtx-engine{padding:16px;gap:14px}
  .mtx-engine img{width:40px}
  .mtx-et b{font-size:17px}
  .mtx-vs{width:100%}
  .mtx-vs button{flex:1;justify-content:center;padding:9px 6px}
}