/*
 * Deltas do build Oxygen da home em ingles (pagina 257) sobre o da home em
 * portugues (pagina 8), que `page.css` serve.
 *
 * As duas paginas foram montadas separadamente no Oxygen, entao o CSS saiu com
 * ids diferentes para os mesmos elementos — 622 regras contra 627, identicas
 * depois de normalizar os ids. Sobraram estas quatro diferencas de verdade.
 * Servir `page.css` nos dois idiomas e aplicar so o delta mantem um DOM unico
 * com os ids de `-8`, e e o que permite uma feature por secao em vez de duas.
 *
 * Carregado apenas sob `/en` — ver `src/app/[lang]/layout.tsx`.
 */

/* #_tabs-3119-257: sem o recuo que a versao em portugues aplica. */
#_tabs-919-8 {
  margin-left: 0;
}

/* #_tabs_contents-3138-257: 100px em vez de 200px. */
#_tabs_contents-926-8 {
  padding-left: 100px;
}

/* #code_block-696-8: o iframe do modal e mais baixo e afastado do topo. */
#code_block-696-8 {
  margin-top: 30px;
  height: 500px;
}

/* A pagina em ingles nao empilha o video do hero acima do resto. */
@media (max-width: 1700px) {
  #code_block-3462-8 {
    z-index: auto;
  }
}

/*
 * `universal.css` — a folha compartilhada pelos dois idiomas — traz uma regra
 * escrita para a secao de abas da pagina em ingles, pelo id dela
 * (`#section-3117-257 .oxy-tabs-contents ... img`). Como o site serve um DOM so,
 * com os ids de `-8`, ela nunca casaria. Aqui ela volta a valer, com o id certo
 * e apenas sob `/en`, que e onde o autor a queria.
 */
#section-906-8 .oxy-tabs-contents .oxy-tab-content .ct-div-block img {
  margin-right: calc(20% + -600px);
  padding-left: 50px;
}