/* Pantalla de cierre de The Creative Rush Vol. 1. Comparte la base visual de la página 404. */
html,
body.closed-page {
  height: auto;
  min-height: 100%;
  overflow: auto;
}

.closed-page .error-page__stage {
  min-height: 100svh;
  height: auto;
  overflow: hidden;
}

.closed-page .error-page__content h1 {
  white-space: normal;
  font-size: clamp(52px, 8vw, 118px);
  line-height: 0.9;
}

.closed-page .error-page__copy {
  max-width: 52ch;
  text-wrap: balance;
}

.closed-page__help {
  max-width: 54ch;
  margin: 22px 0 0;
  color: #fbf2dfad;
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.5;
}

.closed-page__help a,
.closed-page__legal a,
.closed-page__legal button {
  color: inherit;
  text-underline-offset: 3px;
}

.closed-page__help a {
  text-decoration: underline;
}

.closed-page__legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 22px;
  margin: 0 0 18px;
  font-family: "Space Mono", monospace;
  font-size: 10px;
  line-height: 1.35;
}

.closed-page__legal button {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  cursor: pointer;
}

.closed-page__legal :is(a, button):hover,
.closed-page__legal :is(a, button):focus-visible,
.closed-page__help a:hover,
.closed-page__help a:focus-visible {
  color: #ff3042;
}

@media (max-width: 640px) {
  .closed-page .error-page__content h1 {
    font-size: clamp(42px, 12vw, 68px);
  }

  .closed-page .error-page__copy br {
    display: none;
  }

  .closed-page__help {
    max-width: 32ch;
  }

  .closed-page__legal {
    gap: 9px 15px;
    font-size: 9px;
  }
}