/* ==========================================================================
   Marca Local — Planos para empresas (/planos/) + botão "Cadastre sua empresa".
   Usa só as variáveis do tema (--primary, --accent, --surface, --line...).
   Carregado em todas as páginas (é pequeno): o botão aparece na Home e no
   menu, e a navegação Ajax do tema não recarrega o <head>.
   ========================================================================== */

/* ---- Botão "Cadastre sua empresa [Grátis]" (Home e menu) ---- */
.ml-header-acoes{ display:flex; flex-wrap:wrap; align-items:center; gap:0 8px; position:relative; z-index:2; margin-bottom:6px; }
.ml-cta-empresa{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; max-width:100%;
  margin:14px 0 0; padding:8px 8px 8px 14px;
  border-radius:999px; background:var(--accent); color:var(--primary-dark);
  font:800 14px/1.2 'Manrope', sans-serif; text-decoration:none;
  box-shadow:0 6px 14px -8px rgba(0,0,0,.45);
  position:relative; z-index:2; transition:background .15s ease, transform .15s ease;
}
.ml-cta-empresa:hover{ background:#f0b34f; color:var(--primary-dark); }
.ml-cta-empresa:focus-visible{ outline:3px solid #fff; outline-offset:2px; }
.ml-cta-empresa:active{ transform:scale(.98); }
.ml-cta-empresa__ico{ font-size:14px; }
/* Celulares estreitos: sem o ícone e um pouco menor, para ficar na mesma linha do seletor de cidade. */
@media (max-width:420px){
  .ml-cta-empresa{ gap:6px; padding:8px 7px 8px 12px; font-size:13px; }
  .ml-cta-empresa__ico{ display:none; }
  .ml-cta-empresa__tag{ padding:4px 7px; font-size:10px; }
  .ml-cta-empresa--menu{ font-size:14px; }
  .ml-cta-empresa--menu .ml-cta-empresa__ico{ display:inline-block; }
}
.ml-cta-empresa__txt{ min-width:0; }
.ml-cta-empresa__tag{
  flex:none; padding:4px 8px; border-radius:999px;
  background:var(--primary-dark); color:#fff;
  font:800 10.5px/1 'Manrope', sans-serif; letter-spacing:.06em; text-transform:uppercase;
}
.ml-painel-cta{ padding:14px 14px 0; }
.ml-cta-empresa--menu{ display:flex; width:100%; margin:0; box-shadow:none; border:1px solid var(--accent-dark); }
.ml-cta-empresa--menu .ml-cta-empresa__tag{ margin-left:auto; }

/* ---- A página de planos usa mais largura em telas grandes (o tema é um "app" de 480px).
        :has() só existe em navegadores atuais; nos antigos a página fica na coluna de 480px, legível. ---- */
@media (min-width:720px){
  .app-page:has(.ml-planos){ max-width:760px; }
  .app-page:has(.ml-planos) .app-content{ padding-left:28px; padding-right:28px; }
}
@media (min-width:1100px){
  .app-page:has(.ml-planos){ max-width:1120px; }
}

.ml-planos{ padding-top:14px; }
:where(.ml-planos) :where(ul, ol){ list-style:none; margin:0; padding:0; }  /* :where() = especificidade zero: as regras de cada componente abaixo sempre vencem */
:where(.ml-planos) :where(p){ margin:0; }

/* ---- Botões da página ---- */
.ml-pl-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:48px; padding:12px 20px; border-radius:12px; border:2px solid transparent;
  font:800 15px/1.2 'Manrope', sans-serif; text-align:center; text-decoration:none; cursor:pointer;
  transition:background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.ml-pl-btn:hover{ transform:translateY(-1px); }
.ml-pl-btn:active{ transform:none; }
.ml-pl-btn:focus-visible{ outline:3px solid var(--accent); outline-offset:3px; }
.ml-pl-btn--primario{ background:var(--primary); color:#fff; }
.ml-pl-btn--primario:hover{ background:var(--primary-light); color:#fff; }
.ml-pl-btn--acento{ background:var(--accent); color:var(--primary-dark); }
.ml-pl-btn--acento:hover{ background:#f0b34f; color:var(--primary-dark); }
.ml-pl-btn--contorno{ background:transparent; color:var(--primary); border-color:var(--primary); }
.ml-pl-btn--contorno:hover{ background:rgba(15,76,76,.07); color:var(--primary); }
.ml-pl-btn--fantasma{ background:transparent; color:#fff; border-color:rgba(255,255,255,.6); }
.ml-pl-btn--fantasma:hover{ background:rgba(255,255,255,.12); color:#fff; }
.ml-pl-btn--claro{ background:#fff; color:var(--primary-dark); }
.ml-pl-btn--claro:hover{ background:#eef3f1; color:var(--primary-dark); }
.ml-pl-acoes{ display:flex; flex-direction:column; gap:10px; }

/* ---- Hero ---- */
.ml-pl-hero{
  padding:28px 20px 24px; border-radius:16px; color:#fff;
  background-color:var(--primary);
  background-image:radial-gradient(rgba(255,255,255,.07) 1.2px, transparent 1.2px);
  background-size:18px 18px;
}
.ml-pl-hero__titulo{ font-size:28px; line-height:1.15; font-weight:700; color:#fff; letter-spacing:-.01em; }
.ml-pl-hero__sub{ margin:12px 0 20px; font-size:15.5px; line-height:1.55; color:rgba(255,255,255,.88); max-width:58ch; }
.ml-pl-selos{ display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.ml-pl-selos li{
  display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border-radius:999px;
  background:rgba(255,255,255,.12); color:#fff; font-size:12.5px; font-weight:700;
}
.ml-pl-selos i{ color:var(--accent); }

/* ---- Seções ---- */
.ml-pl-secao{ margin-top:38px; }
.ml-pl-cabeca{ margin-bottom:18px; }
.ml-pl-h2{ font-size:23px; line-height:1.2; font-weight:700; }
.ml-pl-lead{ margin-top:8px; font-size:14.5px; line-height:1.6; color:var(--muted); max-width:62ch; }

.ml-pl-grade{ display:grid; gap:12px; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); }
.ml-pl-card{ padding:16px; background:var(--surface); border:1px solid var(--line); border-radius:14px; }
.ml-pl-card__ico{
  display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px;
  border-radius:10px; background:rgba(15,76,76,.08); color:var(--primary); font-size:16px;
}
.ml-pl-card__titulo{ margin:12px 0 4px; font-family:'Manrope', sans-serif; font-size:15.5px; font-weight:800; color:var(--ink); }
.ml-pl-card__texto{ font-size:14px; line-height:1.55; color:var(--muted); }

/* ---- Planos ---- */
.ml-pl-periodo{
  display:inline-flex; margin:0 0 10px; padding:4px; border:1px solid var(--line); border-radius:999px; background:var(--surface);
}
.ml-pl-periodo__btn{
  min-height:40px; padding:8px 18px; border:0; border-radius:999px; background:transparent; cursor:pointer;
  font:700 14px 'Manrope', sans-serif; color:var(--muted);
}
.ml-pl-periodo__btn[aria-pressed="true"]{ background:var(--primary); color:#fff; }
.ml-pl-periodo__btn:focus-visible{ outline:3px solid var(--accent); outline-offset:2px; }
.ml-pl-economia{ margin:0 0 12px; font-size:13px; font-weight:800; color:var(--primary); }

.ml-pl-planos{ scroll-margin-top:76px; }  /* âncora "Ver planos" não fica sob o cabeçalho fixo */
.ml-pl-cards{ display:grid; gap:14px; grid-template-columns:1fr; align-items:stretch; }
.ml-plano{
  position:relative; display:flex; flex-direction:column; padding:20px 18px 18px;
  background:var(--surface); border:1px solid var(--line); border-radius:14px;
}
.ml-plano--destaque{
  border:2px solid var(--primary); padding:24px 17px 17px;
  box-shadow:0 14px 28px -18px rgba(9,47,47,.55);
}
.ml-plano__etiqueta{
  position:absolute; top:-12px; left:50%; transform:translateX(-50%);
  padding:5px 12px; border-radius:999px; white-space:nowrap;
  background:var(--accent); color:var(--primary-dark);
  font:800 11px/1 'Manrope', sans-serif; letter-spacing:.07em;
}
.ml-plano__nome{ font-size:22px; font-weight:700; }
.ml-plano__desc{ margin-top:6px; font-size:14px; line-height:1.5; color:var(--muted); min-height:3em; }
.ml-plano__preco{ margin:16px 0 4px; display:flex; align-items:baseline; flex-wrap:wrap; gap:6px; }
.ml-plano__periodo-bloco{ display:inline-flex; align-items:baseline; flex-wrap:wrap; gap:6px; }
.ml-plano__periodo-bloco[hidden]{ display:none; }
.ml-plano__valor{ font-family:'Fraunces', serif; font-size:32px; line-height:1; font-weight:700; color:var(--ink); }
.ml-plano__de{ font-size:15px; color:var(--muted); }
.ml-plano__sufixo{ font-size:13px; color:var(--muted); font-weight:600; }
.ml-plano__inclui{ margin:14px 0 8px; font-size:13px; font-weight:800; color:var(--primary); }
.ml-plano__preco + .ml-plano__recursos{ margin-top:14px; }
.ml-plano__recursos{ display:grid; gap:9px; margin-bottom:20px; }
.ml-plano__recursos li{ display:flex; align-items:flex-start; gap:9px; font-size:14px; line-height:1.4; color:var(--ink); }
.ml-plano__recursos i{ flex:none; margin-top:3px; font-size:12px; color:var(--primary-light); }
.ml-plano__cta{ margin-top:auto; width:100%; }

/* ---- Nota ---- */
.ml-pl-nota{ margin-top:14px; font-size:12.5px; line-height:1.5; color:var(--muted); }

/* ---- Jornada ---- */
.ml-pl-jornada{ padding:22px 16px; background:var(--surface); border:1px solid var(--line); border-radius:16px; }
.ml-pl-fluxo + .ml-pl-fluxo{ margin-top:20px; }
.ml-pl-fluxo__rotulo{ margin-bottom:10px; font-size:11.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); }
.ml-pl-fluxo__etapas{ display:flex; gap:20px; }
.ml-pl-etapa{ position:relative; flex:1 1 auto; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.ml-pl-etapa__ico{
  display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%;
  background:var(--primary); color:#fff; font-size:16px;
}
.ml-pl-etapa__txt{ font-size:12.5px; font-weight:800; color:var(--ink); overflow-wrap:normal; hyphens:none; }
.ml-pl-etapa:not(:last-child)::after{
  content:""; position:absolute; top:17px; right:-15px; width:8px; height:8px;
  border-top:2px solid var(--accent-dark); border-right:2px solid var(--accent-dark); transform:rotate(45deg);
}

@media (max-width:420px){
  .ml-pl-jornada{ padding:20px 10px; }
  .ml-pl-fluxo__etapas{ gap:14px; }
  .ml-pl-etapa{ gap:6px; }
  .ml-pl-etapa__ico{ width:40px; height:40px; font-size:15px; }
  .ml-pl-etapa__txt{ font-size:11.5px; letter-spacing:-.01em; }
  .ml-pl-etapa:not(:last-child)::after{ top:15px; right:-11px; }
}

/* ---- Tabela comparativa ---- */
.ml-pl-dica{ margin-bottom:8px; font-size:12.5px; color:var(--muted); }
.ml-pl-tabela{
  position:relative; /* contém os textos .screen-reader-text (absolute) das células: sem isso eles escapam do recorte e criam rolagem lateral na página */
  overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
  background:var(--surface); border:1px solid var(--line); border-radius:14px;
}
.ml-pl-tabela:focus-visible{ outline:3px solid var(--accent); outline-offset:2px; }
.ml-pl-tabela table{ width:100%; min-width:540px; border-collapse:separate; border-spacing:0; font-size:13.5px; }
.ml-pl-tabela th, .ml-pl-tabela td{ padding:11px 8px; text-align:center; border-bottom:1px solid var(--line); background:var(--surface); }
.ml-pl-tabela thead th{ font-weight:800; color:var(--ink); background:var(--bg); border-bottom:2px solid var(--line); vertical-align:bottom; }
.ml-pl-tabela .ml-pl-tabela__recurso{ position:sticky; left:0; z-index:1; min-width:128px; text-align:left; font-weight:700; color:var(--ink); padding-left:12px; box-shadow:1px 0 0 var(--line); }
.ml-pl-tabela thead .ml-pl-tabela__recurso{ z-index:2; }
.ml-pl-tabela .is-destaque{ background:#fdf6e9; }
.ml-pl-tabela thead .is-destaque{ background:#fbecd0; box-shadow:inset 0 3px 0 var(--accent); }
.ml-pl-tabela__tag{ display:block; margin-top:3px; font-size:9.5px; letter-spacing:.06em; color:var(--accent-dark); }
.ml-pl-tabela__grupo th span{ position:sticky; left:12px; display:inline-block; }  /* o título acompanha a rolagem lateral */
.ml-pl-tabela__grupo th{
  text-align:left; padding:9px 12px;
  font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--primary); background:#eef3f1;
}
.ml-pl-tabela tbody:last-child tr:last-child th, .ml-pl-tabela tbody:last-child tr:last-child td{ border-bottom:0; }
.ml-sim{ color:var(--primary-light); font-size:16px; font-weight:800; }
.ml-nao{ color:#b7c1bd; font-weight:700; }
.ml-valor{ font-weight:800; color:var(--ink); }

/* ---- FAQ ---- */
.ml-pl-faq__lista{ display:grid; gap:10px; }
.ml-pl-faq__item{ background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.ml-pl-faq__item[open]{ border-color:var(--primary-light); }
.ml-pl-faq__item summary{
  display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; padding:12px 16px;
  list-style:none; cursor:pointer; font-size:14.5px; font-weight:800; line-height:1.35; color:var(--ink);
}
.ml-pl-faq__item summary::-webkit-details-marker{ display:none; }
.ml-pl-faq__item summary:focus-visible{ outline:3px solid var(--accent); outline-offset:2px; border-radius:12px; }
.ml-pl-faq__item summary i{ flex:none; font-size:12px; color:var(--primary); transition:transform .2s ease; }
.ml-pl-faq__item[open] summary i{ transform:rotate(180deg); }
.ml-pl-faq__resposta{ padding:0 16px 16px; font-size:14px; line-height:1.65; color:var(--muted); }

/* ---- CTA final ---- */
.ml-pl-final{ margin-top:38px; padding:30px 20px; border-radius:16px; text-align:center; background:var(--primary-dark); color:#fff; }
.ml-pl-final__titulo{ font-size:24px; line-height:1.2; color:#fff; }
.ml-pl-final__texto{ margin:10px auto 20px; max-width:52ch; font-size:15px; line-height:1.55; color:rgba(255,255,255,.86); }
.ml-pl-final .ml-pl-acoes{ max-width:420px; margin:0 auto; }

/* ---- Telas médias e grandes ---- */
@media (min-width:720px){
  .ml-pl-hero{ padding:40px 36px 34px; }
  .ml-pl-hero__titulo{ font-size:38px; max-width:20ch; }
  .ml-pl-hero__sub{ font-size:17px; }
  .ml-pl-acoes{ flex-direction:row; flex-wrap:wrap; }
  .ml-pl-h2{ font-size:28px; }
  .ml-pl-cards{ grid-template-columns:repeat(2, 1fr); gap:18px; }
  .ml-pl-jornada{ padding:28px 28px; }
  .ml-pl-fluxo__etapas{ gap:32px; }
  .ml-pl-etapa:not(:last-child)::after{ right:-23px; }
  .ml-pl-dica{ display:none; }
  .ml-pl-final .ml-pl-acoes{ flex-direction:row; justify-content:center; max-width:none; }
}
@media (min-width:1100px){
  .ml-pl-cards{ grid-template-columns:repeat(3, 1fr); gap:18px; }
  .ml-plano--destaque{ transform:translateY(-8px); }
  .ml-pl-fluxo__etapas{ max-width:760px; }
}
@media (hover:hover){
  .ml-pl-card, .ml-plano{ transition:border-color .2s ease, box-shadow .2s ease; }
  .ml-pl-card:hover, .ml-plano:hover{ border-color:var(--primary-light); box-shadow:0 10px 24px -18px rgba(9,47,47,.5); }
}

/* ---- Entrada suave (só quando o JS liga .ml-planos--anim; sem JS tudo aparece) ---- */
.ml-planos--anim .ml-reveal{ opacity:0; transform:translateY(10px); }
.ml-planos--anim .ml-reveal.is-visivel{ opacity:1; transform:none; transition:opacity .45s ease, transform .45s ease; }
.ml-planos--anim .ml-reveal:nth-child(2){ transition-delay:.05s; }
.ml-planos--anim .ml-reveal:nth-child(3){ transition-delay:.1s; }
.ml-planos--anim .ml-reveal:nth-child(4){ transition-delay:.15s; }
@media (min-width:1100px){
  .ml-planos--anim .ml-plano--destaque.is-visivel{ transform:translateY(-8px); }
}

@media (prefers-reduced-motion:reduce){
  .ml-planos--anim .ml-reveal, .ml-planos--anim .ml-reveal.is-visivel{ opacity:1; transform:none; transition:none; }
  .ml-pl-btn, .ml-cta-empresa, .ml-pl-faq__item summary i, .ml-pl-card, .ml-plano{ transition:none; }
  .ml-pl-btn:hover, .ml-cta-empresa:active{ transform:none; }
}

/* ==========================================================================
   Cadastro de clientes (/cadastro-clientes/) — formulário aberto pelos botões
   dos planos. Fica aqui (CSS global e pequeno) porque a navegação Ajax do tema
   não recarrega o <head>.
   ========================================================================== */
.ml-cad-passos{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
.ml-cad-passos li{
  display:inline-flex; align-items:center; gap:8px; padding:7px 12px 7px 8px; border-radius:999px;
  background:rgba(255,255,255,.12); color:#fff; font-size:12.5px; font-weight:700;
}
.ml-cad-passos li span{
  display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%;
  background:var(--accent); color:var(--primary-dark); font-size:12px; font-weight:800;
}

.ml-cad{ margin-top:22px; max-width:760px; }
.ml-cad__bloco{ margin:0 0 18px; padding:18px 16px; border:1px solid var(--line); border-radius:14px; background:var(--surface); min-width:0; }
.ml-cad__legenda{
  display:flex; align-items:center; gap:10px; padding:0 6px; margin-left:-6px;
  font:800 16px/1.2 'Manrope', sans-serif; color:var(--ink);
}
.ml-cad__legenda span{
  display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%;
  background:var(--primary); color:#fff; font-size:13px;
}

/* Escolha do plano: radios em cartões */
.ml-cad__planos{ display:grid; gap:10px; grid-template-columns:1fr; margin-top:12px; }
.ml-cad__plano{ position:relative; }
.ml-cad__plano input{ position:absolute; opacity:0; inset:0; width:100%; height:100%; margin:0; cursor:pointer; }
.ml-cad__plano label{
  position:relative; display:flex; flex-direction:column; gap:4px; height:100%;
  padding:14px 14px 14px 44px; border:2px solid var(--line); border-radius:12px; background:#fff; cursor:pointer;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.ml-cad__plano label::before{
  content:""; position:absolute; left:14px; top:16px; width:18px; height:18px; border-radius:50%;
  border:2px solid #b8c4bf; background:#fff;
}
.ml-cad__plano input:checked + label{ border-color:var(--primary); background:rgba(15,76,76,.05); box-shadow:0 8px 18px -14px rgba(9,47,47,.6); }
.ml-cad__plano input:checked + label::before{ border-color:var(--primary); background:radial-gradient(var(--primary) 0 45%, #fff 50%); }
.ml-cad__plano input:focus-visible + label{ outline:3px solid var(--accent); outline-offset:2px; }
.ml-cad__plano strong{ font:800 16px/1.2 'Manrope', sans-serif; color:var(--ink); }
.ml-cad__plano-desc{ font-size:13px; line-height:1.45; color:var(--muted); }
.ml-cad__plano-preco{ margin-top:2px; font:800 15px/1.2 'Manrope', sans-serif; color:var(--primary); }
.ml-cad__plano-preco small{ margin-left:3px; font-size:12px; font-weight:700; color:var(--muted); }
.ml-cad__plano-tag{
  align-self:flex-start; padding:3px 8px; border-radius:999px; background:var(--accent); color:var(--primary-dark);
  font:800 10px/1 'Manrope', sans-serif; letter-spacing:.07em;
}

/* Campos */
.ml-cad__campo{ margin-top:14px; min-width:0; }
.ml-cad__campo label{ display:block; margin-bottom:6px; font:700 13.5px/1.3 'Manrope', sans-serif; color:var(--ink); }
.ml-cad__campo label small{ font-weight:600; color:var(--muted); }
.ml-cad__campo abbr{ color:#b91c1c; text-decoration:none; }
.ml-cad__campo input[type="text"], .ml-cad__campo input[type="tel"], .ml-cad__campo input[type="email"],
.ml-cad__campo select, .ml-cad__campo textarea{
  display:block; width:100%; box-sizing:border-box; min-height:48px; padding:11px 12px;
  border:1px solid #c9d3ce; border-radius:10px; background:#fff; color:var(--ink);
  font:500 16px/1.3 'Manrope', sans-serif;   /* 16px evita o zoom automático no iPhone */
}
.ml-cad__campo textarea{ min-height:110px; resize:vertical; }
.ml-cad__campo input + input, .ml-cad__campo select + input{ margin-top:8px; }
.ml-cad__campo input:focus, .ml-cad__campo select:focus, .ml-cad__campo textarea:focus{ outline:3px solid var(--accent); outline-offset:1px; border-color:var(--primary); }
.ml-cad__campo [aria-invalid="true"]{ border-color:#b91c1c; background:#fff7f7; }
.ml-cad__linha{ display:grid; gap:0 14px; grid-template-columns:1fr; }
.ml-cad__erro{ margin-top:6px; font-size:13px; font-weight:700; color:#b91c1c; }

.ml-cad__aceite{ display:grid; grid-template-columns:auto 1fr; gap:4px 10px; align-items:start; }
.ml-cad__aceite input{ width:22px; height:22px; margin:1px 0 0; accent-color:var(--primary); }
.ml-cad__aceite label{ margin:0; font-weight:600; font-size:13.5px; line-height:1.5; color:var(--muted); }
.ml-cad__aceite label a{ color:var(--primary); font-weight:700; }
.ml-cad__aceite .ml-cad__erro{ grid-column:2; }

.ml-cad__enviar{ width:100%; margin-top:18px; }
.ml-cad__nota{ margin-top:10px; font-size:12.5px; line-height:1.5; color:var(--muted); text-align:center; }

/* Resumo de erros e sucesso */
.ml-cad__resumo{ margin-bottom:18px; padding:14px 16px; border:2px solid #b91c1c; border-radius:12px; background:#fff7f7; color:#7f1d1d; font-size:14px; }
.ml-cad__resumo ul{ margin:8px 0 0; padding-left:18px; list-style:disc; }
.ml-cad__resumo a{ color:#7f1d1d; font-weight:700; text-decoration:underline; }
.ml-cad-sucesso{
  margin-top:22px; padding:30px 20px; border-radius:16px; text-align:center;
  background:var(--surface); border:2px solid var(--primary);
}
.ml-cad-sucesso > i{ font-size:44px; color:var(--primary); }
.ml-cad-sucesso .ml-pl-h2{ margin-top:10px; }
.ml-cad-sucesso p{ margin:10px auto 20px; max-width:52ch; font-size:15px; line-height:1.6; color:var(--muted); }
.ml-cad-sucesso .ml-pl-acoes{ max-width:420px; margin:0 auto; }

@media (min-width:720px){
  .ml-cad__planos{ grid-template-columns:repeat(2, 1fr); }
  .ml-cad__linha{ grid-template-columns:1fr 1fr; }
  .ml-cad__bloco{ padding:22px 22px; }
}
@media (prefers-reduced-motion: reduce){
  .ml-cad__plano label{ transition:none; }
}