/* Escala e coluna única no desktop (a partir de 1025 px).
   1) O conteúdo é desenhado menor com zoom uniforme (--escala): na prática a página é composta como se a
      janela fosse 1/--escala maior e depois reduzida, o que dá mais ar nas laterais e nos elementos.
   2) Todas as seções passam a usar a mesma coluna (--col), com as mesmas bordas esquerda e direita.
   O espaçamento vertical entre seções (padding das próprias seções) não muda. */
:root{--escala:.9;--col:min(84.7%,1540px)}
@media(min-width:1025px){
  .header>.container,
  main>section>.container,
  main>section>.solution-tabs__container,
  main>section>.manifesto-composition,
  main>section>.event-gallery,
  main>section>.eco-container,
  main>section>.sp-container,
  main>section>.hl-visual,
  .sp-footer>.sp-container,
  .hwf-foot>.container{zoom:var(--escala)}

  .reference-header .container.nav,
  .reference-hero .container.hero-grid,
  main>section>.container,
  .event-gallery.container,
  .solution-tabs .solution-tabs__container.solution-tabs__container,
  .social-reference .sp-container.sp-container,
  .ecosystem-reference .eco-container.eco-container,
  .hwf-foot>.container{width:var(--col);max-width:none;margin-inline:auto}
}