/* Imagem de destaque no meio da pagina. */

/* ── 03 IMAGEM DESTAQUE ───────────────────────────── */
#imagem-meio-pagina {
  min-height: 100vh;
  height: 100vh;
  width: 100vw;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
  background: var(--bg-light);
}
.destaque-img-wrapper {
  width: 100%;
  height: 100%;
}
.destaque-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 8s var(--cubic-framer);
}
#imagem-meio-pagina:hover .destaque-img-wrapper img {
  transform: scale(1.04);
}