body.adbaiao-renovacao .experience-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.adbaiao-renovacao .experience-grid .annual-pass {
  background: #fff;
  color: var(--navy);
  border: 1px solid var(--line);
}

body.adbaiao-renovacao .experience-grid .annual-pass h3 {
  color: var(--navy) !important;
}

body.adbaiao-renovacao .experience-grid .annual-pass button {
  color: var(--navy);
}

body.adbaiao-renovacao .adb-section-card {
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}

body.adbaiao-renovacao .adb-section-card:hover,
body.adbaiao-renovacao .adb-section-card.is-active {
  transform: translateY(-5px);
  box-shadow: 0 18px 38px rgba(5, 20, 50, .16);
}

body.adbaiao-renovacao .adb-section-card.is-active::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 6px;
  background: var(--gold);
}

body.adbaiao-renovacao .adb-commercial.adb-section-picker:not(.has-open-panel) {
  display: none;
}

body.adbaiao-renovacao .adb-commercial.adb-section-picker.has-open-panel {
  display: block;
  scroll-margin-top: 110px;
}

body.adbaiao-renovacao .adb-commercial.adb-section-picker > section[hidden] {
  display: none !important;
}

body.adbaiao-renovacao .adb-commercial.adb-section-picker > section:not([hidden]) {
  animation: adb-panel-in .28s ease both;
  scroll-margin-top: 110px;
}

@keyframes adb-panel-in {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1100px) {
  body.adbaiao-renovacao .experience-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  body.adbaiao-renovacao .experience-grid {
    grid-template-columns: 1fr;
  }
  body.adbaiao-renovacao .experience-grid article {
    min-height: 360px;
  }
}