#contactForm{
  padding: 15px;
  margin: 10px auto;
	margin-top: 20px;
  width: 550px;

  border: 1px solid rgb(200, 200, 200);
	border-radius: 10px;
}
    .campoTexto{
      padding: 8px;
      margin-bottom: 5px;
      box-sizing: border-box;
      width: 100%;
    }


  label {
		display: block;
		margin: 1px 0;
		text-align: center;
		animation: zoomIn 500ms ease-out; /* Adiciona a animação aos inputs */
	}

	input {
    text-align: center;
    border: 1px solid gray;
    border-radius: 8px;
		animation: zoomIn 500ms ease-out; /* Adiciona a animação aos inputs */
	}





        
        .botao-dourado {
          background: linear-gradient(45deg, #FFD700, #FFA500);
          color: #fff;
          border: none;
          padding: 12px 24px;
          margin-top: 20px;
          font-size: 16px;
          font-weight: bold;
          text-transform: uppercase;
          letter-spacing: 1px;
          border-radius: 8px;
          box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);
          transition: all 0.3s ease-in-out;
          animation: zoomIn 500ms ease-out; /* Adiciona a animação aos inputs */
          cursor: pointer;
          position: relative;
          overflow: hidden;
        }
        
        .botao-dourado::before {
          content: '';
          position: absolute;
          top: 0;
          left: -100%;
          width: 100%;
          height: 100%;
          background: rgba(255, 255, 255, 0.2);
          transform: skewX(-20deg);
          transition: 0.5s;
          animation: reflexo 4s linear infinite;
        }
        
        .botao-dourado:hover::before {
          left: 200%;
        }
        
        .botao-dourado:hover {
          box-shadow: 0 6px 20px rgba(255, 215, 0, 0.6);
          transform: scale(1.05);
        }
        


  
/*------------------ANIMACOES------------------------------*/

    @keyframes reflexo {
      0% {
        left: -100%;
      }
      50% {
        left: 100%;
      }
      100% {
        left: 100%;
      }
    }


/*----CARACTERISTICAS CUANDO PANTALLA CELULAR--------------------------------------*/
    @media all and (max-width: 500px) {
        #contactForm{
          width: 100%;
        }
    }