/*parrafo y mensaje de exito*/
.parrafo, #success-message {
  text-align:center;
  margin: 0 auto; /* Centra el formulario horizontalmente */
}

/*mensaje de exito al enviar formulario*/
#success-message {
font-weight: bold;
  	color: green;
}

/*boton de la pagina de arrepentimiento*/
form#arrepentimiento input#boton {
    padding: 10px 20px;
    background-color: rgb(133,37,255,1);
    color: white;
    border: none;
    cursor: pointer;
  }
form#arrepentimiento input#boton:active {
   color: rgb(133,37,255,1);
   background-color: white;
}

/*formulario*/
#arrepentimiento {
  padding: 20px;
  border: 1px solid #ddd;
  margin: 0 auto; /* Centra el formulario horizontalmente */
  width: 50%; /* Puedes ajustar este valor según el ancho deseado */
  text-align: center; /* Centra el contenido de texto dentro del formulario */
}
@media (max-width: 768px) {
  #arrepentimiento {
    width: 80%; /* Cambia según tus necesidades */
  }
}

/*etiquetas*/
label {
  display: block;
  margin-bottom: 5px;
}

/*inputs*/
#nombre,
#apellido,
#orden,
#correo,
#razon {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
}