@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap');

.elementor-container #apiForm {
  max-width: 100%;
  width: 100%;
  font-family: 'Roboto Condensed', sans-serif;
  margin: 0 auto;
}

#apiForm label {
  display: block;
  margin: 20px 0 5px;
  font-size: 17px;
  font-weight: 600;
  color: #333;
}

#apiForm input,
#apiForm select {
  width: 100%;
  padding: 14px;
  border: 1px solid #ccc;
  border-radius: 30px;
  font-size: 16px;
  background: #fff;
  box-sizing: border-box;
}

#apiForm select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22292%22%20height%3D%22292%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M287%2069.4c5.7-5.7%205.7-15%200-20.7l-24-24c-5.7-5.7-15-5.7-20.7%200L146%20120.6%2049.4%2024c-5.7-5.7-15-5.7-20.7%200l-24%2024c-5.7%205.7-5.7%2015%200%2020.7l122%20122c5.7%205.7%2015%205.7%2020.7%200l122-122z%22%20fill%3D%22%23666%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px;
}

#apiForm button[type="submit"] {
  display: block;
  margin: 25px auto 0 auto;
  background-color: #e63946;
  color: white;
  border: none;
  padding: 14px 30px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}

#apiForm button[type="submit"]:hover {
  background-color: #d62839;
}

#retornoApi {
  max-width: 100%;
  background-color: #f9f9f9;
  border-left: 5px solid #31518c;
  padding: 25px 25px 20px 25px;
  border-radius: 8px;
  font-size: 16px;
  color: #1d3557;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  font-family: 'Roboto', sans-serif;
  line-height: 1.6;
  margin-top: 30px;
  box-sizing: border-box;
}

#retornoApi strong {
  color: #000;
  font-weight: bold;
}

#retornoApi p {
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}

#retornoApi p:last-child {
  border-bottom: none;
}

/* Mobile ajustes */
@media (max-width: 768px) {
  #apiForm input,
  #apiForm select {
    font-size: 15px;
  }

  #apiForm label {
    font-size: 16px;
  }

  #apiForm button[type="submit"] {
    width: 100%;
  }
}