:root {
  --c1: #07386e;
  --c2: #a7a9ac;
  --rensino-navy: #07386e;
  --rensino-navy-deep: #03264c;
  --rensino-silver: #a7a9ac;
  --rensino-charcoal: #171b20;
  --rensino-concrete: #f2f3f3;
}

.garment-logo img,
.dibu .logo img {
  object-fit: contain;
}

@media (min-width: 701px) {
  html body .dibu {
    background-image:
      linear-gradient(90deg, rgba(2, 19, 38, .97), rgba(7, 56, 110, .9)),
      url('../img/rensino-20260928/rensino-factory-aerial-20260928.webp') !important;
    background-position: center 46% !important;
    background-size: cover !important;
  }

  html body .dibu::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgba(2, 19, 38, .08), rgba(2, 19, 38, .55));
    pointer-events: none;
  }

  html body .dibu .footer,
  html body .dibu .footer2 {
    position: relative;
    z-index: 1;
  }

  html body .dibu .footer-l .logo {
    width: min(270px, 100%);
  }

  html body .dibu .footer-l .logo img {
    width: 100%;
    height: auto;
  }
}