/* =========================================================
   NOMBRE DEL EVENTO
========================================================= */

/* Posiciona la pregunta un poco por encima del centro vertical. */
#create-nombre-step > .create-field {
  padding-top: clamp(129.6px, 25.2vh, 259.2px);
}

#create-nombre-step .create-field > label {
  font-size: 22px;
  line-height: 1.3;
}

#create-nombre {
  display: block;

  width: 100%;
  min-height: 58px;
  height: auto;

  padding: 2px 0;

  border: none;
  border-radius: 0;

  outline: none;
  box-shadow: none;

  background: transparent;
  color: var(--create-text);

  font-family: inherit;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.02em;

  resize: none;
  overflow: hidden;
}

#create-nombre::placeholder {
  color: #5f5f6c;
  opacity: 1;
}

#create-nombre:hover,
#create-nombre:focus {
  border: none;
  outline: none;
  box-shadow: none;

  background: transparent;
}


@media (max-width: 600px) {
  #create-nombre-step .create-field > label {
    font-size: 22px;
  }

  #create-nombre {
    min-height: 68px;
    font-size: 29.5px;
  }
}