/* ==========================================================================
   ms-pagina.css: sistema visual v2 das páginas longas de venda do
   Ecossistema de Aquisição da MS. Prefixo ms-p-.

   Hierarquia modelada na página de reunião direta da referência de 15/10
   (pesquisa/2026-10-15-pedro-quintanilha, seção 11.A), na família de cor da
   MS: verde profundo e ouro. Versão VIVA, pedido do Felipe de 16/10/2026
   ("a identidade está muito apagada, deixa mais viva, efeitos especiais"):
   ouro luminoso no acento e no botão, esmeralda luminoso só em brilho,
   halo, ícone, check, número e borda animada (nunca em bloco de fundo).
   Exceção ao brandbook registrada pela direção em marca/README.md.

   Newsreader nos títulos, Manrope no texto, Sora só no logotipo.
   Depende do ms.css (fontes, tokens, base, .ms-secao--areia, .ms-faq,
   .ms-campo__erro, .ms-cta-fixo, .ms-rodape). Carregar DEPOIS dele.
   Efeitos com JS (entrada ao rolar, contadores, brilho do mouse, faixa
   que cobre tela larga): /assets/ms-efeitos.js, com defer.
   Guia vivo: /_componentes/   Protótipo da /sessao: /_componentes/sessao-v2.html
   Desenho: Pablo (Design e Arte).

   Índice
      0. Tokens                    8. Sem risco
      1. Seção, cabeça, separador  9. Para quem é e para quem não é
      2. Botão, cartão, vidro     10. Depoimentos em vídeo
      3. Faixa de aviso e topo    11. Autoridade dos sócios
      4. Herói e halos            12. Quem está por trás
      5. Cartão de formulário     13. Galeria
      6. Imagem e estado pendente 14. Bloco final de CTA
      7. Faixa rolante, bastidores, mecanismo e conta
     15. Efeitos (entrada, grão, brilho), movimento reduzido, alto contraste
   ========================================================================== */

/* 0. Tokens ----------------------------------------------------------------- */
@property --ms-p-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
:root{
  --ms-p-secao-y:76px;
  --ms-p-raio:20px;
  --ms-p-raio-m:14px;

  /* ouro vivo: acento, botão, destaque do título */
  --ms-p-ouro:#F4C542;
  --ms-p-ouro-luz:#FFE9A8;
  --ms-p-ouro-fundo:#D99A1E;
  --ms-p-sobre-ouro:#1A1404;                   /* 7,5:1 no ponto mais escuro do botão */
  --ms-p-ouro-txt:#F4C542;                     /* ouro como texto (troca na Areia) */
  --ms-p-gradiente-ouro:linear-gradient(180deg,#FFEDB0 0%,#F8D35E 36%,#F0B93A 68%,#D99A1E 100%);
  --ms-p-gradiente-texto:linear-gradient(100deg,#FFE29A 0%,#F4C542 30%,#FFF5D1 48%,#F4C542 64%,#EBB23A 100%);
  --ms-p-brilho-ouro:0 0 0 1px rgba(255,233,168,.35),0 18px 44px -10px rgba(244,197,66,.62),0 0 56px -8px rgba(244,197,66,.55);

  /* esmeralda luminoso: só brilho, halo, ícone, check, número e borda */
  --ms-p-verde:#3DDC97;                        /* 10,9:1 sobre o Preto Verde */
  --ms-p-verde-2:#12B76A;
  --ms-p-gradiente-verde:linear-gradient(135deg,#9BF5C9 0%,#3DDC97 45%,#12B76A 100%);

  --ms-p-borda:rgba(111,145,96,.26);
  --ms-p-borda-forte:rgba(111,145,96,.45);
  --ms-p-borda-ouro:rgba(244,197,66,.45);
  --ms-p-painel:linear-gradient(180deg,rgba(30,74,38,.42) 0%,rgba(12,22,13,.78) 100%);
  --ms-p-vidro:linear-gradient(180deg,rgba(36,80,44,.34) 0%,rgba(12,22,13,.55) 100%);
  --ms-p-sombra:0 24px 60px -18px rgba(0,0,0,.72);
  --ms-p-brilho:inset 0 1px 0 rgba(255,255,255,.07);
  --ms-p-campo-fundo:#FBFAF5;
  --ms-p-campo-texto:#14170F;
  --ms-p-campo-rotulo:#585C50;                 /* 6,5:1 sobre o campo */
  --ms-p-grade:
    linear-gradient(rgba(61,220,151,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(61,220,151,.06) 1px,transparent 1px);
}
@media (min-width:960px){:root{--ms-p-secao-y:120px}}
/* Areia: as cores vivas descem para as versões fundas, AA sobre o claro */
.ms-secao--areia{--ms-p-verde:#0B6B40;--ms-p-ouro-txt:#7A5608;--ms-p-borda-ouro:rgba(122,86,8,.35)}

/* 1. Seção, cabeça de seção e separador ------------------------------------ */
.ms-p-secao{position:relative;isolation:isolate;overflow-x:clip;padding:var(--ms-p-secao-y) 0;background:var(--ms-preto)} /* brilho que sangra não cria rolagem lateral */
.ms-p-secao--halo{background:
  radial-gradient(70% 55% at 50% 0%,rgba(30,74,38,.95) 0%,rgba(10,15,10,0) 70%),
  radial-gradient(40% 35% at 50% 0%,rgba(61,220,151,.14) 0%,rgba(10,15,10,0) 70%),
  radial-gradient(45% 40% at 92% 100%,rgba(22,53,27,.7) 0%,rgba(10,15,10,0) 70%),
  var(--ms-preto)}
.ms-p-secao--verde{background:
  radial-gradient(70% 70% at 85% 0%,rgba(61,220,151,.16) 0%,rgba(10,15,10,0) 60%),
  radial-gradient(60% 60% at 0% 100%,rgba(244,197,66,.07) 0%,rgba(10,15,10,0) 60%),
  linear-gradient(160deg,#1A4222 0%,#0E1F12 55%,#0A0F0A 100%)}
/* Areia: usar JUNTO com .ms-secao--areia do ms.css, que troca os papéis de
   cor (texto, borda, acento) para todo componente de dentro. */
.ms-p-secao.ms-secao--areia{background:var(--ms-areia)}
/* grade sutil de fundo, que some nas bordas */
.ms-p-grade::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:var(--ms-p-grade);background-size:56px 56px;background-position:center top;
  -webkit-mask-image:radial-gradient(75% 65% at 50% 35%,#000 0%,transparent 78%);
  mask-image:radial-gradient(75% 65% at 50% 35%,#000 0%,transparent 78%);
}
.ms-secao--areia.ms-p-grade::before{
  background-image:linear-gradient(rgba(30,74,38,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(30,74,38,.06) 1px,transparent 1px);
}

.ms-p-cabeca{max-width:800px;margin:0 0 40px}
@media (min-width:960px){.ms-p-cabeca{margin-bottom:60px}}
.ms-p-cabeca--centro{margin-left:auto;margin-right:auto;text-align:center}
.ms-p-cabeca--centro .ms-p-lead{margin-left:auto;margin-right:auto}
.ms-p-cabeca>:last-child{margin-bottom:0}

.ms-p-kicker{
  display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;
  font:800 .75rem/1.2 var(--ms-fonte-texto);letter-spacing:.22em;text-transform:uppercase;color:var(--ms-p-verde);
}
.ms-p-kicker::before{content:"";flex:none;width:30px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 0 10px currentColor}
.ms-secao--areia .ms-p-kicker::before{box-shadow:none}

.ms-p-h1{
  font-family:var(--ms-fonte-titulo);font-weight:500;font-optical-sizing:auto;
  font-size:clamp(2.125rem,1.25rem + 3.4vw,3.625rem);line-height:1.04;letter-spacing:-.024em;
  margin:0 0 .42em;color:#FFFFFF;text-wrap:balance;
}
/* H1 longo (mais de ~90 caracteres, como a SE-3): cabe em 5 linhas a 390 px */
.ms-p-h1--longo{font-size:clamp(1.8125rem,1.2rem + 2.5vw,2.875rem);line-height:1.07}
.ms-p-h2{
  font-family:var(--ms-fonte-titulo);font-weight:500;font-optical-sizing:auto;
  font-size:clamp(2.0625rem,1.45rem + 2.5vw,3.5rem);line-height:1.05;letter-spacing:-.022em;
  margin:0 0 .45em;color:var(--ms-texto);text-wrap:balance;
}
.ms-p-secao:not(.ms-secao--areia) .ms-p-h2{color:#FFFFFF}
.ms-p-h3{font-family:var(--ms-fonte-titulo);font-weight:600;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.18;margin:0 0 .4em;color:var(--ms-texto)}
/* palavra em destaque: gradiente de ouro com um reflexo que passa devagar */
.ms-p-ouro{
  background:var(--ms-p-gradiente-texto);background-size:240% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 22px rgba(244,197,66,.32));animation:ms-p-reluz 7s ease-in-out infinite;
}
.ms-secao--areia .ms-p-ouro{background-image:linear-gradient(100deg,#8A6410 0%,#5E4206 50%,#8A6410 100%);filter:none}
.ms-p-verde{color:var(--ms-p-verde)}
.ms-p-lead{font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.6;color:var(--ms-texto-2);max-width:60ch;margin:0}
.ms-p-lead strong{color:var(--ms-texto);font-weight:700}
.ms-p-texto{max-width:64ch;color:var(--ms-texto-2)}
.ms-p-texto strong{color:var(--ms-texto)}
.ms-p-texto>:last-child{margin-bottom:0}

/* separador: fio de luz que some nas pontas, com um losango aceso no meio.
   Primeiro filho de uma seção, ele vai para o topo dela. */
.ms-p-sep{position:relative;height:1px;width:min(760px,calc(100% - 2*var(--ms-gutter)));margin:0 auto;
  background:linear-gradient(90deg,transparent,rgba(244,197,66,.7) 35%,rgba(61,220,151,.7) 65%,transparent)}
.ms-p-sep::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);
  background:var(--ms-p-gradiente-ouro);box-shadow:0 0 0 5px var(--ms-preto),0 0 22px rgba(244,197,66,.9)}
.ms-p-secao>.ms-p-sep:first-child{position:absolute;top:0;left:0;right:0}
.ms-secao--areia .ms-p-sep{background:linear-gradient(90deg,transparent,rgba(30,74,38,.45),transparent)}
.ms-secao--areia .ms-p-sep::after{background:var(--ms-cultivo);box-shadow:0 0 0 5px var(--ms-areia)}

/* 2. Botão, cartão e vidro --------------------------------------------------- */
/* O CTA salta da tela: gradiente de ouro vivo, brilho em volta, reflexo que
   atravessa em loop lento, seta que anda e elevação no hover e no foco. */
.ms-p-btn{
  -webkit-appearance:none;appearance:none;position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:16px;
  min-height:64px;padding:12px 12px 12px 28px;border-radius:16px;
  border:1px solid #E8B235;background:var(--ms-p-gradiente-ouro);color:var(--ms-p-sobre-ouro);
  font:800 1.125rem/1.25 var(--ms-fonte-texto);letter-spacing:.005em;text-align:left;text-decoration:none;cursor:pointer;
  box-shadow:var(--ms-p-brilho-ouro),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(150,95,10,.35);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.ms-p-btn::before{ /* reflexo em loop */
  content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:45%;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);
  transform:translateX(-160%) skewX(-18deg);animation:ms-p-reflexo 4.2s ease-in-out infinite;
}
.ms-p-btn__seta{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;
  background:rgba(26,20,4,.9);color:var(--ms-p-ouro-luz);box-shadow:0 6px 14px -4px rgba(26,20,4,.6);transition:transform .2s ease}
.ms-p-btn__seta svg{width:20px;height:20px}
.ms-p-btn:hover,.ms-p-btn:focus-visible{color:var(--ms-p-sobre-ouro);text-decoration:none;transform:translateY(-3px);filter:brightness(1.05) saturate(1.05);
  box-shadow:0 0 0 1px rgba(255,233,168,.5),0 26px 54px -12px rgba(244,197,66,.8),0 0 80px -6px rgba(244,197,66,.7),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(150,95,10,.35)}
.ms-p-btn:hover .ms-p-btn__seta,.ms-p-btn:focus-visible .ms-p-btn__seta{transform:translateX(5px)}
.ms-p-btn:active{transform:translateY(0);filter:brightness(.98)}
.ms-p-btn:focus-visible{outline:3px solid #FFFFFF;outline-offset:4px}
.ms-secao--areia .ms-p-btn:focus-visible{outline-color:var(--ms-ink)}
.ms-p-btn[aria-busy="true"]{pointer-events:none;cursor:progress}
.ms-p-btn[aria-busy="true"] .ms-p-btn__seta svg{display:none}
.ms-p-btn[aria-busy="true"] .ms-p-btn__seta::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ms-gira .8s linear infinite}
.ms-p-btn--bloco{display:flex;width:100%;justify-content:space-between;min-height:66px}
.ms-p-btn--bloco>span:first-child{flex:1;text-align:center;padding-left:42px} /* centra o texto contando a seta */
.ms-p-btn--grande{min-height:72px;font-size:1.1875rem;padding-left:34px;border-radius:18px}
.ms-p-btn--grande .ms-p-btn__seta{width:48px;height:48px}
.ms-p-btn--sec{background:rgba(244,197,66,.06);color:var(--ms-p-ouro-luz);border-color:var(--ms-p-borda-ouro);box-shadow:none}
.ms-p-btn--sec .ms-p-btn__seta{background:rgba(244,197,66,.14);color:var(--ms-p-ouro-luz);box-shadow:inset 0 0 0 1px var(--ms-p-borda-ouro)}
.ms-p-btn--sec:hover,.ms-p-btn--sec:focus-visible{color:var(--ms-p-ouro-luz);background:rgba(244,197,66,.12);box-shadow:0 0 30px -6px rgba(244,197,66,.45);filter:none}
.ms-p-btn--sec::before{display:none}
.ms-secao--areia .ms-p-btn--sec{color:var(--ms-cultivo);background:transparent;border-color:rgba(30,74,38,.45)}
.ms-secao--areia .ms-p-btn--sec .ms-p-btn__seta{background:rgba(30,74,38,.1);color:var(--ms-cultivo);box-shadow:inset 0 0 0 1px rgba(30,74,38,.3)}
/* CTA fixo do celular (ms.css): o botão pulsa de leve */
.ms-cta-fixo .ms-p-btn{width:100%;min-height:58px;justify-content:space-between;animation:ms-p-pulso-cta 2.8s ease-in-out infinite}
.ms-cta-fixo .ms-p-btn>span:first-child{flex:1;text-align:center;padding-left:42px}
.ms-p-cta{margin:40px 0 0}
.ms-p-cta--centro{text-align:center}
.ms-p-cta__nota{margin:14px 0 0;font-size:.875rem;color:var(--ms-texto-2)}
@media (max-width:479px){
  .ms-p-btn{font-size:1.0625rem;padding-left:20px;gap:12px}
  .ms-p-btn--bloco>span:first-child,.ms-cta-fixo .ms-p-btn>span:first-child{padding-left:0}
  .ms-p-cta .ms-p-btn{display:flex;width:100%;justify-content:space-between}.ms-p-cta .ms-p-btn>span:first-child{flex:1;text-align:center}
}

/* cartão: vidro fosco sobre o halo, borda fina e brilho na quina de cima */
.ms-p-card{
  position:relative;isolation:isolate;border-radius:var(--ms-p-raio);padding:22px;
  background:var(--ms-p-vidro);border:1px solid var(--ms-p-borda);
  -webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);
  box-shadow:var(--ms-p-sombra),var(--ms-p-brilho);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease;
}
.ms-p-card::before{ /* brilho: borda acesa só na quina de cima, à esquerda */
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(150deg,rgba(244,197,66,.7),rgba(61,220,151,.25) 30%,rgba(61,220,151,0) 48%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:.75;transition:opacity .35s ease;
}
@media (min-width:600px){.ms-p-card{padding:28px}}
.ms-p-card>:last-child{margin-bottom:0}
@media (hover:hover){
  .ms-p-card--vivo:hover{transform:translateY(-6px);border-color:var(--ms-p-borda-forte);box-shadow:0 34px 70px -20px rgba(0,0,0,.8),0 0 50px -12px rgba(61,220,151,.35),var(--ms-p-brilho)}
  .ms-p-card--vivo:hover::before{opacity:1}
}
.ms-secao--areia .ms-p-card{background:var(--ms-branco);border-color:var(--ms-line);box-shadow:0 18px 40px -22px rgba(20,23,15,.35);-webkit-backdrop-filter:none;backdrop-filter:none}
.ms-secao--areia .ms-p-card::before{background:linear-gradient(150deg,rgba(30,74,38,.4),rgba(30,74,38,0) 40%)}

/* borda com gradiente animado (formulário, palco do mecanismo). Gira com
   @property; navegador sem suporte mostra a mesma borda, parada. */
.ms-p-borda-viva{position:relative;isolation:isolate}
.ms-p-borda-viva::before,.ms-p-card.ms-p-borda-viva::before{
  content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:1;
  background:conic-gradient(from var(--ms-p-ang),rgba(244,197,66,0) 0deg,rgba(244,197,66,.95) 55deg,#FFF1C2 85deg,rgba(61,220,151,.95) 135deg,rgba(61,220,151,0) 200deg,rgba(244,197,66,0) 285deg,rgba(244,197,66,.5) 330deg,rgba(244,197,66,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:ms-p-gira-aro 8s linear infinite;
}

/* ícone em linha dentro de quadrado aceso */
.ms-p-icone{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:var(--ms-p-verde);
  background:radial-gradient(circle at 30% 25%,rgba(61,220,151,.26),rgba(61,220,151,.05));
  box-shadow:inset 0 0 0 1px rgba(61,220,151,.45),0 0 24px -4px rgba(61,220,151,.45)}
.ms-p-icone svg{width:22px;height:22px}
.ms-p-icone--ouro{color:var(--ms-p-ouro);background:radial-gradient(circle at 30% 25%,rgba(244,197,66,.28),rgba(244,197,66,.05));box-shadow:inset 0 0 0 1px var(--ms-p-borda-ouro),0 0 24px -4px rgba(244,197,66,.45)}
.ms-secao--areia .ms-p-icone{color:var(--ms-p-verde);background:rgba(11,107,64,.08);box-shadow:inset 0 0 0 1px rgba(11,107,64,.3)}

/* chip de nome sobre foto */
.ms-p-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;white-space:nowrap;
  font:700 .8125rem/1.2 var(--ms-fonte-texto);letter-spacing:.01em;color:#FFFFFF;
  background:rgba(10,15,10,.72);border:1px solid var(--ms-p-ouro);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 22px rgba(244,197,66,.3)}
.ms-p-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ms-p-verde);box-shadow:0 0 10px var(--ms-p-verde)}
.ms-p-chip small{font-weight:800;font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ms-p-ouro)}

/* lista com check aceso (herói e caixas) */
.ms-p-lista{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ms-p-lista li{position:relative;padding-left:38px;color:var(--ms-texto-2);line-height:1.5}
.ms-p-lista li strong{color:var(--ms-texto)}
.ms-p-lista li::before{content:"";position:absolute;left:0;top:.02em;width:25px;height:25px;border-radius:8px;background:rgba(61,220,151,.14);box-shadow:inset 0 0 0 1px rgba(61,220,151,.5),0 0 14px -2px rgba(61,220,151,.5)}
.ms-p-lista li::after{content:"";position:absolute;left:9.5px;top:calc(.02em + 5px);width:6px;height:11px;border:solid var(--ms-p-verde);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.ms-secao--areia .ms-p-lista li::before{background:rgba(11,107,64,.09);box-shadow:inset 0 0 0 1px rgba(11,107,64,.35)}

/* 3. Faixa de aviso e topo -------------------------------------------------- */
.ms-p-aviso{
  position:relative;z-index:3;margin:0;padding:9px var(--ms-gutter);
  background:linear-gradient(90deg,#050805,#0F2414 50%,#050805);border-bottom:1px solid rgba(244,197,66,.35);
  color:var(--ms-texto-2);font-size:.8125rem;line-height:1.45;text-align:center;text-wrap:balance;
}
.ms-p-aviso strong{color:var(--ms-p-ouro);font-weight:800}
.ms-p-aviso b{color:#FFFFFF;font-weight:700}
.ms-p-aviso__ponto{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;vertical-align:1px;background:var(--ms-p-verde);box-shadow:0 0 10px var(--ms-p-verde);animation:ms-p-pulsa 1.8s ease-in-out infinite}

.ms-p-topo{position:relative;z-index:3;padding:16px 0 0}
.ms-p-topo__linha{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px}
.ms-p-topo .ms-logo{font-size:.75rem}
.ms-p-topo__extra{display:none;font-size:.8125rem;color:var(--ms-texto-2)}
@media (min-width:760px){.ms-p-topo{padding-top:22px}.ms-p-topo .ms-logo{font-size:.8125rem}.ms-p-topo__extra{display:inline-flex;align-items:center;gap:8px}}
.ms-p-topo__extra::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ms-p-verde);box-shadow:0 0 8px var(--ms-p-verde)}

/* 4. Herói e halos ---------------------------------------------------------- */
/* Ordem no celular: texto, formulário, foto, lista (é a ordem do HTML).
   No computador: texto e lista à esquerda; foto à direita com o cartão de
   formulário encavalado na parte de baixo dela, tudo na primeira dobra. */
.ms-p-heroi{position:relative;isolation:isolate;overflow:hidden;overflow:clip;background:
  radial-gradient(55% 60% at 80% 28%,rgba(30,74,38,.95) 0%,rgba(10,15,10,0) 68%),
  radial-gradient(60% 55% at 0% 0%,rgba(22,53,27,.7) 0%,rgba(10,15,10,0) 62%),
  var(--ms-preto)}
/* halos de luz que se movem devagar no fundo (decorativos) */
.ms-p-halos{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.ms-p-halos span{position:absolute;border-radius:50%;filter:blur(40px);will-change:transform}
.ms-p-halos span:nth-child(1){width:62vmax;height:62vmax;left:42%;top:-24vmax;background:radial-gradient(closest-side,rgba(61,220,151,.26),rgba(61,220,151,0));animation:ms-p-deriva-1 22s ease-in-out infinite alternate}
.ms-p-halos span:nth-child(2){width:48vmax;height:48vmax;left:-18vmax;top:18%;background:radial-gradient(closest-side,rgba(30,74,38,.9),rgba(30,74,38,0));animation:ms-p-deriva-2 28s ease-in-out infinite alternate}
.ms-p-halos span:nth-child(3){width:40vmax;height:40vmax;right:-14vmax;bottom:-18vmax;background:radial-gradient(closest-side,rgba(244,197,66,.16),rgba(244,197,66,0));animation:ms-p-deriva-3 32s ease-in-out infinite alternate}
/* Celular: texto, formulário, foto, lista. Computador: texto e lista à
   esquerda; à direita, foto com o cartão de formulário encavalado nela. */
.ms-p-heroi__grade{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:18px 0 76px}
.ms-p-heroi__texto,.ms-p-heroi__lista{min-width:0}
.ms-p-heroi__lado{position:relative;z-index:2;display:flex;flex-direction:column;gap:24px;min-width:0}
.ms-p-heroi__form{order:-1;position:relative;z-index:2;min-width:0;scroll-margin-top:12px}
.ms-p-heroi__foto{position:relative;min-width:0}
.ms-p-heroi .ms-p-h1{margin-bottom:.38em}
.ms-p-heroi__sub{font-size:1.0625rem;line-height:1.58;color:var(--ms-texto-2);margin:0;max-width:58ch}
.ms-p-heroi__sub strong{color:#FFFFFF}
/* foto do herói: aura acesa atrás, chip de nome, enquadramento no rosto */
.ms-p-heroi__foto .ms-p-img{--ms-p-ar:1/1;--ms-p-foco:50% 12%}
.ms-p-heroi__foto::before{content:"";position:absolute;z-index:-1;left:50%;top:42%;width:125%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgba(61,220,151,.42),rgba(30,74,38,.45) 45%,rgba(10,15,10,0) 75%);filter:blur(18px);
  animation:ms-p-respira 6s ease-in-out infinite}
.ms-p-heroi__foto .ms-p-img__quadro{border-color:rgba(244,197,66,.38);box-shadow:0 40px 90px -20px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.4),0 0 60px -10px rgba(61,220,151,.35)}
.ms-p-heroi__foto .ms-p-chip{position:absolute;left:14px;top:14px;z-index:2}
@media (max-width:479px){.ms-p-heroi .ms-p-form__topo:not(.ms-p-form__topo--sempre){display:none}} /* o botão cabe na primeira dobra; --sempre mantém (cartão em etapas) */
@media (min-width:960px){
  .ms-p-heroi__grade{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:auto 1fr;grid-template-areas:"texto lado" "lista lado";
    column-gap:64px;row-gap:0;padding:40px 0 112px;align-items:start}
  .ms-p-heroi__texto{grid-area:texto;padding-top:16px}
  .ms-p-heroi__lado{grid-area:lado;gap:0}
  .ms-p-heroi__lista{grid-area:lista;padding-top:30px}
  .ms-p-heroi__sub{font-size:1.1875rem}
  .ms-p-heroi__foto .ms-p-img{--ms-p-ar:16/11;--ms-p-foco:50% 14%}
  .ms-p-heroi__form{order:0;margin:-92px 0 0 24px}
}
@media (min-width:1200px){.ms-p-heroi__grade{column-gap:80px}}

/* 5. Cartão de formulário compacto ----------------------------------------- */
.ms-p-form{
  position:relative;isolation:isolate;border-radius:var(--ms-p-raio);overflow:hidden;
  background:linear-gradient(180deg,rgba(28,64,34,.9) 0%,rgba(13,26,15,.94) 42%,rgba(9,14,9,.97) 100%);
  border:1px solid rgba(244,197,66,.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
  box-shadow:0 40px 90px -16px rgba(0,0,0,.85),0 0 90px -12px rgba(61,220,151,.28),0 0 50px -14px rgba(244,197,66,.3),inset 0 1px 0 rgba(255,255,255,.08);
}
.ms-p-form__topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--ms-p-borda);
  background:linear-gradient(180deg,rgba(61,220,151,.14),rgba(61,220,151,0))}
.ms-p-form__titulo{font-family:var(--ms-fonte-titulo);font-weight:600;font-size:1.1875rem;line-height:1.2;letter-spacing:-.005em;margin:0;color:#FFFFFF}
.ms-p-form__meta{flex:none;display:inline-flex;align-items:center;gap:6px;font:800 .6875rem/1 var(--ms-fonte-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--ms-p-verde);
  border:1px solid rgba(61,220,151,.5);border-radius:999px;padding:.55em .85em;background:rgba(61,220,151,.08)}
.ms-p-form__meta::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.ms-p-form__corpo{padding:14px 16px 16px}
@media (min-width:600px){.ms-p-form__topo{padding:15px 22px}.ms-p-form__corpo{padding:18px 22px 20px}}
.ms-p-form__corpo>.ms-alerta{margin:0 0 12px}
.ms-p-form__pe{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 12px;margin:0;padding:10px 16px;
  background:rgba(0,0,0,.35);border-top:1px solid var(--ms-p-borda);font-size:.75rem;line-height:1.45;color:var(--ms-texto-2);text-align:center}
.ms-p-form__pe svg{display:inline-block;flex:none;width:12px;height:12px;color:var(--ms-p-verde);margin-right:6px;vertical-align:-1px}
.ms-p-form__pe details{display:contents}
.ms-p-form__pe summary{cursor:pointer;list-style:none;color:var(--ms-texto-2);text-decoration:underline;text-underline-offset:.2em;min-height:24px;display:inline-flex;align-items:center}
.ms-p-form__pe summary::-webkit-details-marker{display:none}
.ms-p-form__pe summary:hover,.ms-p-form__pe details[open] summary{color:#FFFFFF}
.ms-p-aceite-texto{flex-basis:100%;text-align:left;margin:6px 0 2px;padding:10px 12px;border-radius:10px;background:rgba(10,15,10,.6);border:1px solid var(--ms-p-borda);font-size:.75rem;line-height:1.5}
.ms-p-aceite-texto p{margin:0 0 .5em}
.ms-p-aceite-texto>:last-child{margin-bottom:0}
/* brilho que segue o mouse (ms-efeitos.js põe --ms-p-mx/--ms-p-my e .is-mouse) */
.ms-p-segue::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(360px circle at var(--ms-p-mx,50%) var(--ms-p-my,0%),rgba(61,220,151,.2),rgba(244,197,66,.07) 38%,transparent 66%)}
.ms-p-segue.is-mouse::after{opacity:1}

/* campo claro com rótulo flutuante: <label> de verdade, depois do input.
   placeholder=" " (ou um exemplo) é obrigatório para o :placeholder-shown;
   o exemplo só aparece com o campo em foco. */
.ms-p-campo{margin:0 0 9px}
.ms-p-campo__caixa{position:relative}
.ms-p-campo__input{
  -webkit-appearance:none;appearance:none;display:block;width:100%;height:56px;margin:0;
  padding:21px 16px 5px;border-radius:12px;border:1px solid rgba(20,23,15,.14);
  background:var(--ms-p-campo-fundo);color:var(--ms-p-campo-texto);
  font:500 1.0625rem/1.25 var(--ms-fonte-texto);
  box-shadow:inset 0 1px 2px rgba(20,23,15,.1);transition:box-shadow .15s ease,border-color .15s ease;
}
.ms-p-campo__input::placeholder{color:transparent}
.ms-p-campo__input:focus::placeholder{color:#6E7264}
.ms-p-campo__rotulo{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);max-width:calc(100% - 32px);
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;
  font:600 1rem/1.2 var(--ms-fonte-texto);color:var(--ms-p-campo-rotulo);
  transition:top .15s ease,transform .15s ease,font-size .15s ease;
}
.ms-p-campo__input:focus+.ms-p-campo__rotulo,
.ms-p-campo__input:not(:placeholder-shown)+.ms-p-campo__rotulo{top:8px;transform:none;font-size:.75rem;font-weight:700;letter-spacing:.01em}
.ms-p-campo__input:-webkit-autofill+.ms-p-campo__rotulo{top:8px;transform:none;font-size:.75rem;font-weight:700}
.ms-p-campo__input:-webkit-autofill{-webkit-text-fill-color:var(--ms-p-campo-texto);-webkit-box-shadow:0 0 0 60px var(--ms-p-campo-fundo) inset}
.ms-p-campo__input:hover{border-color:rgba(20,23,15,.3)}
.ms-p-campo__input:focus{outline:none;border-color:var(--ms-p-ouro-fundo);box-shadow:0 0 0 3px var(--ms-p-ouro),0 0 22px -2px rgba(244,197,66,.6),inset 0 1px 2px rgba(20,23,15,.1)}
.ms-p-campo.ms-campo--erro .ms-p-campo__input,.ms-p-campo__input[aria-invalid="true"]{border-color:#9A2A1C;box-shadow:0 0 0 2px var(--ms-erro)}
.ms-p-campo.ms-campo--erro .ms-p-campo__input:focus,.ms-p-campo__input[aria-invalid="true"]:focus{box-shadow:0 0 0 2px var(--ms-erro),0 0 0 5px var(--ms-p-ouro)} /* com erro, o foco continua visível */
.ms-p-campo .ms-campo__erro{margin:6px 2px 0}

/* aceites LGPD em uma linha curta cada; os dois DESMARCADOS. O texto
   completo (CFG.LGPD) vai no details do pé e no aria-describedby. */
.ms-p-aceite{display:grid;gap:0;margin:2px 0 12px}
.ms-p-aceite__linha{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:34px;padding:6px 0;cursor:pointer;
  font-size:.8125rem;line-height:1.4;color:var(--ms-texto-2)}
.ms-p-aceite__linha input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.ms-p-aceite__caixa{flex:none;width:20px;height:20px;margin-top:-1px;border-radius:6px;border:1.5px solid var(--ms-stone);background:rgba(10,15,10,.45);
  display:grid;place-items:center;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.ms-p-aceite__linha:hover .ms-p-aceite__caixa{border-color:var(--ms-p-verde)}
.ms-p-aceite__linha input:checked+.ms-p-aceite__caixa{background:var(--ms-p-verde);border-color:var(--ms-p-verde);box-shadow:0 0 12px -2px var(--ms-p-verde)}
.ms-p-aceite__linha input:checked+.ms-p-aceite__caixa::after{content:"";width:5px;height:10px;border:solid #052A18;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.ms-p-aceite__linha input:focus-visible+.ms-p-aceite__caixa{outline:3px solid var(--ms-foco);outline-offset:2px}
.ms-p-aceite__linha a{color:var(--ms-p-ouro-luz)}
.ms-p-aceite__linha--opcional{font-size:.75rem;min-height:30px;padding:3px 0}
.ms-p-aceite__linha--opcional .ms-p-aceite__caixa{width:18px;height:18px;margin:0 1px}
.ms-p-aceite--erro .ms-p-aceite__linha:not(.ms-p-aceite__linha--opcional) .ms-p-aceite__caixa{border-color:var(--ms-erro);box-shadow:0 0 0 2px rgba(242,177,165,.35)}
.ms-p-aceite .ms-campo__erro{margin:0 0 4px}

/* 6. Imagem com moldura e estado PENDENTE ----------------------------------- */
/* proporção: --ms-p-ar ou os modificadores; enquadramento: --ms-p-foco */
.ms-p-img{position:relative;margin:0;min-width:0}
.ms-p-img--1x1{--ms-p-ar:1/1}
.ms-p-img--4x5{--ms-p-ar:4/5}
.ms-p-img--4x3{--ms-p-ar:4/3}
.ms-p-img--16x9{--ms-p-ar:16/9}
.ms-p-img--9x16{--ms-p-ar:9/16}
.ms-p-img__quadro{position:relative;overflow:hidden;aspect-ratio:var(--ms-p-ar,4/5);border-radius:var(--ms-p-raio);
  background:var(--ms-preto-2);border:1px solid var(--ms-p-borda);box-shadow:var(--ms-p-sombra)}
.ms-p-img__quadro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--ms-p-foco,50% 30%)}
.ms-p-img__quadro::after{ /* véu: assenta a foto no Preto Verde e dá leitura ao que vai por cima */
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,15,10,0) 55%,rgba(10,15,10,.55) 100%),linear-gradient(180deg,rgba(22,53,27,.12),rgba(22,53,27,.12));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ms-p-img--sem-veu .ms-p-img__quadro::after{background:none}
.ms-p-img__legenda{display:flex;align-items:baseline;gap:10px;margin:12px 0 0;font-size:.8125rem;line-height:1.45;color:var(--ms-texto-2)}
.ms-p-img__legenda::before{content:"";flex:none;width:16px;height:2px;border-radius:2px;background:var(--ms-p-verde);box-shadow:0 0 8px var(--ms-p-verde);transform:translateY(-4px)}
.ms-secao--areia .ms-p-img__legenda::before{box-shadow:none}
.ms-p-img__legenda--sobre{position:absolute;left:10px;right:auto;bottom:10px;z-index:2;max-width:calc(100% - 20px);margin:0;padding:6px 10px;border-radius:8px;color:#FFFFFF;
  background:rgba(10,15,10,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ms-secao--areia .ms-p-img__legenda--sobre{color:#FFFFFF}

/* pendente: moldura de visor (quinas acesas), textura em diagonal e o que vai ali */
.ms-p-img--pendente .ms-p-img__quadro{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;
  --ms-p-q:rgba(244,197,66,.85);
  background:
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) left 12px top 12px/18px 1.5px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) left 12px top 12px/1.5px 18px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) right 12px top 12px/18px 1.5px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) right 12px top 12px/1.5px 18px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) left 12px bottom 12px/18px 1.5px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) left 12px bottom 12px/1.5px 18px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) right 12px bottom 12px/18px 1.5px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) right 12px bottom 12px/1.5px 18px no-repeat,
    repeating-linear-gradient(135deg,rgba(61,220,151,.05) 0 1px,transparent 1px 12px),
    radial-gradient(85% 70% at 50% 38%,rgba(30,74,38,.75),rgba(12,21,13,.97) 75%);
  border-color:rgba(244,197,66,.26);
}
.ms-p-img--pendente .ms-p-img__quadro::after{display:none}
.ms-p-img__icone{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--ms-p-verde);
  background:rgba(10,15,10,.6);box-shadow:inset 0 0 0 1px rgba(61,220,151,.5),0 0 28px -2px rgba(61,220,151,.4)}
.ms-p-img__icone svg{width:22px;height:22px}
.ms-p-img__selo{font:800 .6875rem/1.2 var(--ms-fonte-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--ms-p-ouro-txt)}
.ms-p-img__oque{max-width:30ch;font-size:.875rem;line-height:1.45;color:var(--ms-texto-2);margin:0}
.ms-secao--areia .ms-p-img--pendente .ms-p-img__quadro{
  --ms-p-q:rgba(11,107,64,.75);
  background:
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) left 12px top 12px/18px 1.5px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) left 12px top 12px/1.5px 18px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) right 12px top 12px/18px 1.5px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) right 12px top 12px/1.5px 18px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) left 12px bottom 12px/18px 1.5px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) left 12px bottom 12px/1.5px 18px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) right 12px bottom 12px/18px 1.5px no-repeat,
    linear-gradient(var(--ms-p-q),var(--ms-p-q)) right 12px bottom 12px/1.5px 18px no-repeat,
    repeating-linear-gradient(135deg,rgba(30,74,38,.06) 0 1px,transparent 1px 12px),
    radial-gradient(85% 70% at 50% 38%,#FFFFFF,#E9E6D8 80%);
  border-color:rgba(30,74,38,.2);box-shadow:0 18px 40px -26px rgba(20,23,15,.4);
}
.ms-secao--areia .ms-p-img__icone{color:var(--ms-p-verde);background:#fff;box-shadow:inset 0 0 0 1px rgba(11,107,64,.35)}
/* quadro pequeno (galeria no celular, fotos extras) */
.ms-p-img--compacta .ms-p-img__quadro{padding:12px;gap:6px}
.ms-p-img--compacta .ms-p-img__icone{width:38px;height:38px}
.ms-p-img--compacta .ms-p-img__oque{font-size:.8125rem}

/* 7a. Faixa rolante (marquee) ----------------------------------------------- */
/* Cavalga a emenda entre duas seções (margem negativa). A segunda banda,
   desfocada e na inclinação oposta, dá profundidade. Para no hover, no
   foco, no botão de pausa e em prefers-reduced-motion. O primeiro grupo é
   lido; as cópias levam aria-hidden. ms-efeitos.js acrescenta cópias em
   tela larga. --ouro: banda de ouro vivo com texto escuro. */
.ms-p-faixa{position:relative;z-index:5;height:120px;margin:-50px 0;overflow:hidden;pointer-events:none}
.ms-p-faixa__fundo{position:absolute;left:-10%;right:-10%;top:50%;height:62px;transform:translateY(-50%) rotate(2.2deg);
  background:linear-gradient(90deg,#0A0F0A,#1E6A3A 50%,#0A0F0A);filter:blur(6px) brightness(.7);opacity:.95}
.ms-p-faixa__banda{position:absolute;left:-10%;right:-10%;top:50%;transform:translateY(-50%) rotate(-2.2deg);overflow:hidden;pointer-events:auto;
  padding:14px 0;background:linear-gradient(90deg,#0B160C 0%,#1D5A30 50%,#0B160C 100%);
  border-top:1px solid rgba(244,197,66,.75);border-bottom:1px solid rgba(61,220,151,.45);
  box-shadow:0 20px 55px rgba(0,0,0,.6),0 0 60px rgba(61,220,151,.28)}
.ms-p-faixa__trilho{display:flex;width:max-content;animation:ms-p-rola 44s linear infinite}
.ms-p-faixa__grupo{display:flex;align-items:center;flex:none;list-style:none;margin:0;padding:0}
.ms-p-faixa__grupo li{display:flex;align-items:center;white-space:nowrap;padding:0 0 0 28px;
  font-family:var(--ms-fonte-titulo);font-weight:500;font-size:1.3125rem;line-height:1.2;color:#FFFFFF}
.ms-p-faixa__grupo li::after{content:"";width:9px;height:9px;margin-left:28px;transform:rotate(45deg);background:var(--ms-p-gradiente-ouro);box-shadow:0 0 12px rgba(244,197,66,.8)}
.ms-p-faixa__grupo .ms-p-faixa__rotulo{font:800 .75rem/1.2 var(--ms-fonte-texto);letter-spacing:.2em;text-transform:uppercase;color:var(--ms-p-verde)}
.ms-p-faixa__grupo .ms-p-faixa__rotulo::after{display:none}
@media (min-width:760px){.ms-p-faixa{height:136px;margin:-58px 0}.ms-p-faixa__grupo li{font-size:1.625rem;padding-left:36px}.ms-p-faixa__grupo li::after{margin-left:36px}}
.ms-p-faixa__banda:hover .ms-p-faixa__trilho,.ms-p-faixa__banda:focus-within .ms-p-faixa__trilho,
.ms-p-faixa:has(.ms-p-faixa__pausa input:checked) .ms-p-faixa__trilho{animation-play-state:paused}
.ms-p-faixa__pausa{position:absolute;z-index:2;right:calc(8.34% + 10px);top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;background:rgba(10,15,10,.9);box-shadow:inset 0 0 0 1px var(--ms-p-borda-ouro);color:var(--ms-p-ouro)}
.ms-p-faixa__pausa input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ms-p-faixa__pausa:has(input:focus-visible){outline:3px solid var(--ms-foco);outline-offset:2px}
.ms-p-faixa__pausa::before{content:"";width:9px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}
.ms-p-faixa__pausa:has(input:checked)::before{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor;margin-left:3px}
/* ouro: banda viva, texto escuro (contraste 7:1 ou mais) */
.ms-p-faixa--ouro .ms-p-faixa__banda{background:var(--ms-p-gradiente-ouro);border-top-color:rgba(255,255,255,.65);border-bottom-color:rgba(150,95,10,.6);
  box-shadow:0 20px 55px rgba(0,0,0,.55),0 0 70px -6px rgba(244,197,66,.55)}
.ms-p-faixa--ouro .ms-p-faixa__fundo{background:linear-gradient(90deg,#0A0F0A,#1E4A26 50%,#0A0F0A)}
.ms-p-faixa--ouro .ms-p-faixa__grupo li{color:var(--ms-p-sobre-ouro)}
.ms-p-faixa--ouro .ms-p-faixa__grupo li::after{background:#1A1404;box-shadow:none;opacity:.8}
.ms-p-faixa--ouro .ms-p-faixa__grupo .ms-p-faixa__rotulo{color:#0B3B22}
.ms-p-faixa--ouro .ms-p-faixa__trilho{animation-direction:reverse;animation-duration:52s}
.ms-p-faixa--ouro .ms-p-faixa__pausa{background:#1A1404;color:var(--ms-p-ouro-luz)}
/* reta: dentro de uma seção, sem inclinação nem margem negativa */
.ms-p-faixa--reta{height:auto;margin:0;overflow:hidden}
.ms-p-faixa--reta .ms-p-faixa__fundo{display:none}
.ms-p-faixa--reta .ms-p-faixa__banda{position:relative;left:auto;right:auto;top:auto;transform:none;border-radius:999px}
.ms-p-faixa--reta .ms-p-faixa__pausa{right:10px}
@keyframes ms-p-rola{to{transform:translateX(-50%)}}

/* 7b. Bastidores: "Nos bastidores de" + nomes, em texto (sem logotipo) */
.ms-p-bastidores{position:relative;padding:22px 0;text-align:center}
.ms-p-bastidores::before,.ms-p-bastidores::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(244,197,66,.55),transparent)}
.ms-p-bastidores::before{top:0}
.ms-p-bastidores::after{bottom:0}
.ms-p-bastidores__rotulo{margin:0 0 10px;font:800 .6875rem/1.2 var(--ms-fonte-texto);letter-spacing:.2em;text-transform:uppercase;color:var(--ms-p-verde)}
.ms-p-bastidores__nomes{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 0;list-style:none;margin:0;padding:0}
.ms-p-bastidores__nomes li{display:inline-flex;align-items:center;font-family:var(--ms-fonte-titulo);font-weight:500;font-size:clamp(1.125rem,1rem + .6vw,1.5rem);line-height:1.25;color:var(--ms-texto);white-space:nowrap}
.ms-p-bastidores__nomes li+li::before{content:"";width:7px;height:7px;margin:0 16px;transform:rotate(45deg);background:var(--ms-p-gradiente-ouro);box-shadow:0 0 10px rgba(244,197,66,.7)}
.ms-p-bastidores--esq{text-align:left}
.ms-p-bastidores--esq .ms-p-bastidores__nomes{justify-content:flex-start}
.ms-secao--areia .ms-p-bastidores::before,.ms-secao--areia .ms-p-bastidores::after{background:linear-gradient(90deg,transparent,rgba(30,74,38,.35),transparent)}
.ms-secao--areia .ms-p-bastidores__nomes li+li::before{background:var(--ms-cultivo);box-shadow:none}

/* 7c. Mecanismo: as 5 engrenagens ------------------------------------------- */
/* Palco (vidro com borda viva): número de destaque e o trilho de 5 nós
   ligados por um tracejado que corre. Embaixo, 5 cartões e o painel. No
   celular o trilho some e os cartões viram a corrente vertical (cada ícone
   é um nó). O trilho é decorativo (aria-hidden): o conteúdo está nos cartões. */
.ms-p-motor__palco{display:grid;gap:22px;align-items:center;margin:0 0 18px;padding:26px 20px;border-radius:24px;
  background:var(--ms-p-vidro);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);
  border:1px solid var(--ms-p-borda);box-shadow:var(--ms-p-sombra),var(--ms-p-brilho)}
.ms-p-motor__numero{display:flex;align-items:center;justify-content:center;gap:18px;text-align:left}
.ms-p-motor__valor{font-family:var(--ms-fonte-titulo);font-weight:500;font-size:clamp(5rem,3.8rem + 4.6vw,7.5rem);line-height:.8;letter-spacing:-.04em;
  background:var(--ms-p-gradiente-verde);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 26px rgba(61,220,151,.5))}
.ms-p-motor__legenda{max-width:22ch;font-size:.9375rem;line-height:1.45;color:var(--ms-texto-2)}
.ms-p-motor__legenda strong{display:block;color:#FFFFFF;font-size:1.0625rem}
.ms-p-motor__estado{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:.8125rem;color:var(--ms-texto-2)}
.ms-p-motor__estado::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ms-p-verde);box-shadow:0 0 12px var(--ms-p-verde);animation:ms-p-pulsa 1.6s ease-in-out infinite}
.ms-p-motor__nos{display:none;list-style:none;margin:0;padding:0;position:relative}
.ms-p-motor__no{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.ms-p-motor__circulo{position:relative;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;color:var(--ms-p-verde);
  background:radial-gradient(circle at 35% 30%,#22603A,#0C1A10 72%);box-shadow:inset 0 0 0 1px rgba(61,220,151,.55),0 0 34px -2px rgba(61,220,151,.5)}
.ms-p-motor__circulo svg{width:28px;height:28px}
.ms-p-motor__circulo::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px dashed rgba(244,197,66,.6);animation:ms-gira 14s linear infinite}
.ms-p-motor__no:nth-child(even) .ms-p-motor__circulo::before{animation-direction:reverse}
.ms-p-motor__num{font:800 .6875rem/1 var(--ms-fonte-texto);letter-spacing:.16em;color:var(--ms-p-ouro)}
.ms-p-motor__nome{font-family:var(--ms-fonte-titulo);font-weight:600;font-size:1.0625rem;line-height:1.2;color:#FFFFFF}
@media (min-width:960px){
  .ms-p-motor__palco{grid-template-columns:auto minmax(0,1fr);gap:48px;padding:40px 44px;margin-bottom:22px}
  .ms-p-motor__numero{justify-content:flex-start}
  .ms-p-motor__nos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  .ms-p-motor__nos::before{ /* conector: tracejado aceso que corre */
    content:"";position:absolute;left:10%;right:10%;top:34px;height:2px;z-index:0;
    background:repeating-linear-gradient(90deg,var(--ms-p-ouro) 0 10px,transparent 10px 20px);background-size:40px 2px;
    filter:drop-shadow(0 0 6px rgba(244,197,66,.8));animation:ms-p-fluxo 1.2s linear infinite}
}
.ms-p-motor__cartoes{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ms-p-motor__cartao{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:4px 16px;align-content:start}
.ms-p-motor__cartao .ms-p-icone{grid-row:1/span 3}
.ms-p-motor__cartao .ms-p-h3{margin:2px 0 .25em;color:var(--ms-p-ouro-txt)}
.ms-p-motor__cartao-num{position:absolute;right:18px;top:12px;font-family:var(--ms-fonte-titulo);font-weight:600;font-size:2.5rem;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(244,197,66,.5);pointer-events:none}
.ms-p-motor__pergunta{margin:0 0 .45em;padding-right:44px;font-weight:600;font-size:.9375rem;line-height:1.45;color:var(--ms-texto)}
.ms-p-motor__constroi{margin:0;font-size:.9375rem;line-height:1.5;color:var(--ms-texto-2)}
/* corrente vertical do celular: um traço aceso ligando um ícone ao próximo */
.ms-p-motor__cartao:not(:last-child)::after{content:"";position:absolute;left:44px;bottom:-15px;width:2px;height:16px;z-index:3;
  background:repeating-linear-gradient(180deg,var(--ms-p-verde) 0 4px,transparent 4px 8px);box-shadow:0 0 8px rgba(61,220,151,.6)}
@media (min-width:600px){.ms-p-motor__cartao:not(:last-child)::after{left:50px}}
@media (min-width:960px){
  .ms-p-motor__cartoes{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  .ms-p-motor__cartoes--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .ms-p-motor__cartao{display:block;padding:24px 20px}
  .ms-p-motor__cartao .ms-p-icone{margin:0 0 18px}
  .ms-p-motor__cartao .ms-p-h3{font-size:1.25rem}
  .ms-p-motor__pergunta{padding-right:0}
  .ms-p-motor__cartao:not(:last-child)::after{display:none}
}
.ms-p-motor__painel{display:flex;gap:16px;align-items:flex-start;margin:16px 0 0;padding:20px 22px;border-radius:var(--ms-p-raio-m);
  background:linear-gradient(90deg,rgba(244,197,66,.12),rgba(61,220,151,.05));border:1px solid var(--ms-p-borda-ouro);border-left:3px solid var(--ms-p-ouro);
  color:var(--ms-texto-2);font-size:.9375rem;line-height:1.55;box-shadow:0 0 50px -20px rgba(244,197,66,.5)}
.ms-p-motor__painel strong{color:#FFFFFF}
.ms-p-motor__painel>:last-child{margin-bottom:0}

/* 7d. A conta de trás para frente: números com contador ------------------- */
.ms-p-conta{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:ms-p-conta}
@media (min-width:760px){.ms-p-conta{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ms-p-conta__item{position:relative;padding:20px 20px 18px;border-radius:var(--ms-p-raio-m);background:var(--ms-p-vidro);border:1px solid var(--ms-p-borda);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--ms-p-brilho)}
.ms-p-conta__item+.ms-p-conta__item::before{ /* seta entre os passos */
  content:"";position:absolute;left:50%;top:-12px;width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);
  border:solid var(--ms-p-verde);border-width:0 2px 2px 0}
@media (min-width:760px){.ms-p-conta__item+.ms-p-conta__item::before{left:-6px;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}}
.ms-p-conta__num{display:block;font-family:var(--ms-fonte-titulo);font-weight:500;font-size:clamp(2.75rem,2.2rem + 2vw,3.75rem);line-height:1;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;background:var(--ms-p-gradiente-verde);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 18px rgba(61,220,151,.4))}
.ms-p-conta__unid{display:block;margin:6px 0 8px;font-weight:800;font-size:.9375rem;color:#FFFFFF}
.ms-p-conta__de{display:block;font-size:.8125rem;line-height:1.45;color:var(--ms-texto-2)}
.ms-p-conta__item--fim{border-color:var(--ms-p-borda-ouro);box-shadow:0 0 50px -18px rgba(244,197,66,.55),var(--ms-p-brilho)}
.ms-p-conta__item--fim .ms-p-conta__num{background-image:var(--ms-p-gradiente-texto);filter:drop-shadow(0 0 18px rgba(244,197,66,.45))}

/* 8. Sem risco -------------------------------------------------------------- */
.ms-p-semrisco{max-width:820px;margin:0 auto}
.ms-p-semrisco__caixa{display:flex;gap:18px;align-items:flex-start;margin:32px 0 0;padding:24px;border-radius:var(--ms-p-raio-m);
  background:var(--ms-p-vidro);border:1px solid var(--ms-p-borda);border-left:3px solid var(--ms-p-ouro);box-shadow:var(--ms-p-sombra)}
.ms-p-semrisco__caixa .ms-p-icone{border-radius:50%}
.ms-p-semrisco__caixa p{margin:0 0 .6em;color:var(--ms-texto-2)}
.ms-p-semrisco__caixa p:last-child{margin-bottom:0}
.ms-p-semrisco__caixa strong{color:var(--ms-texto)}
.ms-p-semrisco__frase{font-family:var(--ms-fonte-titulo);font-weight:500;font-size:clamp(1.3125rem,1.1rem + .7vw,1.625rem);line-height:1.3;color:var(--ms-texto)!important}
.ms-secao--areia .ms-p-semrisco__caixa{background:var(--ms-branco);border-color:var(--ms-line);border-left-color:#D99A1E;box-shadow:0 26px 60px -30px rgba(20,23,15,.5),0 0 0 1px rgba(217,154,30,.12)}
@media (max-width:479px){.ms-p-semrisco__caixa{flex-direction:column;padding:20px}}

/* 9. Para quem é / para quem não é ----------------------------------------- */
/* O "não é" vem primeiro no HTML: no celular, empilhado, ele lê primeiro. */
.ms-p-paraquem{display:grid;gap:16px}
@media (min-width:860px){.ms-p-paraquem{grid-template-columns:1fr 1fr;gap:22px}}
.ms-p-paraquem__col{position:relative;overflow:hidden;border-radius:var(--ms-p-raio);padding:26px 22px;border:1px solid var(--ms-p-borda)}
@media (min-width:600px){.ms-p-paraquem__col{padding:34px 32px}}
.ms-p-paraquem__col--nao{background:linear-gradient(180deg,rgba(139,143,128,.14),rgba(10,15,10,0) 70%)}
.ms-p-paraquem__col--sim{border-color:rgba(61,220,151,.55);background:linear-gradient(180deg,rgba(61,220,151,.14),rgba(10,15,10,0) 72%);
  box-shadow:0 0 0 1px rgba(61,220,151,.12) inset,0 30px 80px -30px rgba(61,220,151,.4)}
.ms-p-paraquem__titulo{position:relative;display:flex;align-items:center;gap:12px;margin:0 0 20px;font-family:var(--ms-fonte-titulo);font-weight:600;font-size:1.5rem;line-height:1.2;color:var(--ms-texto)}
.ms-p-paraquem__lista{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ms-p-paraquem__lista li{position:relative;padding-left:38px;color:var(--ms-texto-2);line-height:1.5}
.ms-p-paraquem__lista li strong{color:var(--ms-texto)}
/* marcador: quadradinho com check (é) ou xis (não é), desenhado em CSS */
.ms-p-paraquem__lista li::before,.ms-p-paraquem__titulo::before{content:"";flex:none;width:25px;height:25px;border-radius:8px}
.ms-p-paraquem__lista li::before{position:absolute;left:0;top:.02em}
.ms-p-paraquem__col--sim li::before,.ms-p-paraquem__col--sim .ms-p-paraquem__titulo::before{background:rgba(61,220,151,.16);box-shadow:inset 0 0 0 1px rgba(61,220,151,.55),0 0 14px -2px rgba(61,220,151,.5)}
.ms-p-paraquem__col--nao li::before,.ms-p-paraquem__col--nao .ms-p-paraquem__titulo::before{background:rgba(139,143,128,.14);box-shadow:inset 0 0 0 1px rgba(139,143,128,.45)}
.ms-p-paraquem__col--sim li::after,.ms-p-paraquem__col--sim .ms-p-paraquem__titulo::after{content:"";position:absolute;width:6px;height:11px;border:solid var(--ms-p-verde);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.ms-p-paraquem__col--sim li::after{left:9.5px;top:calc(.02em + 5px)}
.ms-p-paraquem__col--sim .ms-p-paraquem__titulo::after{left:9.5px;top:calc(50% - 8px)}
.ms-p-paraquem__col--nao li::after,.ms-p-paraquem__col--nao .ms-p-paraquem__titulo::after{content:"\00d7";position:absolute;width:25px;text-align:center;font:600 1.25rem/25px var(--ms-fonte-texto);color:var(--ms-stone)}
.ms-p-paraquem__col--nao li::after{left:0;top:.02em}
.ms-p-paraquem__col--nao .ms-p-paraquem__titulo::after{left:0;top:50%;margin-top:-12.5px}
.ms-secao--areia .ms-p-paraquem__col--nao{background:var(--ms-branco);border-color:var(--ms-line)}
.ms-secao--areia .ms-p-paraquem__col--sim{background:linear-gradient(180deg,rgba(11,107,64,.08),#fff 70%);border-color:rgba(11,107,64,.45);box-shadow:none}
.ms-secao--areia .ms-p-paraquem__col--sim li::before,.ms-secao--areia .ms-p-paraquem__col--sim .ms-p-paraquem__titulo::before{background:rgba(11,107,64,.09);box-shadow:inset 0 0 0 1px rgba(11,107,64,.35)}

/* 10. Depoimentos em vídeo -------------------------------------------------- */
/* Capa 16:9 (padrão) ou 9:16 (--vertical). Preenchido: a capa é um <button>
   que a página troca pelo player (MS.ui.video) no clique. Pendente: nada é
   clicável e nada é inventado; o espaço fica pronto. */
.ms-p-depos{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:700px){.ms-p-depos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.ms-p-depos{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.ms-p-depos--vertical{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){.ms-p-depos--vertical{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.ms-p-depos--vertical{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.ms-p-depo{display:flex;flex-direction:column;padding:12px;border-radius:var(--ms-p-raio);background:var(--ms-p-vidro);border:1px solid var(--ms-p-borda);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--ms-p-sombra),var(--ms-p-brilho);transition:transform .35s ease,border-color .35s ease}
@media (hover:hover){.ms-p-depo:hover{transform:translateY(-5px);border-color:var(--ms-p-borda-forte)}}
.ms-p-depo__capa{-webkit-appearance:none;appearance:none;position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;margin:0;padding:0;overflow:hidden;
  border:0;border-radius:12px;background:#0D170E;color:inherit;font:inherit;cursor:pointer}
.ms-p-depos--vertical .ms-p-depo__capa{aspect-ratio:9/16}
.ms-p-depo__capa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.82);transition:filter .35s ease,transform .5s ease}
.ms-p-depo__capa:hover img{filter:brightness(1);transform:scale(1.05)}
.ms-p-depo__capa:focus-visible{outline:3px solid var(--ms-foco);outline-offset:3px}
.ms-p-depo__play{position:relative;z-index:2;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:var(--ms-p-gradiente-ouro);
  box-shadow:0 12px 30px rgba(0,0,0,.55),0 0 34px rgba(244,197,66,.6);transition:transform .25s ease}
.ms-p-depo__play::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(244,197,66,.55);animation:ms-p-onda 2.4s ease-out infinite}
.ms-p-depo__play::after{content:"";margin-left:5px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--ms-p-sobre-ouro)}
.ms-p-depo__capa:hover .ms-p-depo__play{transform:scale(1.1)}
.ms-p-depo__selo{position:absolute;z-index:2;left:10px;top:10px;padding:5px 9px;border-radius:6px;background:rgba(10,15,10,.85);
  font:800 .625rem/1.25 var(--ms-fonte-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--ms-p-ouro);max-width:calc(100% - 20px);text-align:left}
.ms-p-depo__corpo{padding:14px 6px 4px}
.ms-p-depo__nome{margin:0;font-family:var(--ms-fonte-titulo);font-weight:600;font-size:1.3125rem;line-height:1.2;color:#FFFFFF}
.ms-p-depo__papel{margin:4px 0 0;font-size:.8125rem;color:var(--ms-texto-2)}
.ms-p-depo__resultado{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--ms-p-borda);font-size:.875rem;font-weight:800;line-height:1.4;color:var(--ms-p-verde);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-p-depo .ms-video{border-radius:12px}
/* pendente */
.ms-p-depo--pendente .ms-p-depo__capa{cursor:default;
  background:repeating-linear-gradient(135deg,rgba(61,220,151,.05) 0 1px,transparent 1px 12px),radial-gradient(80% 70% at 50% 40%,rgba(30,74,38,.7),#0C150D 78%);
  box-shadow:inset 0 0 0 1px rgba(244,197,66,.24)}
.ms-p-depo--pendente .ms-p-depo__play{background:rgba(10,15,10,.65);box-shadow:inset 0 0 0 1.5px rgba(244,197,66,.65),0 0 30px -4px rgba(244,197,66,.35)}
.ms-p-depo--pendente .ms-p-depo__play::before{border-color:rgba(244,197,66,.3)}
.ms-p-depo--pendente .ms-p-depo__play::after{border-left-color:var(--ms-p-ouro)}
.ms-p-depo--pendente .ms-p-depo__nome{color:var(--ms-texto-2);font-weight:500}
.ms-p-depo--pendente .ms-p-depo__resultado{color:var(--ms-texto-2);font-weight:600;white-space:normal}
.ms-p-depos--vertical .ms-p-depo{padding:8px}
.ms-p-depos--vertical .ms-p-depo__nome{font-size:1.0625rem}
.ms-p-depos--vertical .ms-p-depo__play{width:52px;height:52px}
.ms-p-depos--vertical .ms-p-depo__play::after{border-width:9px 0 9px 15px;margin-left:4px}

/* 11. Autoridade dos sócios ------------------------------------------------- */
.ms-p-socios-area{position:relative;isolation:isolate}
.ms-p-socios-area::before{ /* holofote sobre a grade */
  content:"";position:absolute;z-index:-1;left:50%;top:-80px;width:min(1000px,130%);height:600px;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(ellipse at center top,rgba(244,197,66,.2),rgba(61,220,151,.06) 40%,rgba(244,197,66,0) 64%);animation:ms-p-respira 7s ease-in-out infinite}
.ms-p-linha-pontos{position:relative;height:30px;max-width:640px;margin:-20px auto 30px}
.ms-p-linha-pontos::before{content:"";position:absolute;top:50%;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(244,197,66,.8),transparent)}
.ms-p-linha-pontos i{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--ms-p-ouro);box-shadow:0 0 16px var(--ms-p-ouro);animation:ms-p-pulsa 2.4s ease-in-out infinite}
.ms-p-linha-pontos i:nth-child(1){left:18%}
.ms-p-linha-pontos i:nth-child(2){left:50%;animation-delay:.5s}
.ms-p-linha-pontos i:nth-child(3){left:82%;animation-delay:1s}
.ms-p-socios{list-style:none;margin:0 auto;padding:0;display:grid;gap:20px;max-width:420px}
@media (min-width:860px){.ms-p-socios{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:none}}
.ms-p-socio{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--ms-p-raio);
  background:linear-gradient(180deg,#112A1A,#0A140C);border:1px solid rgba(244,197,66,.28);box-shadow:0 24px 56px -16px rgba(0,0,0,.75);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s ease,box-shadow .45s ease}
.ms-p-socio::before{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(155deg,rgba(244,197,66,.75),transparent 40%,transparent 70%,rgba(61,220,151,.5));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:.7;transition:opacity .45s ease}
@media (hover:hover){.ms-p-socio:hover{transform:translateY(-10px);border-color:rgba(244,197,66,.6);box-shadow:0 38px 80px -16px rgba(0,0,0,.8),0 0 60px rgba(244,197,66,.22)}.ms-p-socio:hover::before{opacity:1}}
.ms-p-socio__midia{position:relative}
@media (max-width:859px){.ms-p-socio__midia .ms-p-img{--ms-p-ar:1/1}} /* celular: retrato quadrado, cartão mais curto */
.ms-p-socio__midia .ms-p-img__quadro{border:0;border-radius:0;box-shadow:none}
.ms-p-socio__midia .ms-p-img__quadro::after{background:linear-gradient(180deg,rgba(10,20,12,0) 42%,rgba(10,20,12,.78) 76%,#0A140C 100%)}
.ms-p-socio__midia .ms-p-img--pendente .ms-p-img__quadro{justify-content:flex-start;padding-top:22%}
.ms-p-socio__midia .ms-p-img--pendente .ms-p-img__quadro::after{display:block;background:linear-gradient(180deg,rgba(10,20,12,0) 55%,rgba(10,20,12,.92) 88%,#0A140C 100%);box-shadow:none}
.ms-p-socio__brilho{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.14) 48%,transparent 62%);
  transform:translateX(-130%);animation:ms-p-varre 7s ease-in-out infinite}
.ms-p-socio:nth-child(2) .ms-p-socio__brilho{animation-delay:2.3s}
.ms-p-socio:nth-child(3) .ms-p-socio__brilho{animation-delay:4.6s}
.ms-p-socio__num{position:absolute;z-index:3;top:10px;right:16px;font-family:var(--ms-fonte-titulo);font-weight:600;font-size:3.5rem;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(244,197,66,.65);pointer-events:none}
.ms-p-socio__nomeado{position:absolute;z-index:3;left:20px;right:20px;bottom:14px}
.ms-p-socio__nome{margin:0;font-family:var(--ms-fonte-titulo);font-weight:600;font-size:1.75rem;line-height:1.05;
  background:var(--ms-p-gradiente-texto);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 14px rgba(0,0,0,.8))}
.ms-p-socio__etiqueta{display:inline-block;margin-top:9px;padding:4px 11px;border-radius:999px;font:800 .6875rem/1.3 var(--ms-fonte-texto);letter-spacing:.14em;text-transform:uppercase;
  color:var(--ms-p-verde);border:1px solid rgba(61,220,151,.55);background:rgba(10,15,10,.6);box-shadow:0 0 14px -4px rgba(61,220,151,.6)}
.ms-p-socio__corpo{flex:1;padding:12px 20px 24px}
.ms-p-socio__corpo p{margin:0 0 .7em;font-size:.9375rem;line-height:1.58;color:var(--ms-texto-2)}
.ms-p-socio__corpo>:last-child{margin-bottom:0}

/* 12. Quem está por trás ---------------------------------------------------- */
.ms-p-portras{display:grid;gap:40px;align-items:center}
@media (min-width:900px){.ms-p-portras{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px}}
.ms-p-portras__midia{position:relative;max-width:460px;width:100%;margin:28px auto 0;isolation:isolate}
@media (min-width:900px){.ms-p-portras__midia{margin:36px 0 0}}
.ms-p-portras__midia::before{content:"";position:absolute;z-index:-2;inset:-12% -16%;background:radial-gradient(closest-side,rgba(61,220,151,.3),rgba(30,74,38,.5) 45%,rgba(10,15,10,0));filter:blur(14px);animation:ms-p-respira 7s ease-in-out infinite}
.ms-p-portras__midia>.ms-p-img .ms-p-img__quadro{border-color:rgba(244,197,66,.4);box-shadow:0 40px 90px -20px rgba(0,0,0,.85),0 0 60px -14px rgba(244,197,66,.35)}
.ms-p-portras__extra{position:absolute;z-index:-1;width:44%;top:-28px}
.ms-p-portras__extra--1{left:3%;transform:rotate(-6deg)}
.ms-p-portras__extra--2{right:3%;transform:rotate(5deg);top:-12px}
@media (min-width:900px){.ms-p-portras__extra--1{left:-6%;transform:rotate(-7deg)}.ms-p-portras__extra--2{right:-6%;transform:rotate(6deg)}}
.ms-p-portras__extra .ms-p-img__quadro{border-radius:10px;padding:8px;gap:4px;box-shadow:0 16px 36px rgba(0,0,0,.55)}
.ms-p-portras__extra .ms-p-img__icone{width:28px;height:28px}
.ms-p-portras__extra .ms-p-img__icone svg{width:14px;height:14px}
.ms-p-portras__extra .ms-p-img__selo{font-size:.5625rem;letter-spacing:.12em}
.ms-p-portras__texto .ms-p-bastidores{margin:28px 0 0}

/* 13. Galeria de fotos (6) -------------------------------------------------- */
.ms-p-galeria{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:760px){.ms-p-galeria{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
.ms-p-galeria .ms-p-img{--ms-p-ar:4/3}
.ms-p-galeria .ms-p-img__quadro{border-radius:14px}
@media (max-width:759px){
  .ms-p-galeria .ms-p-img{--ms-p-ar:1/1}
  .ms-p-galeria .ms-p-img--pendente .ms-p-img__quadro{padding:12px;gap:6px}
  .ms-p-galeria .ms-p-img__icone{width:36px;height:36px}
  .ms-p-galeria .ms-p-img__icone svg{width:18px;height:18px}
  .ms-p-galeria .ms-p-img__selo{font-size:.5625rem;letter-spacing:.12em}
  .ms-p-galeria .ms-p-img__oque{font-size:.75rem}
}

/* 14. Bloco final de CTA ---------------------------------------------------- */
.ms-p-final{max-width:900px;margin:0 auto;text-align:center}
.ms-p-final__fatos{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:12px;text-align:left}
@media (min-width:760px){.ms-p-final__fatos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ms-p-final__fato{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:var(--ms-p-raio-m);background:var(--ms-p-vidro);border:1px solid var(--ms-p-borda);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--ms-p-brilho)}
.ms-p-final__rot{display:block;margin:0 0 3px;font:800 .6875rem/1.2 var(--ms-fonte-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--ms-p-verde)}
.ms-p-final__val{display:block;font-weight:600;font-size:.9375rem;line-height:1.45;color:#FFFFFF}
.ms-p-final__val .ms-pendente--inline{font-weight:400}
.ms-p-final__aviso{display:flex;gap:16px;align-items:flex-start;max-width:660px;margin:28px auto 0;padding:18px 20px;text-align:left;border-radius:var(--ms-p-raio-m);
  background:rgba(16,26,17,.78);border:1px solid var(--ms-p-borda);border-left:3px solid var(--ms-p-verde);font-size:.9375rem;line-height:1.55;color:var(--ms-texto-2)}
.ms-p-final__aviso strong{color:#FFFFFF}
.ms-p-final__aviso .ms-p-icone{width:40px;height:40px;border-radius:50%}
.ms-p-final__aviso .ms-p-icone svg{width:18px;height:18px}

/* utilidades da página */
body>.ms-rodape{margin-top:0}

/* 15. Efeitos: entrada ao rolar, grão, animações ----------------------------- */
/* Entrada: ms-efeitos.js põe .ms-fx no <html> (só sem movimento reduzido)
   e .is-visivel quando o bloco entra na tela. Sem o JS, tudo aparece. */
.ms-fx .ms-p-revela{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.ms-fx .ms-p-revela.is-visivel{opacity:1;transform:none}
.ms-fx .ms-p-revela.is-imediato{transition:none}
@media print{.ms-fx .ms-p-revela{opacity:1;transform:none}}
/* grão sutil sobre o escuro: <body class="ms-p-grao">. Estático. */
.ms-p-grao::after{content:"";position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}

@keyframes ms-p-fluxo{to{background-position:40px 0}}
@keyframes ms-p-respira{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes ms-p-pulsa{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.45);opacity:1}}
@keyframes ms-p-varre{0%{transform:translateX(-130%)}18%,100%{transform:translateX(130%)}}
@keyframes ms-p-reflexo{0%{transform:translateX(-160%) skewX(-18deg)}38%,100%{transform:translateX(330%) skewX(-18deg)}}
@keyframes ms-p-reluz{0%,100%{background-position:100% 0}50%{background-position:0% 0}}
@keyframes ms-p-gira-aro{to{--ms-p-ang:360deg}}
@keyframes ms-p-onda{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.45);opacity:0}}
@keyframes ms-p-pulso-cta{
  0%,100%{box-shadow:var(--ms-p-brilho-ouro),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(150,95,10,.35)}
  50%{box-shadow:0 0 0 6px rgba(244,197,66,.18),0 18px 44px -10px rgba(244,197,66,.75),0 0 70px -4px rgba(244,197,66,.65),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(150,95,10,.35)}}
@keyframes ms-p-deriva-1{to{transform:translate(-14vmax,10vmax) scale(1.12)}}
@keyframes ms-p-deriva-2{to{transform:translate(16vmax,-6vmax) scale(.92)}}
@keyframes ms-p-deriva-3{to{transform:translate(-10vmax,-12vmax) scale(1.18)}}

/* Movimento reduzido: tudo parado, nada some */
@media (prefers-reduced-motion:reduce){
  .ms-p-faixa{height:auto;margin:0;overflow:visible;pointer-events:auto}
  .ms-p-faixa__fundo,.ms-p-faixa__pausa,.ms-p-faixa__grupo[aria-hidden="true"]{display:none}
  .ms-p-faixa__banda{position:relative;left:auto;right:auto;top:auto;transform:none}
  .ms-p-faixa__trilho{animation:none!important;width:auto;justify-content:center;padding:0 var(--ms-gutter)}
  .ms-p-faixa__grupo{flex:0 1 auto;max-width:100%;flex-wrap:wrap;justify-content:center;row-gap:8px}
  .ms-p-faixa__trilho{width:100%}
  .ms-p-faixa__grupo li{white-space:normal}
  .ms-p-faixa__grupo li:last-child::after{display:none}
  .ms-p-halos span,.ms-p-motor__nos::before,.ms-p-motor__circulo::before,.ms-p-motor__estado::before,.ms-p-heroi__foto::before,
  .ms-p-socios-area::before,.ms-p-linha-pontos i,.ms-p-socio__brilho,.ms-p-ouro,.ms-p-btn::before,.ms-p-borda-viva::before,
  .ms-p-depo__play::before,.ms-p-aviso__ponto,.ms-cta-fixo .ms-p-btn,.ms-p-portras__midia::before{animation:none!important}
  .ms-p-socio__brilho,.ms-p-btn::before,.ms-p-depo__play::before,.ms-p-segue::after{display:none}
  .ms-p-btn:hover,.ms-p-btn:focus-visible,.ms-p-socio:hover,.ms-p-card--vivo:hover,.ms-p-depo:hover{transform:none}
  .ms-p-btn:hover .ms-p-btn__seta,.ms-p-btn:focus-visible .ms-p-btn__seta{transform:none}
  .ms-fx .ms-p-revela{opacity:1;transform:none;transition:none}
}
@media (forced-colors:active){
  .ms-p-ouro,.ms-p-motor__valor,.ms-p-conta__num,.ms-p-socio__nome{background:none;-webkit-text-fill-color:currentColor;color:CanvasText;filter:none}
  .ms-p-btn,.ms-p-card,.ms-p-form,.ms-p-campo__input,.ms-p-img__quadro,.ms-p-depo,.ms-p-socio,.ms-p-paraquem__col{border:1px solid CanvasText}
  .ms-p-aceite__caixa{border-color:CanvasText}
  .ms-p-aceite__linha input:checked+.ms-p-aceite__caixa{background:Highlight}
  .ms-p-grao::after,.ms-p-halos{display:none}
}

/* CFG.MOSTRAR_PENDENTES = false: o que depende de ativo que não existe some. */
.ms-sem-pendentes .ms-p-img--pendente,
.ms-sem-pendentes .ms-p-depo--pendente,
.ms-sem-pendentes .ms-pendente,
.ms-sem-pendentes [data-pendente]{display:none !important}