/* FUGA · PÁGINA 6 — MANIFESTUM */
html body #paginaDiploma.container.page-balance{
  display:flex!important;
  flex-direction:column!important;
  width:min(100%,680px)!important;
  max-width:680px!important;
  min-height:100svh!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:clamp(1.25rem,5vw,2.1rem) clamp(1rem,5vw,1.75rem) calc(1.75rem + env(safe-area-inset-bottom))!important;
  overflow:visible!important;
  background:var(--img-diploma) center top / 100% 100% no-repeat!important;
  background-color:#f4e4bd!important;
  border:0!important;
  box-shadow:none!important;
  color:#000!important;
  font-family:Montserrat,Arial,sans-serif!important;
}

html body #paginaDiploma.container.page-balance[style*="display:none"],html body #paginaDiploma.container.page-balance[style*="display: none"]{display:none!important}
#paginaDiploma *,#paginaDiploma *::before,#paginaDiploma *::after{box-sizing:border-box!important}
#paginaDiploma #diplomaCard{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:#000!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-align:center!important;
}
#paginaDiploma .diploma-emblema{width:var(--fuga-marca-w,clamp(118px,34vw,150px))!important;height:auto!important;margin:0 auto .5rem!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#paginaDiploma .diploma-emblema img{display:block!important;width:100%!important;height:auto!important}
#paginaDiploma #diplomaMarca{display:none!important}
#paginaDiploma #diplomaTitulo{margin:0!important;padding:0!important;color:#000!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(2.65rem,12.6vw,4.9rem)!important;font-weight:900!important;line-height:.9!important;letter-spacing:-.07em!important;text-shadow:none!important}
#paginaDiploma #diplomaTitulo::after{content:"";display:block;width:3.6rem;height:2px;margin:1rem auto 1.35rem;background:#000}
#paginaDiploma #diplomaDeclaracao{display:none!important}
#paginaDiploma #diplomaEquipe{display:block!important;margin:0!important;color:#000!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(1.7rem,8vw,3rem)!important;font-weight:900!important;line-height:1.03!important;text-shadow:none!important}
#paginaDiploma #diplomaConclusao{margin:.55rem 0 1.75rem!important;color:#000!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(1rem,4.6vw,1.55rem)!important;font-weight:800!important;line-height:1.15!important;text-transform:uppercase!important;text-shadow:none!important}
#paginaDiploma .diploma-metricas{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 1.4rem!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
#paginaDiploma .diploma-metricas>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:92px!important;margin:0!important;padding:.7rem .15rem!important;background:transparent!important;border:0!important;border-bottom:2px solid #000!important;border-radius:0!important;box-shadow:none!important}
#paginaDiploma .diploma-metricas span{display:block!important;margin:0 0 .38rem!important;color:#000!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(.85rem,3.8vw,1.15rem)!important;font-weight:700!important;line-height:1!important;text-transform:uppercase!important}
#paginaDiploma .diploma-metricas strong{display:block!important;color:#000!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(1.45rem,7vw,2.35rem)!important;font-weight:900!important;line-height:1!important;text-shadow:none!important}
#paginaDiploma #diplomaHonra{margin:2.2rem 0 1.25rem!important;color:#000!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(.92rem,4.1vw,1.3rem)!important;font-weight:700!important;line-height:1.2!important;text-align:center!important;text-transform:uppercase!important}
#paginaDiploma .social-row{display:grid!important;grid-template-columns:1fr!important;gap:.6rem!important;width:100%!important;margin:0!important;padding:0!important}
#paginaDiploma .social-row .btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:64px!important;margin:0!important;padding:.6rem .25rem!important;color:#000!important;background:#fff!important;border:2px solid #000!important;border-radius:12px!important;box-shadow:none!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(.72rem,3.45vw,1.08rem)!important;font-weight:900!important;line-height:1!important;text-shadow:none!important}
#paginaDiploma .social-row .btn:disabled{opacity:.45!important;cursor:wait!important}
#paginaDiploma #shareStatus,#paginaDiploma #fotoEquipaStatus{min-height:0!important;margin:0!important;padding:0!important}
#paginaDiploma .manifestum-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;width:100%!important;margin:1.4rem 0 0!important;padding:0!important}
#paginaDiploma .manifestum-tools .btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:62px!important;margin:0!important;padding:.7rem .5rem!important;color:#000!important;background:#fff!important;border:2px solid #000!important;border-radius:12px!important;box-shadow:none!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(.88rem,4vw,1.18rem)!important;font-weight:900!important;line-height:1!important;text-shadow:none!important;white-space:nowrap!important}
#paginaDiploma .manifestum-tools #fotoEquipaBtn{grid-column:1 / -1!important;min-height:70px!important;font-size:clamp(1rem,4.6vw,1.4rem)!important}
#paginaDiploma .manifestum-tools .diploma-back{grid-column:1!important}
#paginaDiploma .manifestum-tools .nav-forward{grid-column:2!important}
#paginaDiploma #shareStatus:empty{display:none!important}

/* Desfeitiço das regras de cenário antigas. */
#paginaDiploma #diplomaEquipe[data-player-name]::before{content:none!important;display:none!important}
#paginaDiploma #diplomaEquipe[data-player-name]{font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(1.7rem,8vw,3rem)!important;font-weight:900!important;line-height:1.03!important;color:#000!important}
#paginaDiploma .manifestum-tools{height:auto!important;min-height:0!important}
#paginaDiploma .manifestum-tools #fotoEquipaBtn,
#paginaDiploma .manifestum-tools #btnVoltarRanking,
#paginaDiploma .manifestum-tools #btnContinuarDespedida{
  display:flex!important;
  min-width:0!important;
  min-height:62px!important;
  height:auto!important;
  padding:.7rem .5rem!important;
  color:#000!important;
  background:#fff!important;
  border:2px solid #000!important;
  border-radius:12px!important;
  box-shadow:none!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:clamp(.88rem,4vw,1.18rem)!important;
  font-weight:900!important;
  line-height:1!important;
  text-shadow:none!important;
}
#paginaDiploma .manifestum-tools #fotoEquipaBtn{min-height:70px!important;font-size:clamp(1rem,4.6vw,1.4rem)!important}
#paginaDiploma .manifestum-tools #btnVoltarRanking::after,
#paginaDiploma .manifestum-tools #btnContinuarDespedida::after{content:none!important;display:none!important}

/* Grelha inequívoca: elimina a composição histórica 18 / 60 / 18. */
#paginaDiploma .manifestum-tools{
  display:grid!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto auto!important;
  gap:.75rem!important;
  height:auto!important;
}
#paginaDiploma .manifestum-tools #fotoEquipaBtn{grid-column:1 / 3!important;grid-row:1!important;width:100%!important}
#paginaDiploma .manifestum-tools #btnVoltarRanking{grid-column:1!important;grid-row:2!important;width:100%!important}
#paginaDiploma .manifestum-tools #btnContinuarDespedida{grid-column:2!important;grid-row:2!important;width:100%!important}
#paginaDiploma #btnShareDiploma{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:clamp(.72rem,3.45vw,1.08rem)!important;
  font-weight:900!important;
  color:#000!important;
  background:#fff!important;
  border:2px solid #000!important;
  border-radius:12px!important;
  box-shadow:none!important;
}

/* Estrutura final: todos os blocos participam no mesmo fluxo vertical. */
#paginaDiploma #diplomaCard,
#paginaDiploma .social-row,
#paginaDiploma .manifestum-tools,
#paginaDiploma #shareStatus,
#paginaDiploma #fotoEquipaStatus{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
#paginaDiploma #diplomaCard{display:block!important;order:0!important;visibility:visible!important;opacity:1!important}
#paginaDiploma .social-row{display:grid!important;order:1!important;align-self:stretch!important;margin:0!important}
#paginaDiploma .manifestum-tools{display:grid!important;order:2!important;align-self:stretch!important;margin:1.4rem 0 0!important}
#paginaDiploma #shareStatus,#paginaDiploma #fotoEquipaStatus{order:3!important}
#paginaDiploma .diploma-emblema{display:block!important;visibility:visible!important;opacity:1!important}
#paginaDiploma #diplomaTitulo{display:block!important;visibility:visible!important;opacity:1!important}
#paginaDiploma .social-row .btn{width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:clip!important}

/* A pré-visualização e o File enviado nascem do mesmo data URL do canvas. */
#paginaDiploma #diplomaCanonicalPreview{display:none!important;width:100%!important;height:auto!important;margin:0!important;border:0!important}
#paginaDiploma #diplomaCard.tem-diploma-canonico #diplomaCanonicalPreview{display:block!important}
#paginaDiploma #diplomaCard.tem-diploma-canonico > :not(#diplomaCanonicalPreview){display:none!important}
#paginaDiploma #diplomaShareHeading{margin:.9rem 0 .6rem!important;color:#000!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(.92rem,4.1vw,1.3rem)!important;font-weight:700!important;line-height:1.2!important;text-align:center!important;text-transform:uppercase!important}

/* Cabeçalho e espaço da fotografia: os dois elementos âncora do Manifestum. */
#paginaDiploma #diplomaCard .diploma-emblema{
  display:block!important;
  width:var(--fuga-marca-w,clamp(118px,34vw,150px))!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto .65rem!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}
#paginaDiploma #diplomaCard .diploma-emblema img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;visibility:visible!important;opacity:1!important}
#paginaDiploma #diplomaCard #diplomaTitulo{
  display:block!important;
  margin:0!important;
  padding:0!important;
  visibility:visible!important;
  opacity:1!important;
  color:#000!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:clamp(2.65rem,12.6vw,4.9rem)!important;
  font-weight:900!important;
  line-height:.9!important;
}
#paginaDiploma #diplomaFotoSlot{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  width:min(100%,390px)!important;
  min-height:clamp(104px,26vw,160px)!important;
  margin:0 auto 1.5rem!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1.5px dashed rgba(0,0,0,.35)!important;
  border-radius:10px!important;
}
#paginaDiploma #diplomaFotoSlot #diplomaFotoEquipa{display:none!important;width:100%!important;height:100%!important;min-height:inherit!important;object-fit:cover!important}
#paginaDiploma #diplomaFotoSlot #diplomaFotoHint{display:block!important;color:#555!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(.7rem,3.1vw,.9rem)!important;font-weight:800!important;letter-spacing:.08em!important}
#paginaDiploma #diplomaFotoSlot.tem-foto{border-style:solid!important}
#paginaDiploma #diplomaFotoSlot.tem-foto #diplomaFotoEquipa{display:block!important}
#paginaDiploma #diplomaFotoSlot.tem-foto #diplomaFotoHint{display:none!important}

/* MANIFESTUM não pode herdar recortes, coordenadas ou camadas do cenário antigo. */
html body #paginaDiploma #diplomaCard #diplomaTitulo{
  display:block!important;
  position:static!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:10!important;
  margin:0!important;
  padding:0!important;
}

/* Mesmo quadro móvel do Ranking; o Manifestum mantém foto, dados e ações
   dentro da mesma composição vertical. */
html body #paginaDiploma.container.page-balance{
  width:var(--game-safe-width)!important;
  max-width:var(--game-safe-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:clamp(.7rem,3vw,1.1rem) clamp(.8rem,3.8vw,1.15rem) calc(.8rem + env(safe-area-inset-bottom))!important;
}
#paginaDiploma #diplomaCard .diploma-emblema{
  width:clamp(88px,26vw,112px)!important;
  margin-bottom:.4rem!important;
}
#paginaDiploma #diplomaCard #diplomaTitulo{
  font-size:clamp(2.2rem,10vw,3.4rem)!important;
  line-height:.92!important;
}
#paginaDiploma #diplomaTitulo::after{margin:.65rem auto .8rem!important}
#paginaDiploma #diplomaEquipe{font-size:clamp(1.45rem,6.8vw,2.25rem)!important}
#paginaDiploma #diplomaConclusao{margin:.38rem 0 1rem!important;font-size:clamp(.9rem,4vw,1.18rem)!important}
#paginaDiploma #diplomaFotoSlot{
  min-height:clamp(92px,20vw,120px)!important;
  margin:0 auto .7rem!important;
}
#paginaDiploma .diploma-metricas>div{min-height:68px!important;padding:.4rem .1rem!important}
#paginaDiploma #diplomaHonra{margin:.85rem 0 .6rem!important;font-size:clamp(.82rem,3.5vw,1.02rem)!important}
#paginaDiploma .social-row .btn{min-height:50px!important}
#paginaDiploma .manifestum-tools{margin:.75rem 0 0!important;gap:.55rem!important}
#paginaDiploma .manifestum-tools #fotoEquipaBtn{min-height:54px!important}
#paginaDiploma .manifestum-tools #btnVoltarRanking,
#paginaDiploma .manifestum-tools #btnContinuarDespedida{min-height:50px!important}

/* As ações do Manifestum assentam no fundo disponível; assim a altura da
   janela não as deixa suspensas no meio da página. */
#paginaDiploma .social-row{margin-top:auto!important}

/* Autoridade final do Manifestum: não mostrar uma segunda composição HTML. */
html body #paginaDiploma #diplomaCard.tem-diploma-canonico > :not(#diplomaCanonicalPreview){display:none!important}
html body #paginaDiploma #diplomaCard.tem-diploma-canonico #diplomaCanonicalPreview{display:block!important;width:100%!important;height:auto!important;margin:0!important}

/* Comandos sobre o pergaminho: sem cartões brancos, como o Manifestum. */
#paginaDiploma .social-row .btn,
#paginaDiploma .manifestum-tools .btn,
#paginaDiploma #btnShareDiploma,
#paginaDiploma .manifestum-tools #fotoEquipaBtn,
#paginaDiploma .manifestum-tools #btnVoltarRanking,
#paginaDiploma .manifestum-tools #btnContinuarDespedida{
  color:#000!important;
  background:transparent!important;
  border:2px solid #000!important;
  border-radius:14px!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
#paginaDiploma #btnShareDiploma{min-height:66px!important;font-size:clamp(.84rem,3.7vw,1.15rem)!important}
#paginaDiploma .manifestum-tools #fotoEquipaBtn{min-height:68px!important;font-size:clamp(1rem,4.4vw,1.32rem)!important}

/* Garantia final: estes comandos pertencem apenas ao Diploma e nunca podem
   herdar ocultação, coordenadas ou animações de páginas históricas. */
html body #paginaDiploma .social-row,
html body #paginaDiploma .manifestum-tools{
  display:grid!important;
  position:relative!important;
  inset:auto!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  z-index:1!important;
}
html body #paginaDiploma #btnShareWA,
html body #paginaDiploma #btnShareIG,
html body #paginaDiploma #btnShareTT,
html body #paginaDiploma #fotoEquipaBtn,
html body #paginaDiploma #btnVoltarRanking,
html body #paginaDiploma #btnContinuarDespedida{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Três portas visuais, uma única entrega nativa do mesmo PNG. */
html body #paginaDiploma .social-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #paginaDiploma .social-row .btn{min-height:64px!important;font-size:clamp(.72rem,3.15vw,1.02rem)!important}

/* Cabeçalho do Manifestum: a mesma cadência visual dos títulos de cenário. */
html body #paginaDiploma #diplomaConclusao{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  white-space:normal!important;
}
@media (max-width:720px){
  /* O Manifestum usa o mesmo palco dos Desafios e da Despedida: conteúdo
     central e comandos ancorados ao rodapé, sem depender do texto acima. */
  /* Palco fixo: o conteúdo do cabeçalho nunca empurra partilha ou comandos. */
  html body #paginaDiploma.container.page-balance{
    display:block!important;
    position:relative!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  html body #paginaDiploma #diplomaCard{
    position:absolute!important;
    inset:clamp(.6rem,2svh,1rem) 10% calc(13.4rem + env(safe-area-inset-bottom))!important;
    width:80%!important;
    height:auto!important;
    margin:0!important;
    display:block!important;
    overflow:hidden!important;
  }
  html body #paginaDiploma #diplomaCard #diplomaTitulo{
    margin-top:clamp(2.35rem,5svh,3rem)!important;
    font-size:clamp(2.5rem,11.5vw,4rem)!important;
  }
  html body #paginaDiploma #diplomaTitulo::after{
    margin:.4rem auto .85rem!important;
  }
  html body #paginaDiploma #diplomaEquipe{
    margin-top:1rem!important;
  }
  html body #paginaDiploma #diplomaConclusao{
    margin:.25rem 0 .65rem!important;
    width:125%!important;
    margin-left:-12.5%!important;
    font-size:clamp(1.05rem,4.2vw,1.45rem)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    text-wrap:nowrap!important;
    transform:scaleX(.8)!important;
    transform-origin:center!important;
  }
  html body #paginaDiploma #diplomaData{
    font-size:clamp(1.3rem,5.6vw,2rem)!important;
    white-space:nowrap!important;
  }
  html body #paginaDiploma .social-row{
    position:absolute!important;
    inset:auto 10% calc(clamp(7rem,15.5svh,8.4rem) + 3.3rem + env(safe-area-inset-bottom))!important;
    width:80%!important;
    height:clamp(2.2rem,4.5svh,2.6rem)!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.55rem!important;
  }
  html body #paginaDiploma #diplomaHonra{
    position:absolute!important;
    left:0!important;
    bottom:max(.5rem,calc(clamp(7rem,15.5svh,8.4rem) + 3.3rem + clamp(2.2rem,4.5svh,2.6rem) + .55rem - 13.4rem))!important;
    width:100%!important;
    margin:0!important;
    text-align:center!important;
  }
  html body #paginaDiploma .social-row .btn{
    min-height:0!important;
    height:100%!important;
    padding:.25rem .15rem!important;
  }
  html body #paginaDiploma .manifestum-tools{
    position:absolute!important;
    inset:auto 10% calc(.55rem + env(safe-area-inset-bottom))!important;
    width:80%!important;
    height:clamp(7rem,15.5svh,8.4rem)!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:"photo photo" "back forward"!important;
    gap:.55rem!important;
  }
  html body #paginaDiploma #fotoEquipaBtn{grid-area:photo!important;min-height:0!important}
  html body #paginaDiploma #btnVoltarRanking{grid-area:back!important;min-height:0!important}
  html body #paginaDiploma #btnContinuarDespedida{grid-area:forward!important;min-height:0!important}
  html body #paginaDiploma #shareStatus,
  html body #paginaDiploma #fotoEquipaStatus{display:none!important}
}

/* Cabo de aço do rodapé do Manifestum. As três portas de partilha usam uma
   régua; o comando de fotografia e a dupla Anterior/Seguinte usam as duas
   linhas da mesma grelha. Nenhum botão pode voltar a impor a sua altura. */
@media (max-width:720px){
  html body #paginaDiploma{
    --manifestum-social-h:clamp(2.2rem,4.5svh,2.6rem);
  }
  html body #paginaDiploma .social-row{
    grid-auto-rows:var(--manifestum-social-h)!important;
  }
  html body #paginaDiploma .social-row .btn{
    width:100%!important;
    height:var(--manifestum-social-h)!important;
    min-height:var(--manifestum-social-h)!important;
    max-height:var(--manifestum-social-h)!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html body #paginaDiploma .manifestum-tools{
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
  }
  html body #paginaDiploma .manifestum-tools > button{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

/* Métrica terminal dos Desafios: esta camada vem após o fluxo universal e
   dá ao Manifestum um palco de ecrã inteiro, mantendo scroll só como rede. */
@media (max-width:720px){
  html body #paginaDiploma.container.page-balance{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  html body #paginaDiploma #diplomaCard{
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  html body #paginaDiploma #diplomaFotoSlot{
    flex:1 1 0!important;
    min-height:clamp(72px,15svh,120px)!important;
    margin-bottom:.7rem!important;
  }
  html body #paginaDiploma .social-row,
  html body #paginaDiploma .manifestum-tools{
    flex:0 0 auto!important;
  }
}

/* Régua da Despedida aplicada ao Manifestum: a mesma largura útil e a mesma
   altura para cada porta, seja rede social, fotografia ou navegação. */
@media (max-width:720px){
  html body #paginaDiploma.container.page-balance{
    padding-left:clamp(1rem,5vw,1.75rem)!important;
    padding-right:clamp(1rem,5vw,1.75rem)!important;
  }
  html body #paginaDiploma #diplomaCard,
  html body #paginaDiploma .social-row,
  html body #paginaDiploma .manifestum-tools{
    width:100%!important;
  }
  html body #paginaDiploma{
    --manifestum-action-h:clamp(46px,7svh,58px);
  }
  html body #paginaDiploma .social-row{
    grid-auto-rows:var(--manifestum-action-h)!important;
    height:var(--manifestum-action-h)!important;
    min-height:var(--manifestum-action-h)!important;
    max-height:var(--manifestum-action-h)!important;
    align-items:stretch!important;
  }
  html body #paginaDiploma .manifestum-tools{
    grid-template-rows:var(--manifestum-action-h) var(--manifestum-action-h)!important;
  }
  html body #paginaDiploma .social-row .btn,
  html body #paginaDiploma .manifestum-tools #fotoEquipaBtn,
  html body #paginaDiploma .manifestum-tools #btnVoltarRanking,
  html body #paginaDiploma .manifestum-tools #btnContinuarDespedida{
    width:100%!important;
    height:var(--manifestum-action-h)!important;
    min-height:var(--manifestum-action-h)!important;
    max-height:var(--manifestum-action-h)!important;
    margin:0!important;
    padding:.35rem .65rem!important;
    box-sizing:border-box!important;
  }
}

/* Métrica dos Desafios para o Manifestum: cabeçalho e comandos conservam a
   sua altura; a fotografia é o palco elástico que completa o ecrã. */
@media (max-width:720px){
  html body #paginaDiploma.container.page-balance{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  html body #paginaDiploma #diplomaCard{
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  html body #paginaDiploma #diplomaFotoSlot{
    flex:1 1 0!important;
    min-height:clamp(72px,15svh,120px)!important;
    margin-bottom:.7rem!important;
  }
  html body #paginaDiploma .social-row,
  html body #paginaDiploma .manifestum-tools{
    flex:0 0 auto!important;
  }
}

/* Lei universal do Manifestum: os comandos seguem o documento, não o ecrã.
   Em ecrãs baixos a página pode deslizar naturalmente; nenhuma ação invade
   a altura reservada pela ação anterior. */
@media (max-width:720px){
  html body #paginaDiploma.container.page-balance{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:calc(1rem + env(safe-area-inset-bottom))!important;
  }
  html body #paginaDiploma #diplomaCard{
    position:static!important;
    inset:auto!important;
    width:80%!important;
    height:auto!important;
    margin:0 auto!important;
    overflow:visible!important;
  }
  html body #paginaDiploma #diplomaHonra{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    margin:.85rem 0 .55rem!important;
    transform:none!important;
  }
  html body #paginaDiploma .social-row{
    position:static!important;
    inset:auto!important;
    width:80%!important;
    height:auto!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    gap:.55rem!important;
  }
  html body #paginaDiploma .social-row .btn{
    width:100%!important;
    height:auto!important;
    min-height:clamp(46px,7svh,58px)!important;
    max-height:none!important;
    margin:0!important;
  }
  html body #paginaDiploma .manifestum-tools{
    position:static!important;
    inset:auto!important;
    width:80%!important;
    height:auto!important;
    margin:.55rem auto 0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"photo photo" "back forward"!important;
    gap:.55rem!important;
  }
  html body #paginaDiploma .manifestum-tools > button{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:clamp(46px,7svh,58px)!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
  }
}

/* Prioridade final: o quadro do Manifestum ocupa o ecrã como os Desafios.
   A fotografia absorve a variação de altura; os comandos nunca a recebem. */
@media (max-width:720px){
  html body #paginaDiploma.container.page-balance{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  html body #paginaDiploma #diplomaCard{
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  html body #paginaDiploma #diplomaFotoSlot{
    flex:1 1 0!important;
    min-height:clamp(72px,15svh,120px)!important;
    margin-bottom:.7rem!important;
  }
  html body #paginaDiploma .social-row,
  html body #paginaDiploma .manifestum-tools{
    flex:0 0 auto!important;
  }
}

/* Régua visual terminal: as cinco ações usam a largura e a altura da
   Despedida. Esta declaração vence todas as folhas históricas anteriores. */
@media (max-width:720px){
  html body #paginaDiploma.container.page-balance{
    padding-left:clamp(1rem,5vw,1.75rem)!important;
    padding-right:clamp(1rem,5vw,1.75rem)!important;
  }
  html body #paginaDiploma #diplomaCard,
  html body #paginaDiploma .social-row,
  html body #paginaDiploma .manifestum-tools{
    width:100%!important;
  }
  html body #paginaDiploma{
    --manifestum-action-h:clamp(46px,7svh,58px);
  }
  html body #paginaDiploma .social-row{
    grid-auto-rows:var(--manifestum-action-h)!important;
  }
  html body #paginaDiploma .manifestum-tools{
    grid-template-rows:var(--manifestum-action-h) var(--manifestum-action-h)!important;
  }
  html body #paginaDiploma .social-row .btn,
  html body #paginaDiploma .manifestum-tools #fotoEquipaBtn,
  html body #paginaDiploma .manifestum-tools #btnVoltarRanking,
  html body #paginaDiploma .manifestum-tools #btnContinuarDespedida{
    width:100%!important;
    height:var(--manifestum-action-h)!important;
    min-height:var(--manifestum-action-h)!important;
    max-height:var(--manifestum-action-h)!important;
    margin:0!important;
    padding:.35rem .65rem!important;
    box-sizing:border-box!important;
  }
}

/* A linha de redes é também uma ação única: não pode receber uma altura
   residual maior do que a fotografia ou a navegação. */
@media (max-width:720px){
  html body #paginaDiploma .social-row{
    height:var(--manifestum-action-h)!important;
    min-height:var(--manifestum-action-h)!important;
    max-height:var(--manifestum-action-h)!important;
    align-items:stretch!important;
  }
}

/* Resultado em primeiro plano; contexto numa única linha leve. Mantêm-se os
   mesmos IDs para tradução, canvas e partilha do Manifestum. */
html body #paginaDiploma .diploma-metricas{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
html body #paginaDiploma .diploma-metricas-principais{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0 .55rem!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #paginaDiploma .diploma-metricas-principais > div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:68px!important;
  margin:0!important;
  padding:.4rem .1rem!important;
  border-bottom:0!important;
}

/* Um pequeno avanço do título devolve altura útil à fotografia sem alterar a
   métrica dos comandos. */
@media (max-width:720px){
  html body #paginaDiploma #diplomaCard #diplomaTitulo{
    margin-top:clamp(1.6rem,3.4svh,2.1rem)!important;
  }
}