/* estilos do módulo assinatura (prefixo ma-) */
[data-m-assinatura]:empty{display:none}
.ma-visitante{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:-8px 0 16px}
.ma-sit{margin-bottom:20px}
.ma-embreve{margin-bottom:24px}
.ma-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;margin-bottom:20px}
.ma-plano{gap:14px}
.ma-plano .btn{margin-top:auto;width:100%}
.ma-plano h2{font-size:24px}
.ma-destaque{border:2px solid var(--esmeralda);box-shadow:0 18px 40px -24px rgba(16,185,129,.55)}
.ma-preco{display:flex;flex-direction:column;gap:4px;padding:6px 0}
.ma-preco s{font-size:16px}
.ma-desc{align-self:flex-start}
.ma-meio{margin-bottom:20px;align-items:start}
.ma-lista{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.ma-lista li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.ma-lista svg{color:var(--esmeralda);flex-shrink:0;margin-top:2px}
.ma-cupom{display:flex;gap:10px;align-items:flex-end}
.ma-cupom .campo{flex:1;min-width:0}
.ma-faq details{border-top:1px solid var(--borda);padding:14px 0}
.ma-faq details:last-child{padding-bottom:0}
.ma-faq summary{cursor:pointer;font-weight:500;color:var(--titulo);list-style:none;display:flex;justify-content:space-between;gap:12px}
.ma-faq summary::-webkit-details-marker{display:none}
.ma-faq summary::after{content:"+";color:var(--suave);font-size:20px;line-height:1}
.ma-faq details[open] summary::after{content:"−"}
.ma-faq details p{margin-top:8px;color:var(--texto);line-height:1.6}
.ma-centro{margin:24px auto}
.ma-pagar,.ma-retorno{gap:16px;padding:34px}
.ma-pagar h1,.ma-retorno h1{font-size:30px}
.ma-icone-alerta{background:var(--alerta-fundo);border-color:var(--alerta-borda);color:var(--alerta-texto)}
.ma-link{display:flex;gap:8px;align-items:center}
.ma-link .entrada{flex:1;min-width:0;font-size:15px}
.ma-numeros{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ma-numeros .numero{font-size:30px}
.ma-aviso-inicio{gap:10px}
.ma-aviso-inicio h2{font-size:20px;margin-top:4px}
.ma-aviso-inicio .linha-entre{align-items:flex-start;flex-wrap:wrap}
.ma-conta p{line-height:1.5}
/* admin */
.ma-alerta{background:var(--alerta-fundo);border:2px solid #FDBA74;color:var(--alerta-texto)}
.ma-alerta h2{color:var(--alerta-texto)}
.ma-passos{padding-left:22px;margin:0;display:flex;flex-direction:column;gap:10px;line-height:1.55;color:var(--texto)}
.ma-quebra{word-break:break-all}
.ma-num-dinheiro{font-size:30px;white-space:nowrap}
.ma-cab-receita{flex-wrap:wrap}
.ma-barras{display:flex;align-items:flex-end;gap:6px;height:190px;padding-top:22px}
.ma-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;position:relative}
.ma-col i{display:block;width:100%;max-width:44px;min-height:2px;background:var(--esmeralda);border-radius:6px 6px 2px 2px}
.ma-col small{font-size:12px;color:var(--suave)}
.ma-valor{font-size:11px;color:var(--suave);white-space:nowrap}
.ma-plano-form{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.2fr .8fr auto auto;gap:10px;align-items:end;padding:14px 0;border-top:1px solid var(--borda)}
.ma-plano-form .campo{font-size:13px}
.ma-novo{grid-column:1/-1;color:var(--titulo)}
.ma-marcas{display:flex;flex-direction:column;gap:6px;padding-bottom:4px}
.ma-marcas .marcar{font-size:14px;white-space:nowrap}
@media (max-width:900px){
  .ma-grade{grid-template-columns:minmax(0,1fr)}
  .ma-destaque{order:-1}
  .ma-plano-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ma-plano-form .campo:first-of-type{grid-column:1/-1}
  .ma-valor{display:none}
}
@media (max-width:560px){
  .ma-pagar,.ma-retorno{padding:24px}
  .ma-pagar h1,.ma-retorno h1{font-size:26px}
  .ma-numeros .numero{font-size:26px}
  .ma-barras{gap:3px}
  .ma-col small{font-size:10px}
  .ma-visitante{margin-top:0}
  .ma-num-dinheiro{font-size:clamp(17px,5.4vw,22px)}
  .ma-tabela{font-size:14px}
  .ma-tabela th,.ma-tabela td{padding-left:6px;padding-right:6px}
  .ma-tabela th{letter-spacing:.06em}
  .ma-tabela .etiqueta{font-size:12px;padding:2px 8px}
  .ma-cab-receita{flex-direction:column;align-items:flex-start}
}
