/* ################################# */
/* ##   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 textarea { max-width: 784px; }
.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 span.label { padding-left: 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); }
.wrapper-fieldset .form-statictext.infoImg { margin-bottom: 0; }
.wrapper-fieldset .form-statictext.infoImg img { display: block; max-width: 100px; height: auto; max-height: 110px; }
.wrapper-fieldset .form-statictext.infoImg img[src=""] { display: none; }
@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%; }
}

/* Preview de imágenes en campo file */
.wrapper-fieldset .tempImg { max-width: 100px; height: auto; max-height: 110px; margin-top: .5em; border: 2px solid var(--greyLightMd); border-radius: 5px; }
.wrapper-fieldset .tempImg[src=''] { display: none; }

/* Campos clonables */
.form-group-list .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; }
.form-group-list .btRemove input:hover { color: var(--mainColor); background: transparent; }
:nth-child(1 of .formGroupEstudios):nth-last-child(1 of .formGroupEstudios) .btRemove input,
:nth-child(1 of .form-group-clonable):nth-last-child(1 of .form-group-clonable) .btRemove input { display: none; }
.form-group-list.form-group-clonable:has(.btRemove input:hover) { background: var(--greyLightMd); }

.form-group-clonable input[type=text] { transition: border .5s, background-color .9s; }
.form-group-clonable input.empty[type=text] { border: 2px solid red; background-color: rgba(255,0,0,.08); }

/* 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 li :is(input,select)[disabled] { opacity: .5; }

@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); }

/* Redes Sociales */
.form-group-list.formGroupRedes { display: grid; grid-template-columns: 1fr 1.5fr 40px; transition: .5s; }
.form-group-list.formGroupRedes > li { margin-bottom: 0; }
.form-group-list.formGroupRedes .form-label { grid-column: 1 / -1; }
.form-group-list.formGroupRedes .btRemove input { margin-top: 5px; }
.form-group-list.formGroupRedesHidden,
.form-group-list.formGroupRedesHidden li { margin: 0; padding: 0; }

/* Botón */
.fs-button,
#fs-boton { border: none; padding: 0; }
.fs-button.wrapper-fieldset .form-button input[type="button"],
#fs-boton.wrapper-fieldset .form-button input[type="button"],
.fs-button.wrapper-fieldset .form-button button,
#fs-boton.wrapper-fieldset .form-button button { border-color: var(--mainColor); }
.form-button :is(input[type="button"],button):focus-visible { box-shadow: 0 0 8px rgba(0,0,0,.9); }

/* Botones para acciones */
.fldClone,
.btAction { display: block; margin-block: 1em .5em; padding: .5rem 1em; border-radius: 50px; border: 2px solid; background: #fff; color: var(--mainColor); font-family: var(--mainFont); font-size: .75rem; font-weight: 600; transition: .3s; }
.fldClone:hover,
.btAction:hover { color: white; border-color: var(--mainColor); background: var(--mainColor); }
.fldClone[disabled],
.btAction[disabled] { opacity: .5; pointer-events: none; }
table td:last-child .btAction { display: inline-grid; place-content: center; width: 2.5rem; aspect-ratio: 1/1; margin: 0; padding: .5rem; border: none; }
table td:last-child:has(.btAction) { --actCellWidth: 2.5rem; width: var(--actCellWidth); }
table td:last-child:has(.btAction:nth-child(2)) { width: calc(var(--actCellWidth) * 2 + 2.2rem); }
table td:last-child:has(.btAction:nth-child(3)) { width: calc(var(--actCellWidth) * 3 + 2.3rem); }
table td:last-child:has(.btAction:nth-child(4)) { width: calc(var(--actCellWidth) * 4 + 2.4rem); }

.btAction.fldClone { margin-inline: auto 0; }
.btAction::before { font-family: var(--fontAwesome); font-size: 1.5em; }
.btAction.bt-edit::before { content: "\f044"; }
.btAction.bt-delete::before { content: "\f1f8"; }
.btAction.bt-hide::before { content: "\f070"; }
.btAction.bt-republish::before { content: "\f361"; }
.btAction.bt-extend::before { content: "\e0d6"; }

.form-button.form-buttons { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2em; }
.form-button.form-buttons input.btAction { margin: 0; border-color: var(--btPrimary-normal-border); }
.form-button.form-button .btAction:is(.bt-preview,.bt-cancel) { background: var(--btSecondary-normal-bg); border-color: var(--btSecondary-normal-border); color: var(--btSecondary-normal-text); }
.form-button.form-button .btAction:is(.bt-preview,.bt-cancel):hover { background: var(--btSecondary-hover-bg); color: var(--btSecondary-hover-text); }
.form-button.form-button .btn-submit:only-child { margin-left: auto; }
@media screen and (max-width: 600px) {
	.form-button.form-buttons { justify-content: center; }
}

/* Mensajes */
.formMsg { --msgIconSize: 3.125rem; margin: .5em 0; padding: 1em 1em 1em 0; display: grid; align-items: center; grid-template-columns: calc(var(--msgIconSize) / 2) 1fr; gap: 1em; border: 2px solid var(--msgBorderColor); border-radius: 5px; background: var(--msgBgColor); color: var(--msgTextColor); }
.formMsg::before { content: var(--msgIcon); width: var(--msgIconSize); border-radius: 50%; aspect-ratio: 1/1; display: grid; place-content: center; background: var(--msgIconColor); transform: translateX(calc(-50% + 1px)); color: #fff; font-family: var(--fontAwesome); font-size: 1.8em; font-weight: bold; }
.formMsg.msg-success { --msgIcon: "\f00c"; --msgBgColor: #eeffee; --msgBorderColor: #01A101; --msgIconColor: #01A101; --msgTextColor: #01A101; }
.formMsg.msg-warning { --msgIcon: "\f071"; --msgBgColor: #ffffee; --msgBorderColor: #F7A000; --msgIconColor: #F7A000; --msgTextColor: #F7A000; }
.formMsg.msg-info    { --msgIcon: "\f129"; --msgBgColor: #eeeeff; --msgBorderColor: #4477ff; --msgIconColor: #4477ff; --msgTextColor: #4477ff; }
.formMsg.msg-error   { --msgIcon: "\f00d"; --msgBgColor: #ffeeee; --msgBorderColor: #AC1616; --msgIconColor: #AC1616; --msgTextColor: #AC1616; }
@media screen and (max-width: 480px) {
	.formMsg { --msgIconSize: 2.5rem; padding: .7em .7em .7em 0; }
	.formMsg::before { font-size: 1.4em; }
}

/* Contraseña */
[data-type=password] + i:has(.showPassword) { position: absolute; right: .2em; top: .2em; width: 1.8em; aspect-ratio: 1; display: grid; color: var(--mainColor); }
[data-type=password] + i:has(.showPassword)::before { grid-column: 1 / 2; grid-row: 1 / 2; margin: auto; pointer-events: none; }
[data-type=password] + i:has(.showPassword:checked)::before { content: "\f06e" }
[data-type=password] + i .showPassword { grid-column: 1 / 2; grid-row: 1 / 2; margin: 0; cursor: pointer; -webkit-appearance: unset; appearance: unset; }