.quolty-photo-upload-field {
  grid-column: 1 / -1 !important;
  grid-row: 14 !important;
  width: 100%;
	margin-bottom: 20px !important;
}

#carValorationForm .uagb-forms-main-form > .uagb-block-fd11a2de { grid-row: 15 !important; }
#carValorationForm .uagb-forms-main-form > .uagb-block-fd11a2dd { grid-row: 16 !important; }
#carValorationForm .uagb-forms-main-form > .uagb-block-379a76ac { grid-row: 17 !important; }
#carValorationForm .uagb-forms-main-form > .uagb-forms-main-submit-button-wrap { grid-row: 18 !important; }

.quolty-photo-upload-field .uagb-forms-input-label {
  display: block;
  margin-bottom: 8px;
}

.quolty-photo-upload-field .uagb-forms-input-label span {
  font-weight: 400;
}

.quolty-photo-dropzone {
  position: relative;
  display: flex;
  min-height: 130px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  padding: 20px;
  border: 1px dashed #bdbdbd;
  border-radius: 3px;
  background: #fff;
  color: #333;
  text-align: center;
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease;
}

.quolty-photo-dropzone:hover,
.quolty-photo-dropzone.is-dragging,
.quolty-photo-dropzone:focus-visible {
  border-color: #000;
  background: #fafafa;
  outline: none;
}

.quolty-photo-dropzone small { color: #666; }
.quolty-photo-icon { display: inline-flex; width: 58px; height: 49px; font-size: 0; line-height: 1; background: center / contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1OCcgaGVpZ2h0PSc0OScgdmlld0JveD0nMCAwIDU4IDQ5Jz48aW1hZ2Ugd2lkdGg9JzU4JyBoZWlnaHQ9JzQ5JyBocmVmPSdkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQURvQUFBQXhDQVlBQUFDTGZMcnJBQUFBQVhOU1IwSUFyczRjNlFBQUFBUm5RVTFCQUFDeGp3djhZUVVBQUFBSmNFaFpjd0FBRHNNQUFBN0RBY2R2cUdRQUFBTURTVVJCVkdoRDdaaTlheFJCR0lmelAxblpXVmxhV2RuWldkblpLRmhvSVdLUlJzUkNDeEdSTkFvcEZFV2pjQ1loMFNqQkJBNE5JVEYrSkp2N3lIcEw5dTRZZU9YMzN1M2U3T1J1ZDJaMk5vRjFIMWh5dVoyZG1XZG41cDEzYm9yK0U2YlVMOHBLSlZvMkt0R3lVWW1XalVxMGJGU2lUaEZkMnZRNjlMaTJTVGVmZmFVclR6N3ozK2tYZFZyZWFGQlhMVjhBeFlyMkFucTd0a3RuYnJ5aFUxZGZwbDdYWmxiSkYyb0Y3aWhJVkpDLzVOSDU2Vm9zZ2xIRTZIbEJuKzkzL1VQNjJUcmtVVDUzNTMxY2JtWnhXNjNNQ1FXSUNwNm1aMi9OeFNQVnpScXA0Y2lmdnY2S243azl1NjZXeUkxelVYOWhMNVo4L25GSHZaMUNjaFpncEYzaVZuUy9TWmNlTHVmcXFQeWkxckptZ2dFT1JRV3Z3V2c5MmlOb2Ridk45ZUNsdWNLZGFOaGlRUjRKOVo0cFFkTmRYVVBjaUlhZGVEUXYzSjFYNzFvZzZFUGR5N1VFVlBLSmltUzB4SFh2OVRlMWxCWGU3QjhIeTJDRXZXaHd3TnRBSklnc3h3czFvb2NJZUExNldVVVg5dUs2SVZ2LzVhc2xqTEFURllOMERwM0FkcUNkMGZUKzBvTjNHN0hBOTU1YVFPSjNreTQvK3BTWUxmamZWdGRLOU1mVHdiVENOcURkc0NLcEpRdUdlVElramR1VU1CY1ZveWs3RjZvM0p4RDR2SGFqanFxeW1NcVpTSFhZckZ0ejBhWEIya0YrcW9VaWlZUUFueEdkbzhpcUxTc2xKQ3U2eTJXSXNXZzBiWEhNeWtRS1dQR1VrMFNKd29Rc3RxZ3NFSlMwMjVld0ZzM2MzeVJKRGxqUjl3bFJFTVo3c0pic2NFYVo3dGZXb3FrbmpMQTlYaEljRVFWSjJkUzF2OVBnWjFIT0JHTlJxdTF5SXhmdkw2cDNSclFHV3dNNmRDUkNqaFVGWVp6anBwNTZqbXRFRXptdFlVQmdKb3JxRWExUm5ITk5NQmVWVGhkV25jMGpLaVg3ODRZdjJVSVVEYmI1amFKQjR6M05WbFJLT0d5T2IzYWlZS3ZCNnhRTlkrdklqSllSeHFKOThyNDBUaUF6a21rZGNES1BEa1FYRW9ub1doa1hQZE5FUlljREVhVHdQQ0syL0FzaVhxeU5KTWdueXZUSnF6ZFpXUDFaYzJ6MFRCT1ZvclZjRDZhcTlveVpnQU5SUTlKRUM2UVNMWXhLdEZncTBjSlkzK2V0dzlXUGFMb2N2K2dKVVltV2pVcTBiRlNpWmVNZm5UL3dVd1RMMlY4QUFBQUFTVVZPUks1Q1lJST0nLz48L3N2Zz4="); }
.quolty-photo-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.quolty-photo-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.quolty-photo-list span { padding: 5px 8px; border-radius: 3px; background: #f0f0f0; font-size: 13px; }
.quolty-photo-list button { margin-left: 5px; padding: 0 3px; border: 0; background: transparent; cursor: pointer; }
.quolty-photo-status { min-height: 0; margin-top: 0; color: #198754; font-size: 13px; }
.quolty-photo-status.is-error { color: #b00020; }

@media (max-width: 768px) {
  .quolty-photo-upload-field {
    grid-column: auto !important;
    grid-row: auto !important;
    order: initial !important;
  }
}


@keyframes quolty-submit-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .45; }
}

#carValorationForm .uagb-forms-main-submit-button.is-sending {
  animation: quolty-submit-pulse 1s ease-in-out infinite;
}

#carValorationForm .uagb-forms-main-form input[type="text"].uagb-forms-input {
  box-sizing: border-box;
    height: 43px;
    min-height: 43px;
}

@media (max-width: 768px) {
  #carValorationForm .uagb-forms-main-form {
    display: flex !important;
    flex-direction: column !important;
  }
  #carValorationForm .uagb-forms-main-form > * {
    grid-column: auto !important;
    grid-row: auto !important;
    order: initial !important;
    width: 100% !important;
  }
  #carValorationForm .uagb-form-motor-cambio-row > .uagb-forms-field-set.uagb-block-8b222295 {
    padding-top: 22px;
  }
}

#carValorationForm .uagb-forms-success-message-9eefc7a2,
#carValorationForm .uagb-forms-failed-message-9eefc7a2 {
  padding: 20px;
}

#carValorationForm .uagb-forms-success-message-9eefc7a2 { color: rgb(26, 171, 21); background-color: #b3e8b359; font-weight: bold; text-align: center; margin-top: 20px; }
#carValorationForm .uagb-forms-failed-message-9eefc7a2 { color: rgb(235, 30, 30); background-color: #ffdce06e; font-weight: bold; text-align: center; margin-top: 20px;}