/* V36 — Maestro: telas reais em destaque e "Módulos em ação" redesenhado */

/* ---------- janela de aplicativo ---------- */
.mx-window{background:#0f1112;border:1px solid #2b2e31;border-radius:20px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.22)}
.mx-window-light{background:#fff;border-color:#d9d9d9}
.mx-bar{display:flex;align-items:center;gap:7px;height:42px;padding:0 16px;background:#16191b;border-bottom:1px solid #26292c}
.mx-window-light .mx-bar{background:#f2f2f2;border-color:#e2e2e2}
.mx-bar i{width:10px;height:10px;border-radius:50%;background:#3a3e42}
.mx-bar i:first-child{background:var(--sx,#eaff00)}
.mx-window-light .mx-bar i{background:#cfcfcf}.mx-window-light .mx-bar i:first-child{background:var(--sx,#eaff00)}
.mx-bar span{margin-left:10px;font-size:12px;font-weight:700;color:#bdbdbd;letter-spacing:.01em}
.mx-window-light .mx-bar span{color:#555}
.mx-bar em{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0b0b0b;background:var(--sx,#eaff00);border-radius:999px;padding:4px 10px}

/* ---------- imagem ampliável ---------- */
.mx-zoom{appearance:none;display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in;position:relative}
.mx-zoom img{display:block;width:100%;height:auto}
.mx-zoom-ico{position:absolute;right:16px;bottom:16px;width:44px;height:44px;border-radius:50%;background:rgba(10,10,10,.78);border:1px solid rgba(255,255,255,.18);opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s}
.mx-zoom-ico:before{content:"";position:absolute;left:12px;top:12px;width:13px;height:13px;border:2px solid var(--sx,#eaff00);border-radius:50%}
.mx-zoom-ico:after{content:"";position:absolute;left:26px;top:27px;width:8px;height:2px;background:var(--sx,#eaff00);transform:rotate(45deg);transform-origin:left center}
.mx-zoom:hover .mx-zoom-ico,.mx-zoom:focus-visible .mx-zoom-ico{opacity:1;transform:none}
@media (hover:none){.mx-zoom-ico{opacity:1;transform:none;width:38px;height:38px}.mx-zoom-ico:before{left:10px;top:10px}.mx-zoom-ico:after{left:23px;top:24px}}

/* ---------- vitrine (Da demanda à execução) ---------- */
.mx-show{margin:34px 0 38px}
.mx-show-tabs{display:inline-flex;gap:4px;padding:5px;margin-bottom:16px;background:#0b0b0b;border-radius:999px}
.mx-show-tabs button{appearance:none;border:0;background:none;color:#a9a9a9;font:inherit;font-size:13px;font-weight:800;padding:11px 18px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:background .2s,color .2s}
.mx-show-tabs button b{font-size:11px;color:#6f6f6f}
.mx-show-tabs button[aria-selected="true"]{background:var(--sx,#eaff00);color:#0b0b0b}
.mx-show-tabs button[aria-selected="true"] b{color:#0b0b0b}
.mx-show-tabs button:not([aria-selected="true"]):hover{color:#fff}
.mx-pane[hidden]{display:none}
.mx-pane.is-active{animation:mxIn .35s ease}
@keyframes mxIn{from{opacity:0}to{opacity:1}}
.mx-show-hint{margin:12px 0 0;font-size:12px;color:#777}

/* ---------- Módulos em ação ---------- */
.maestro-focus-panel.mf-panel{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:34px;padding:28px;min-height:0;align-items:center}
.mf-media{min-width:0}
.mf-photo img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:22px}
.mf-screen{background:#0f1112;border:1px solid #2b2e31;border-radius:18px;overflow:hidden}
.mf-copy{min-width:0;padding-right:6px}
.mf-copy h3{margin:0;color:#fff;font-size:clamp(26px,2.4vw,36px);line-height:1.08;letter-spacing:-.03em}
.mf-copy>p{margin:14px 0 0;color:#b3b3b3;font-size:15px;line-height:1.6}
.mf-list{list-style:none;counter-reset:mf;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr;column-gap:22px}
.mf-list.mf-list-6{grid-template-columns:1fr 1fr}
.mf-list li{counter-increment:mf;position:relative;padding:14px 0 14px 38px;border-top:1px solid #262626}
.mf-list li:before{content:counter(mf,decimal-leading-zero);position:absolute;left:0;top:16px;font-size:11px;font-weight:800;color:var(--sx,#eaff00);letter-spacing:.04em}
.mf-list b{display:block;color:#fff;font-size:15.5px;line-height:1.25}
.mf-list span{display:block;color:#9a9a9a;font-size:13px;line-height:1.45;margin-top:4px}

/* ---------- Painel analítico e portal ---------- */
.real-analytics figure .mx-zoom img{max-height:none}
.real-portal.mx-portal{grid-template-columns:minmax(200px,.6fr) minmax(0,1.4fr);gap:28px;padding:24px}
.real-portal.mx-portal img{height:auto!important;border-radius:0;background:#fff;object-fit:contain}

/* ---------- lightbox ---------- */
.mx-lightbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh;margin:0}
.mx-lightbox[open]{display:grid;place-items:center}
.mx-lightbox::backdrop{background:rgba(5,5,5,.92)}
.mx-lightbox img{max-width:96vw;max-height:88vh;width:auto;height:auto;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6);background:#111}
.mx-lb-close{position:fixed;top:calc(18px + env(safe-area-inset-top,0px));right:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#111;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.mx-lb-close:hover{background:var(--sx,#eaff00);color:#0b0b0b}

@media (max-width:900px){
  .maestro-focus-panel.mf-panel{grid-template-columns:1fr;gap:22px;padding:18px}
  .real-portal.mx-portal{grid-template-columns:1fr}
}
@media (max-width:560px){
  .mf-list.mf-list-6{grid-template-columns:1fr}
  .mx-show-tabs{display:flex;width:100%}
  .mx-show-tabs button{flex:1;justify-content:center;padding:11px 10px;font-size:12px}
  .mx-bar span{display:none}
}