/* Imagen de fondo ocupando toda la pantalla */
body {
  margin: 0;
  padding: 0;
  height: 100vh;
  background-image: url('fondo.jpg'); /* Cambia al nombre real */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  align-items: flex-start; /* empezamos desde arriba */
  justify-content: center;
  position: relative;
}

/* Posición del título en el tercer tercio */
h1 {
  font-family: system-ui, sans-serif;
  font-size: clamp(3rem, 8vw, 5rem);
  position: absolute;
  top: 66%;       /* → un tercio de abajo arriba */
  transform: translateY(-50%); /* centra el texto exactamente sobre ese punto */
  margin: 0;
}

/* Texto blanco con highlight negro */
h1 span {
  background: black;
  color: white; /* ← A petición tuya */
  padding: 0.4em 0.6em;
  border-radius: 6px;
}