/* ==========================================================================
   MGX — teto de respiro entre seções

   PRIMEIRA TENTATIVA FALHOU e fica registrada: eu apliquei
   `padding-block: clamp(...) !important` em toda seção. Como o CSS não sabe
   ler o valor que já existe, isso ADICIONOU respiro nas seções que tinham
   zero — a página subiu de 22.533px para 28.394px e o vazio foi de 4,9% para
   8,8%. Teto em CSS puro não existe: ou se enumera cada seletor, ou se lê o
   valor no navegador.

   Quem corta agora é o `mgx-respiro.js`, que lê o respiro COMPUTADO de cada
   seção e só reduz o que passa do teto. Aqui ficam apenas as travas: o que
   nunca deve receber respiro.
   ========================================================================== */

/* a moldura do trecho preso tem altura própria: respiro nenhum */
.mgx-moldura, .mgx-palco { padding-block: 0 !important; margin-block: 0 !important; }

/* faixas e divisores ficam colados, como na referência */
.faixa-x, .divisor, .pin-spacer { padding-block: 0 !important; margin-block: 0 !important; }