/* Correções de fidelidade: onde o clone diverge da fonte por aplicar CSS que a
   fonte declara mas nunca chega a aplicar.

   O Perfmatters adia parte das folhas da origem. Algumas delas nunca são
   promovidas na prática, então regras que existem no CSS da fonte não têm
   efeito nela. Como o clone empacota tudo e aplica em ordem, essas regras
   passam a valer aqui e mudam o render.

   Fidelidade é reproduzir o que a origem RENDERIZA, não o que ela declara.
   Cada regra abaixo restaura um valor medido na fonte, com o número medido ao
   lado. Carregada por último, depois de todos os pedaços.

   ── Thumbnail dos cards de post ──────────────────────────────────────────
   Medido na fonte: img position=absolute, caixa .elementor-post__thumbnail com
   padding-bottom 137.625px e overflow hidden, imagem de 376.7px recortada
   dentro dela. No clone sem esta regra: img position=static, a imagem flui, a
   caixa vai a 510.6px e sobra uma faixa cinza — visível a olho nu.
   Efeito na home: card 837px -> 464px. */
.elementor-post__thumbnail img {
  position: absolute;
  top: calc(50% + 1px);
  left: calc(50% + 1px);
  height: auto;
  transform: scale(1.01) translate(-50%, -50%);
}

/* ── Emojis do WordPress ──────────────────────────────────────────────────
   O WordPress troca cada emoji por <img class="emoji"> e o restringe a 1em
   num <style> inline. No clone essa regra não vence, e o emoji renderiza a
   22px em vez de 16px — o que muda a quebra do parágrafo que o contém.

   Medido em /direitos-trabalhistas-do-empregado: img.emoji 16px na fonte,
   22px no clone; o parágrafo que os contém cai de 145px para 97px, duas
   linhas a menos. É a origem dos deltas de -48 a -120px que sobravam em
   oito páginas — todos múltiplos de 24px, a altura da linha. */
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

/* ── Fundo da seção "Conheça os nossos serviços" ──────────────────────────
   A regra do gradiente existe no bundle, com o mesmo seletor da fonte, e
   mesmo assim não vence a cascata no clone: o elemento fica sem
   background-image e a seção inteira renderiza BRANCA, com o texto dourado
   ilegível sobre fundo claro.

   Medido com elementsFromPoint no mesmo pixel dos dois lados:
     fonte:  radial-gradient(rgb(71,48,2) 0%, rgb(3,2,0) 100%)
     clone:  (nenhum)
   Altura 1965px e border-radius 200px 0 0 são idênticos — só o fundo falta.

   Valor copiado da regra original, não inventado. */
/* ── Fundo da secao de servicos: resolvido no HTML, nao no CSS ────────────
   A causa nao era cascata: o Elementor suprime o fundo de containers a partir
   do 3o filho com

     .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload)
       { background-image: none !important }

   ate que o runtime dele adicione .e-lazyloaded. Sem o runtime, a classe nunca
   chega e o `none !important` vale para sempre — nenhum override meu venceria,
   porque a regra concorrente e mais especifica E a condicao dela nunca se
   satisfaz.

   A classe passa a ser aplicada na extracao (ver extrair-pagina.mjs), que e o
   que o Elementor faria. Nada de CSS aqui. */