@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
    
    h1 {
      text-align: center;
    }
    
    form {
      max-width: 100%;
      margin: 0 auto;
    }
    
    input[type="text"],
    input[type="number"],
	input[type="email"],
	input[type="tel"],
	textarea {
      width: 100%;
      padding: 10px;
      margin-bottom: 10px;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }
    
    .item-row {
      display: flex;
      align-items: center;
    }
    
    .item-row input[type="text"],
    .item-row input[type="number"],
	input[type="email"],
	input[type="tel"],
	textarea {
      flex: 1;
      margin-right: 10px;
    }
    
    .item-row button {
      flex: 0;
    }
    
    #total {
      font-weight: bold;
    }
    .azul {
		background-color:#06C;
	}
	.vermelho {
		background-color:#F00;
	}
	.cinza {
		background-color:#d2d2d3;
	}
	.verde {
		background-color: #4CAF50;
	}
	button[type="reset"] {
	display: block;
	width: 100%;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
    }
	select {
      display: block;
      width: 100%;
      padding: 10px;
      color: black;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 16px;
    }
	.upload-container {
  position: relative;
  width: 100%;
  height: 150px;
  border: 2px dashed #ccc;
  border-radius: 8px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.upload-label {
  color: #999;
  cursor: pointer;
}

#preview {
  display: none;
  margin-top: 10px;
  max-height:100px;
}

#preview img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
}
#logomarca {
  display: none;
}
h2 {
	font-size:large;
}
	table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
    }
    
    th, td {
      padding: 8px;
      text-align: left;
      border-bottom: 1px solid #ddd;
    }
	hr {
		1px solid #ddd;
	}
    
    .total-row td {
      font-weight: bold;
    }
	.empresa-info {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
    }

    .empresa-logo {
      margin-right: 20px;
      max-width: 250px;
    }
    .empresa-dados {
    }
	.button-container {
      margin-top: 20px;
    }
	.link_botao {
	display: block;
	width: 100%;
	padding: 10px;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	}
		@media print {
      .button-container {
        display: none;
      }
    }
	 @media (max-width: 480px) {
      .empresa-info {
        flex-direction: column;
        align-items: flex-start;
      }

      .empresa-logo {
        margin-right: 0;
        margin-bottom: 10px;
      }
    }