@charset "utf-8";
/* CSS Document */

    form {
		background-color: rgba(122,32,62,0.5);
        width: 320px;
        margin: 20px auto;
        padding: 10px 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-family: sans-serif;
    }

    label {color: white;
        display: block;
        margin-bottom: 1px;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        box-sizing: border-box;
		
	}

    textarea {
        resize: vertical; /* Permite redimensionar verticalmente */
    }

    input[type="submit"] {
        background-color: rgba(122,32,62,1);
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 3px;
        cursor: pointer;
    }

    input[type="submit"]:hover {
        background-color: black;
    }

    .error {
        color: red;
        margin-bottom: 10px;
    }

    .success {
        color: white;
        margin-bottom: 10px;
    }

@media only screen and (min-width: 660px) {
	
 form {	width: 500px;
        margin: 20px auto;
        padding: 10px 20px;
        }
											 			   	
}