/* Correção de proporção dos mocks de WhatsApp da /solucoes/ava (verbatim).
   O CSS do Webflow dá só limites de caixa (max-width/max-height) a
   .image-526 e .image-529; com os atributos width/height presentes, largura e
   altura ficam ambas fixas e cada uma é cortada por um fator diferente — daí a
   distorção. `height: auto` devolve o controle à proporção do arquivo.
   Estas classes existem SOMENTE nesta página. */

.image-526,
.image-529 {
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Ícones das abas ("Menos burocracias, mais negócios fechados").
   No Webflow, .ava-box-imagepill tem padding 12px + box-sizing: border-box e o
   HTML declara width/height 24 — a caixa de conteúdo fica com 0px e o ícone
   simplesmente não aparece (mesmo comportamento da produção). content-box
   devolve os 24px reais do arquivo dentro da pílula. */
.ava-box-imagepill {
  box-sizing: content-box;
}