/* Enquadramento mobile individual da oferta saudavel. */
@media (max-width: 767px) {
  body #root > main > header:first-child > picture {
    height: 33svh !important;
    min-height: 275px !important;
    max-height: 305px !important;
  }

  body #root > main > header:first-child > picture > img {
    content: url("./img/hero/hero-desktop.jpg");
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-position: right center !important;
    transform: none;
  }

  body #root > main > header:first-child > picture + div {
    display: none !important;
  }

  body #root > main > header:first-child > picture::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset-inline: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 96px;
    background: linear-gradient(to bottom, transparent 0%, rgba(50, 28, 20, .56) 45%, #321c14 100%);
    pointer-events: none;
  }
}