/* ################################# */
/* ##   Universidad ORT Uruguay   ## */
/* ##-----------------------------## */
/* ##        Formulario de        ## */
/* ##   Oportunidades laborales   ## */
/* ################################# */


/* ------ Oportunidades laborales ------ */
.ortForm3 { max-width: 925px; margin-inline: auto; padding-inline: 2em; padding-top: 3.5em; background: var(--greyLight); border-radius: 4px }
.wrapper-fieldset { max-width: 825px; margin-bottom: 2em; padding-inline: 1.2em; border: 1px solid var(--greyDark2); border-radius: 4px; }
.wrapper-fieldset legend { padding-inline: .5em; font-family: var(--mainFont); font-size: 1.125rem; font-weight: 600; color: var(--mainColor); }
.wrapper-fieldset select { padding-block: .5em; }
.wrapper-fieldset .form-checkgroup + .form-text { margin-top: 0; }
.wrapper-fieldset .form-checkgroup + .form-text .tag-editor { margin-top: 0; }
.wrapper-fieldset .tag-editor .tag-editor-tag,
.wrapper-fieldset .tag-editor .tag-editor-delete { background: var(--greyLight); color: var(--greyDark3); }
.wrapper-fieldset .form-group-list .form-label { margin-bottom: 0; }
.wrapper-fieldset .form-label + .form-radio { margin-top: 0; }
.wrapper-fieldset .warning { font-size: .75rem; color: var(--greyDark4); }
.wrapper-fieldset li.disabled { opacity: .5; pointer-events: none; }
.wrapper-fieldset .form-statictext.infoText { font-size: .75rem; color: var(--greyDark4); }
@media screen and (max-width: 1024px) {
	.wrapper-fieldset ul.form-group-list { margin-inline: 10px; }
}
@media screen and (max-width: 740px) {
	.ortForm3 { padding-inline: 0em; padding-top: 1.5em; }
	.wrapper-fieldset { margin-inline: 15px; padding-inline: 10px; }
}
@media screen and (max-width: 375px) {
	.wrapper-fieldset ul.form-group-list > li.formItemSm { width: 100%; }
}

/* Estudios */
#fs-estudios .form-group-list .formItemSm { width: calc(100% / 3 - 20px / 3); }
#fs-estudios .form-radio .group-list { display: flex; flex-wrap: wrap; gap: 0 1em; }
#fs-estudios .form-radio .group-list > li { flex: 0 0 auto; padding-block: 0 .5em; }
#fs-estudios .form-radio.error { flex-wrap: wrap; }
#fs-estudios .form-radio.error .formFieldMsg { text-align: left; }

#fs-estudios .form-group-list.formGroupEstudios { display: grid; grid-template-rows: 1fr auto; grid-template-columns: 1fr 1fr 1fr 40px; align-items: start; border-bottom: 1px solid var(--greyMedium); padding: .5em .5em 0; transition: .5s; }
#fs-estudios .form-group-list.formGroupEstudios > li { width: 100%; }
#fs-estudios .form-group-list.formGroupEstudios > li.btRemove { grid-column: 4 / 5; grid-row: 1; justify-self: end; margin-top: 1rem; text-align: right; }
#fs-estudios .form-group-list.formGroupEstudios > li.form-radio { grid-column: 1 / 3; margin-top: 0; }
#fs-estudios .form-group-list.formGroupEstudios:has(.btRemove:hover) { background: var(--greyLightMd); }
#fs-estudios .fldClone { display: block; margin: 1em 0 .5em auto; padding: .5rem 1em; border-radius: 50px; border: 2px solid; background: transparent; color: var(--mainColor); font-family: var(--mainFont); font-size: .75rem; font-weight: 600; transition: .3s; }
#fs-estudios .fldClone:hover { color: white; border-color: var(--mainColor); background: var(--mainColor); }
#fs-estudios .fldClone[disabled] { opacity: .5; pointer-events: none; }
#fs-estudios li :is(input,select)[disabled] { opacity: .5; }

#fs-estudios .formGroupEstudios .btRemove input { padding: 0 .1em .1em; line-height: .8em; border: 2px solid var(--mainColor); border-radius: 3px; background: var(--mainColor); color: #fff; font-size: 1.5em; font-weight: 900; transition: .3s; }
#fs-estudios .formGroupEstudios .btRemove input:hover { color: var(--mainColor); background: transparent; }
#fs-estudios :nth-child(1 of .formGroupEstudios):nth-last-child(1 of .formGroupEstudios) .btRemove input { display: none; }

@media screen and (max-width: 800px) {
	#fs-estudios .form-group-list .formItemSm { width: calc(100% / 2 - 20px / 2); }
	#fs-estudios .form-group-list.formGroupEstudios { display: block; }
}
@media screen and (max-width: 640px) {
	#fs-estudios .form-group-list .formItemSm { width: 100%; }
}

/* Idiomas */
#fs-idioma .form-checkgroup .group-list { display: flex; flex-wrap: wrap; gap: 0 1em; }
#fs-idioma .form-checkgroup .group-list > li { flex: 0 0 auto; padding-block: .5em; }
#fs-idioma .form-checkgroup .group-list > :last-child { flex-basis: 100%; border-top: 1px solid var(--greyDark) }

/* Antecedentes laborales */
#fs-trabajo .label { display: none; }
#fs-trabajo .form-checkgroup .group-list { display: flex; flex-wrap: wrap; gap: 0 1em; }
#fs-trabajo .form-checkgroup .group-list > li { flex: 0 0 auto; padding-block: .5em; }
#fs-trabajo .form-checkgroup .group-list > :last-child { flex-basis: 100%; border-top: 1px solid var(--greyDark) }

/* Áreas de interés */
#fs-areas .label { display: none; }
#fs-areas .form-checkgroup .group-list { column-count: 2; }
#fs-areas .form-checkgroup .group-list li { break-inside: avoid; margin-block: .8em; }
#fs-areas .form-checkgroup .group-list li:first-child { margin-top: 0; }
@media screen and (max-width: 640px) {
	#fs-areas .form-checkgroup .group-list { column-count: 1; }
}

/* Horarios */
#fs-horarios .label { display: none; }
#fs-horarios .form-radio .group-list { display: flex; flex-wrap: wrap; gap: 0 1em; }
#fs-horarios .form-radio .group-list > li { flex: 0 0 auto; padding-block: .5em; }
#fs-horarios .form-radio.error { flex-wrap: wrap; }
#fs-horarios .form-radio.error .formFieldMsg { text-align: left; }

/* CV */
#fs-cv label { display: none; }
#fs-cv .form-statictext { font-size: .75rem; color: var(--greyDark4); }

/* Botón */
#fs-boton { border: none; }
#fs-boton.wrapper-fieldset .form-button input[type="button"],
#fs-boton.wrapper-fieldset .form-button button { border-color: var(--mainColor); }