/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #f9f9f9;
  color: #333;
}

header {
  background: #007BFF;
  color: white;
  padding: 20px;
  text-align: center;
}

nav ul {
  list-style: none;
  padding: 0;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 15px;
}

nav a {
  color: white;
  text-decoration: none;
}

section {
  padding: 40px 20px;
  max-width: 800px;
  margin: auto;
}

footer {
  text-align: center;
  background: #333;
  color: white;
  padding: 10px;
}

* {
  box-sizing: border-box;
}


/*Ajuste o body e container principal:*/
css
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #f9f9f9;
  color: #333;
  line-height: 1.6;
}
section {
  padding: 40px 20px;
  max-width: 900px;
  margin: auto;
}

.form-container {
  position: relative;
  width: 100%;
  padding-top: 130%; /* altura proporcional */
}

.form-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}


/*Menu responsivo simples:*/
nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}

nav a {
  padding: 10px;
  background: rgba(255,255,255,0.1);
  border-radius: 4px;
  transition: background 0.3s;
}

nav a:hover {
  background: rgba(255,255,255,0.3);
}


/*Responsividade com media query*/
@media (max-width: 600px) {
  header h1 {
    font-size: 24px;
  }

  nav ul {
    flex-direction: column;
    align-items: center;
  }

  .orcamento-form input,
  .orcamento-form textarea,
  .orcamento-form select {
    font-size: 16px;
  }
}