/* faixa "Entre grátis" renderizada no HTML (evita a página pular ao carregar). Mesmas regras do convite.js. */
.mthc-b{display:flex;align-items:center;gap:10px;width:100%;justify-content:center;padding:13px;font:700 15.5px var(--f-ui,system-ui,sans-serif);margin-top:8px;text-decoration:none;border-radius:12px;cursor:pointer;box-sizing:border-box}
.mthc-g{background:var(--surface,#fff);color:var(--ink,#16181d);border:1.5px solid var(--line,#d6d9df)}
.mthc-g:hover{border-color:var(--muted,#5b6270)}
.mthc-g svg{width:18px;height:18px}
.mthc-faixa{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;background:var(--pen-soft,#EEF1FD);color:var(--ink,#16181d);border:1px solid var(--pen-line,#cdd5f7);border-radius:14px;padding:10px 12px 10px 16px;margin:12px 0;font:15px/1.4 var(--f-ui,system-ui,sans-serif)}
.mthc-faixa[hidden]{display:none}
.mthc-faixa p{margin:0;flex:1 1 220px}
.mthc-faixa .mthc-acts{display:flex;gap:8px;align-items:center}
.mthc-faixa .mthc-b{width:auto;margin:0;padding:9px 14px;font-size:14.5px}
.mthc-faixa .mthc-fx{border:0;background:none;font-size:20px;line-height:1;color:var(--muted,#5b6270);width:32px;height:32px;border-radius:50%;cursor:pointer}
html[data-theme="dark"] .mthc-faixa{background:#1b2140;border-color:#2c3566}
.mth-logado .mthc-faixa{display:none}
@media (max-width:640px){
  .mthc-faixa{padding:10px 10px 10px 14px}
  .mthc-faixa .mthc-acts{width:100%}
  .mthc-faixa .mthc-b{flex:1}
}