/* CSS para o formulário */
 body {
     font-family: Arial, sans-serif;
     background-color: #f4f7fc;
     margin: 0;
     padding: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
 }

 .form-container {
     background-color: #fff;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     border-radius: 10px;
     padding: 30px;
     max-width: 500px;
     width: 100%;
     text-align: center;
 }

 h3 {
     color: #333;
     margin-bottom: 20px;
 }

 label {
     font-size: 14px;
     color: #555;
     display: block;
     margin-bottom: 10px;
 }

 input[type="file"],
 button {
     width: 100%;
     padding: 12px;
     margin: 10px 0;
     border-radius: 8px;
     border: 1px solid #ccc;
     box-sizing: border-box;
     font-size: 16px;
 }

 input[type="file"] {
     cursor: pointer;
 }

 button {
     background-color: #4CAF50;
     color: white;
     border: none;
     font-size: 16px;
     cursor: pointer;
     transition: background-color 0.3s;
 }

 button:hover {
     background-color: #45a049;
 }

 .form-group {
     margin-bottom: 20px;
 }

 .form-group:last-child {
     margin-bottom: 0;
 }

 /* Estilos para o "select" personalizado */
 .custom-select-wrapper {
     position: relative;
     width: 100%;
 }

 .custom-select {
     width: 100%;
     padding: 12px;
     border: 1px solid #ccc;
     border-radius: 8px;
     background-color: #fff;
     cursor: pointer;
     text-align: left;
 }

 .custom-options {
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     border: 1px solid #ccc;
     border-top: none;
     background-color: #fff;
     display: none;
     max-height: 35vh;
     overflow-y: auto;
     z-index: 10;
     border-radius: 8px;
 }

 .custom-option {
     padding: 10px;
     display: flex;
     flex-direction: column;
     align-items: center;
     cursor: pointer;
     font-size: 14px;
 }

 .custom-option img {
     width: 250px;
     height: 250px;
     margin-right: 4px;
 }

 .custom-option:hover {
     background-color: #f0f0f0;
 }

 .custom-select-wrapper.open .custom-options {
     display: block;
 }