body.bg-purple-900 {
  min-height: 100vh;
  background:
    radial-gradient(circle at top, rgba(88, 28, 135, 0.08), transparent 34rem),
    #f8f3ea !important;
}

body.text-white {
  color: #32104b !important;
}

.site-shell {
  min-height: 100vh;
  align-items: center !important;
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.site-content {
  width: min(100%, 42rem);
}

.site-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.brand-logo {
  display: block;
  width: clamp(9rem, 24vw, 14rem);
  height: auto;
  margin: 0 auto 1.5rem;
  filter: drop-shadow(0 1rem 2rem rgba(88, 28, 135, 0.18));
}

.site-header .text-purple-200 {
  color: #6b218f;
}

section[aria-labelledby="estado-sitio"] {
  color: #fff;
  box-shadow: 0 1.5rem 3rem rgba(88, 28, 135, 0.18);
}

footer.text-purple-300 {
  color: #6b218f;
}

@media (max-width: 640px) {
  .site-shell {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .brand-logo {
    width: 10rem;
    margin-bottom: 1.25rem;
  }
}