/* /monte-seu-convite/ · 20/out/2026 · formulário em passos (celular primeiro) */
.mc-hero .thero__grid{align-items:center}
.mc-mini{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:6px;color:var(--soft);font-size:15px}
.mc-phone{position:relative;justify-self:center;width:clamp(220px,24vw,290px);aspect-ratio:390/780;border-radius:38px;background:#0b1424;padding:10px;box-shadow:0 40px 80px -30px rgba(16,40,70,.55),inset 0 0 0 2px rgba(255,255,255,.14)}
.mc-phone__scr{display:block;width:100%;height:100%;border-radius:29px;overflow:hidden;background:var(--off)}
.mc-phone__scr img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.mc-phone__tag{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);white-space:nowrap;background:var(--limao);color:var(--marinho);font-weight:700;font-size:14px;padding:9px 15px;border-radius:99px;box-shadow:0 12px 24px -12px rgba(0,0,0,.45)}

.mc{max-width:620px;margin:0 auto;background:#fff;border-radius:26px;padding:clamp(20px,3.4vw,34px);box-shadow:0 30px 70px -36px rgba(16,40,70,.4),0 0 0 1px var(--linha)}
.mc__bar{height:8px;border-radius:99px;background:var(--off);overflow:hidden}
.mc__bar i{display:block;height:100%;width:16%;border-radius:99px;background:linear-gradient(90deg,var(--marinho),#3f7fc4);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.mc__count{font-size:13px;font-weight:700;color:var(--soft);margin-top:8px}
.mc__step{border:0;margin:0;padding:0;min-width:0}
.mc__step.is-on{animation:mcIn .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes mcIn{from{opacity:0;transform:translateY(10px)}}
.mc__step legend{font:400 clamp(28px,3.4vw,38px)/1.08 var(--serif);color:var(--marinho);margin:10px 0 6px;padding:0}
.mc__row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mc__fld{display:block;margin-top:14px;font-weight:700;font-size:14px;color:var(--ink);min-width:0}
.mc__fld small{font-weight:400;color:var(--soft)}
.mc__fld input{display:block;width:100%;box-sizing:border-box;max-width:100%;min-width:0;margin-top:6px;font:inherit;font-size:16px;font-weight:400;color:var(--ink);border:1.5px solid var(--linha);border-radius:14px;padding:13px 14px;background:var(--off);-webkit-appearance:none;appearance:none;min-height:50px}
.mc__fld input:focus{outline:0;border-color:var(--marinho);background:#fff}
.mc__fld input.is-bad{border-color:var(--tomate)}
.mc__fld input:disabled{opacity:.45}
.mc__aj{display:block;margin-top:6px;font-size:12.5px;line-height:1.4}
.mc__chk{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:14px;font-weight:600;color:var(--marinho);cursor:pointer}
.mc__chk input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--marinho)}
.mc__chk--ok span{font-weight:400;font-size:12.5px;line-height:1.45;color:var(--soft)}
.mc__chk--ok.is-bad span{color:var(--tomate)}
.mc__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mc__chips button{border:1.5px solid var(--linha);background:var(--off);border-radius:99px;padding:11px 16px;font:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.mc__chips button.is-on{background:var(--marinho);border-color:var(--marinho);color:#fff}
.mc__tons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mc__tons button{text-align:left;border:1.5px solid var(--linha);background:var(--off);border-radius:16px;padding:13px 14px;font:inherit;cursor:pointer;color:var(--ink)}
.mc__tons button b{display:block;font-size:16px;color:var(--marinho)}
.mc__tons button small{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;color:var(--soft);font-family:var(--serif);font-style:italic}
.mc__tons button.is-on{border-color:var(--marinho);box-shadow:0 0 0 2px var(--marinho);background:#fff}
.mc__err{color:var(--tomate);font-size:14px;margin-top:12px;min-height:0}
.mc__err:empty{display:none}
.mc__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.mc__back{border:0;background:none;color:var(--marinho);font:inherit;font-weight:700;cursor:pointer;padding:10px 4px}
.mc__next{margin-left:auto}
.mc__next:disabled{opacity:.6}
.mc .hp{position:absolute;left:-9999px;opacity:0}

.mc-res{max-width:1100px;margin:0 auto}
.mc-textos{max-width:760px;margin:clamp(28px,4vw,48px) auto 0}
.mc-textos .h2{font-size:clamp(30px,3.6vw,44px);text-align:center}
.mc-textos__sub{text-align:center;color:var(--soft);margin-top:8px}
.mc-textos__lista{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.mc-textos__lista li{background:#fff;border:1px solid var(--linha);border-radius:18px;padding:16px 18px}
.mc-textos__lista b{display:block;font:400 21px/1.15 var(--serif);color:var(--marinho)}
.mc-textos__lista p{margin-top:6px;font-family:var(--serif);font-size:17px;line-height:1.5;color:var(--ink)}
.mc-textos__lista button{margin-top:10px;border:1.5px solid var(--marinho);background:none;color:var(--marinho);border-radius:99px;padding:8px 14px;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
.mc-textos__lista .usado{display:inline-block;margin-left:8px;font-size:12px;font-weight:700;color:#2f8f4e}

@media (max-width:700px){
  .mc-hero .thero__grid{grid-template-columns:1fr}
  .mc-mini{justify-content:center;text-align:center}
  .mc-phone{width:220px;margin-top:10px}
  .mc__row2{grid-template-columns:1fr}
  .mc__tons{grid-template-columns:1fr}
  .mc__step legend{text-align:center;width:100%}
  .mc__count{text-align:center}
  .mc__nav{position:sticky;bottom:10px}
}

/* 20/out: resultado = o convite (primeiro), a venda depois */
.mcv{display:grid;grid-template-columns:1fr auto;grid-template-areas:"a d" "b d";grid-template-rows:auto 1fr;gap:clamp(22px,4vw,56px);align-items:center;background:var(--marinho);color:#fff;border-radius:26px;padding:clamp(22px,3.6vw,44px) clamp(20px,3.6vw,48px)}
.mcv > *{min-width:0}
.mcv__h{font:400 clamp(34px,4.2vw,54px)/1.04 var(--serif);color:#fff;text-wrap:balance}
.mcv__sub{color:rgba(246,241,233,.88);margin-top:12px;font-size:16px;max-width:52ch}
.mcv__conv{margin:18px 0 0;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.mcv__conv b{display:block;font:400 22px/1.15 var(--serif);color:var(--limao)}
.mcv__conv p{margin-top:8px;font-family:var(--serif);font-size:18px;line-height:1.5;color:#fff}
.mcv__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:20px}
.mcv__replay{border:0;background:none;color:#fff;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 2px}
.mcv__dev{position:relative;width:clamp(240px,24vw,300px);aspect-ratio:390/780;border-radius:38px;background:#0b1424;padding:10px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,255,255,.14)}
.mcv__scr{position:relative;display:block;width:100%;height:100%;border-radius:29px;overflow:hidden;background:var(--off)}
.mcv__scr iframe{position:absolute;left:0;top:0;width:390px;height:780px;border:0;transform-origin:0 0;opacity:0;transition:opacity .6s}
.mcv__scr.is-on iframe{opacity:1}
.mcv__load{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font:400 22px/1.2 var(--serif);color:var(--marinho)}
.mcv__scr.is-on .mcv__load{opacity:0;pointer-events:none;transition:opacity .4s}
.mcv-venda{margin:clamp(30px,5vw,60px) auto 0;max-width:760px;text-align:center}
.mcv-venda .h2{font-size:clamp(30px,3.8vw,46px)}
.mcv__lista{margin:18px auto 0;width:fit-content}
.mcv__lista li{color:var(--ink)}
.mcv__nota{color:var(--soft);margin-top:14px}
.mcv__ctas2{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}
.mcv__ctas2 .btn{max-width:100%;white-space:normal;text-align:center;justify-content:center}
.mcv__997{background:none;color:var(--marinho);box-shadow:inset 0 0 0 1.5px var(--marinho);font-size:14.5px}
.mcv__wa{color:#128C4A;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.mcv__cmp{margin-top:28px;text-align:left;box-shadow:0 0 0 1px var(--linha)}
@media (max-width:760px){
  .mcv{grid-template-columns:1fr;text-align:center}
  .mcv__dev{justify-self:center;width:min(270px,78vw);grid-row:2}
  .mcv__sub,.mcv__conv{margin-left:auto;margin-right:auto}
  .mcv__ctas{justify-content:center}
}
.mcv__a{grid-area:a;align-self:end}.mcv__b{grid-area:b;align-self:start}.mcv__dev{grid-area:d;align-self:center}
@media (max-width:760px){.mcv{grid-template-areas:"a" "d" "b";grid-template-rows:auto}.mcv__dev{grid-row:auto}}

/* 20/out: o convite em imagem (primeiro) */
.mci{text-align:center;max-width:620px;margin:0 auto clamp(30px,5vw,56px)}
.mci__h{font:400 clamp(34px,4.4vw,54px)/1.04 var(--serif);color:var(--marinho);text-wrap:balance}
.mci__sub{color:var(--soft);margin-top:10px;font-size:16px}
.mci__img{margin:20px auto 0;width:min(480px,100%);aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#f3ede2;box-shadow:0 30px 60px -30px rgba(16,40,70,.45),0 0 0 1px var(--linha)}
.mci__img img{display:block;width:100%;height:100%;object-fit:cover}
.mci__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.mci__st{background:none;color:var(--marinho);box-shadow:inset 0 0 0 1.5px var(--marinho)}
.mci__dica{font-size:13px;color:var(--soft);margin-top:10px}

.mci__zap{display:inline-flex;margin-top:14px;background:#25D366!important;color:#fff!important;white-space:normal;text-align:center}