/* Ajustes do M3SH sobre a página herdada (12/10/2026).
   O atalho para o Telegram do site original não faz parte do projeto: a regra abaixo o
   mantém fora mesmo que o React o recoloque ao hidratar. */
a[href*="t.me/"] { display: none !important; }

/* Ícones do X e do Instagram do rodapé: apontavam para as contas do site original.
   Ficam ocultos até existirem as contas do M3SH. Para religar: pôr os endereços novos
   no lugar dos dois "#" do nav "Social" em index.html (aparecem duas vezes cada) e apagar esta regra. */
nav[aria-label="Social"] { display: none !important; }

/* Hero da home (18/10/2026): imagem nova subida ~1cm e deslocada ~0,5cm para a direita,
   sobre a posição herdada (translateY 19.5%).
   Mais 2,5vw para a direita (18/10/2026, foto transparente) para afastar do texto ao lado. Só no desktop, onde a imagem posicionada aparece. */
@media (min-width: 1200px) {
  img[data-landing-hero-image="true"] {
    transform: translate(calc(19px + 2.5vw), calc(19.5% - 38px)) !important;
  }
}

/* 27/10/2026 · "to get started:" como texto corrido num span só (antes: letra a letra em dois spans + aria-label,
   que robôs e leitores externos liam em dobro). As letras se espalham pela largura; onde o navegador não
   suporta text-justify, o espaço vai para os dois intervalos de palavra. */
.m3-espalha{display:block;width:100%;white-space:nowrap;text-align:justify;text-align-last:justify;text-justify:inter-character;letter-spacing:clamp(2px,1vw,10px)}
@media (min-width:1200px){.m3-espalha{letter-spacing:clamp(20px,2.8vw,30px)}}

/* 28/10/2026 · rodapé em três linhas (marca · links · aviso) no desktop: fontes menores para caber na faixa preta
   (o degradê de 170 px foi desfeito a pedido do usuário; a faixa sobe de 50 para 64 px, sem degradê). Celular: m3sh-mobile.css. */
@media (min-width: 640px) {
  main.m3sh-landing > footer > div[class*="1a1a1a"] { height: 64px !important; }
  main.m3sh-landing > footer > p[data-m3legal] { font-size: 11px !important; line-height: 1.25 !important; bottom: 8px !important; }
  main.m3sh-landing > footer > p[data-m3legal] > .m3-links { font-size: 9px !important; line-height: 1.5 !important; margin-top: 3px !important; }
  main.m3sh-landing > footer > p[data-m3legal] > .m3-risco { font-size: 8.5px !important; line-height: 1.3 !important; margin-top: 3px !important; }
}