/* O desafio: embaixo do fecho do capítulo vermelho, a faixa de foto de borda a borda que toca o capítulo seguinte.
   A foto é o corredor de reuniões com o Expansion a 30% (E46, opção C3; R101, R074). O filtro está no arquivo da imagem:
   aqui não há filter, mix-blend-mode nem opacidade. Nenhum texto sobre a foto. Só a home carrega este arquivo. */
.mg-desafio { --mg-desafio-sangra: calc(-1 * var(--mg-pad) - max(0px, (100cqw - var(--mg-max)) / 2));
  --mg-desafio-baixo: 80px; }
@media (max-width: 1199px) { .mg-desafio { --mg-desafio-baixo: 64px; } }
@media (max-width: 899px) { .mg-desafio { --mg-desafio-baixo: 48px; } }
.mg-desafio__foto { position: relative; margin: 0; }
.mg-desafio__foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mg-desafio .mg-desafio__foto { margin: clamp(56px, 5.6vw, 80px) var(--mg-desafio-sangra) calc(-1 * var(--mg-desafio-baixo)); }
.mg-desafio .mg-desafio__foto img { height: auto; aspect-ratio: 3 / 1; object-position: 50% 62%; }
@media (max-width: 899px) { .mg-desafio .mg-desafio__foto { margin-top: 48px; } .mg-desafio .mg-desafio__foto img { aspect-ratio: 16 / 10; object-position: 70% 50%; } }
@media (min-width: 600px) and (max-width: 899px) { .mg-desafio .mg-desafio__foto img { aspect-ratio: 2 / 1; object-position: 50% 62%; } }
