form.jet-form-builder .edit-group {
	padding: 48px;
}

form.jet-form-builder .flex-entity .jet-form-builder__fields-group {
	flex-direction: row;
	justify-content: space-between
}

form.jet-form-builder .width-flex-button {
	gap: 32px;
}

form.jet-form-builder .group-title {
	margin-bottom: 64px;
}

form.jet-form-builder .edit-group h2,
form.jet-form-builder .jet-form-builder-row.field-type-text-field,
form.jet-form-builder .field-type-radio-field,
form.jet-form-builder .margin-columns {
	margin-bottom: 32px;
}

form.jet-form-builder .field-type-radio-field {
	margin-top: 32px !important;
}

form.jet-form-builder .jet-form-builder-page h2 {
	font-family: 'Playfair Display';
	font-weight: 700;
}

form.jet-form-builder .edit-group .jet-form-builder-row {
	padding: 0;
	margin-top: 0;
}

form.jet-form-builder .edit-group .jet-form-builder-row:last-child {
	margin-bottom: 0;
}

form.jet-form-builder .margin-edit {
	margin-top: 0;
}

form.jet-form-builder .column-form {
	padding-inline: 18px;
}

form.jet-form-builder .jet-form-builder-repeater__items {
	background-color: #F1EDF8;
}

form.jet-form-builder .padding-24 {
	padding: 24px;
}

form.jet-form-builder .margin-entity {
	margin-bottom: 32px !important;
}

form.jet-form-builder .margin-entity .field-type-radio-field {
	margin-top: 0 !important;
}

.flex-visa .jet-form-builder-row {
	width: 100%;
	flex-direction: row;
	margin-inline: 0 !important;
	gap: 5px;
	align-items: center;
}

.flex-visa .jet-form-builder__label,
.flex-visa .jet-form-builder__desc {
	width: max-content !important;
	flex: initial;
}

.flex-visa .jet-form-builder__field-wrap {
	width: 30% !important;
}

.flex-visa .has-text-color {
	margin-inline: 0 !important;
}

.flex-input-date .jet-form-builder-row,
.flex-client .jet-form-builder-row {
	flex-direction: row;
	gap: 8px;
	align-items: center;
}

.flex-input-date .jet-form-builder__field-wrap {
	width: 75% !important;
}

.flex-input-date.width-85 .jet-form-builder__field-wrap {
	width: 85% !important;
}

.flex-input-date .jet-form-builder__desc {
	width: max-content !important;
	flex: initial;
}

.flex-input-date small {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
}

.flex-client .jet-form-builder-row {
	flex-direction: row;
	gap: 8px;
	align-items: center;
}

.flex-client .jet-form-builder__field-wrap {
	width: 59%;
}

.flex-client .width-client .jet-form-builder__field-wrap {
	width: 70%;
}

.flex-client .jet-form-builder__label {
	flex: initial;
	width: max-content;
}

.edit-gap {
	gap: 0 !important;
}

.group-client {
	padding: 24px;
}

.group-downloads {
	padding: 40px 32px;
	width: 75%;
	margin-left: auto;
	font-family: 'Raleway', sans-serif;
	margin-top: 64px;
}

.group-downloads h3 {
	font-weight: 700;
}

.group-downloads p {
	font-weight: 400;
	font-size: 18px;
	margin: 0;
}

.group-downloads p.margin-block-p {
	margin-top: 18px;
	margin-bottom: 40px;
}

.group-downloads a {
	font-weight: 600;
	text-decoration: underline;
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 10px;
}

.group-downloads a:before {
	content: url('https://agriplacement.sisr.co/wp-content/uploads/2025/12/icon-download.svg');
	height: 24px;
}

.p-28 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 500;
}

.p-18 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

p.paragraph-privacy {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

p.paragraph-privacy a {
	font-weight: 600;
	text-decoration: underline;
	color: #1D1524;
}

.jet-form-builder-page h2.title-step {
	font-size: 48px;
	text-align: center;
}

.group-title p {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	text-align: center;
}

.jet-form-builder__label-text {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	line-height: 24px;
	color: #452A5A;
	margin-bottom: 8px;
}

.layout-column .jet-form-builder__field {
	font-family: 'Raleway', sans-serif;
	border: 2px solid #452A5A;
	border-radius: 8px;
	background: #FAF8FB;
	padding: 15px 20px;
	font-size: 16px;
}

.btn-add-ref button,
.btn-remove-ref button {
	padding: 8px 64px;
	background-color: #352742;
	border-radius: 8px;
	color: #FAF8FB;
	font-size: 16px;
	line-height: 24px;
	border: none;
}

.field-type-number-field .jet-form-builder__desc {
	display: none;
}

.btn-add-ref button:hover,
.btn-remove-ref button:hover,
.btn-add-ref button:focus,
.btn-remove-ref button:focus {
	background-color: #452A5A;
}

p.label-fake {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 16px;
}

ul.lists {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	font-family: 'Raleway';
}

p.job-paragraph {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: #1D1524;
}

.layout-column .jet-form-builder__field.item-on-load {
	padding: 0;
	border: none;
	border-radius: 0;
}

.layout-column .jet-form-builder__field::placeholder {
	font-size: 14px;
}

.field-type-radio-field .jet-form-builder__field-label.for-radio>span::before {
	border: 2px solid #836E94 !important;
	background-color: #FAF8FB !important;
	box-shadow: 0px 3px 3px 0px #CCCCCC99;
	padding: 8px;
}

.field-type-radio-field .jet-form-builder__field-label.for-radio :checked+span::before {
	background-color: #FAF8FB !important;
	background-image: url('https://agriplacement.sisr.co/wp-content/uploads/2025/12/circle-purple-check.webp') !important;
}

.jet-form-builder__field-wrap.checkradio-wrap span {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
}

span.jet-form-builder__required {
	color: #D2241E;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}

.jet-form-builder__next-page-wrap {
	width: 75%;
	text-align: center !important;
	margin-left: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 32px;
}

.width-flex-button {
	width: 75%;
	margin-left: auto;
}

button.jet-form-builder__next-page,
button.jet-form-builder__prev-page,
button.jet-form-builder__submit {
	padding: 16px 64px;
	font-size: 20px;
	font-family: 'Raleway';
	font-weight: 700;
	border-radius: 8px;
	transition: .2s all ease-in;
	border: 1px solid #352742;
}

button.jet-form-builder__next-page,
button.jet-form-builder__submit {
	background-color: #352742;
	color: #FAF8FB;
}

button.jet-form-builder__prev-page {
	background-color: #FAF8FB;
	color: #352742;
}

button.jet-form-builder__prev-page:hover,
button.jet-form-builder__next-page:hover,
button.jet-form-builder__submit:hover {
	background-color: #452A5A;
	color: #FAF8FB;
	border-color: #452A5A;
}

form.jet-form-builder .privacy-input {
	margin-block: 32px !important;
}

.display-none-number {
	display: none !important;
}

.privacy-input .jet-form-builder__field-wrap {
	text-align: center;
}

.privacy-input .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox>span::before {
	border: 1px solid #311E40;
}

.privacy-input .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :checked+span::before,
.privacy-input .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :not(:disabled):not(:checked):hover+span::before {
	border-color: #311E40;
	;
	background-color: #311E40;
}

.field-type-submit-field .jet-form-builder__action-button-wrapper {
	justify-content: flex-end;
}

.field-type-submit-field .jet-form-builder__action-button-wrapper.jet-form-builder__submit-wrap {
	justify-content: flex-start;
}

.content-steps {
	width: 224px;
	flex-direction: column;
	gap: 48px;
	font-family: 'Raleway';
}

.content-steps.display-step-desktop {
	display: flex;
}

.content-steps.display-step-mobile {
	display: none;
}

.step {
	display: flex;
	gap: 12px;
	width: 100%;
	text-align: center;
	margin: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.step span {
	border: 2px solid #827090;
	font-size: 28px;
	line-height: 32px;
	color: #827090;
	background-color: #FAF8FB;
	border-radius: 64px;
	width: 56px;
	height: 56px;
	display: block;
	padding: 11px 0;
}

.step p {
	font-size: 18px;
	color: #827090;
	line-height: 28px;
	font-weight: 500;
}

.step.bg-select-step span {
	background-color: #352742;
	border-color: #352742;
	color: #FFFFFF;
	width: 72px;
	height: 72px;
	padding: 17px 0;
	font-size: 32px;
}

.step.bg-select-step p {
	color: #352742;
	font-size: 20px;
	font-weight: 600;
}

.step.bg-selected-step span {
	background-color: #faf8fb;
	color: #657A3A;
	border-color: #657A3A;
}

.step.bg-selected-step p {
	color: #657A3A;
}

.jet-form-builder__field-wrap.jet-form-builder-file-upload {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 40px 20px;
	border: 2px dashed #b19cd9 !important;
	border-radius: 15px;
	background-color: #f3ebfa;
	text-align: center;
	min-height: 200px;
	transition: all 0.3s ease;
}

.jet-form-builder-file-upload__fields input[type="file"] {
	position: absolute;
	width: 100% !important;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 10;
}

/* 3. Crear el icono de flecha usando un pseudo-elemento */
.jet-form-builder-file-upload__fields::before {
	content: url(https://agriplacement.sisr.co/wp-content/uploads/2025/12/upload.svg);
	/* O puedes usar una imagen de fondo si prefieres el icono exacto */
	display: block;
	margin-bottom: 10px;
}

/* 4. Simular el botón "Upload PDF" */
.jet-form-builder-file-upload__fields::after {
	content: 'Upload PDF';
	display: inline-block;
	background-color: #352742;
	color: #FAF8FB;
	padding: 8px 64px;
	border-radius: 8px;
	font-weight: 700;
	margin-bottom: 10px;
}

.jet-form-builder-file-upload__message {
	margin-top: 40px;
}

.jet-form-builder-file-upload__message small {
	color: #452A5A;
	font-size: 16px;
	font-style: italic;
	font-weight: 500;
	opacity: .6;
}

.file-years .jet-form-builder-file-upload__content,
.file-workers .jet-form-builder-file-upload__content {
	z-index: 11;
	display: none;
}

/* 6. Efecto Hover para feedback visual */
/* .jet-form-builder__field-template.file-field-wrapper:hover {
    background-color: #ede2f7;
    border-color: #967bb6 !important;
} */

form.jet-form-builder .file-years h2,
form.jet-form-builder .file-workers h2 {
	margin-bottom: 0;
}

form.jet-form-builder .file-years p,
form.jet-form-builder .file-workers p {
	margin-top: 8px;
	margin-bottom: 16px;
}

form.jet-form-builder .gap-uploads .file-years {
	margin-bottom: 48px;
}

@media (max-width: 1170px) {
	.column-form {
		padding: 0 !important;
	}

	.padding-content-inputs {
		padding: 20px !important;
	}

	.jet-form-builder__next-page-wrap {
		width: 100%;
	}

	button.jet-form-builder__next-page,
	button.jet-form-builder__prev-page,
	button.jet-form-builder__submit {
		padding: 14px 50px;
		font-size: 18px;
	}

	.wp-block-columns.width-flex-button {
		width: 93%;
		margin-inline: 0;
		flex-wrap: nowrap !important;
	}

	.jet-form-builder-page h2.title-step {
		font-size: 38px;
	}

	.group-title p {
		font-size: 16px;
	}

	.padding-content-inputs h2 {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.padding-content-inputs {
		padding: 1rem !important;
	}

	form.jet-form-builder .flex-entity .jet-form-builder__fields-group {
		flex-direction: column;
		justify-content: flex-start;
	}

	.layout-column .jet-form-builder__field {
		padding: 15px;
	}

	button.jet-form-builder__next-page,
	button.jet-form-builder__prev-page,
	button.jet-form-builder__submit {
		font-size: 16px;
		padding: 14px 40px;
	}

	p.paragraph-privacy {
		font-size: 16px;
	}

	.jet-form-builder-page h2.title-step {
		font-size: 28px;
	}

	.padding-content-inputs h2 {
		font-size: 20px;
	}

	.wp-block-columns.width-flex-button {
		width: 100%;
		margin-inline: 0;
		flex-wrap: wrap !important;
		gap: 10px;
	}

	.field-type-submit-field .jet-form-builder__action-button-wrapper {
		justify-content: center;
	}

	.field-type-submit-field .jet-form-builder__action-button-wrapper.jet-form-builder__submit-wrap {
		justify-content: center;
	}

	.jet-form-builder__next-page-wrap {
		gap: 20px;
	}

	.content-steps.display-step-mobile {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
		gap: 1rem;
	}

	.content-steps.display-step-desktop {
		display: none;
	}

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

	.step.bg-select-step p {
		font-size: 16px;
	}

	.step p {
		line-height: 26px;
	}
}