body {
    font-family: Arial, sans-serif;
    background: #94bc82da;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
}


.form-container {
    background: #3a7daa;
    width: 600px;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    border: 1px solid #ddd;
}


h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #333;
}


form label {
    display: block;
    font-weight: bold;
    margin-top: 15px;
    color: #444;
}


input[type="text"],
textarea {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #bbb;
    border-radius: 6px;
    font-size: 15px;
    box-sizing: border-box;
}


textarea {
    resize: vertical;
    height: 90px;
}


.botones {
    text-align: center;
    margin-top: 20px;
}

button {
    background: #415032;
    color: white;
    padding: 10px 25px;
    margin: 5px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 15px;
    transition: 0.3s;
}

button:hover {
    background: #529645;
}













.form-container {
 background: #889b6bfc;
 padding: 25px 30px;
 border-radius: 10px;
 box-shadow: 0 4px 10px rgba(0,0,0,0.1);
 max-width: 700px;
 width: 90%;
 border: 2px solid #77b693;
}
h1 {
 text-align: center;
 color: #000000;
 margin-bottom: 20px;
}
label {
 font-weight: bold;
 display: block;
 margin: 15px 0 8px;
}
textarea {
 width: 100%;
 height: 90px;
 border: 1px solid #8db185;
 border-radius: 6px;
 padding: 10px;
 font-size: 14px;
 resize: vertical;
 transition: border-color 0.3s;
 border: 1px solid rgb(9, 174, 250);
 border-radius: 5px;
}
textarea:focus {
 outline: none;
 border-color: #7b8d49;
}
.button-group {
 display: flex;
 justify-content: center;
 gap: 15px;
 margin-top: 20px;
}
button {
 padding: 10px 18px;
 border: none;
 border-radius: 6px;
 cursor: pointer;
 font-size: 15px;
 transition: 0.3s ease;
}
.btn-enviar {
 background-color: #bdc465;
 color: white;
}
.btn-enviar:hover {
 background-color: #734222;
}
.btn-reset {
 background-color: #d3d164;
}
.btn-reset:hover {
 background-color: #7a6a5d;
 color: white;
}
.mensaje {
 text-align: center;
 margin-top: 15px;
 font-weight: bold;
 color: #282828;
 display: none;
}

.btn {
    font-size: 32px;
    font-weight: 700;
    color: rgb(63, 89, 79);
    border: 0;
    padding: 10px 80px;
    border-radius: 60px;
    cursor: pointer;
    background: linear-gradient(90deg, #62b866, #87a380, #37834a);
    border: 6px solid rgb(13, 53, 10);
    box-shadow: 0px 10px 0px #000;
    transition: transform .15s ease-in-out;
}

.btn:hover {
    transform: translateY(-4px);
    box-shadow: 0px 14px 0px #000;
}

.btn:active {
    transform: translateY(4px);
    box-shadow: 0px 5px 0px #000;
}