body.mint-exploration {
  background:
    linear-gradient(180deg, rgba(28, 84, 219, 0.12), rgba(156, 249, 177, 0.06) 320px, rgba(255, 255, 255, 0) 520px),
    var(--paper);
}

.mint-exploration .site-header {
  background: rgba(255, 255, 255, 0.92);
  border-bottom-color: rgba(28, 40, 74, 0.1);
  backdrop-filter: blur(16px);
}

.mint-exploration .hero {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
  gap: clamp(30px, 5.2vw, 68px);
  min-height: calc(62svh - 76px);
}

.mint-exploration .hero::before {
  top: 7%;
  right: -2%;
  width: min(46%, 620px);
  height: 78%;
  background: linear-gradient(180deg, rgba(28, 84, 219, 0.32), rgba(156, 249, 177, 0.18));
  clip-path: polygon(0 0, 100% 0, 100% 84%, 28% 84%, 28% 100%, 0 100%);
  opacity: 0.42;
}

.mint-exploration h1 {
  max-width: 820px;
}

.mint-exploration .hero-copy {
  max-width: 600px;
}

.mint-exploration .hero-offer {
  max-width: 650px;
}

.mint-exploration .button-primary {
  background: var(--night);
  box-shadow: 0 18px 42px rgba(28, 40, 74, 0.24);
}

.mint-exploration .button-primary:hover,
.mint-exploration .button-primary:focus-visible {
  box-shadow: 0 22px 50px rgba(28, 40, 74, 0.3);
}

.mint-exploration .hero-logo-plate {
  display: none;
}

.mint-exploration .hero-isotipo {
  width: min(68%, 390px);
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.44));
}

.mint-exploration .evaluation-section .section-panel,
.mint-exploration .routes-section .section-panel {
  background: linear-gradient(180deg, rgba(156, 249, 177, 0.12), rgba(255, 255, 255, 0.94));
}

.mint-exploration .dark-section {
  background:
    radial-gradient(circle at 12% 18%, rgba(156, 249, 177, 0.16), transparent 28%),
    var(--night);
}

@media (max-width: 1040px) {
  .mint-exploration .hero {
    grid-template-columns: 1fr;
  }

  .mint-exploration .hero::before {
    top: 48%;
    right: 0;
    width: 72%;
    height: 40%;
  }
}

@media (max-width: 720px) {
  .mint-exploration .hero-isotipo {
    width: min(64%, 300px);
  }
}

@media (max-width: 460px) {
  .mint-exploration .hero-isotipo {
    width: min(66%, 245px);
  }
}