.loja-construcao.loja-construcao--sutil {
  display: grid;
  min-height: calc(100svh - 7.5rem);
  overflow: visible;
  background: oklch(97.5% 0.004 45);
  color: oklch(25% 0.015 42);
}

.loja-construcao.loja-construcao--sutil::before {
  display: none;
}

.loja-construcao-conteudo.loja-construcao-conteudo--sutil {
  display: flex;
  width: min(100% - 2rem, 38rem);
  margin: auto;
  padding: clamp(4rem, 10vh, 7rem) 0;
  flex-direction: column;
  align-items: center;
  gap: 0;
  text-align: center;
}

.loja-construcao-alerta {
  display: grid;
  width: 4.5rem;
  height: 4.5rem;
  margin-bottom: 1.75rem;
  place-items: center;
  border: 2px solid oklch(67% 0.185 42);
  border-radius: 50%;
  color: oklch(59% 0.17 42);
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1;
}

.loja-construcao-conteudo--sutil h1 {
  max-width: none;
  margin: 0;
  color: oklch(25% 0.015 42);
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.loja-construcao-conteudo--sutil .loja-construcao-descricao {
  margin: 1rem 0 0;
  color: oklch(45% 0.018 42);
  font-size: 1rem;
  line-height: 1.6;
}

.loja-construcao-link.loja-construcao-link--sutil {
  min-height: auto;
  margin-top: 1.75rem;
  padding: 0.65rem 1rem;
  border: 0;
  border-radius: 0.35rem;
  background: transparent;
  color: oklch(43% 0.13 42);
  font-size: 0.92rem;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-color: oklch(67% 0.185 42 / 45%);
  text-underline-offset: 0.25rem;
}

.loja-construcao-link.loja-construcao-link--sutil:hover {
  transform: none;
  background: oklch(67% 0.185 42 / 7%);
  color: oklch(34% 0.14 42);
  box-shadow: none;
}

@media (max-width: 800px) {
  .loja-construcao.loja-construcao--sutil {
    min-height: calc(100svh - 6rem);
  }

  .loja-construcao-conteudo.loja-construcao-conteudo--sutil {
    padding: 4rem 1rem;
  }

  .loja-construcao-alerta {
    width: 4rem;
    height: 4rem;
    font-size: 2.25rem;
  }
}