/* Demonstrações de IA por segmento (home). Usa as variáveis do tema da home. */
.mv-demos{padding:72px 0}
.mv-demos .demo-aviso{max-width:880px;margin:0 auto 22px;padding:12px 16px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.9rem;line-height:1.55;background:var(--card)}
.mv-demos .demo-aviso b{color:var(--text)}
.demo-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 20px}
.demo-tab{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--muted);padding:10px 16px;border-radius:999px;font:600 .9rem/1 Inter,system-ui,sans-serif;cursor:pointer;min-height:44px;transition:background .2s,color .2s,border-color .2s}
.demo-tab:hover{color:var(--text);border-color:var(--blue)}
.demo-tab[aria-selected=true]{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;border-color:transparent}
.demo-tab:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.demo-ex{text-align:center;color:var(--muted);margin:0 0 16px}.demo-ex b{color:var(--text)}
.demo-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:start}
.demo-chat{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.demo-bubble{max-width:88%;padding:10px 14px;border-radius:14px;font-size:.92rem;line-height:1.5;display:flex;flex-direction:column;gap:2px}
.demo-bubble b{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.demo-cli{align-self:flex-end;background:var(--card2);border:1px solid var(--line);color:var(--text)}
.demo-ia{align-self:flex-start;background:linear-gradient(135deg,rgba(38,133,255,.22),rgba(132,88,255,.2));border:1px solid var(--line);color:var(--text)}
.demo-side{display:flex;flex-direction:column;gap:14px}
.demo-card{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.demo-card h4,.demo-card h3.demo-card-t{margin:0 0 8px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.demo-card ul{margin:0;padding-left:18px;color:var(--text);font-size:.92rem;line-height:1.6}
.demo-card p{margin:0 0 12px;color:var(--text);font-size:.92rem;line-height:1.55}
.demo-enc .btn{display:inline-flex}
.demo-panel .demo-bubble{opacity:0;transform:translateY(8px);animation:demoIn .45s ease forwards;animation-delay:calc(var(--i,0)*.55s)}
@keyframes demoIn{to{opacity:1;transform:none}}
@media (max-width:820px){.demo-grid{grid-template-columns:1fr}.demo-bubble{max-width:94%}.mv-demos{padding:52px 0}.demo-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch}.demo-tab{flex:0 0 auto}}
@media (prefers-reduced-motion:reduce){.demo-panel .demo-bubble{animation:none;opacity:1;transform:none}}

/* V10.9.50 — módulos por categoria + chips de status */
.mv-cat{margin:34px 0 0}.mv-cat-t{font:800 clamp(18px,2vw,22px)/1.2 Manrope,system-ui,sans-serif;color:#f1f6ff;margin:0 0 4px}
.mv-cat-d{color:#9fb2cc;margin:0 0 14px;font-size:14px}
.mv-legend{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:6px 0 0;padding:0}
.mv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mv-chip{display:inline-block;font:700 11px/1 Manrope,system-ui,sans-serif;letter-spacing:.2px;padding:6px 9px;border-radius:999px;border:1px solid}
.mv-chip-d{color:#6ee7b7;border-color:rgba(52,211,153,.45);background:rgba(16,185,129,.1)}
.mv-chip-p{color:#7dd3fc;border-color:rgba(56,189,248,.45);background:rgba(14,165,233,.1)}
.mv-chip-h{color:#fcd34d;border-color:rgba(251,191,36,.5);background:rgba(245,158,11,.1)}
.mv-note-leg{margin:26px 0 0;color:#9fb2cc;font-size:13px;line-height:1.55}
html[data-theme=light] .mv-cat-t{color:#0f2540}html[data-theme=light] .mv-cat-d,html[data-theme=light] .mv-note-leg{color:#47607e}
html[data-theme=light] .mv-chip-d{color:#065f46}html[data-theme=light] .mv-chip-p{color:#075985}html[data-theme=light] .mv-chip-h{color:#7a4b00}
