/* Meu Primeiro AP — tudo dentro de .mpa para não mexer no tema do site.
   Paleta Areia e Terracota (10/2026): fundo areia, botões cacau, terracota só em chaves, barras, ícones e menu ativo,
   mostarda só para desbloquear e comprar, total planejado em sálvia escura. WhatsApp continua verde. */
.mpa{
  --bg:#F5EEE4; --surface:#FFFCF7; --surface2:#EFE6D9; --ink:#3A2E27; --ink2:#6B5D53; --muted:#A3948A;
  --accent:#B05E3E; --accent-soft:#F5E3D8; --line:#E7DCCD;
  --navy:#4A3A30; --yellow:#F1E2C8; --price:#557456; --wa:#25D366;
  --good:#557456; --good-soft:#E4ECE1; --crit:#B8473A; --crit-soft:#F6E1DC;
  --cacau:#3A2A20; --mostarda:#E8A93A; --salvia-esc:#3E5544; --neutro:#E7DCCB; --neutro-ink:#5A4636;
  --shadow:0 2px 10px rgba(74,58,48,.08); --r:16px;
  --display:"Outfit",system-ui,sans-serif; --body:"Plus Jakarta Sans",system-ui,sans-serif;
  background:var(--bg); color:var(--ink); font-family:var(--body); font-size:14px; line-height:1.5;
  border-radius:20px; padding:24px; box-sizing:border-box; width:100%;
}
.mpa *,.mpa *::before,.mpa *::after{box-sizing:border-box}
.mpa h1,.mpa h2,.mpa h3{font-family:var(--display);font-weight:600;margin:0;text-wrap:balance;letter-spacing:-.01em;color:var(--ink);text-transform:none;line-height:1.2}
.mpa p{margin:0}
/* Base dos botões e campos do app. O "html" na frente deixa esta base um pouco mais forte que a do tema/Elementor
   (ex.: .elementor-kit-5 button{color:#fff}), mas ainda mais fraca que os estilos de cada componente do app. */
html .mpa button,html .mpa input,html .mpa select{font:inherit;color:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0}
html .mpa button{cursor:pointer;background:none;border:0;padding:0;border-radius:0;min-height:0;line-height:inherit;width:auto;height:auto}
.mpa a{text-decoration:none}
.mpa :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mpa .num{font-variant-numeric:tabular-nums}
.mpa .label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}
.mpa-loading{padding:60px 0;text-align:center;color:var(--ink2)}

/* marca, botões e campos */
.mpa-brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink)}
.mpa button.mpa-brand{cursor:pointer;text-align:left;font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink)}
.mpa button.mpa-brand:hover{color:var(--navy)}
/* Toque em texto não abre o "Tocar para pesquisar" do Google no celular.
   Campos de digitação continuam selecionáveis normalmente. */
.mpa,.mpa-portal,.mpa-toast{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.mpa input,.mpa textarea,.mpa select{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.mpa-brand-mark{width:34px;height:34px;border-radius:11px;background:var(--navy);color:var(--yellow);display:grid;place-items:center;flex:none}
.mpa .mpa-btn,.mpa .mpa-btn:hover,.mpa .mpa-btn:focus{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 20px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px;background:var(--cacau);color:#fff;text-decoration:none;line-height:1.2}
.mpa .mpa-btn:hover{filter:brightness(1.06)}
.mpa .mpa-btn.small{padding:9px 14px;font-size:11px}
.mpa .mpa-btn.ghost{background:var(--accent-soft);color:var(--accent)}
.mpa .mpa-btn-yellow,.mpa .mpa-btn-yellow:hover,.mpa .mpa-btn-yellow:focus{background:var(--cacau);color:#fff}
/* desbloquear e comprar (e Conhecer, da consultoria): a única cor mostarda do app */
.mpa .mpa-btn.mpa-btn-buy,.mpa .mpa-btn.mpa-btn-buy:hover,.mpa .mpa-btn.mpa-btn-buy:focus{background:var(--mostarda);color:var(--cacau);box-shadow:none}
.mpa .mpa-btn-wa,.mpa .mpa-btn-wa:hover{background:var(--wa);color:#fff}
.mpa .mpa-btn.off{background:var(--surface2);color:var(--muted);cursor:default;filter:none}
.mpa .mpa-link,.mpa .mpa-link:hover{color:var(--accent);font-weight:700;font-size:13px;text-align:center;background:none}
.mpa .field{display:grid;gap:6px}
.mpa .field label{font-size:12px;color:var(--ink2);font-weight:600}
.mpa .input,.mpa input[type=text],.mpa input[type=password],.mpa input[type=email]{width:100%;border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:11px 14px;height:auto;color:var(--ink)}
.mpa .input:focus,.mpa input:focus{border-color:var(--accent);outline:none;background:var(--surface)}

/* login e sem acesso */
.mpa.mpa-gate{display:grid;place-items:center;padding-block:40px}
/* 1.10.5: caminho de volta ao site na tela de entrada */
.mpa.mpa-gate{gap:14px}
.mpa .mpa-back-site,.mpa .mpa-back-site:hover{width:100%;max-width:420px;display:inline-flex;align-items:center;gap:4px;color:var(--navy);font-weight:600;font-size:14px;text-decoration:none}
.mpa .mpa-back-site:hover{color:var(--accent)}
.mpa-card{background:var(--surface);border-radius:24px;box-shadow:var(--shadow)}
.mpa-login{width:100%;max-width:420px;padding:32px 26px;display:grid;gap:16px}
.mpa-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--navy);font-weight:700;margin:0 0 6px}
.mpa .mpa-gate-title{font-size:24px}
.mpa-gate-sub{color:var(--ink2);margin-top:8px}
.mpa-login form{display:grid;gap:12px}
.mpa-login form p{margin:0;display:grid;gap:6px}
.mpa-login form label{font-size:12px;color:var(--ink2);font-weight:600}
.mpa-login .login-remember label{display:flex;gap:8px;align-items:center;font-weight:500}
.mpa .mpa-btn-block{width:100%;padding:14px 20px}
.mpa-alert{background:var(--crit-soft);color:var(--crit);border-radius:12px;padding:11px 14px;font-size:13px;font-weight:600}
/* 1.10.3: "Criar conta grátis" com o cadastro do Ultimate Member na própria tela de entrada */
.mpa-reg{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:10px}
.mpa-reg summary{list-style:none;cursor:pointer;display:grid;gap:10px}
.mpa-reg summary::-webkit-details-marker{display:none}
.mpa-reg summary:focus{outline:0}
.mpa-reg summary:focus-visible .mpa-btn{outline:2px solid var(--accent);outline-offset:2px}
/* política/termos do UM viram um link que abre em aba nova */
.mpa .mpa-reg-form .mpa-policy-link,.mpa .mpa-reg-form .mpa-policy-link:hover{display:inline-flex;align-items:center;gap:4px;margin:0 0 8px;color:var(--accent);font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:2px}
/* o botão "Login" do UM repete o login que já está logo acima */
.mpa .mpa-reg-form .um-col-alt .um-right{display:none!important}
.mpa .mpa-reg-form .um-col-alt .um-left{width:100%!important;float:none!important}
.mpa-reg[open] summary .mpa-btn{display:none}
.mpa-reg-h{display:grid;gap:2px;text-align:center;font-size:13px;color:var(--ink2)}
.mpa-reg-h b{color:var(--ink);font-size:15px}
.mpa-reg-form{margin-top:4px}
.mpa .mpa-reg-form .um{max-width:100%!important;padding:0!important;margin:0!important}
.mpa .mpa-reg-form .um-form input[type=submit].um-button{width:100%;border-radius:999px;background:var(--cacau);color:#fff;font-weight:700;padding:13px 20px;border:0;height:auto}
.mpa-buy{display:grid;gap:8px;justify-items:stretch;text-align:center;border-top:1px solid var(--line);padding-top:16px;font-size:13px;color:var(--ink2)}

/* cabeçalho e navegação */
.mpa-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.mpa-nav{display:flex;gap:4px;background:var(--surface);border-radius:999px;padding:4px;box-shadow:var(--shadow)}
.mpa .mpa-nav button,.mpa .mpa-nav a.navlink{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;color:var(--ink2);font-weight:600;text-decoration:none;font-size:14px;line-height:1.5}
.mpa .mpa-nav a.navlink:hover{color:var(--accent)}
.mpa .mpa-nav button[aria-current="true"]{background:var(--accent);color:#fff}
.mpa-nav svg{width:18px;height:18px;flex:none}
.mpa-status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}
.mpa-status .err{color:var(--crit);font-weight:600}
.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.mpa .top h1{font-size:28px}
.top p{margin-top:4px;color:var(--ink2)}

.mpa .card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:22px}
.mpa .grid{display:grid;gap:18px}
.mpa .dash{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
/* nada dentro do app pode alargar a página: o que é largo (gráfico, abas, tabelas) rola de lado dentro do próprio card */
.mpa .grid>*,.mpa .mpa-body,.mpa .card{min-width:0}
.mpa{max-width:100%}
/* contêiner no <body> para menu do celular e painéis: não ocupa espaço na página */
.mpa.mpa-portal{padding:0;margin:0;background:none;border-radius:0;width:auto;height:0;min-height:0;position:static;box-shadow:none}
.mpa-nav-bottom{display:none}
.mpa .hero{background:var(--salvia-esc);color:#fff;display:grid;gap:14px;align-content:start}
.mpa .hero .label{color:#fff;opacity:.75}
.mpa .hero .big{font-family:var(--display);font-size:44px;font-weight:600;line-height:1.05}
.hero-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid rgba(255,255,255,.22);padding-top:14px}
.hero-row b{display:block;font-family:var(--display);font-size:18px;font-weight:600}
.hero-row span{font-size:12px;opacity:.8}
.meter{height:8px;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden}
.meter i{display:block;height:100%;background:var(--yellow);border-radius:999px}

.wa{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:18px;flex-wrap:wrap}
.wa-ic{width:46px;height:46px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;flex:none}
.wa-tx{flex:1 1 220px;display:grid}
.wa-tx span{color:var(--ink2);font-size:13px}

.rank{display:grid;gap:14px;margin-top:14px}
.rank-row{display:grid;grid-template-columns:22px 1fr auto;gap:4px 12px;align-items:center}
.rank-row .pos{font-family:var(--display);font-weight:600;color:var(--muted)}
.rank-row .nm{font-weight:600}
.rank-row .vl{font-weight:700}
.rank-row .track{grid-column:2 / 4;height:10px;border-radius:0 4px 4px 0;background:var(--surface2)}
.rank-row .track i{display:block;height:100%;background:var(--navy);border-radius:0 4px 4px 0}
.rank-row:first-child .track i{background:var(--accent)}
.rank-row .sub{grid-column:2 / 4;font-size:12px;color:var(--muted);margin-top:-2px}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.mpa .sec-h h2{font-size:18px}
.mpa .link,.mpa .link:hover{color:var(--accent);font-weight:700;font-size:12px}
.next{display:grid;gap:10px;margin-top:12px}
.next-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:var(--surface2);gap:10px}
.next-row small{color:var(--muted);display:block}

/* itens */
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.mpa .chip{flex:none;padding:8px 15px;border-radius:999px;background:var(--surface);color:var(--ink2);font-weight:600;font-size:13px;box-shadow:var(--shadow)}
.mpa .chip[aria-pressed="true"]{background:var(--cacau);color:#fff}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}
.mpa .toolbar .input{flex:1 1 220px;background:var(--surface)}
.mpa .toolbar select.input{flex:0 1 220px}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.item{position:relative;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow)}
.mpa .item-open{display:grid;grid-template-areas:"img img" "info info" "price price";gap:10px;padding:12px 12px 16px;width:100%;text-align:left;border-radius:var(--r)}
.item .thumb{grid-area:img;width:100%;aspect-ratio:1/1;max-width:100%;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--accent);overflow:hidden}
.item .thumb img{width:100%;height:100%;object-fit:contain;display:block}
.item .thumb svg{width:40%;height:40%}
.item .thumb.noimg{background:var(--surface2)}
.info{grid-area:info;display:grid;gap:2px;padding-inline:4px;min-width:0}
.item .nm{font-weight:700;line-height:1.3;color:var(--ink)}
.item .meta{font-size:12px;color:var(--muted)}
.price{grid-area:price;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding-inline:4px}
.price b{color:var(--price);font-family:var(--display);font-size:17px;font-weight:600}
.price s{font-size:11px;color:var(--muted)}
.mpa .item .tg{position:absolute;top:22px;right:22px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.item.out .item-open{opacity:.45;filter:grayscale(.6)}
.pill{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.p-essencial{background:var(--crit-soft);color:var(--crit)}
.p-importante{background:var(--neutro);color:var(--neutro-ink)}
.p-depois{background:var(--surface2);color:var(--ink2)}
.p-pago{background:var(--good-soft);color:var(--good)}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.empty{padding:40px;text-align:center;color:var(--muted)}

/* chave liga/desliga */
.mpa .tg{width:46px;height:28px;border-radius:999px;background:#D9CDBE;position:relative;flex:none;transition:background .15s}
.mpa .tg::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.mpa .tg[aria-checked="true"]{background:var(--accent)}
.mpa .tg[aria-checked="true"]::after{transform:translateX(18px)}

/* fluxo */
.chart-wrap{overflow-x:auto;margin-top:12px}
.chart{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(44px,1fr);align-items:end;gap:6px;height:230px;min-width:560px;border-bottom:1px solid var(--line)}
.col{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center}
.col .b{width:70%;max-width:34px;background:var(--navy);border-radius:4px 4px 0 0;min-height:2px}
.col.over .b{background:var(--crit)}
.col:hover .b,.col:focus-visible .b{filter:brightness(1.25)}
.col .peak{position:absolute;font-size:11px;font-weight:700;color:var(--ink2);white-space:nowrap}
.xl{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(44px,1fr);gap:6px;min-width:560px;font-size:11px;color:var(--muted);text-align:center;padding-top:6px}
.cap{position:absolute;left:0;right:0;border-top:1.5px dashed var(--ink2);opacity:.7;pointer-events:none}
.cap span{position:absolute;left:0;top:-18px;font-size:11px;color:var(--ink2);background:var(--surface);padding:0 4px}
.mpa-tip{position:fixed;pointer-events:none;background:#333;color:#fff;padding:8px 11px;border-radius:10px;font:12px/1.45 "Plus Jakarta Sans",system-ui,sans-serif;z-index:100000;max-width:240px;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.mpa .flow-grid{grid-template-columns:minmax(0,1fr) 300px}
.chart-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%}
.months{display:grid;gap:8px;margin-top:10px}
details.m{background:var(--surface2);border-radius:12px;padding:0 14px}
details.m summary{display:flex;justify-content:space-between;padding:12px 0;cursor:pointer;font-weight:700;list-style:none;gap:8px}
details.m summary::-webkit-details-marker{display:none}
details.m .r{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-top:1px solid var(--line);gap:10px}
details.m .r span:first-child{color:var(--ink2)}
.mpa details.m button.r{width:100%;text-align:left;cursor:pointer}
.mpa details.m button.r:hover span:first-child{color:var(--accent)}
.restart{text-align:center;margin-top:22px}
.mpa .restart .link{color:var(--muted);font-weight:600;text-decoration:underline}
.filter-note{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--yellow);color:var(--navy);border-radius:12px;padding:10px 14px;margin:-6px 0 16px;font-size:13px;font-weight:600}
.mpa .filter-note .link{color:var(--navy);text-decoration:underline;font-size:13px}
.stat{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)}
.stat:last-child{border:0}
.stat b{font-family:var(--display);font-size:22px;font-weight:600}
.warnbox{display:flex;gap:8px;align-items:flex-start;background:var(--crit-soft);color:var(--crit);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600;margin-top:12px}

/* painel do item */
.mpa-scrim{position:fixed;inset:0;background:rgba(20,20,30,.45);display:grid;place-items:center;z-index:99999;padding:16px}
.mpa-sheet{background:#fff;border-radius:24px;width:100%;max-width:520px;max-height:calc(100% - 20px);overflow:auto;padding:24px;display:grid;gap:16px}
/* imagem do item: sempre cabe na caixa, seja qual for o tamanho original; clique amplia */
.mpa .sheet-img{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:240px;border-radius:16px;background:#fff;border:1px solid var(--line);overflow:hidden;color:var(--accent);padding:8px}
.mpa button.sheet-img{cursor:zoom-in}
.mpa .sheet-img img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain;margin:0;border-radius:0;box-shadow:none}
.mpa .sheet-img svg{width:64px;height:64px}
.mpa .sheet-img.noimg{background:var(--surface2)}
.zoom-hint{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px}
.mpa-zoom{position:fixed;inset:0;z-index:100002;background:rgba(10,10,20,.88);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.mpa-zoom img{max-width:94vw!important;max-height:88vh!important;width:auto!important;height:auto!important;object-fit:contain;border-radius:12px;background:#fff}
.mpa .mpa-zoom .xbtn{position:absolute;top:16px;right:16px;background:#fff}

/* "Por que é um item essencial?" e a descrição completa */
.mpa .why{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--accent-soft);border-radius:14px;padding:12px 14px;color:var(--ink)}
.mpa .why:hover{background:var(--accent-soft)}
.why-ic{width:32px;height:32px;border-radius:50%;background:var(--navy);color:var(--yellow);display:grid;place-items:center;font-weight:800;flex:none}
.why span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}
.why b{color:var(--navy)}
.why small{color:var(--ink2);font-size:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.why-go{font-size:26px;color:var(--navy);line-height:1}
.mpa .back{color:var(--accent);font-weight:700;font-size:14px}
.desc-full{color:var(--ink);font-size:14px;line-height:1.65}
.desc-full p{margin:0 0 10px}
.desc-full ul,.desc-full ol{margin:0 0 12px;padding-left:20px}
.desc-full li{margin:0 0 8px}
.desc-full li p{margin:0 0 4px}
.desc-full b,.desc-full strong{color:var(--navy)}
.sheet-h{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}
.mpa .sheet-h h2{font-size:22px}
.desc{color:var(--ink2);font-size:13px}
.mpa .xbtn{background:var(--surface2);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink2);flex:none}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.seg{display:flex;background:var(--surface2);border-radius:12px;padding:4px;gap:4px}
.mpa .seg button{flex:1;border-radius:9px;padding:9px 6px;font-weight:600;font-size:13px;color:var(--ink2)}
.mpa .seg button[aria-pressed="true"]{background:#fff;color:var(--accent);box-shadow:var(--shadow)}
.switch{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600}
.box{background:var(--surface2);border-radius:16px;padding:14px;display:grid;gap:12px}
.mpa .box .input{background:#fff}
.summary{font-size:13px;color:var(--ink2)}
.sheet-f{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.mpa .danger,.mpa .danger:hover{color:var(--crit);font-weight:700;font-size:12px}

/* admin */
.tbl-wrap{overflow-x:auto}
.mpa table{border-collapse:collapse;width:100%;font-size:13px;margin:0}
.mpa th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px;border:0;border-bottom:1px solid var(--line);white-space:nowrap;background:none}
.mpa td{padding:8px 10px;border:0;border-bottom:1px solid var(--line);background:none}
.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.mpa-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;background:#333;color:#fff;padding:12px 18px;border-radius:12px;font:600 13px/1.4 "Plus Jakarta Sans",system-ui,sans-serif;z-index:100001;max-width:calc(100% - 32px);box-shadow:0 6px 24px rgba(0,0,0,.25)}

@media (max-width:900px){
  .mpa{padding:16px;border-radius:0}
  .mpa .dash,.mpa .flow-grid{grid-template-columns:minmax(0,1fr)}
  .mpa .card{padding:16px}
  .mpa .top h1{font-size:24px}
  .mpa-nav-top{display:none}
  .mpa-head{margin-bottom:16px}
  .mpa .mpa-nav-bottom{display:flex;position:fixed;left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));margin:0;z-index:99990;justify-content:space-around;border-radius:22px;padding:8px;box-shadow:0 10px 40px -10px rgba(0,0,0,.3)}
  .mpa .mpa-nav button,.mpa .mpa-nav a.navlink{flex-direction:column;gap:2px;font-size:10.5px;padding:6px 8px;border-radius:14px;min-width:0}
  .mpa .mpa-nav button[aria-current="true"]{background:none;color:var(--accent)}
  .mpa-nav svg{width:22px;height:22px}
  .mpa-body{padding-bottom:96px}
  .mpa-scrim{align-items:end;padding:0}
  .mpa-sheet{border-radius:24px 24px 0 0;max-height:92%;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
  .sheet-img{height:190px}
  .mpa .hero .big{font-size:36px}
  .list{grid-template-columns:1fr;gap:12px}
  .mpa .item-open{grid-template-areas:"img info price";grid-template-columns:76px minmax(0,1fr) auto;align-items:start;padding:12px 14px 12px 12px;gap:12px}
  .item .thumb{width:76px;height:76px}
  .info{padding:2px 0 0}
  .price{flex-direction:column;align-items:flex-end;gap:0;padding:2px 0 34px}
  .mpa .item .tg{top:auto;bottom:14px;right:14px}
  .mpa-toast{bottom:100px}
  /* botão flutuante de WhatsApp do Elementor: sobe para ficar acima do menu do app */
  body.mpa-has-nav .e-contact-buttons{bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;inset-block-end:calc(96px + env(safe-area-inset-bottom,0px))!important}
}
@media (prefers-reduced-motion:reduce){.mpa *{transition:none!important}}

/* tela inicial: blocos clicáveis que levam à tela filtrada */
.mpa button.next-row{width:100%;text-align:left;background:var(--surface2);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;transition:background .15s}
.mpa button.next-row:hover,.mpa button.next-row:focus-visible{background:var(--accent-soft)}
.mpa .nr-l{display:grid;text-align:left}
.mpa button.rank-row{width:100%;text-align:left;cursor:pointer;border-radius:12px;padding:6px 8px;margin:-6px -8px;width:calc(100% + 16px)}
.mpa button.rank-row:hover,.mpa button.rank-row:focus-visible{background:var(--surface2)}
.mpa .rank-row .track{display:block}
.mpa .go{color:var(--accent);font-weight:700;margin-left:2px}
.mpa button.hero-go{display:flex;flex-direction:column;justify-content:flex-start;align-self:start;text-align:left;color:#fff;cursor:pointer;border-radius:10px;padding:4px 6px;margin:-4px -6px}
.mpa button.hero-go:hover,.mpa button.hero-go:focus-visible{background:rgba(255,255,255,.12);color:#fff}
.mpa .hero-row button.hero-go b{display:block;font-family:var(--display);font-size:18px;font-weight:600}
.mpa .hero-row button.hero-go span{font-size:12px;opacity:.8}
/* painel do item: aviso de alterações não salvas */
.unsaved{margin:0;text-align:right;font-size:12px;font-weight:600;color:var(--crit)}

/* quadro azul: total planejado x total gasto */
.mpa .spent{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:rgba(255,255,255,.08);border-radius:14px;padding:12px 14px}
.mpa .spent .hero-go,.mpa .spent-r{display:flex;flex-direction:column;gap:2px;margin:0;padding:0}
.mpa .spent .label{color:#fff;opacity:.75}
.mpa .spent b{font-family:var(--display);font-size:22px;font-weight:600;color:#fff}
.mpa .spent .hero-go b{color:var(--yellow)}
.mpa .spent span:not(.label){font-size:12px;opacity:.8}
.mpa .meter-l{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}
.mpa .meter-soft i{background:rgba(255,255,255,.7)}

/* ---------- 1.9: tela inicial com 3 quadros (resumo e pagamentos à esquerda, ambientes à direita) ---------- */
.mpa .dash>.hero{grid-column:1;grid-row:1}
.mpa .dash>.amb-card{grid-column:2;grid-row:1 / span 2;align-self:start}
.mpa .dash>[data-tour="pagamentos"]{grid-column:1;grid-row:2;align-self:start}
.mpa .restart{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 12px;color:var(--muted)}

/* chamada da consultoria: mesmo formato do cartão do WhatsApp, em grafite (sem preços) */
.mpa .wa.consult{background:#3A2E27;margin-top:-6px}
.mpa .consult .wa-tx b{color:#fff}
.mpa .consult .wa-tx span{color:rgba(255,255,255,.72)}
.mpa .consult-ic{background:#2C2F33;overflow:hidden;box-shadow:0 0 0 2px var(--mostarda)}
.mpa .consult-ic img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){
  .mpa .dash>.hero,.mpa .dash>.amb-card,.mpa .dash>[data-tour="pagamentos"]{grid-column:auto;grid-row:auto}
}

/* tutorial do primeiro acesso: destaque na parte da tela + cartão com o passo */
.mpa.mpa-tour{position:fixed;inset:0;z-index:100000;padding:0;margin:0;background:none;border-radius:0;width:auto;box-shadow:none}
.mpa-tour .tour-spot{position:fixed;border-radius:18px;box-shadow:0 0 0 9999px rgba(40,28,20,.6);transition:left .25s,top .25s,width .25s,height .25s;pointer-events:none}
.mpa-tour .tour-spot::after{content:"";position:absolute;inset:-3px;border-radius:20px;border:3px solid var(--yellow)}
.mpa-tour .tour-spot.tour-none{left:50%!important;top:50%!important;width:0!important;height:0!important}
.mpa-tour .tour-spot.tour-none::after{display:none}
.mpa-tour .tour-card{position:fixed;width:min(380px,calc(100vw - 24px));background:var(--surface);color:var(--ink);border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.3);padding:20px;display:grid;gap:10px;transition:top .25s,left .25s}
.mpa-tour .tour-card.tour-center{left:50%;top:50%;transform:translate(-50%,-50%)}
.mpa-tour .tour-n{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--accent)}
.mpa-tour h2{font-size:20px}
.mpa-tour p{color:var(--ink2);font-size:14.5px;line-height:1.55}
.mpa-tour .tour-dots{display:flex;gap:6px}
.mpa-tour .tour-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.mpa-tour .tour-dots i.on{background:var(--accent);width:20px;border-radius:4px}
.mpa-tour .tour-b{display:flex;align-items:center;gap:8px;margin-top:4px}
.mpa-tour .tour-b span{flex:1}
html .mpa-tour button.tour-skip{color:var(--muted);font-weight:600;font-size:13px;text-decoration:underline;padding:6px 0}
@media (prefers-reduced-motion:reduce){.mpa-tour .tour-spot,.mpa-tour .tour-card{transition:none}}
.mpa .amb-sub{color:var(--muted);font-size:12.5px;margin-top:4px}

/* ---------- 1.10: acesso gratuito (itens e ambientes bloqueados, convite para o guia completo) ---------- */
.mpa .blur{filter:blur(6px);opacity:.75;pointer-events:none}
.mpa .mpa-btn.lock-btn,.mpa .mpa-btn.lock-btn:hover,.mpa .mpa-btn.lock-btn:focus{cursor:pointer;gap:6px;background:var(--surface);color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line)}
.mpa .wa .mpa-btn.lock-btn{background:var(--surface2);box-shadow:none}
.mpa .item.locked{overflow:hidden}
.mpa .item.locked .item-open{position:relative;cursor:pointer}
.mpa .item.locked .lock-badge{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--cacau);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.18);border-radius:var(--r)}
.mpa .item.locked .lock-badge svg{width:40px;height:40px;padding:10px;border-radius:50%;background:var(--cacau);color:var(--mostarda);box-shadow:0 4px 14px rgba(58,42,32,.3)}
.mpa .item.locked:hover .lock-badge svg{transform:scale(1.06)}
.mpa .chip-lock{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}
.mpa .chip-lock[aria-pressed="true"] svg{color:var(--yellow)}
.mpa .free-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--navy);color:#fff;border-radius:14px;padding:12px 14px;margin:0 0 14px;font-size:13px}
.mpa .free-note>span{flex:1 1 240px}
.mpa .free-note>svg{color:var(--mostarda);flex:none}
.mpa button.rank-row.locked{position:relative}
.mpa .rank-row.locked .pos{color:var(--navy);display:grid;place-items:center}
.mpa .rank-row.locked .track i{background:var(--muted)}
.mpa .rank-row .lock-tag{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;background:var(--mostarda);color:var(--cacau);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.mpa .unlock-all{width:100%;margin-top:18px;gap:6px}
.mpa .upsell{gap:14px;max-width:460px}
.mpa .upsell .up-ic{width:52px;height:52px;border-radius:16px;background:var(--navy);color:var(--yellow);display:grid;place-items:center}
.mpa .upsell h2{font-size:24px;margin-top:2px}
.mpa .up-tx{color:var(--ink2);font-size:14.5px}
.mpa .up-list{list-style:none;margin:0;padding:14px;display:grid;gap:9px;background:var(--surface2);border-radius:14px}
.mpa .up-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:600;margin:0}
.mpa .up-list svg{flex:none;color:var(--price);margin-top:2px}
.mpa .up-note{font-size:12px;color:var(--muted);text-align:center}
.mpa .upsell .up-later{justify-self:center;color:var(--muted);text-decoration:underline;font-size:13px}

/* ---------- 1.11: Admin › Marketing ---------- */
.mpa .adm-tabs{margin:-6px 0 18px}
.mpa .mkt-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.mpa .kpi{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;display:grid;gap:4px;align-content:start}
.mpa .kpi b{font-family:var(--display);font-size:28px;font-weight:600;line-height:1.1;display:flex;align-items:center;gap:8px;color:var(--ink)}
.mpa .kpi b small{font-size:13px;font-weight:500;color:var(--ink2)}
.mpa .kpi-sub{font-size:12px;color:var(--muted)}
.mpa .kpi-wide{grid-column:span 2}
.mpa .mkt-note{margin:10px 0 18px}
.mpa .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#C4C4C4;flex:none}
.mpa .dot.on{background:var(--good);box-shadow:0 0 0 3px var(--good-soft)}
.mpa .mkt-grid{margin-bottom:18px}
.mpa .mkt-grid>.card{grid-column:auto;grid-row:auto}
.mpa .funil{display:grid;gap:12px;margin-top:14px}
.mpa .fn-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:13px}
.mpa .fn-l{color:var(--ink2);font-weight:600}
.mpa .fn-v{font-weight:700}
.mpa .fn-v small{color:var(--muted);font-weight:600;margin-left:4px}
.mpa .fn-t{grid-column:1 / -1;height:10px;background:var(--surface2);border-radius:0 4px 4px 0}
.mpa .fn-t i{display:block;height:100%;background:var(--navy);border-radius:0 4px 4px 0}
.mpa .mk-chart{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(6px,1fr);gap:2px;align-items:end;height:170px;margin-top:22px;border-bottom:1px solid var(--line)}
.mpa .mk-col{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;cursor:default;outline-offset:1px}
.mpa .mk-col i{display:block;width:100%;background:var(--navy);border-radius:4px 4px 0 0;min-height:0}
.mpa .mk-col:hover i,.mpa .mk-col:focus-visible i{background:var(--accent)}
.mpa .mk-peak{position:absolute;font-size:11px;font-weight:700;color:var(--ink2);white-space:nowrap}
.mpa .mk-x{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding-top:6px}
.mpa .mk-tbl{margin-top:10px;font-size:13px}
.mpa .mk-tbl summary{cursor:pointer;color:var(--accent);font-weight:700;font-size:12px}
.mpa .mk-tbl .tbl-wrap{max-height:220px;overflow:auto;margin-top:6px}
.mpa .mkt-list{margin-top:18px}
.mpa .mkt-list .toolbar{margin:12px 0 12px}
.mpa .mk-users td{vertical-align:top;white-space:nowrap}
.mpa .mk-users td small{display:block;color:var(--muted);font-size:11.5px}
.mpa .mk-users td b{display:block;font-weight:700}
.mpa .st{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12px;color:var(--ink2)}
.mpa .st.on{color:var(--good)}
.mpa .mk-pag{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:14px;font-size:13px;color:var(--ink2)}
.mpa .mk-pag button[disabled]{opacity:.45;cursor:default}
@media (max-width:900px){.mpa .kpi-wide{grid-column:auto}.mpa .mkt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mpa .kpi b{font-size:22px}}
.mpa .mk-dl{display:flex;gap:8px;flex-wrap:wrap}
.mpa .mkt-list .mk-dl{margin-top:10px}

.mpa .wa-st{font-size:11px;font-weight:700;margin-left:6px;color:var(--muted)}
.mpa .wa-st.wa-vez{color:var(--good)}
.mpa .wa-st.wa-lotado{color:var(--crit)}
.mpa .mkt-list{margin-top:18px}
.mpa .mkt-grid + .card{margin-bottom:18px}

/* Paleta Areia e Terracota: detalhes */
.mpa .mpa-status .link,.mpa .mpa-status .link:hover{color:var(--muted)}
.mpa .rank-row .lock-tag svg{width:12px;height:12px}
.mpa .wa .mpa-btn.wa-unlock{width:100%}

/* 1.18 · primeira experiência (4 passos) */
.mpa .onb-scrim{background:rgba(40,28,20,.55)}
.mpa .mpa-sheet.onb{background:var(--surface);max-width:480px;gap:14px;align-content:start}
.mpa .onb-h{display:flex;align-items:center;gap:10px}
.mpa .onb-n{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mpa .onb-dots{display:flex;gap:5px;flex:1}
.mpa .onb-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.mpa .onb-dots i.on{background:var(--accent);width:18px;border-radius:4px}
html .mpa button.onb-skip,html .mpa button.onb-skip:hover{background:none;border:0;padding:6px 2px;color:var(--muted);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.mpa .onb h2{font-size:23px;line-height:1.25;margin:2px 0 0}
.mpa .onb-v{color:var(--accent);white-space:nowrap}
.mpa .onb-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:4px 0 -6px}
.mpa .onb-x{color:var(--ink2);font-size:15px;line-height:1.55;margin:0}
.mpa .onb-opts{display:grid;gap:10px;margin-top:4px}
html .mpa button.onb-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;padding:14px 18px;border-radius:16px;background:var(--surface2);border:1.5px solid transparent;color:var(--ink);font:600 16px/1.3 var(--body);text-align:left;cursor:pointer}
html .mpa button.onb-opt:hover,html .mpa button.onb-opt[aria-pressed="true"]{border-color:var(--cacau);background:var(--surface)}
.mpa .onb-opt .go{color:var(--accent);font-size:22px;line-height:1}
.mpa .onb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html .mpa button.onb-it{position:relative;display:grid;gap:6px;justify-items:center;padding:12px 10px 10px;border-radius:16px;background:var(--surface2);border:1.5px solid transparent;color:var(--ink);text-align:center;cursor:pointer;font:600 13.5px/1.3 var(--body)}
.mpa .onb-img{width:100%;aspect-ratio:4/3;border-radius:12px;background:var(--surface);display:grid;place-items:center;overflow:hidden;color:var(--accent)}
.mpa .onb-img img{width:100%;height:100%;object-fit:contain}
.mpa .onb-nm{min-height:2.6em;display:flex;align-items:center}
html .mpa button.onb-it[aria-pressed="true"]{border-color:var(--cacau);background:var(--surface)}
.mpa .onb-it[aria-pressed="true"] .onb-img{opacity:.55}
html .mpa button.onb-sec{justify-self:center;background:none;border:0;padding:6px;color:var(--ink2);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mpa .onb-foto{border-radius:16px;background:var(--surface2);display:grid;place-items:center;overflow:hidden;max-height:200px}
.mpa .onb-foto img{max-height:200px;width:auto;max-width:100%;object-fit:contain}
.mpa .onb .mpa-btn-block{min-height:52px}
/* 1.18 · card "Próximo passo" no topo da tela inicial */
.mpa .card.pp{display:grid;gap:12px;margin-bottom:16px}
.mpa .pp-h{display:grid;gap:2px}
.mpa .pp-h b{font-family:var(--display);font-size:18px;font-weight:600;color:var(--ink)}
.mpa .pp-bar{height:8px;border-radius:999px;background:var(--surface2);overflow:hidden}
.mpa .pp-bar i{display:block;height:100%;background:var(--accent);border-radius:999px;min-width:8px}
.mpa .card.pp .mpa-btn{text-align:center;line-height:1.3}
.mpa .pp-x{margin:0;color:var(--ink2);font-size:14.5px;line-height:1.5}
.mpa .pp-c{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--neutro);color:var(--neutro-ink);font-size:12px;font-weight:700;white-space:nowrap}

/* 1.18 · passo 3: achadinhos do item ali mesmo */
.mpa .onb-achs{display:grid;gap:10px}
.mpa a.onb-ach{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:16px;background:var(--surface2);border:1.5px solid transparent;color:var(--ink);text-decoration:none}
.mpa a.onb-ach:hover,.mpa a.onb-ach:focus-visible{border-color:var(--cacau)}
.mpa .onb-ach.esq{display:block;height:84px;border-radius:16px;background:var(--surface2);animation:mpa-esq 1.2s ease-in-out infinite alternate}
@keyframes mpa-esq{from{opacity:.55}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.mpa .onb-ach.esq{animation:none}}
.mpa .onb-ach-img{width:64px;height:64px;border-radius:12px;background:var(--surface);display:grid;place-items:center;overflow:hidden;color:var(--accent)}
.mpa .onb-ach-img img{width:100%;height:100%;object-fit:contain}
.mpa .onb-ach-tx{display:grid;gap:3px;min-width:0}
.mpa .onb-ach-tx b{font-weight:600;font-size:13.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mpa .onb-ach-tx small{color:var(--muted);font-size:12.5px}
.mpa .onb-ach-p{display:grid;justify-items:end;gap:4px;font-weight:700;color:var(--price);white-space:nowrap;font-size:14.5px}
.mpa .onb-ach-p>span:first-child{display:inline-flex;align-items:center;gap:4px}
.mpa .onb-selo{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--good-soft);color:var(--good);font-size:11.5px;font-weight:700}
.mpa .onb-ach-p svg{color:var(--muted)}
.mpa a.onb-todos{justify-self:center;display:inline-flex;align-items:center;gap:5px;font-size:14px;text-decoration:underline;text-underline-offset:3px}

/* 1.18 · destaque atrás do painel (passos 2 a 4) */
.mpa .onb-scrim.onb-foco{background:transparent;align-items:end;justify-items:center;padding:0}
.mpa .onb-spot{position:fixed;z-index:1;border-radius:18px;box-shadow:0 0 0 9999px rgba(40,28,20,.58);pointer-events:none;transition:left .25s,top .25s,width .25s,height .25s}
.mpa .onb-spot::after{content:"";position:absolute;inset:-3px;border-radius:20px;border:3px solid var(--yellow)}
.mpa .onb-spot.nenhum{display:none}
.mpa .onb-foco .mpa-sheet.onb{position:relative;z-index:2;max-height:58vh;overflow:auto;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px rgba(40,28,20,.25)}
.mpa .onb-foco .onb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mpa .onb-foco button.onb-it{padding:6px 4px 8px;gap:4px;font-size:11.5px}
html .mpa .onb-foco button.onb-it{font-size:11.5px}
.mpa .onb-foco .onb-img{aspect-ratio:1/1;border-radius:10px}
.mpa .onb-foco .onb-nm{min-height:2.5em;line-height:1.25}
@media (prefers-reduced-motion:reduce){.mpa .onb-spot{transition:none}}
.mpa .onb-ach-tx small{display:flex;align-items:center;gap:6px}
.mpa .onb-logo{width:18px;height:18px;border-radius:4px;object-fit:contain;background:#fff;flex:none}

/* 1.18 · passo 2: card neutro com círculo; tocado = "Já tenho", mais claro e com o preço riscado */
.mpa button.onb-it{position:relative}
.mpa .onb-chk{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:var(--surface);display:grid;place-items:center;color:#fff;z-index:1}
.mpa .onb-it[aria-pressed="true"] .onb-chk{background:var(--cacau);border-color:var(--cacau)}
.mpa .onb-preco{font-size:12px;font-weight:700;color:var(--ink2)}
.mpa .onb-it[aria-pressed="true"]{opacity:.62}
.mpa .onb-it[aria-pressed="true"] .onb-preco{text-decoration:line-through;color:var(--muted)}
.mpa .onb-tenho{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--cacau)}
.mpa .onb-cont{margin:0;padding:12px 14px;border-radius:14px;background:var(--surface2);font-size:15px;color:var(--ink2);text-align:center}
.mpa .onb-cont s{color:var(--muted)}
.mpa .onb-cont b{color:var(--ink);font-size:17px}
/* contador e botão sempre à vista no rodapé do painel */
.mpa .onb-pe{position:sticky;bottom:calc(-24px - env(safe-area-inset-bottom,0px));display:grid;gap:10px;margin:0 -24px calc(-24px - env(safe-area-inset-bottom,0px));padding:12px 24px calc(16px + env(safe-area-inset-bottom,0px));background:var(--surface);box-shadow:0 -8px 18px rgba(58,42,32,.08);z-index:3}
/* passo 3: nota do WhatsApp e da consultoria */
.mpa .onb-nota{margin:0;padding:12px 14px;border-radius:14px;background:var(--surface2);font-size:13.5px;line-height:1.55;color:var(--ink2)}
.mpa .onb-nota a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.mpa .onb-nota img.emoji{width:1.1em!important;height:1.1em!important;vertical-align:-.2em}
/* tela inicial: um grid só; no celular, na mesma ordem de hoje */
.mpa .ini{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.mpa .ini>*{min-width:0;margin:0!important}
.mpa .card.pp{margin-bottom:0}
.mpa .pp-txt{display:grid;gap:12px}
/* cards inteiros clicáveis (mesmo destino do botão) */
.mpa [data-cardlink],.mpa .item.locked .item-open,.mpa .rank-row.locked{cursor:pointer}
.mpa [data-cardlink]{transition:transform .15s,box-shadow .15s}
.mpa [data-cardlink]:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(58,42,32,.14)}
.mpa .item.locked .item-open:hover,.mpa .rank-row.locked:hover{background:var(--surface2)}
@media (prefers-reduced-motion:reduce){.mpa [data-cardlink]:hover{transform:none}}
/* computador (a partir de 1024 px) */
@media (min-width:1024px){
  .mpa .top .mpa-btn-block{width:auto;padding:9px 18px}
  .mpa .ini{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"pp pp" "wa wa" "consult consult" "hero amb" "pag amb";align-items:start}
  .mpa .ini>.pp{grid-area:pp}
  .mpa .ini>.hero{grid-area:hero}
  .mpa .ini>.wa:not(.consult){grid-area:wa}
  .mpa .ini>.consult{grid-area:consult}
  .mpa .ini>[data-tour="pagamentos"]{grid-area:pag;align-self:start}
  .mpa .ini>.amb-card{grid-area:amb;align-self:start}
  .mpa .wa{flex-wrap:nowrap}
  .mpa .wa .mpa-btn.wa-unlock{width:auto}
  .mpa .wa>.mpa-btn{flex:none}
  /* primeira experiência: janela central de ~760 px */
  .mpa .mpa-sheet.onb{max-width:760px;border-radius:24px}
  .mpa .onb-foco .mpa-sheet.onb{margin-bottom:24px;max-height:62vh;border-radius:24px}
  .mpa .onb-foco .onb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .mpa .onb-foco button.onb-it{padding:10px 8px 12px;font-size:13px}
  html .mpa .onb-foco button.onb-it{font-size:13px}
  .mpa .onb-preco{font-size:13px}
  .mpa .onb-foco .onb-img{aspect-ratio:auto;height:96px}
  .mpa .onb-pe{bottom:-24px;margin-bottom:-24px;padding-bottom:18px}
  .mpa .onb-achs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mpa a.onb-ach{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px}
  .mpa .onb-ach-img{width:100%;height:120px}
  .mpa .onb-ach-p{justify-items:start}
}

/* 1.18.3 · destaque com várias áreas (máscara) e botão contornado */
.mpa .onb-mask{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.mpa .onb-scrim:not(.onb-foco) .onb-mask{display:none}
.mpa .mpa-btn.mpa-btn-out,.mpa .mpa-btn.mpa-btn-out:hover,.mpa .mpa-btn.mpa-btn-out:focus{background:transparent;color:var(--cacau);box-shadow:inset 0 0 0 2px var(--cacau)}

/* 1.18.4 · voltar; passo 2 com a linha de item da aba Itens; listas com meio item à mostra; miniaturas sem pulo */
html .mpa button.onb-voltar{background:none;border:0;padding:6px 8px 6px 0;color:var(--ink2);font-size:13px;font-weight:700;cursor:pointer}
.mpa .onb-rolar{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.mpa .onb .list.onb-lista{grid-template-columns:minmax(0,1fr);gap:10px}
.mpa .onb .item{box-shadow:none;border:1px solid var(--line)}
.mpa .onb .item-open{grid-template-areas:"img info price";grid-template-columns:64px minmax(0,1fr) auto;align-items:start;padding:10px 12px 10px 10px;gap:12px}
.mpa .onb .item .thumb{width:64px;height:64px}
.mpa .onb .item .price{flex-direction:column;align-items:flex-end;gap:0;padding:2px 0 34px}
.mpa .onb .item .tg{top:auto;bottom:12px;right:12px}
.mpa .onb .item .tags{display:none}
.mpa .onb-ach-img{background:var(--surface2)}
.mpa .onb-ach-img img{opacity:0;transition:opacity .2s}
.mpa .onb-ach-img img.ok{opacity:1}
/* passo 5 no celular: painel no alto, o menu de baixo iluminado */
.mpa .onb-scrim.onb-topo{align-items:start}
.mpa .onb-topo .mpa-sheet.onb{border-radius:0 0 24px 24px;padding-top:calc(20px + env(safe-area-inset-top,0px))}
/* card "Próximo passo": texto à esquerda, botão redondo › à direita */
.mpa .card.pp{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px}
.mpa .pp-t{font-family:var(--display);font-size:17px;font-weight:600;color:var(--ink)}
.mpa .pp-txt{gap:8px}
.mpa .mpa-btn.pp-go,.mpa .mpa-btn.pp-go:hover,.mpa .mpa-btn.pp-go:focus{width:48px;height:48px;padding:0;border-radius:50%;font-size:26px;line-height:1;letter-spacing:0;flex:none}
/* 1.18.4 · janela mais alta nos passos com lista, para caber o próximo item pela metade */
.mpa .onb-foco .mpa-sheet.onb{max-height:66vh}
@media (min-width:1024px){
  .mpa .onb-foco .mpa-sheet.onb{max-height:76vh}
  .mpa .onb-ach-img{height:96px}
}

/* 1.18.5 · item aberto simplificado */
.mpa .sheet-h>div{display:grid;gap:2px}
html .mpa button.why-l{display:inline-flex;align-items:center;gap:5px;width:fit-content;margin-top:4px;padding:2px 0;background:none;border:0;color:var(--accent);font-size:13px;font-weight:700;cursor:pointer}
.mpa .ach-bloco{display:grid;gap:10px;min-width:0}
.mpa .ach-t{margin:0;font-family:var(--display);font-weight:600;font-size:16px;color:var(--ink)}
.mpa .ach-car{display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.mpa .ach-car>*{scroll-snap-align:start}
.mpa .ach-car a.onb-ach{grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;padding:8px}
.mpa .ach-car .onb-ach-img{width:100%;height:96px}
.mpa .ach-car .onb-ach-p{justify-items:start;font-size:14px}
.mpa .ach-car .onb-ach-tx b{font-size:12.5px}
.mpa .ach-car .onb-ach.esq{height:190px}
html .mpa button.pay-sum{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:14px 16px;border-radius:14px;background:var(--surface2);border:0;color:var(--ink);font-size:15px;cursor:pointer;text-align:left}
.mpa .pay-sum b{font-weight:700}
.mpa .pay-sum>span{color:var(--ink2);font-weight:600;white-space:nowrap}
.mpa .pay-sum .go{display:inline-block;color:var(--accent);font-size:20px;line-height:1;transition:transform .15s}
.mpa .pay-sum[aria-expanded="true"] .go{transform:rotate(90deg)}
@media (max-width:900px){.mpa .sheet-img{height:min(32vh,240px)}}
@media (min-width:1024px){.mpa .ach-car{grid-auto-columns:38%}}

/* 1.18.6 · missões: janela do limite e triagem da cozinha */
.mpa .mis-sheet{max-width:560px}
.mpa .tri-lista{display:grid;gap:10px}
.mpa .tri-row{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-areas:"img tx" "seg seg";gap:8px 12px;align-items:center;padding:10px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.mpa .tri-row.cl{background:var(--surface2);border-color:transparent}
.mpa .tri-img{grid-area:img;width:52px;height:52px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;color:var(--accent)}
.mpa .tri-img img{width:100%;height:100%;object-fit:contain}
.mpa .tri-img svg{width:26px;height:26px}
.mpa .tri-tx{grid-area:tx;display:grid;gap:2px;min-width:0}
.mpa .tri-tx b{font-weight:700;color:var(--ink)}
.mpa .tri-tx span{font-size:13px;color:var(--ink2)}
.mpa .tri-seg{grid-area:seg}
.mpa .tri-ok{display:grid;gap:10px;padding:14px;border-radius:14px;background:var(--good-soft);color:var(--good)}
.mpa .tri-ok b{font-size:15px}
.mpa .tri-ok .mpa-btn{justify-self:start}
@media (min-width:700px){.mpa .tri-row{grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"img tx seg"}.mpa .tri-seg{min-width:320px}}

/* 1.18.7 · primeira experiência: linhas mais compactas para caber 2 itens e meio */
.mpa .onb .item-open{grid-template-columns:52px minmax(0,1fr) auto;padding:8px 10px 8px 8px;gap:10px}
.mpa .onb .item .thumb{width:52px;height:52px}
.mpa .onb .item .price{padding:2px 0 30px}
.mpa .onb .item .tg{bottom:9px;right:10px}
.mpa .onb .list.onb-lista{gap:8px}
@media (max-width:1023px){
  .mpa .onb-achs{gap:8px}
  .mpa .onb-achs a.onb-ach{grid-template-columns:52px minmax(0,1fr) auto;padding:8px;gap:10px}
  .mpa .onb-achs .onb-ach-img{width:52px;height:52px}
}
/* 1.18.8 · celulares de tela baixa: topo e rodapé da janela mais compactos para a lista ganhar espaço */
@media (max-width:1023px) and (max-height:760px){
  .mpa .mpa-sheet.onb{gap:10px;padding-top:16px}
  .mpa .onb h2{font-size:20px}
  .mpa .onb-x{font-size:14px;line-height:1.45}
  .mpa .onb-pe{gap:8px;padding-top:8px}
  .mpa .onb-cont{padding:8px 12px;font-size:14px}
  .mpa .onb .mpa-btn-block{min-height:46px}
  .mpa .onb-foco .onb-eyebrow{display:none}
}
/* 1.18.8 · nome longo não encosta no preço em telas estreitas */
.mpa .item-open .info{min-width:0}
.mpa .item .nm{overflow-wrap:break-word}
@media (max-width:380px){
  .mpa .item-open{grid-template-areas:"img info" "img price";grid-template-columns:64px minmax(0,1fr)}
  .item .thumb{width:64px;height:64px}
  .mpa .item .price{flex-direction:row;align-items:baseline;padding:0 64px 0 0}
}
/* 1.18.10 · foto inteira na caixa (antes a altura não era respeitada e cortava embaixo) */
.mpa .onb-ach-img{position:relative}
.mpa .onb-ach-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.mpa .onb-ach-img:has(img.ok){background:#fff}
/* 1.19: Marketing — filtros combináveis e quadro "Quando vão se mudar" */
.mpa .mk-filtros select.input{flex:0 1 200px}
.mpa .mk-filtros .link{align-self:center;white-space:nowrap}
.mpa .mk-achou{margin:-4px 0 10px}
html .mpa button.fn-btn{all:unset;box-sizing:border-box;display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:13px;width:100%;cursor:pointer;padding:6px 8px;margin:0 -8px;border-radius:10px;color:inherit;font-family:inherit}
html .mpa button.fn-btn:hover,html .mpa button.fn-btn:focus-visible{background:var(--bg)}
html .mpa button.fn-btn[aria-pressed="true"]{background:var(--yellow)}
html .mpa button.fn-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}


/* 1.20 · achadinhos: banner do total, faixa do Início, contador e linha dos bloqueados */
.mpa .hero-ach{display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.22);padding-top:12px}
/* 1.20.2 · área de Achadinhos e guia da missão 9 */
.mpa .achs-sec{margin-bottom:22px;display:grid;gap:12px}
.mpa .achi{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 14px 10px;display:grid;gap:10px}
.mpa .achi-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.mpa .achi-h b{font-size:15px;color:var(--ink)}
.mpa .achi-h span{font-size:13px;color:var(--ink2)}
.mpa .achi-h .achi-fora{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.mpa .onb-ach-it{font-style:normal;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}
.mpa .onb-ach-p s{font-size:12px;color:var(--muted);font-weight:500}
.mpa .onb-selo.promo{background:var(--crit-soft);color:var(--crit)}
.mpa-tour.tour-passa{pointer-events:none}
.mpa-tour.tour-passa .tour-card{pointer-events:auto}
.mpa .hero-ach p{margin:0;font-size:14px;line-height:1.45;color:#fff}
.mpa .mpa-btn.hero-ach-btn,.mpa .mpa-btn.hero-ach-btn:hover,.mpa .mpa-btn.hero-ach-btn:focus{background:#fff;color:var(--cacau);justify-self:start}
.mpa button.faixa-ach{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--yellow);color:var(--cacau);border-radius:14px;padding:12px 16px;margin-bottom:16px;font-size:14px;cursor:pointer}
.mpa button.faixa-ach svg{color:var(--accent);flex:none}
.mpa button.faixa-ach span:not(.go){flex:1}
.mpa button.faixa-ach .go{font-size:20px;line-height:1;color:var(--ink2)}
.mpa button.faixa-ach:hover{filter:brightness(.98)}
.mpa .ach-cont{display:flex;gap:14px 20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px;margin:0 0 14px}
.mpa .ach-cont-v{flex:1 1 240px;display:grid;gap:8px}
.mpa .ach-cont-v b{font-size:14px;color:var(--ink)}
.mpa .ach-bar{display:block;height:8px;border-radius:999px;background:var(--surface2);overflow:hidden}
.mpa .ach-bar i{display:block;height:100%;background:var(--accent);border-radius:999px;min-width:4px}
.mpa .ach-cont-t{display:grid;gap:1px;text-align:right}
.mpa .ach-cont-t b{font-family:var(--display);font-size:20px;font-weight:600;color:var(--price)}
.mpa .ach-cont-t small{font-size:12px;color:var(--muted)}
.mpa .amb-grp{margin-bottom:22px}
.mpa .amb-h{display:flex;align-items:center;gap:8px;font-size:17px;margin:0 0 10px;color:var(--ink)}
.mpa .amb-h svg{color:var(--accent)}
.mpa .bloq{margin-top:12px;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);border:1.5px dashed var(--line);overflow:hidden}
.mpa .bloq-row{display:flex;align-items:center;gap:12px;padding:14px 14px}
.mpa .bloq-tx b{display:block;font-size:14px;line-height:1.35;color:var(--ink)}
.mpa .bloq-am{display:block;font-size:13px;line-height:1.4;color:var(--ink2);margin-top:3px}
.mpa button.bloq-h{flex:1;display:flex;align-items:center;gap:10px;text-align:left;padding:8px;border-radius:12px;color:var(--ink);font-weight:600;font-size:14px;line-height:1.35;cursor:pointer;min-width:0}
.mpa button.bloq-h:hover{background:var(--surface2)}
.mpa .bloq-ic{width:32px;height:32px;border-radius:50%;background:var(--cacau);color:var(--mostarda);display:grid;place-items:center;flex:none}
.mpa .bloq-tx{flex:1;min-width:0}
.mpa .bloq-seta{font-size:20px;color:var(--ink2);transition:transform .15s;flex:none}
.mpa .bloq.open .bloq-seta{transform:rotate(90deg)}
.mpa .mpa-btn.bloq-buy{flex:none}
.mpa .bloq-l{list-style:none;margin:0;padding:4px 16px 12px;display:grid;gap:0;border-top:1px solid var(--line)}
.mpa .bloq-l li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink2)}
.mpa .bloq-l li:last-child{border-bottom:0}
.mpa .bloq-l li svg{color:var(--muted);flex:none}
.mpa .bloq-l li span{flex:1}
.mpa .bloq-l li small{font-size:12px;color:var(--muted);white-space:nowrap}
.mpa .onb-ex{margin:0;font-weight:700;font-size:14px;color:var(--ink)}
@media (max-width:520px){
  .mpa .bloq-row{flex-wrap:wrap}
  .mpa .bloq-tx{flex:1 1 calc(100% - 50px)}
  .mpa .mpa-btn.bloq-buy{margin-left:44px}
  .mpa .ach-cont-t{text-align:left}
}
@media (min-width:1024px){
  .mpa .ini{grid-template-areas:"pp pp" "faixa faixa" "wa wa" "consult consult" "hero amb" "pag amb"}
  .mpa .ini>.faixa-ach{grid-area:faixa}
}
/* 1.20 rev. 2: contador dentro do aviso do gratuito; no completo, uma linha só */
.mpa .free-note .fn-viu{display:block;margin-top:4px;opacity:.8}
.mpa .ach-viu{margin:-4px 0 12px;font-size:13px;font-weight:600;color:var(--ink2)}

/* 1.21 · computador: conteúdo afastado das laterais (o cabeçalho continua na largura toda),
   Início sem o resumo de pagamentos e Achadinhos com cartões de largura fixa (cabem bem mais por linha) */
.mpa .car-w{position:relative;min-width:0}
.mpa .car-seta{display:none}
.mpa .ach-car{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.mpa .onb-ach-p>span:not(.onb-selo){display:inline-flex;align-items:center;gap:4px}
@media (min-width:1024px){
  .mpa .mpa-body{padding-inline:clamp(8px,3.5vw,72px)}
  .mpa .ini{grid-template-areas:"pp pp" "faixa faixa" "wa wa" "consult consult" "hero amb"}
  /* área de Achadinhos */
  .mpa .achs-sec{gap:14px;margin-bottom:30px}
  .mpa .achs-sec .ach-car{grid-auto-columns:200px;gap:14px;padding:2px 2px 10px;scroll-snap-type:x proximity;scroll-padding-inline:2px}
  .mpa .achs-sec .ach-car a.onb-ach{grid-template-rows:auto 1fr auto;gap:8px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:border-color .15s,box-shadow .15s,transform .15s}
  .mpa .achs-sec .ach-car a.onb-ach:hover,.mpa .achs-sec .ach-car a.onb-ach:focus-visible{border-color:var(--accent);box-shadow:0 6px 18px rgba(58,42,32,.12);transform:translateY(-2px)}
  .mpa .achs-sec .ach-car .onb-ach-img{height:150px;border-radius:10px}
  .mpa .achs-sec .ach-car .onb-ach-tx b{font-size:13px;-webkit-line-clamp:2;min-height:2.6em}
  .mpa .achs-sec .ach-car .onb-ach-tx small{font-size:12px}
  .mpa .achs-sec .ach-car .onb-ach-p{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:15px}
  .mpa .achs-sec .ach-car .onb-ach-p s{flex-basis:100%}
  .mpa .achs-sec .ach-car .onb-selo{font-size:11px;padding:2px 7px}
  .mpa .achs-sec .ach-car .onb-ach.esq{height:290px}
  /* cada item em cartão claro sobre o fundo areia */
  .mpa .achi{padding:16px 18px 12px;gap:12px}
  .mpa .achi-h b{font-size:16px}
  /* setas nas pontas do carrossel */
  html .mpa .car-seta{display:grid;place-items:center;position:absolute;top:calc(50% - 26px);z-index:2;width:40px;height:40px;border-radius:50%;background:var(--surface);color:var(--cacau);box-shadow:0 3px 12px rgba(58,42,32,.22);font-size:24px;line-height:1;padding-bottom:3px;transition:transform .15s}
  html .mpa .car-seta[hidden]{display:none}
  html .mpa .car-seta:hover{transform:scale(1.08)}
  .mpa .car-seta.ant{left:-12px}
  .mpa .car-seta.prox{right:-12px}
}
@media (min-width:1600px){
  .mpa .achs-sec .ach-car{grid-auto-columns:212px;gap:16px}
}