/* /premiss no celular — só o que esta página tem de próprio. */

#pm-hero{padding-top:96px}
/* 15px, e não os 11px de rótulo do kit: nesta página o olho tem 65 caracteres e a nota do
   ticker tem 72 — são frases, não etiquetas, e em corpo de rótulo viram prosa ilegível. O
   espaçamento de letra afrouxa junto, senão três linhas viram cinco. */
.m-hero__eyebrow,
.m-hero__nota{font-size:15px;letter-spacing:.08em;line-height:1.5}
.m-hero__eyebrow{opacity:.55;margin-bottom:18px}
.m-hero__t{font-size:clamp(38px,11vw,60px);line-height:.98}
.m-hero__para{font-size:17px;line-height:1.55;margin-top:28px}
.m-hero__nota{margin-top:22px;opacity:.45;line-height:1.5}
#pm-hero .m-bolt{margin-block:32px}

/* As três etiquetas do herói. Envolvem em vez de rolar: são três, e uma faixa que desliza para
   mostrar a terceira seria gesto pedido para pouca coisa. */
.m-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.m-chips li{
  padding:8px 12px;
  border:1px solid currentColor;border-radius:999px;
  opacity:.75;line-height:1.4;
}

/* ═══════════════════════════════════════════════════════ blocos comuns */
.m-prosa{font-size:17px;line-height:1.55;margin-bottom:var(--m-gap)}
.m-prosa:last-child{margin-bottom:0}
.m-sub{
  margin:var(--m-respiro) 0 var(--m-gap);
  opacity:.5;padding-top:16px;
  border-top:1px solid currentColor;
}
.m-aviso{margin-top:var(--m-gap);font-size:15px;line-height:1.5;opacity:.6}
.m-remate{margin-top:var(--m-respiro);font-size:17px;line-height:1.55}

/* ═══════════════════════════════════════════════════════ 02 · o texto pronto
   A "folha" do documento: no desktop é uma página de papel desenhada; aqui é um cartão, porque
   o que importa é o texto ser lido, não a metáfora do papel. */
.m-doc__frase{
  font-family:var(--font-display);
  font-variation-settings:'wdth' var(--disp-wdth),'wght' var(--disp-wght);
  font-size:clamp(19px,5.4vw,26px);line-height:1.15;text-transform:uppercase;
  margin-bottom:var(--m-gap);
}
.m-doc__p{font-size:16px;line-height:1.6;margin-bottom:16px}
.m-doc__contato{margin-top:18px;font-size:15px;line-height:1.5;opacity:.8}

/* ═══════════════════════════════════════════════════════ 04 · a rota, em linha do tempo
   O fio liga as dez etapas na vertical, no lugar do trilho horizontal do desktop. Ele nasce do
   número e morre no próximo — a última etapa não puxa fio para lugar nenhum. */
.m-linha{display:flex;flex-direction:column}
.m-linha__i{position:relative;display:flex;gap:16px;padding-bottom:var(--m-respiro)}
.m-linha__i:last-child{padding-bottom:0}
.m-linha__i::before{
  content:'';position:absolute;
  left:13px;top:26px;bottom:0;
  width:1px;background:currentColor;opacity:.2;
}
.m-linha__i:last-child::before{display:none}
.m-linha__n{
  flex:0 0 auto;
  width:27px;height:27px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid currentColor;border-radius:50%;
  background:inherit;
  position:relative;z-index:1;
  font-size:10px;
}
.m-linha__cx{flex:1 1 auto;min-width:0;padding-top:2px}
.m-linha__t{font-size:21px;line-height:1.2;margin-bottom:10px}
.m-linha__d{font-size:16px;line-height:1.55}

/* ═══════════════════════════════════════════════════════ pares rótulo/valor
   Mesma solução da implantação da /sistema: o rótulo da coluna cola no valor, para nenhum
   número ficar órfão quando a tabela vira bloco. */
.m-par{display:flex;flex-direction:column;gap:4px;margin-top:14px}
.m-par__lbl{opacity:.5}
.m-par__v{font-size:15px;line-height:1.5}

.m-row__n{display:block;margin-bottom:8px}
.m-contatos__nota{margin-top:8px;font-size:15px;line-height:1.5;opacity:.6}

/* ═══════════════════════════════════════════════════════ 13 · referências
   O endereço quebra dentro da coluna em vez de esticar a página: URL longa é a causa clássica
   de transbordo horizontal no celular. */
.m-ref__link{
  display:block;margin-top:6px;
  font-size:15px;line-height:1.5;opacity:.65;
  word-break:break-all;
  min-height:var(--m-toque);
  padding-block:12px;
  text-decoration:underline;text-underline-offset:3px;
}

/* ═══════════════════════════════════════════════════════ 14 · conclusão */
.m-formulacao{
  font-size:17px;line-height:1.6;
  padding:22px;
  border:1px solid currentColor;border-radius:4px;
}