/* ============================================================
   Metta — Mentoria · estrutura nova (13/out)
   Camada da mentoria-nova.html, construída do Figma 1656:5142.
   Carrega DEPOIS de css/mentoria.css: o hero, o .mn-in, o .mn-btn e
   o .mn-chapeu vêm de lá; aqui só o que é novo, com prefixo mv-.

   Medidas lidas do arquivo nó a nó. Container 1272, margem 84,
   respiro de dobra 80 e 48 entre título e conteúdo, como no quadro.
   ============================================================ */

/* o rodapé (.rod2) também é .dobra: fica de fora, para manter o respiro
   dos arcos igual ao das outras páginas. O FAQ (.mn-faq) também, porque
   é a dobra da mentoria antiga e traz o respiro dela */
/* o hero fica de fora: ele é painel com altura própria, e os 80 de cima
   empurravam a faixa de faturamento para longe do topo e o botão para a
   borda de baixo (14/10) */
.pg-mentoria-nova .dobra:not(.rod2):not(.mn-faq):not(.mv-hero){ padding:80px 0; }
.pg-mentoria-nova .dobra[data-dobra="hero"]{ padding:0; }

/* títulos de dobra: 32 nas dobras de texto, 42 nas de vitrine */
.mv-tit{
  font-family:var(--display); font-weight:500; font-size:32px; line-height:1.16;
  color:var(--ink); text-align:center; text-wrap:balance;
  max-width:900px; margin:0 auto;
}
.mv-tit--grande{ font-size:42px; }
.mv-tit--esq{ text-align:left; margin:0; }
.mv-tit--claro{ color:var(--branco); }
.mv-apoio{
  font-size:18px; line-height:1.5; color:var(--apoio); text-align:center;
  max-width:820px; margin:0 auto;
}
.mv-apoio--17{ font-size:17px; line-height:1.55; }
.mv-pe{ display:flex; justify-content:center; margin-top:48px; }

/* botão do quadro novo: amarelo, 16/28, Inter 500 14 */
.mv-btn{ background:var(--amarelo); color:var(--ink); }
.mv-btn:hover{ background:var(--amarelo-luz); box-shadow:0 10px 24px rgba(12,22,27,.16); }
.mv-btn--escuro{ background:var(--ink); color:var(--branco); }
.mv-btn--escuro:hover{ background:#1b2a33; }
.mv-btn--largo{ width:100%; }


/* ============================================================
   01 · HERO — Figma 1656:5145. Mesmo .mn-hero da mentoria antiga;
   sem faixa de logos, com a linha de números e apoio em 16.
   ============================================================ */
@media (min-width:1024px){
  body.v2 .e-painel.mv-hero .mn-hero-in{ padding-top:62px; }
}
.mv-hero .mn-hero-chapeu{ font-family:var(--display); font-weight:500; font-size:12px; }
/* tamanhos do quadro de desktop; abaixo de 1024 vale o celular do
   mentoria.css, que esta regra atropelaria por especificidade */
@media (min-width:1024px){
  .mv-hero h1{ margin-top:27px; width:572px; }
  .mv-hero .mn-hero-apoio{ width:572px; font-size:16px; line-height:1.1; }
  .mv-hero .mn-hero-btn{ margin-top:34px; padding:16px; }
}

.mv-nums{ display:flex; flex-wrap:wrap; gap:8px; margin-top:27px; }
.mv-num{
  display:flex; flex-direction:column; gap:3px; padding:8px;
  border-radius:14px; background:rgba(255,255,255,.11);
}
.mv-num-valor{ font-family:var(--display); font-weight:400; font-size:24px; line-height:1; color:var(--branco); }
.mv-num-leg{ font-size:14px; line-height:1.07; color:var(--branco); }


/* ============================================================
   02 · PARA QUEM É — Figma 1656:5190
   ============================================================ */
.mv-quem-cols{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:48px; }
.mv-quem-col{
  display:flex; flex-direction:column; gap:28px; padding:48px;
  border-radius:32px;
}
.mv-quem-nao{ background:#efefef; box-shadow:inset 0 0 0 1px #d3d3d3; }
.mv-quem-sim{ background:var(--ink); color:var(--branco); }
.mv-quem-col h3{ font-family:var(--display); font-weight:600; font-size:24px; line-height:1.2; }
.mv-quem-col ul{ display:flex; flex-direction:column; gap:28px; }
.mv-quem-col li{ display:flex; gap:14px; align-items:flex-start; }
.mv-quem-col li p{ font-size:16px; line-height:1.5; }
.mv-quem-col strong{ font-weight:600; }
.mv-ic{ flex:none; width:28px; height:28px; border-radius:14px; display:inline-flex; }
.mv-ic svg{ width:28px; height:28px; display:block; }
.mv-ic--nao{ background:#dee7eb; }
.mv-ic--sim{ background:var(--amarelo); }
.mv-quem-sim .mn-btn{ margin-top:0; }


/* ============================================================
   03 · O PROBLEMA — Figma 1656:5230
   ============================================================ */
.pg-mentoria-nova .mv-problema{ padding-top:0; }

.mv-garantia-topo{
  display:flex; align-items:center; justify-content:center; gap:46px;
}
.mv-selo{ width:356px; height:auto; flex:none; margin:-24px 0;
  /* a exportacao corta a sombra na borda da imagem: o degrade apaga o corte */
  -webkit-mask-image:radial-gradient(closest-side, #000 88%, transparent 100%);
  mask-image:radial-gradient(closest-side, #000 88%, transparent 100%); }
.mv-garantia-texto{ width:581px; display:flex; flex-direction:column; gap:20px; }
.mv-garantia-texto p{ font-size:16px; line-height:1.5; color:var(--apoio); }
.mv-garantia-texto p + p{ margin-top:-4px; }

/* arcos claros espiando por cima do painel escuro: exportados do arquivo
   com o desfoque da sombra; a imagem mede 1282x462 na escala da dobra e
   começa 50 antes do grupo (o respiro da sombra) */
.mv-perguntas-moldura{ position:relative; margin-top:64px; padding-top:59px; }
.mv-perguntas-arcos{
  position:absolute; z-index:0; pointer-events:none;
  left:-2.52%; top:-54px; width:100.79%; height:auto;
}
.mv-perguntas{
  position:relative; z-index:1;
  background:var(--ink); border-radius:48px;
  padding:72px 72px 72px;
  display:flex; flex-direction:column; align-items:center;
}
@supports (corner-shape: squircle){
  .mv-perguntas, .mv-empresa-painel, .mv-cta-painel{ corner-shape:squircle; }
}
.mv-perguntas .mv-tit{ max-width:598px; }
.mv-perguntas-lista{
  display:flex; flex-direction:column; align-items:center; gap:24px;
  margin-top:72px; width:100%;
}
.mv-perguntas-lista li{
  display:flex; align-items:center; gap:18px;
  font-family:var(--display); font-weight:500; font-size:20px; line-height:1.3; color:var(--branco);
}
.mv-quad{
  flex:none; width:38px; height:38px; border-radius:13px; background:var(--amarelo);
  display:inline-flex;
}
.mv-quad svg{ width:38px; height:38px; display:block; }
/* entrada pela rolagem (js/mentoria-nova.js): a classe que esconde só
   existe com o script rodando, então sem JS fica tudo à vista */
.mv-revela-on [data-revela]{
  opacity:0; transform:translateY(28px);
  transition:opacity 1.1s var(--suave), transform 1.1s var(--suave);
}
.mv-revela-on [data-revela].esta-visivel{ opacity:1; transform:none; }
.mv-perguntas-fecho{
  width:100%; margin-top:24px; padding-top:24px;
  border-top:1px solid rgba(255,255,255,.15);
  font-family:var(--display); font-weight:500; font-size:24px; line-height:1.2;
  color:var(--amarelo); text-align:center;
}

.mv-oport{ margin-top:64px; display:flex; flex-direction:column; gap:16px; }

.mv-porque{ margin-top:64px; }
.mv-porque-tit{
  font-family:var(--display); font-weight:600; font-size:24px; line-height:1.2;
  color:var(--ink); text-align:center;
}
.mv-razoes{ display:grid; grid-template-columns:repeat(3, 1fr); margin-top:32px; }
.mv-razao{ padding:32px; display:flex; flex-direction:column; gap:14px; }
.mv-razao img{ width:100%; max-width:348px; height:auto; display:block; }
.mv-razao p{ font-size:16px; line-height:1.5; color:var(--ink); }
.mv-razao strong{ font-weight:700; }

.mv-fech{ margin-top:64px; display:flex; flex-direction:column; gap:24px; }
.mv-problema .mv-pe{ margin-top:64px; }


/* ============================================================
   04 · COMO FUNCIONA — Figma 1656:5269
   ============================================================ */
.mv-como-in{ display:flex; gap:48px; align-items:flex-start; }
.mv-como-esq{ width:497px; flex:none; display:flex; flex-direction:column; gap:20px; }
.mv-como-foto{ width:486px; max-width:100%; height:auto; display:block; }
.mv-passos{ flex:1; display:flex; flex-direction:column; }
.mv-passo{
  display:flex; flex-direction:column; gap:14px; padding:32px 33px;
  border:1px solid #d3d3d3;
}
.mv-passo + .mv-passo{ margin-top:-1px; }
.mv-passo:first-child{ border-radius:24px 24px 0 0; }
.mv-passo:last-child{ border-radius:0 0 24px 24px; }
/* coluna da esquerda presa enquanto os passos rolam (só no desktop,
   onde as duas colunas ficam lado a lado) */
@media (min-width:1024px){
  .mv-como-esq{ position:sticky; top:120px; }
}
.mv-passo-num{ font-family:var(--display); font-weight:500; font-size:40px; line-height:1.1; color:#6f8794; }
.mv-passo h3{ font-family:var(--display); font-weight:600; font-size:18px; line-height:1.25; color:var(--ink); }
.mv-passo p{ font-size:14px; line-height:1.5; color:var(--apoio); }


/* ============================================================
   05 · A EMPRESA INTEIRA — Figma 1656:5293
   ============================================================ */
.mv-empresa-painel{
  background:var(--ink); border-radius:56px; padding:80px 72px;
}
.mv-pubs{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:48px; }
.mv-pub{
  display:flex; flex-direction:column; gap:16px; padding:40px;
  border-radius:32px; background:rgba(255,255,255,.06);
}
.mv-pub--largo{ grid-column:1 / -1; }
.mv-pub-ic{
  width:56px; height:56px; border-radius:16px; background:rgba(255,255,255,.08);
  display:inline-flex; align-items:center; justify-content:center;
}
.mv-pub-ic img{ width:28px; height:28px; display:block; }
.mv-pub h3{ font-family:var(--display); font-weight:600; font-size:22px; line-height:1.2; color:var(--branco); }
.mv-pub-corpo{ display:flex; flex-direction:column; gap:14px; }
.mv-pub-corpo p{ font-size:15px; line-height:1.5; color:#bbcfd9; }
.mv-pub--largo .mv-pub-corpo{ flex-direction:row; gap:40px; }
.mv-pub--largo .mv-pub-corpo p{ flex:1; }


/* ============================================================
   06 · OS 3 MODELOS — Figma 1656:5320
   ============================================================ */
.mv-modelos .mv-apoio{ margin-top:48px; }
.mv-modelos-grade{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;
  width:min(1220px, 100%); margin:48px auto 0;
}
.mv-modelo{
  display:flex; flex-direction:column; gap:21px; padding:40px 33px;
  border-radius:35px; color:var(--branco); min-height:323px;
}
@supports (corner-shape: squircle){ .mv-modelo{ corner-shape:squircle; } }
.mv-modelo--premium{
  background:linear-gradient(180deg, #96b0be, #738f9e);
  box-shadow:inset 0 0 33.8px 9px #a9cadb;
}
.mv-modelo--exclusive{
  background:linear-gradient(180deg, #34444d, #17242b);
  box-shadow:inset 0 0 33.8px 9px #566771;
}
.mv-modelo--elite{
  background:linear-gradient(180deg, #122027, #01070a);
  box-shadow:inset 0 0 33.8px 9px #566771;
}
.mv-modelo-simbolo{ width:24px; height:24px; display:block; }
.mv-modelo h3{ font-family:var(--display); font-weight:400; font-size:32px; line-height:1.04; }
.mv-modelo p{ font-size:16px; line-height:1.5; }
.mv-modelo strong{ font-weight:600; }


/* ============================================================
   07 · DEPOIMENTOS EM VÍDEO — o carrossel de Resultados (v2.css)
   ============================================================ */
.pg-mentoria-nova .mv-videos{ margin-top:0; }
.mv-videos .vid-topo{ text-align:center; }
.mv-videos .vid-topo .mv-tit{ max-width:900px; }
/* o depoimento toca no próprio quadro; os verticais ficam inteiros, com
   faixas escuras dos lados, igual à capa */
.mv-videos .vid-capa video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; background:var(--ink); display:block;
}
.mv-videos .vid-texto h3{ margin-top:24px; }
.mv-vid-nome{ margin-top:16px; font-size:15px; font-weight:600; line-height:1.4; color:var(--ink); }


/* ============================================================
   08 · O QUE DIFERENCIA — Figma 1656:5396
   Colunas do arquivo: 340 / 200 / 230 / 200 / 302. A coluna do
   programa é um cartão escuro que desce 12 além da última linha.
   ============================================================ */
.mv-difer-tit{ max-width:1000px; }
.mv-tab{
  position:relative; margin-top:48px; padding-bottom:12px;
  --c1:340fr; --c2:200fr; --c3:230fr; --c4:200fr; --c5:302fr;
}
.mv-tab-fundo{
  position:absolute; top:0; bottom:0; right:0; width:calc(302 / 1272 * 100%);
  background:var(--ink); border-radius:32px;
}
.mv-tab-linha{
  position:relative; display:grid;
  grid-template-columns:var(--c1) var(--c2) var(--c3) var(--c4) var(--c5);
  min-height:84px;
}
.mv-tab-cab{ min-height:112px; }
.mv-tab-linha > div{ display:flex; align-items:center; padding:0 24px; border-bottom:1px solid #d3d3d3; }
.mv-tab-linha:last-child > div{ border-bottom:0; }
.mv-tab-crit{ font-size:15px; font-weight:600; line-height:1.35; color:var(--ink); }
.mv-tab-cel{ font-size:14px; line-height:1.35; color:#6f8794; }
.mv-tab-cel--cab{ font-weight:600; line-height:1.3; color:var(--ink); }
.mv-tab-linha > .mv-tab-prog{
  gap:10px; font-size:14px; font-weight:500; line-height:1.35; color:var(--branco);
  border-bottom-color:rgba(255,255,255,.12);
}
.mv-tab-prog--cab{ font-family:var(--display); font-weight:600 !important; font-size:16px !important; line-height:1.3 !important; }
.mv-check{ width:20px; height:20px; flex:none; }


/* ============================================================
   09 · GARANTIA — Figma 1656:5486. Faixa de 1286, sete a mais de cada
   lado do container, como no arquivo.
   ============================================================ */
.pg-mentoria-nova .mv-gar{ padding:40px 0; }
.mv-gar-faixa{
  width:min(1286px, 100% - var(--gutter) * 2 + 14px); margin:0 auto;
  min-height:191px; padding:40px 119px;
  display:flex; align-items:center; gap:60px;
  border-radius:32px;
  background:
    radial-gradient(175% 390% at 100% -120%, #986d00 0%, #ffb619 27%, #ffc32a 46%, #ffe8ad 70%, #ffffff 100%);
}
@supports (corner-shape: squircle){ .mv-gar-faixa{ corner-shape:squircle; } }
.mv-gar-faixa .mv-tit{ flex:0 1 548px; max-width:548px; }
.mv-gar-texto{ flex:0 1 440px; display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.mv-gar-texto p{ font-size:16px; line-height:1.5; color:#000; }


/* ============================================================
   10 · COMO ENTRAR — Figma 1656:5493
   ============================================================ */
.pg-mentoria-nova .mv-entrar{ padding:44px 0; }
.mv-entrar-topo{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.mv-entrar-topo .mv-apoio{ margin-top:0; }
.mv-etapas{ display:flex; justify-content:center; gap:24px; margin-top:40px; }
.mv-etapa{ position:relative; width:300px; padding-top:98px; }
.mv-etapa-arte{
  position:absolute; z-index:1; top:-14px; left:0; width:299px; height:auto; pointer-events:none;
}
.mv-etapa-cartao{
  min-height:356px; padding:100px 28px 28px; border-radius:24px; background:var(--cinza-card);
  display:flex; flex-direction:column; gap:12px;
}
/* a arte (z 1) encavala no topo do cartão; o texto do cartão sobe acima
   dela, senão o número "01" fica embaixo da borda da ilustração */
.mv-etapa-cartao > *{ position:relative; z-index:2; }
.mv-etapa-num{ font-family:var(--display); font-weight:500; font-size:13px; color:#738f9e; }
.mv-etapa h3{ font-family:var(--display); font-weight:600; font-size:20px; line-height:1.25; color:var(--ink); }
.mv-etapa-cartao p:last-child{ font-size:15px; line-height:1.5; color:var(--apoio); }
.mv-entrar .mv-pe{ margin-top:40px; }


/* ============================================================
   11 · FAQ — a dobra .mn-faq das outras páginas (css/mentoria.css),
   sem nada próprio aqui
   ============================================================ */


/* ============================================================
   12 · CTA FINAL — Figma 1656:5584
   ============================================================ */
.pg-mentoria-nova .mv-cta{ padding:40px 0 120px; }
.mv-cta-painel{
  background:var(--ink); border-radius:56px; padding:88px 72px;
  display:flex; flex-direction:column; align-items:center; gap:24px; text-align:center;
}
.mv-cta-painel .mv-tit{ max-width:640px; }
.mv-cta-painel p{ max-width:600px; font-size:16px; line-height:1.5; color:var(--branco); }
.mv-cta-painel > div{ margin-top:8px; }


/* ============================================================
   DESKTOP MINI (1024-1439) e TABLET
   ============================================================ */
@media (max-width:1439px){
  .mv-garantia-topo{ gap:32px; }
  .mv-selo{ width:330px; }
  .mv-gar-faixa{ padding:40px 64px; }
  .mv-como-esq{ width:42%; }
}

/* tablet: a arte é a vertical (738x1579) e o painel de 660 mostrava só o
   alto dela, que é fundo, com um vão escuro embaixo do botão. O painel
   cresce e a arte assenta pela base: texto em cima, a mulher embaixo,
   como no celular */
@media (min-width:768px) and (max-width:1023px){
  /* a arte cobre pela largura, então a cabeça dela fica a ~0,98 da
     largura do painel acima da base; 470 é o fim do bloco de texto mais
     respiro. O painel mede a soma, e a mulher nasce sempre abaixo do botão */
  body.v2 .dobra[data-dobra="hero"].e-painel.mv-hero{ height:calc(470px + (100vw - 64px) * .98); }
  body.v2 .e-painel.mv-hero .mn-hero-arte img{ object-position:center bottom; }
}
@media (max-width:1023px){
  .pg-mentoria-nova .dobra:not(.rod2):not(.mn-faq):not(.mv-hero){ padding:64px 0; }
  .mv-tit--grande{ font-size:34px; }
  .mv-hero h1, .mv-hero .mn-hero-apoio{ width:100%; }
  .mv-nums{ justify-content:center; }
  .mv-garantia-topo{ flex-direction:column; text-align:left; }
  .mv-garantia-texto{ width:100%; }
  .mv-perguntas{ padding:56px 32px; }
  .mv-perguntas-lista{ align-items:stretch; }
  .mv-perguntas-lista li{ font-size:17px; }
  .mv-razoes{ grid-template-columns:1fr; max-width:420px; margin-inline:auto; }
  .mv-razao{ padding:24px 0; }
  .mv-como-in{ flex-direction:column; }
  .mv-como-esq{ width:100%; align-items:center; }
  .mv-como-esq .mv-tit{ text-align:center; }
  .mv-pubs{ grid-template-columns:1fr; }
  .mv-pub--largo .mv-pub-corpo{ flex-direction:column; gap:14px; }
  .mv-empresa-painel{ padding:56px 32px; }
  .mv-modelos-grade{ grid-template-columns:1fr; max-width:420px; }
  .mv-gar-faixa{ flex-direction:column; align-items:flex-start; padding:40px; gap:24px; }
  .mv-gar-faixa .mv-tit, .mv-gar-texto{ flex:none; }
  .mv-etapas{ flex-direction:column; align-items:center; gap:16px; }
  .mv-cta-painel{ padding:56px 32px; }

  /* tabela vira um cartão por critério: a resposta do programa em
     destaque escuro, as três alternativas embaixo com o rótulo */
  .mv-tab{ padding-bottom:0; display:flex; flex-direction:column; gap:16px; }
  .mv-tab-fundo, .mv-tab-linha.mv-tab-cab{ display:none; }
  .mv-tab-linha{
    display:flex; flex-direction:column; min-height:0;
    border:1px solid #d3d3d3; border-radius:24px; overflow:hidden; background:var(--branco);
  }
  .mv-tab-linha > div{ border-bottom:0; padding:0; }
  .mv-tab-crit{ order:0; padding:20px 20px 12px !important; font-size:16px; }
  .mv-tab-linha > .mv-tab-prog{
    order:1; margin:0 12px; padding:14px 16px !important;
    background:var(--ink); border-radius:16px;
  }
  .mv-tab-cel{
    order:2; justify-content:space-between; gap:16px;
    padding:10px 20px !important; border-top:1px solid #e6ecef;
  }
  .mv-tab-cel:nth-child(2){ margin-top:12px; }
  .mv-tab-cel::before{ content:attr(data-col); color:var(--ink); font-weight:500; }
}

@media (max-width:767px){
  .pg-mentoria-nova .dobra:not(.rod2):not(.mn-faq):not(.mv-hero){ padding:56px 0; }
  .mv-tit{ font-size:24px; }
  .mv-tit--grande{ font-size:24px; }
  .mv-apoio, .mv-apoio--17{ font-size:14px; }
  .mv-pe{ margin-top:32px; }
  .mv-pe .mn-btn{ width:100%; }

  /* os tres numeros cabem numa linha so: sem isso o bloco de texto
     cresce e o botao cai em cima do balao da arte */
  .mv-hero .mn-hero-btn{ margin-top:20px; }
  .mv-nums{ margin-top:16px; gap:6px; flex-wrap:nowrap; }
  .mv-num{ padding:6px 7px; border-radius:10px; gap:2px; }
  .mv-num-valor{ font-size:15px; }
  .mv-num-leg{ font-size:9.5px; white-space:nowrap; }

  .mv-quem-cols{ grid-template-columns:1fr; gap:16px; margin-top:32px; }
  .mv-quem-col{ padding:28px 24px; gap:20px; border-radius:28px; }
  .mv-quem-col h3{ font-size:20px; }
  .mv-quem-col ul{ gap:16px; }
  .mv-quem-col li p{ font-size:14px; }

  .mv-selo{ width:280px; margin:-16px auto; }
  .mv-garantia-texto p{ font-size:14px; }
  .mv-perguntas-moldura{ margin-top:40px; padding-top:30px; }
  .mv-perguntas-arcos{ top:-24px; }
  .mv-perguntas{ padding:40px 20px; border-radius:32px; }
  .mv-perguntas-lista{ margin-top:32px; gap:16px; }
  .mv-perguntas-lista li{ font-size:15px; gap:12px; }
  .mv-quad, .mv-quad svg{ width:32px; height:32px; border-radius:11px; }
  .mv-perguntas-fecho{ font-size:18px; }
  .mv-oport, .mv-porque, .mv-fech{ margin-top:40px; }
  .mv-porque-tit{ font-size:20px; }
  .mv-razao p{ font-size:14px; }
  .mv-problema .mv-pe{ margin-top:40px; }

  .mv-como-in{ gap:32px; }
  .mv-passo{ padding:24px; gap:10px; }
  .mv-passo-num{ font-size:32px; }
  .mv-passo h3{ font-size:16px; }

  .mv-empresa-painel{ padding:48px 16px; border-radius:40px; }
  .mv-pubs{ margin-top:32px; }
  .mv-pub{ padding:24px; border-radius:24px; gap:12px; }
  .mv-pub-ic{ width:44px; height:44px; border-radius:12px; }
  .mv-pub-ic img{ width:22px; height:22px; }
  .mv-pub h3{ font-size:18px; }
  .mv-pub-corpo p{ font-size:14px; }

  .mv-modelos .mv-apoio, .mv-modelos-grade{ margin-top:24px; }
  .mv-modelo{ min-height:0; padding:32px 28px; }
  .mv-modelo h3{ font-size:28px; }
  .mv-modelo p{ font-size:14px; }

  .mv-tab{ margin-top:32px; }

  .mv-gar-faixa{ width:calc(100% - var(--gutter) * 2); padding:32px 24px; border-radius:28px; }
  .mv-gar-texto p{ font-size:14px; }
  .mv-gar-texto .mn-btn{ width:100%; }

  .mv-etapas{ margin-top:24px; }
  .mv-etapa{ width:100%; max-width:345px; }
  .mv-etapa-arte{ left:50%; transform:translateX(-50%); }
  .mv-etapa-cartao{ min-height:0; }


  .pg-mentoria-nova .mv-cta{ padding:24px 0 72px; }
  .mv-cta-painel{ padding:48px 24px; border-radius:40px; }
  .mv-cta-painel p{ font-size:14px; }
  .mv-cta-painel > div, .mv-cta-painel .mn-btn{ width:100%; }
}