/* Basado en wp-maintenance-mode (estilos esenciales del sitio original) */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  min-height: 100%;
}

body {
  background-color: #fff;
  color: #1b1f23;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
}

.background {
  background-color: #1a1a1a;
  background-image: url("images/runner-stretching.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
}

/* fixed + cover suele fallar en iOS; scroll evita recortes raros */
@media (max-width: 48rem) {
  .background {
    background-attachment: scroll;
    min-height: 100dvh;
  }
}

.wrap {
  width: min(605px, 100% - 2rem);
  margin: clamp(3rem, 12vh, 100px) auto 0;
  padding: 0 1rem 2rem;
  text-align: center;
}

.wrap h1 {
  font-size: clamp(1.375rem, 4vw, 1.875rem);
  font-weight: 700;
  margin: 0 0 clamp(2.5rem, 8vh, 5.625rem);
  line-height: 1.25;
  text-wrap: balance;
}

.wrap .lede {
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  font-weight: 400;
  line-height: 2.8125rem;
  margin: 0 0 5rem;
  color: #0c0c0c;
}

.wrap .lede p {
  text-align: center;
}