:root {
  --rensino-blue: #0b4f93;
  --rensino-bright: #168de2;
  --rensino-highlight: #44b4ff;
  --rensino-ink: #0a1622;
  --rensino-silver: #dce6ee;
}

.garment-logo img {
  object-fit: contain;
  object-position: left center;
}

.footer-l .logo {
  width: min(250px, 100%);
  height: 84px;
}

.footer-l .logo .imgcover {
  object-fit: contain !important;
  object-position: left center;
}

html body .dibu {
  background-image:
    linear-gradient(90deg, rgba(3, 12, 21, 0.97) 0%, rgba(4, 20, 35, 0.9) 48%, rgba(4, 35, 61, 0.76) 100%),
    url('../img/rensino/factory-line.webp') !important;
  background-position: center 48% !important;
  background-size: cover !important;
}

html body .dibu::after {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(11, 79, 147, 0.12), rgba(2, 10, 18, 0.72));
  opacity: 1;
  pointer-events: none;
}

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

@media (min-width: 701px) {
  html:root {
    --c1: #0b4f93;
    --c2: #168de2;
  }

  .garment-header-inner {
    width: min(calc(100% - 64px), 1560px);
  }

  .garment-logo {
    width: 236px;
    height: 72px;
  }

  .garment-header.is-scrolled {
    background: rgba(255, 255, 255, 0.96);
    border-bottom-color: rgba(11, 79, 147, 0.12);
    box-shadow: 0 8px 28px rgba(5, 28, 49, 0.1);
    backdrop-filter: blur(14px);
  }

  .garment-nav > a:hover,
  .garment-nav > a.current,
  .dropdown-trigger:hover,
  .dropdown-trigger.current {
    color: #44b4ff;
  }
}

@media (max-width: 700px) {
  .garment-logo {
    width: 194px;
  }

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