.container-voluntary{display:flex;flex-direction:column;min-height:100vh;justify-content:center;align-items:center;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/assets/Images/fundo_plata.jpg) 50%/cover no-repeat;width:100%}.container-voluntary>*{max-width:1200px;margin:0 auto}.container-voluntary header{padding:2.5rem}.container-voluntary h2{color:#fff;text-align:center;font-size:2rem;margin-top:2rem}.voluntary-form{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0f0f0f;padding:2rem;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);width:100%}.voluntary-form fieldset{border:none;margin-bottom:.5rem;width:100%}.form__group{position:relative;padding:15px 0 0;width:100%;display:flex;flex-direction:column;align-items:flex-start}.form__field{width:100%;border:none;border-bottom:2px solid #f49b2d;outline:none;font-size:1.1rem;color:#f49b2d;padding:12px 0;background:transparent;transition:border-color .2s,font-size .2s}.form__field::placeholder{color:transparent}.form__field:focus{font-weight:700;border-width:3px;border-image:linear-gradient(90deg,#11998e,#38ef7d);border-image-slice:1;padding-bottom:6px}.form__label{position:absolute;top:0;transition:.2s;font-size:1rem;color:#f49b2d}.form__field:focus~.form__label{color:#11998e;font-weight:700}.form__field:placeholder-shown~.form__label{font-size:1.1rem;cursor:text;top:18px}.button-submit{font-size:1.4rem;background-color:#000;color:#fff;border-radius:4rem;border:3px solid #f49b2d;height:3rem;width:100%;max-width:18rem;text-align:center;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.button-submit:hover{background-color:#cfcfcf;color:#000;box-shadow:0 4px 10px #000}.button-submit:focus{outline:none;box-shadow:0 0 0 4px rgba(244,155,45,.6)}select{width:100%;border:2px solid #f49b2d;border-radius:4px;padding:10px 12px;font-size:1.1rem;color:#333;background:#fff;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath fill='%23000000' d='M0 0l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px;transition:border-color .2s,box-shadow .2s}select:focus{outline:none;border-color:#11998e;box-shadow:0 0 4px rgba(17,153,142,.6)}@media (max-width:768px){.voluntary-form{margin:1rem;padding:1.5rem;width:95%}.form__field{font-size:1rem}.button-submit{font-size:1.2rem;max-width:16rem}select{font-size:1rem;padding:8px 10px}.container-voluntary h2{font-size:1.8rem;margin-top:5rem}}@media (max-width:480px){.container-voluntary{padding:3vw}.voluntary-form{padding:1.2rem;width:100%}.container-voluntary h2{font-size:1.6rem;margin-top:4rem}.form__field{font-size:1rem;padding:10px 0}.form__label{font-size:.9rem}.button-submit{font-size:1.1rem;height:2.8rem}}