/* ############################# */
/* ## Universidad ORT Uruguay ## */
/* ##-------------------------## */
/* ## Oportunidades de empleo ## */
/* ############################# */
/* ---------- GRAL ---------- */
/* Variables */
:root {
--mainColor: #661020;
--mainColorDark: #661020;
--mainColorLight: #661020;
--bulletImg: url(../../empleo/images/bullet-listas.svg);
--bulletSelect: url(../../common/img/bullet-generic-down.svg);
}
/* Cabezal */
.logoORT { width: 0; }
/* Exclusivo Facultades */
.logoFacultad { background-image: url(../images/logo-empleo-universidad-ort-uruguay_2.svg); }
@media screen and (max-width: 900px) {
.logoORT { width: 100%; }
.logoFacultad { background-image: url(../images/logo-empleo-universidad-ort-uruguay-mov_2.svg); }
}
/* Fin Exclusivo Facultades */
#buscador .buscadorTabEst a::after { background-image: url(../images/ico-diploma-regular.svg); }
#buscador form input[type=search],
#search-sector1 form input[type=search] { background-image: url(../images/ico-search-mobile.svg); }
.headSearch { display: none; }
/* ---------- MODULOS ---------- */
/* Botones mod fondo color */
.mod.modColor .boxBt a,
.mod.modColor .modBt a { background: #fff; color: var(--mainColor); border-color: #fff; }
.mod.modColor .boxBt a:hover,
.mod.modColor .modBt a:hover { background: var(--mainColor); color: #fff; }
.mod.modColor.modSingleOverlap [class*=Bt] a { border-color: var(--mainColor); }
.modBoxThumb:not(.modLightbox) .boxes .boxMedia.boxVideo::before { background-image: url(../images/ico-thumb-video.svg); }
/* Box slider */
.mod.modColor.modSlider .boxes .box { background: transparent; }
.mod.modColor.modSlider .boxes,
.mod.modColor.modSlider .boxes a,
.mod.modColor.modSlider .box h3 { color: #fff; }
#column-1 .type-ortSection-container section.customLevels:first-child,
#column-1 .type-ortSection-container section:first-child + .customLevels { background: none; }
/* ---------- CONTENIDO ---------- */
#type-innova-container-site section:first-of-type h2 { color: var(--mainColor); }
/* Formularios */
.formFieldMsg,
#type-innova-form2 .jsonform-wrapper .group-list li span.formFieldMsg { font-weight: 400; text-align: left; padding-left: 1em; }
.captcha .formFieldMsg { padding-left: 0; text-align: center; }
#type-innova-form2 .jsonform-wrapper .group-list li span.warning,
.warning { display: block; padding: .3em 1em; font-size: .6875rem; font-weight: 400; color: #606060; white-space: nowrap; }
.leyDatos { margin-top: 1.5em; }
.empleoLey19691 a,
.formGroupLegal .label a { white-space: nowrap; color: inherit; }
.wrapper-fieldset .form-group-list > li.form-bool.error.validHidden .formFieldMsg { margin-bottom: 1.5em; }
#oportunidades .wrapper-fieldset .warning + .warning { padding: 0; }
#oportunidades .wrapper-fieldset .form-statictext.infoText { margin-top: -.6em; }
#oportunidades .wrapper-fieldset .form-statictext.infoText:not(:last-child) { margin-bottom: 1.5em; }
#oportunidades .wrapper-fieldset li.form-text:has(+ .infoText) { margin-bottom: 0; }
/* Formulario de oportunidades */
#oportunidades .wrapper-fieldset li:is(.form-radio,.form-checkgroup) { display: grid; align-items: start; }
#oportunidades .form-radio:has(.groupLabelAligned),
#oportunidades .form-radio:has(input[type=radio][title="No"]) { display: grid; grid-template-columns: fit-content(80%) minmax(max-content, 1fr); }
#oportunidades .form-radio:has(.groupLabelAligned) .formFieldMsg,
#oportunidades .form-radio:has(input[type=radio][title="No"]) .formFieldMsg { grid-column: 1 / -1; }
@media screen and (max-width: 640px) {
#oportunidades .form-radio:has(.groupLabelAligned),
#oportunidades .form-radio:has(input[type=radio][title="No"]) { grid-template-columns: 1fr; }
}
/* Rotador de contenidos */
.innova_rotator .content-slider .items { --rotatorHeight: 300px; }
.innova_rotator .content-slider .items .item-text .see-more.completed { display: none; }
#type-innova-container-site .innova_rotator .content-slider .items .item-text .item-title { display: none; }
@media screen and (max-width: 480px) {
.innova_rotator .content-slider .items { --rotatorHeight: 192px; }
}
/* ---------- Carreras ---------- */
/* Orientaciones */
.modProdOrientaciones .boxes .box h3::before { background-image: var(--bulletImg); }
/* Navegación */
.navTabs,
.estudiarNav { margin-bottom: 3em; }
.navTabs ul li,
.estudiarNav ul li { margin-bottom: 0; }
.navTabs ul li a,
.estudiarNav ul li a { font-size: 1.1em; }
.navTabs.navTabs ul li a.active,
.estudiarNav.estudiarNav ul li a.active { background-color: var(--mainColor); color: #fff; }
.navTabs ul li a::after { filter: brightness(1); }
.navTabs ul li a.active::after { filter: brightness(10); }
/* Contenidos */
.navTabs.companyTabs { padding-inline: 0; margin: 0; }
.navTabsContent { padding: 2em 3em; background: var(--greyLight); border: 1px solid var(--greyLightMd); border-radius: 0 0 4px 4px; }
.navTabsContent:not(.active) { display: none; }
.navTabs ~ .navTabsContent h2 { margin-top: 0; font-size: 1.125em; color: var(--mainColor); }
.navTabs ~ .navTabsContent h3 { margin-top: 0; font-size: 1.125em; font-weight: 400; }
.navTabs ~ .navTabsContent h2 ~ h2,
.navTabs ~ .navTabsContent h3 ~ h3 { margin-top: 3em; }
.navTabsContent .tableScroll { padding: 1px; }
.navTabsContent table { font-size: .75em; max-width: 100%; min-width: 80%; border-radius: 4px; border-style: hidden; box-shadow: 0 0 0 1px #d2d2d2; }
.navTabsContent#contactos table { max-width: max-content; margin-inline: auto }
.navTabsContent table tr { background: #fff; }
.navTabsContent table th { border-bottom: none; }
.navTabs ~ .navTabsContent#contactos h2 { max-width: max-content; min-width: 80%; margin: 1em auto 1.5em; }
.btAction.bt-addContact { margin: 2em auto; }
@media screen and (max-width: 800px) {
.navTabsContent { padding: 2em 1.5em; }
.navTabs ~ .navTabsContent#contactos h2 { max-width: 100%; min-width: auto; }
.navTabsContent .wrapper-fieldset { margin-inline: 0; }
}
@media screen and (max-width: 600px) {
.navTabsContent { padding: 2em 1em; }
}
.opportunitiesActions ~ section > h2 { height: 1px; overflow: hidden; margin: 0; }
.secOportunidades:not(:first-of-type) { display: none; }
#formOportunidadWrapper .ortForm3 { padding-block: 2em 1em; }
#formOportunidadWrapper h2 { max-width: 825px; margin: 0 auto 1.3em; }
#formOportunidadWrapper fieldset:not(.fs-button) { background: var(--greyLight); }
#formOportunidadWrapper .wrapper-fieldset legend { color: var(--greyDark4); }
#formOportunidadWrapper .bt-preview { border-width: 1px; font-size: 1.25rem; }
@media screen and (max-width: 800px) {
#formOportunidadWrapper .ortForm3 { padding-inline: .7em; }
}
@media screen and (max-width: 480px) {
#formOportunidadWrapper .ortForm3 { padding-inline: 0; }
}
/*
@media screen and (max-width: 800px) {
#estudiarNav { display: block; padding: 0; }
#estudiarNav ul { display: flex; }
#estudiarNav ul li a { margin: 0; padding-inline: 1em; }
#estudiarNav ul li a::after { display: none; }
}
*/
#formContactoWrapper { display: none; }
#formContactoWrapper .ortForm3 { margin-inline: auto; padding-inline: 0; }
#formContactoWrapper .wrapper-fieldset { margin-inline: auto; }
#formContactoWrapper .wrapper-fieldset legend { text-transform: lowercase; }
#formContactoWrapper.formContact-edit .wrapper-fieldset legend::before { content: "Editar "; text-transform: capitalize; }
#formContactoWrapper.formContact-add .wrapper-fieldset legend::before { content: "Agregar "; text-transform: capitalize; }
#loginForm .formMsg,
.navTabsContent .formMsg { animation: 0.8s ease-in 7s forwards hideMsg; max-height: 120px; transform: scale(1); text-align: left; }
@keyframes hideMsg {
to { opacity: 0; max-height: 0; transform: scale(0); margin-block: 0; padding-block: 0; border-block-width: 0; font-size: 0; }
}
.formMsg:has(+ h2) { margin-bottom: 2em; }
.opportunitiesActions { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1em; align-items: center; margin-bottom: 2em; }
.opportunitiesActions select { padding: .5em 1em; border: 1px solid var(--greyLightMd); color: var(--mainColor); font-family: var(--secondaryFont); font-weight: 600; /*appearance: none;*/ }
.opportunitiesActions button { display: inline-flex; align-items: center; gap: .5em; margin-block: 0; font-size: 1em; font-weight: 700; }
.opportunitiesActions button::before { content: "+"; font-family: inherit; font-weight: 600; font-size: 29px; line-height: .9; }
.secOportunidades .noResults { padding-block: 1em 2em; }
.secOportunidades .noResults + .tableScroll { display: none; }
/* Redes sociales */
ul.socialNetworks li a { display: grid; place-content: center; background: none 0 / 0; text-decoration: none; }
ul.socialNetworks li a::before { font-family: var(--fontAwesomeBrands); font-size: 1.8em; text-decoration: none; }
ul.socialNetworks li.facebook a::before { content: "\f39e"; }
ul.socialNetworks li.instagram a::before { content: "\f16d"; }
ul.socialNetworks li.linkedin a::before { content: "\f0e1"; }
ul.socialNetworks li.youtube a::before { content: "\f167"; }
ul.socialNetworks li.x a::before,
ul.socialNetworks li.twitter a::before { content: "\e61b"; }
ul.socialNetworks li.tiktok a::before { content: "\e07b"; }
ul.socialNetworks li.siteweb a::before { content: "\f0ac"; }
/* Buscador de carreras */
.estudiarSearch .fsEstudiarSearchFld input { background-image: url(../images/ico-search-mobile.svg); }
/* Listados - Filtros */
.mod.modFilters { padding-block: 2.5%; }
.mod.modFilters h2 { position: absolute; color: #000; content-visibility: hidden; }
.mod.modFilters .fsFilters { display: flex; gap: 2em; flex-wrap: wrap; justify-content: center; align-items: end; border: none; padding: .35em 0 .75em; }
.mod.modFilters .fsFilters legend { position: absolute; width: 1px; height: 1px; overflow: hidden; }
.mod.modFilters .fsFilters ul { display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: center; gap: 0 1em; }
.mod.modFilters .fsFilters ul:has( > li:only-child) { grid-template-columns: 1fr; }
.mod.modFilters .fsFilters > ul > li:not(:last-child) { margin-bottom: 1em; }
.mod.modFilters .fsFilters li label { display: block; text-align: left; line-height: 2; }
.mod.modFilters .fsFilters li.filtro > label { display: none; }
.mod.modFilters .fsFilters select { width: 360px; padding: 12px 1.8em 12px .6em; background: #fff var(--bulletSelect) no-repeat 98% center / 16px; border: none; border-radius: 5px; font-family: "Open sans", sans-serif; font-size: 0.875em; font-weight: 400; box-shadow: 0 2px 4px rgba(0,0,0,.3);
-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; text-indent: 1px; text-overflow: ellipsis; }
.mod.modFilters .fsFilters select[multiple] { height: 2.5em; background-image: none; scrollbar-width: thin; }
.modFilters .modBt input { padding: .5em 1.2em; border: 2px solid var(--mainColor); border-radius: var(--btRadius); background-color: var(--mainColor); font-family: var(--mainFont); font-size: 1.1rem; font-weight: 600; color: #fff; transition: .3s; }
.modFilters .modBt input:hover { background-color: transparent; color: var(--mainColor); }
.modFilters .SumoSelect { width: 360px; font-size: 0.875rem; }
.modFilters .SumoSelect > div.optWrapper { top: 42px; overflow: visible; }
.modFilters .SumoSelect .select-all { height: auto; }
.modFilters .SumoSelect li { display: block }
.modFilters .SumoSelect > .optWrapper > .options li.opt { padding-top: 5px; padding-bottom: 5px; }
.modFilters .SumoSelect > .optWrapper > .options { display: block; text-align: left; }
.modFilters .SumoSelect label { font-size: 1em; font-weight: 500; }
.modFilters .SumoSelect .CaptionCont label > i { width: 25px; height: 20px; background: var(--bulletSelect) no-repeat left center / 16px; opacity: 1; }
.modFilters .SumoSelect .CaptionCont,
.modFilters .SumoSelect.open .CaptionCont,
.modFilters .SumoSelect:focus .CaptionCont,
.modFilters .SumoSelect:hover .CaptionCont { display: flex; justify-content: space-between; padding: 11px .3em 10px 1em; border: none; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,.3); }
.modFilters .SumoSelect:focus .CaptionCont,
.modFilters .SumoSelect.open .CaptionCont { box-shadow: 0 2px 4px rgba(0,0,0,.6); }
.modFilters .SumoSelect.disabled > .CaptionCont { background-color: #f3f3f3; box-shadow: 0 2px 4px rgba(0,0,0,.3); }
.modFilters .SumoSelect .CaptionCont span { /*opacity: 0;*/ transition: .8s; }
.modFilters .CaptionCont:not([title="..."]) span { opacity: 1; }
.modFilters .SumoSelect .CaptionCont label { /*margin-left: auto; margin-right: 0;*/ }
.modFilters .SumoSelect ul li:last-child { margin-left: 0; }
.modFilters .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { transform: translateY(95%); }
#centralpanel .SumoSelect > .optWrapper > .options li.opt label { white-space: normal; line-height: 1.5; }
#centralpanel .SumoSelect > .optWrapper.multiple > .options li.opt { margin: 0; padding-block: .7em; }
#centralpanel .SumoSelect .select-all > span i { margin: .9em auto auto; }
#centralpanel .SumoSelect > .optWrapper.multiple > .options li.opt span i { margin: auto; }
@media screen and (max-width: 1280px) {
.mod.modFilters .fsFilters { display: block; margin: 0 auto; }
.mod.modFilters .fsFilters ul { display: block; }
.mod.modFilters .fsFilters li label { max-width: 360px; margin: 0 auto; }
}
@media screen and (max-width: 800px) {
.mod.modFilters { padding-top: 5%; padding-bottom: 4%; }
.mod.modFilters .fsFilters { display: block; max-width: 360px; margin: 0 auto; }
.mod.modFilters .fsFilters ul { display: block; }
.mod.modFilters .fsFilters li:not(.filtro-facultad):nth-child(2n),
.mod.modFilters .fsFilters li:not(.filtro-facultad):nth-child(2n+1) { padding-right: 0; padding-left: 0; }
.mod.modFilters .fsFilters li label { font-size: .9em; }
.mod.modFilters .fsFilters select { width: 100%; padding: .4em 1.5em .4em .5em; font-size: .875em; }
.mod.modFilters .fsFilters .filtro-facultad { padding-inline-end: .3em; }
.mod.modFilters .fsFilters .filtro-facultad select { width: 100%; padding-block: .6em; }
.mod.modFilters .SumoSelect { width: 100%; max-width: 360px; font-size: .875rem; }
.mod.modFilters .SumoSelect .CaptionCont { padding: .4em .3em .5em 1em; }
}
.modFilters { padding-top: 1em; }
.modFilters .modInner { display: flex; gap: 2em; align-items: end; }
.modFilters .SumoSelect .select-all { height: auto; }
.modFilters .SumoSelect .CaptionCont label > i { width: 16px; height: 16px; background: var(--bulletSelect) no-repeat center center / contain; filter: grayscale(1); }
.modFilters .SumoSelect:focus .CaptionCont,
.modFilters .SumoSelect.open .CaptionCont { box-shadow: 0 2px 6px rgba(0,0,0,.6); }
.modFilters .SumoSelect .CaptionCont span { opacity: 0; transition: .8s; color: var(--greyDark3); }
.modFilters .CaptionCont:not([title="..."]) span { opacity: 1; }
.modFilters .SumoSelect ul li:last-child { margin-left: 0; }
.modFilters .CaptionCont::before { transition: .5s; position: absolute; top: .75em; font-size: 1em; color: var(--greyDark3); }
.modFilters .CaptionCont:not([title="..."])::before { position: absolute; top: -2em; left: .75em; width: 100%; font-size: .9em; text-align: left; }
.modFilters .filtro-carrera .CaptionCont::before { content: "Carrera"; }
.modFilters .filtro-cargo .CaptionCont::before { content: "Tipos de cargo"; }
.modFilters .filtro-modalidad .CaptionCont::before { content: "Modalidad"; }
.modFilters .filtroTitulo { display: inline-flex; justify-content: center; align-items: center; color: var(--greyDark3); }
.modFilters .filtroTitulo label { display: inline-block; }
.modFilters.mod.modFilters .fsFilters > ul > li { margin-block: 2.3em 0; }
.modFilters.mod.modFilters .fsFilters > ul > li:only-child { margin-block: 0; }
.mod.modFilters .fsFilters li.filtro { position: relative; }
.mod.modFilters .fsFilters li.filtro > label { display: block; position: absolute; left: .75em; top: -2em; font-size: .8em; color: var(--greyDark3); opacity: 1; transition: .5s; }
.mod.modFilters .fsFilters li.filtro:has(option[value="-1"]:checked) > label { top: 0; opacity: 0; }
.mod.modFilters .fsFilters li.filtro:has(.SumoSelect) > label { display: none; }
.modFilters .btFilters { display: none; }
@media screen and (max-width: 1024px) {
.mod.modFilters .modFiltersInner { display: grid; grid-template-columns: 1fr auto; gap: 1.5em; align-items: end; }
.mod.modFilters .fsFilters { max-height: 8.8ch; overflow: hidden; }
#filtroEmpleo .modInner { flex-direction: column; align-items: center; }
.modFilters .btFilters { order: 2; display: block; width: 1.6em; aspect-ratio: 1; border: 2px solid var(--greyDark); border-radius: 5px; font-family: var(--fontAwesome); font-size: 1.5em; color: var(--mainColor); transition: .3s; }
.modFiltersInner:has(#filtros li:only-child) #filtro-boton { display: none; }
.fancybox-content .fsFilters { border: none; width: 100%; }
.fancybox-content .fsFilters legend { margin-bottom: 1.5em; font-weight: 600; color: var(--greyDark4); }
.fancybox-content .filtrosWrapper { display: grid; margin-block: .5em 0; padding: 0; font-size: .875rem; gap: 1.2rem; }
.fancybox-content .filtrosWrapper li::before { display: none; }
.fancybox-content .filtrosWrapper li.filtro-facultad { display: none; }
.fancybox-content .filtrosWrapper .SumoSelect { width: 100%; }
.fancybox-content .filtrosWrapper select,
.fancybox-content .filtrosWrapper .SumoSelect > .CaptionCont { width: 100%; min-width: 280px; border: 2px solid var(--greyMedium); border-radius: 4px; box-shadow: none; }
.fancybox-content .filtrosWrapper select { padding: .8em; }
.fancybox-content .fsFilters select { background: #fff var(--bulletSelect) no-repeat 98% center / 16px;
-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; text-indent: 1px; text-overflow: ellipsis; }
.fancybox-content .fsFilters li.filtro { position: relative; }
.fancybox-content .fsFilters li.filtro > label { display: block; position: absolute; left: .75em; top: -1.7em; font-size: .9em; color: var(--greyDark3); opacity: 1; transition: .5s; }
.fancybox-content .fsFilters li.filtro:has(option[value="-1"]:checked) > label { top: 0; opacity: 0; }
.fancybox-content .fsFilters li.filtro:has(.SumoSelect) > label { display: none; }
.fancybox-content .fsFilters .modBt { margin-block: 1em 1.5em; text-align: right; }
.fancybox-active .modFiltersInner { width: 100%; max-width: 360px; min-block-size: 80px; }
.fancybox-active .modFiltersInner::before { content: ""; }
.fancybox-active .filtro-boton { margin-left: auto; }
}
/* Oportunidades de Empleo - Listado */
.modEmpleoLista h2 { text-align: left; }
.modEmpleoLista .boxes + h2 { margin-top: 2.5em; }
.modEmpleoLista .boxes { margin: 1em 0; }
.modEmpleoLista .box { margin: 0 auto 1em; }
.modEmpleoLista .box a { display: block; background: #f3f3f3; border-radius: 5px; box-shadow: var(--boxShadow); }
.modEmpleoLista:nth-child(odd) .box a { background: #fff; }
.modEmpleoLista .box a:hover { box-shadow: var(--boxShadow-hover); }
.modEmpleoLista .box .boxCont { display: grid; grid-template-columns: 1fr minmax(220px, max-content); padding: 15px 4rem 15px 30px; justify-content: space-between; align-items: center; }
.modEmpleoLista .box .boxCont h3 { display: flex; flex-direction: column; gap: .2em; margin: 0; padding-right: 4rem; font-weight: 600; text-align: left; }
.modEmpleoLista .box .boxCont h3 .empleoEmpresa { display: block; font-size: .875rem; font-weight: 500; }
.modEmpleoLista .box .boxCont .copete { position: relative }
.modEmpleoLista .box .boxCont .copete::before { content: ""; position: absolute; left: -2rem; bottom: 0; top: 0; border-left: 1px solid #bebebe; }
.modEmpleoLista .box .boxCont ul { display: grid; gap: .8em; margin-block: .5em; padding: 0; }
.modEmpleoLista .box .boxCont ul li { text-align: left; margin: 0; font-size: 0.8125rem; }
.modEmpleoLista .box .boxCont ul li::before { display: none; }
.modEmpleoLista .box .boxCont ul li.empleoFecha::before { position: static; display: inline-block; font-family: var(--fontAwesome); margin-inline: 0 1em; font-weight: 400; color: var(--mainColor); transform: scale(1.5) }
.modEmpleoLista .box .boxCont ul li.fechaPubli::before { content: "\f073"; }
.modEmpleoLista .box .boxCont ul li.fechaPlazo::before { content: "\f2f2"; }
.modEmpleoLista .box .boxCont dl { display: grid; grid-template-columns: max-content auto; gap: 0 .5em; align-items: center; }
.modEmpleoLista .box .boxCont dl dt { text-align: left; }
.modEmpleoLista .box .boxCont dl dt.empleoFecha::before { display: inline-block; font-family: var(--fontAwesome); margin-right: 1em; font-weight: 400; color: var(--mainColor); transform: scale(1.4); }
.modEmpleoLista .box .boxCont dl dt.fechaPubli::before { content: "\f073"; }
.modEmpleoLista .box .boxCont dl dt.fechaPlazo::before { content: "\f2f2"; }
.modEmpleoLista .box .boxCont dl dd { margin: 0; line-height: 2.3; white-space: nowrap; }
.modEmpleoLista .box .boxCont div.empleoFecha { padding-block: .5rem; text-align: left; }
.modEmpleoLista .box .boxCont div.empleoFecha .empleoFecha-label::before { display: inline-block; font-family: var(--fontAwesome); margin-right: 1em; font-weight: 400; color: var(--mainColor); transform: scale(1.4); }
.modEmpleoLista .box .boxCont div.fechaPubli .empleoFecha-label::before { content: "\f073"; }
.modEmpleoLista .box .boxCont div.fechaPlazo .empleoFecha-label::before { content: "\f2f2"; }
.modEmpleoLista .boxes { display: grid; grid-template-columns: 1fr max-content; }
.modEmpleoLista .boxes > li { width: 100%; display: inherit; grid-template-columns: subgrid; grid-column: 1 / -1; }
.modEmpleoLista .boxes > li a { display: inherit; grid-template-columns: subgrid; grid-column: 1 / -1; }
.modEmpleoLista .boxes > li a .boxCont { display: inherit; grid-template-columns: subgrid; grid-column: 1 / -1; }
.modEmpleoLista .boxes .boxCont .copete { grid-column: 2 / -1; }
.modEmpleoLista.modEmpleoListaUsuario { background: #fff; }
.modEmpleoListaUsuario .modInner { max-width: 100%; margin: 0; padding: 3vw; border-radius: 0 0 6px 6px; background: var(--greyLight); }
.modEmpleoLista .box { position: relative; }
.modEmpleoLista .btAction:is(.bt-fav,.bt-delete) { position: absolute; inset-block: 50% auto; inset-inline-end: 0; transform: translateY(-50%); padding: .5em 1.2em; background: transparent; border: none; transition: .3s; }
.modEmpleoLista .btAction:is(.bt-fav,.bt-delete):hover { filter: drop-shadow(0 0 3px rgba(0,0,0,1)); }
.modEmpleoLista .btAction.bt-delete:before { content: "\f1f8"; font-family: var(--fontAwesome); font-size: 1.5em; font-weight: 600; color: var(--mainColor); }
.modEmpleoLista .btAction.bt-fav:before { content: ""; display: block; width: 25px; aspect-ratio: 1; background: url('data:image/svg+xml,') no-repeat center center / contain; }
.modEmpleoLista .btAction.bt-fav.active:before { background-image: url('data:image/svg+xml,'); }
.modEmpleoLista:has(.bt-fav,.bt-delete) .box dl { padding-right: 2em; }
.modEmpleoLista .box.expired a { background-color: transparent; }
.modEmpleoLista .box.expired a :is(h3,.copete) { color: var(--greyDark4); }
.modEmpleoLista .box.expired a .empleoFecha .empleoFecha-label::before { color: var(--greyDark4); }
.modEmpleoLista .box.expired a .fechaPlazo .empleoFecha-label { background: var(--mainColor); color: #fff; margin: -2px; padding: 3px 4px; outline: 6px solid var(--mainColor); border-radius: 5px; box-shadow: 0 0 3px 2px var(--mainColor); outline-offset: -1px; }
.modEmpleoLista .box.expired a .fechaPlazo .empleoFecha-label::before { color: #fff; }
.modEmpleoLista .box.expired .btAction.bt-fav { filter: drop-shadow(1px 1px var(--greyDark2)) drop-shadow(-1px -1px var(--greyDark2)) drop-shadow(-1px 1px var(--greyDark2)) drop-shadow(1px -1px var(--greyDark2)); }
.modEmpleoLista .box.expired .btAction.bt-fav:before { width: 21px; }
.modEmpleoLista .modBt { text-align: right; margin: 0 0 1em; }
@media screen and (max-width: 800px) {
.modEmpleoLista .box .boxCont { align-items: start; grid-template-columns: 1fr; padding-right: 15px; }
.modEmpleoLista .box .boxCont ul { margin-block: 1em 0; }
.modEmpleoLista .box .boxCont h3 { margin-bottom: 1.5em; padding-right: 0; }
.modEmpleoLista .box .boxCont .copete { width: 100%; grid-column: 1 / -1; }
.modEmpleoLista .box .boxCont .copete::before { content: ""; position: absolute; left: -5px; right: 0; top: -.5em; border-left: none; border-top: 1px solid #bebebe; }
.modEmpleoLista .btAction:is(.bt-fav,.bt-delete) { inset-block: .4rem auto; margin-right: .5rem; padding-right: .5em; transform: none; }
.modEmpleoLista:has(.bt-fav,.bt-delete) .box h3 { padding-right: 2em; }
}
@media screen and (max-width: 480px) {
.modEmpleoLista .box .boxCont { padding-left: 20px; }
.modEmpleoLista .box .boxCont h3 .empleoCargo { margin-bottom: .5em; }
}
/* Oportunidad de empleo - Ampliación */
/* Estructura */
.previewOpportunity > h1 { text-align: left; color: var(--mainColor); margin-bottom: .25em; }
.previewOpportunity > p { text-align: left; font-size: 1.25em; }
.previewOpportunity > .modInner { margin-top: 2em; }
#type-ortOportunidadEmpleo.ortOportunidadEmpleo,
#type-ortSection-container .previewOpportunity .modInner { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: min-content min-content max-content 1fr auto; grid-column-gap: 20px; max-width: var(--maxWidthMod); padding-inline: 2%; text-align: left; }
.ortOportunidadEmpleo:not(:has(.empleoSeleccion))::before { content: ""; }
.empleoFechas { grid-column: 1/2; }
.empleoBox.empleoDetalle { grid-column: 1 / 2; grid-row: 3 / 5; height: fit-content; }
.empleoBox.empleoEmpresa { grid-column: 2 / 3; grid-row: 3 / 4; }
.empleoAfiche { grid-column: 2; grid-row: 4; }
.empleoCV { grid-column: 2 / 3; grid-row: 2; }
.empleoCV ~ .empleoCV { grid-column: 1 / 2; grid-row: 6; }
.empleoCV .wrapper-fieldset { max-width: none; }
.empleoLey19691 { grid-column: 1 / 2; grid-row: 5; }
.empleoSeleccion { grid-column: 1 / 3; grid-row: 1 / 2; }
.ortOportunidadEmpleo:not(:has(.empleoEmpresa),:has(.empleoAfiche)) :is(.empleoDetalle,.empleoLey19691,.empleoCV ~ .empleoCV) { grid-column: 1 / 3; }
.ortOportunidadEmpleo:not(:has(.empleoEmpresa),:has(.empleoAfiche)) .empleoFechas + .empleoCV button { margin-inline-end: 0; }
.ortOportunidadEmpleo .empleoCV button { text-transform: uppercase; }
.ortOportunidadEmpleo:has(.plazoFinalizado) .empleoFechas { grid-column-end: 3; }
.ortOportunidadEmpleo:has(.plazoFinalizado) .empleoCV { display: none; }
@media screen and (max-width: 800px) {
#type-ortOportunidadEmpleo.ortOportunidadEmpleo,
#type-ortSection-container .previewOpportunity .modInner { display: flex; flex-direction: column; gap: 1.5em }
.ortOportunidadEmpleo:not(:has(.empleoEmpresa),:has(.empleoAfiche)) .empleoFechas + .empleoCV button { margin-inline-end: 0; }
.empleoFechas { order: 0; }
.empleoCV { order: 0; }
.empleoEmpresa { order: 1; }
.empleoAfiche { order: 1; }
.empleoDetalle { order: 2; }
.empleoLey19691 { order: 2; }
.empleoCV ~ .empleoCV { order: 2; }
}
@media screen and (min-width: 1025px) { /* MIN */
#centralpanel:has(#type-ortOportunidadEmpleo) .ort-title { padding-inline: 0 }
#centralpanel:has(#type-ortOportunidadEmpleo) .ort-title h1 { --maxWidth: var(--maxWidthMod); padding-inline: 2%; }
}
/* Empresa */
.empleoEmpresa.empleoBox { display: block; text-align: center; }
.empleoEmpresa.empleoBox img { margin: 0; }
.empleoEmpresa.empleoBox img[src=''] { display: none; }
.empleoEmpresa .socialNetworks { margin-block: 0; padding: 0; justify-content: center; filter: grayscale(1); }
.empleoEmpresa .socialNetworks.socialNetworks li { width: auto; margin: 0 .2rem; }
.empleoEmpresa .socialNetworks.socialNetworks li a { padding-inline: .6em; }
.empleoFechas:has(dt) { display: flex; margin: 0 0 1.5em .3em; font-size: 1em; }
.empleoFechas dt { font-weight: 700; text-align: left; padding: .4em 0; }
.empleoFechas dt:not(:first-child) { padding-left: .8em; border-left: 1px solid #a0a0a0; }
.empleoFechas dt.empleoFecha::before { display: inline-block; font-family: var(--fontAwesome); margin-right: 1em; font-weight: 400; color: var(--mainColor); transform: scale(1.5) }
.empleoFechas dt.fechaPubli::before { content: "\f073"; }
.empleoFechas dt.fechaPlazo::before { content: "\f2f2"; }
.empleoFechas dd { margin: 0 .8em 0 .5em; padding: .4em 0; }
.empleoFechas dd.fechaPlazo .plazoFinalizado { color: var(--mainColor); text-transform: uppercase; }
.empleoFechas dd.fechaPlazo .plazoFinalizado::after { content: " - "; }
.empleoFechas dt.empleoGuardado { display: none; }
.empleoFechas dd.empleoGuardado { margin-inline-start: auto; align-self: center; }
.empleoFechas .btAction.bt-fav { margin: 0; padding: 0; background: transparent; border: none; transition: .3s; }
.empleoFechas .btAction.bt-fav:hover { filter: drop-shadow(0 0 3px rgba(0,0,0,1)); }
.empleoFechas .btAction.bt-fav:before { content: ""; display: block; width: 25px; aspect-ratio: 1; background: url('data:image/svg+xml,') no-repeat center center / contain; }
.empleoFechas .btAction.bt-fav.active:before { background-image: url('data:image/svg+xml,'); }
.empleoBox { margin-bottom: 1em; border-radius: 6px; border: 2px solid #f3f3f3; background: #f3f3f3; }
.empleoBox.empleoEmpresa { padding: 2em; }
.empleoBox.empleoLey19691 { margin-bottom: 1rem; background: #fff; border: none; font-size: .75em; color: var(--greyDark); text-align: center; }
.empleoBox.empleoLey19691 .required { display: none; }
.empleoBox h2 { margin-top: 0; }
.empleoBox h3 { margin: 0; }
.empleoEmpresa { display: grid; grid-template-columns: fit-content(calc(200px + 2em)) 1fr; grid-template-areas: "logo title" "logo txt"; grid-gap: 1em 0; }
.empleoEmpresa img { grid-row: 1 / span 2; width: auto; max-width: calc(100% - 2em); height: auto; grid-area: logo; margin-right: 2em; }
.empleoEmpresa.empleoBox h2 { margin: 0 0 10px; align-self: end; grid-area: title; color: var(--auxiliarColor); }
.empleoEmpresa.empleoBox img:not([src='']) + h2 { margin-top: 10px; }
.empleoEmpresa > p { grid-area: txt; }
.empleoEmpresa div { grid-area: txt; }
.empleoItem { padding: 1.5em 2em; }
.empleoItem:nth-child(even) { background: #fff; }
.empleoItem h3 { display: block; font-family: var(--secondaryFont); font-size: 1.25em; font-weight: 700; }
.empleoItem.empleo-descripcion h3,
.empleoItem.empleo-reqExcluyentes h3,
.empleoItem.empleo-reqOpcionales h3,
.empleoItem.empleo-atractivos h3 { display: block; }
/*.empleoItem h3::after { content: ": "; }*/
.empleoItem h3 + p { display: block; margin-top: 1em; }
.empleoItem.empleo-descripcion h3 + p,
.empleoItem.empleo-reqExcluyentes h3 + p,
.empleoItem.empleo-reqOpcionales h3 + p,
.empleoItem.empleo-atractivos h3 + p { display: block; }
.empleoItem .empleoItemCont { margin-top: 1em; }
.empleoCV { background: none; border: none; text-align: center; margin: 0; }
.empleoCV .wrapper-fieldset { margin: 0; padding: 0; border: none; }
.empleoCV .btAction { margin: 0 auto; font-size: 1rem; }
.empleoAfiche { max-width: 1024px; margin-left: auto; margin-right: auto; background: none; border: none; text-align: center; }
.empleoAfiche img { width: auto; max-width: 100%; height: auto; cursor: zoom-in; }
.empleoAfiche img[src=''] { display: none; }
.empleoAfiche a { display: block; width: max-content; margin-inline: auto 0; font-size: .8em; color: var(--greyDark); }
.empleoAfiche img[src=''] + a { display: none; }
@media screen and (max-width: 1400px) {
.empleoFechas:has(dt) { display: grid; grid-template-columns: max-content auto; gap: 0 .5em; align-items: center; }
.empleoFechas dt:not(:first-child) { padding-left: 0; border: none; }
.empleoFechas dd { margin: 0; line-height: 2; }
.empleoFechas dd.empleoGuardado { margin-inline-start: -5px; }
.empleoFechas { justify-items: start; }
}
@media screen and (max-width: 900px) {
.empleoBox.empleoEmpresa { padding: 1em; grid-template-columns: fit-content(calc(110px + 1em)) 1fr; }
.empleoEmpresa img { max-width: calc(100% - 1em); margin-right: 1em; }
.empleoItem { padding: 1.2em 1.5em; }
.empleoCV { font-size: 1em; }
}
@media screen and (max-width: 480px) {
.empleoEmpresa { grid-template-areas: "logo title" "txt txt"; }
.empleoEmpresa h2 { align-self: center }
}
@media screen and (max-width: 450px) {
dd.fechaPlazo { display: flex; flex-direction: column-reverse; }
.fechaPlazo .plazoFinalizado { position: absolute; transform: translateY(80%); }
.empleoFechas dd.fechaPlazo .plazoFinalizado::after { content: ""; }
}
@media screen and (max-width: 320px) {
.empleoFechas:has(dt) { grid-template-columns: auto; }
.empleoFechas dd { margin-left: 1.9em; padding-top: 0 }
.empleoBox.empleoEmpresa { padding: .8em; grid-template-columns: fit-content(calc(90px + 1em)) 1fr; }
.empleoEmpresa img { max-width: calc(100% - .5em); margin-right: .5em; }
.empleoItem { padding: .8em; }
.empleoCV a:only-child { display: block; }
}
/* Listas */
.ortOportunidadEmpleo ol,
.ortOportunidadEmpleo ul { margin-top: 1rem; margin-bottom: 1em; padding: 0 25px 0 1em; }
.ortOportunidadEmpleo ol li,
.ortOportunidadEmpleo ul li:not(:last-child) { margin: 0 0 .8em; }
.ortOportunidadEmpleo ul li::before { content: ""; position: absolute; width: 6px; height: 17px; margin: .15rem 0 0 -13px; background: url(../img/bullet-generic.svg) no-repeat center center / contain; background-image: var(--bulletImg); }
.ortOportunidadEmpleo ol { list-style: decimal; }
/* Login */
.loginPage #content-title h1 { position: absolute; top: -9000px; }
#loginForm span.required,
form .captcha.required::after { display: none; }
#centralpanel .jsonform-wrapper .dialog-box { margin-bottom: 3em; }
section#cid119262 { padding: 5px 8px 20px; background: #f3f3f3; }
section#cid119262 h2 { margin: 0px; }
/* Login en #head */
#headLogin { display: none; max-width: var(--maxWidth); margin: 0 auto; }
#topmenu2.hasLogin #headLogin { display: flex; justify-content: flex-end; align-items: center; }
#headLogin .menuLinkOrt { order: -1; margin-right: auto; font-size: .85rem; }
#headLogin .loginName { margin-right: 2em; padding: .5em .5em .5em 0; color: #fff; }
#headLogin .loginName::before,
#headLogin .loginLink a::after { margin: 0 .5em 0 0; font-family: var(--fontAwesome); }
#headLogin .loginName::before { content: "\f007"; }
#headLogin .loginLink a { display: inline-block; margin: 6px 1em 6px 0; padding: .2em .2em .2em .8em; background: #fff; border: 1px solid currentColor; border-radius: var(--btRadius); color: var(--mainColor, #661020); font-size: .9em; font-weight: 600; }
#headLogin .loginLink a:hover { color: var(--mainColor, #661020); }
#headLogin .loginLink a::after { font-size: 1rem; margin-left: .5em; }
#headLogin .loginIn a::after { content: "\f2f6"; }
#headLogin .loginOut a::after { content: "\f2f5"; }
#headLogin .userMenu { position: relative; }
#headLogin .userMenu .userMenu-name { margin-right: 2em; padding: .5em .5em .5em 0; background: none; border: 0; color: #fff; }
#headLogin .userMenu .userMenu-name:focus-visible { /*border: 0; outline: 2px solid var(--greyMedium);*/ outline-offset: 1px; border-radius: 3px; }
#headLogin .userMenu .userMenu-name::before { content: "\f007"; margin: 0 .5em 0 .3em; font-family: var(--fontAwesome); }
#headLogin .userMenu .userMenu-name::after { content: "\f078"; margin-left: 1em; font-family: var(--fontAwesome); font-size: .7em; }
#headLogin .userMenu .userMenu-hiddenTxt { clip: rect(0 0 0 0); clip-path: inset(50%); position: absolute; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; }
#headLogin .userMenu > ul { position: absolute; right: 2em; top: 2.5em; max-width: 280px; padding: .8em 1.2em; border: 1px solid var(--greyMedium); border-radius: 4px; box-shadow: var(--boxShadow); z-index: 2; color: var(--greyText); background: #fff; }
#headLogin .userMenu ul li:has(ul) { border-block: 1px solid var(--greyMedium); padding-block: .5em; font-weight: 600; }
#headLogin .userMenu a { display: block; padding: .5em .5em .5em 0; font-size: 0.875em; font-weight: normal; color: var(--greyText); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#headLogin .userMenu a:focus,
#headLogin .userMenu a:hover { color: var(--mainColor); }
#headLogin .userMenu ul .userMenu-subitems { margin-top: .5em; }
#headLogin .userMenu ul .userMenu-subitems a::before { content: ""; display: inline-block; width: 1em; height: 1em; vertical-align: middle; background: url(../images/ico-menu-login-empresa.svg) no-repeat center / contain; font-family: var(--fontAwesome); margin-right: .5em; }
#headLogin .userMenu ul .active a { font-weight: 600; }
#headLogin .userMenu ul .active a::after { content: "✔"; margin-inline: .5em 0; color: var(--mainColor); /*position: absolute; right: 1.5em*/ }
#loginName + ul { visibility: hidden; opacity: 0; transition: .5s; }
#loginName + ul:has(:focus),
#loginName:focus-visible + ul,
#loginName:focus + ul,
#loginName.fake-focus + ul { visibility: visible; opacity: 1; }
@media screen and (max-width: 900px) {
#topmenu2.hasLogin { height: auto; }
#topmenu2.hasLogin #headLogin { justify-content: space-between; }
#headLogin .menuLinkOrt { display: none; }
#headLogin .loginLink.loginIn { margin-left: auto; }
#headLogin .loginLink a { margin-right: 0; }
#headLogin .userMenu { width: 100%; }
#headLogin .userMenu .userMenu-name { margin-right: 0; font-size: .93em; width: 100%; white-space: nowrap; overflow: hidden; text-align: left; text-overflow: ellipsis; }
#headLogin .userMenu .userMenu-name::after { position: absolute; right: 0; }
#headLogin .userMenu > ul { left: 0; transform: none; }
}
/* Login - v2 */
#loginForm .ortForm3 { padding-top: 0; }
#loginForm .modInner { max-width: 678px; min-height: 600px; }
#loginNav { margin-bottom: 0; padding-inline: 0; }
#loginNav li { flex-basis: 50%; }
#loginForm h3[data-profile="empresas"] { display: none; }
#loginForm .formFieldText { text-align: right; }
:is(#loginForm,#changePassForm) .wrapper-fieldset .formFieldText a { display: inline-block; font-size: clamp(0.813rem, 0.747rem + 0.254vw, 0.938rem); }
.loginWrap { padding: 3em; padding: max(3vw, 25px); background: var(--greyLight); border: 2px solid var(--greyMedium); border-radius: 5px; text-align: center; }
body:has(.loginWrap) fieldset,
.loginWrap fieldset { margin-bottom: 0; border: none; margin-inline: 0; padding-inline: 0; }
.loginWrap + .leyDatos { margin-top: 0.5em; }
.loginWrap .wrapper-fieldset .form-group-list { margin-inline: auto; max-width: 430px; }
.loginWrap .form-group-list .btn-submit.btn-primario { border-color: var(--mainColor); }
.loginWrap.changePass { border-top-style: solid; border-radius: 5px; }
.loginWrap.changePass h2 { margin-top: .5em; }
.loginWrap.changePass .form-statictext { margin-top: 0; text-align: right; }
.loginWrap.changePass .form-statictext a:focus-visible { outline: 1px dotted; outline-offset: 3px; }
@media screen and (max-width: 600px) {
#loginForm { padding-inline: 0; }
#loginForm .estudiarNav ul { display: flex; font-size: .91em; }
#loginForm .estudiarNav ul li a { padding-inline: 1em; justify-content: center; border-radius: 5px 5px 0 0; }
#loginForm .estudiarNav ul li a::after { display: none; }
#loginForm .formFieldText { text-align: center; }
}
@media screen and (max-width: 480px) {
#loginForm [data-type="password"] + i:has(.showPassword) { top: .5em; }
}
/* Form de empresas */
@media screen and (max-width: 480px) {
#formEmpresa .form-group-list.formGroupRedes { grid-template-columns: 1fr 1.5fr 25px; column-gap: 5px; }
#formEmpresa { margin-inline: -.3em; }
}
/* ---------- Clases personalizadas ---------- */
/* Facultades */
.mod.customFaculties .boxes .box .boxMedia { padding: 0; }
.mod.customFaculties .box .boxCont { text-align: center; }
@media screen and (max-width: 900px) {
.mod.customFaculties .boxes .box.box.box { min-width: calc(50% - 20px); flex-basis: calc(50% - 20px); }
.mod.customFaculties .boxes .box a { display: block; }
.mod.customFaculties .boxes .box a > * { text-align: center; }
}
/* Search in Section */
.searchInSection form input[type=search] { background-image: url(../images/ico-search-mobile.svg); }
/* Citas */
.customCita:not(.modColor) .modDescription p:first-child::after,
.customCita:not(.modColor) .modDescription p:first-child::before,
.customCita:not(.modColor) .boxCont p:first-child::after,
.customCita:not(.modColor) .boxCont p:first-child::before { background-image: url(../images/quotes.svg); }
/* Página de gracias */
.mod#modGracias { background: #fff; }
/* Formulario de empleo */
#centralpanel #employer .estudiarNav,
#centralpanel #employer .estudiarNav ul { margin-bottom: 0; }
#centralpanel #employer fieldset.wrapper-fieldset { max-width: var(--maxWidth); margin: 0 8%; padding: 1em 0; background: #f3f3f3; border-radius: 0 0 5px 5px }
#centralpanel #employer fieldset.wrapper-fieldset#fs-boton { padding: 0; background: none; }
#employer .wrapper-fieldset ul.form-group-list input { min-width: auto; }
#employer .wrapper-fieldset ul.form-group-list input:is([type=radio],[type=checkbox]) { min-width: 20px; min-height: 20px }
#employer .wrapper-fieldset ul.form-group-list input[type=number] { min-width: 110px; }
#employer .wrapper-fieldset ul.form-group-list { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 680px; margin: 0 auto 0 1.5em; }
#employer .wrapper-fieldset .form-group-list > li.formItemSm { width: calc(50% - 1em) }
/* #employer .wrapper-fieldset ul.form-group-list > li { display: block; flex: 1 1 100%; }
#employer .wrapper-fieldset[id=fs-empresa] .form-group-list > li:nth-child(7) { flex-basis: 30%; }
#employer .wrapper-fieldset[id=fs-empresa] .form-group-list > li:nth-child(8) { flex-basis: 65%; margin-left: 5%; } */
#employer .wrapper-fieldset[id=fs-empresa] .form-group-list:first-child > li:nth-child(2) { flex-basis: 50%; }
#employer .wrapper-fieldset[id=fs-empresa] .form-group-list:first-child > li:nth-child(3) { flex-basis: calc(50% - 10px); }
#employer .wrapper-fieldset .form-group-list > li.empleoLey { flex-basis: 70%; padding-left: 1em; color: #606060; }
#employer .wrapper-fieldset .form-group-list > li.empleoLeyPublicar { flex-basis: calc(30% - 10px); align-self: start; flex-wrap: nowrap; }
#employer .wrapper-fieldset [data-id=publicarEmpresa] > span.label,
#employer .wrapper-fieldset .empleoLeyPublicar > span.label { font-size: .88rem; text-align: right; }
#employer .wrapper-fieldset #publicarLey,
#employer .wrapper-fieldset #publicarEmpresa { margin-top: 0; }
#employer .wrapper-fieldset[id=fs-empresa] [data-id=publicarEmpresa] .form-group-list > li:nth-child(3) span,
#employer .wrapper-fieldset .empleoLeyPublicar label span { display: block; }
#employer .wrapper-fieldset [data-id=publicarEmpresa] { flex-wrap: nowrap; }
#employer .wrapper-fieldset [data-id=publicarEmpresa] .label { text-align: center; }
#employer .wrapper-fieldset [data-id=publicarEmpresa] label span { display: block; }
#employer .wrapper-fieldset [data-id=publicarEmpresa] label input[type=checkbox] { width: 1em; height: 1em; margin-top: 1px; }
#employer .wrapper-fieldset .form-text #rangoSalarial li { text-indent: 0; }
#employer .wrapper-fieldset .form-text #rangoSalarial li span { padding-left: 3px; }
#employer .wrapper-fieldset #rangoSalarial label input[type=checkbox] { width: 1.4em; height: 1.4em; margin-top: 1px; }
#employer .wrapper-fieldset ul.form-group-list > li[data-id=postulacion] { flex-basis: calc(35% - 10px); flex-wrap: wrap; }
#employer .wrapper-fieldset ul.form-group-list > li[data-id=postulacion] + li + li,
#employer .wrapper-fieldset ul.form-group-list > li[data-id=postulacion] + li { flex-basis: 65%; align-self: end; }
#employer .wrapper-fieldset ul.form-group-list > li[data-id=postulacion] li { width: 100%; }
#employer .wrapper-fieldset .group-list#rangoSalarial { width: 100%; }
#employer .wrapper-fieldset .group-list li { gap: 0; text-indent: 0; }
#employer .wrapper-fieldset .group-list li > :not(:last-child) { margin-right: 1em; }
#employer .wrapper-fieldset .form-textarea .group-list li > :not(:last-child) { margin-right: 0; }
#employer .wrapper-fieldset #groupIdiomas li:not(:last-child) > *:nth-last-child(2) { margin-right: 0; }
#employer .wrapper-fieldset #rangoSalarial li > :not(:last-child) { margin-right: 0; /*padding-left: 0;*/ }
#employer .wrapper-fieldset #rangoSalarial select { min-width: 240px; }
#employer .formGroupContacto { gap: 0 1em; }
#employer .formGroupContacto li:not(.form-label) label { font-size: .875rem }
#employer .wrapper-fieldset:nth-child(n) ul.formGroupContacto > li:not(.form-label) { flex-basis: calc(50% - 1em); }
#postulacion + .formFieldMsg { text-align: left; padding-left: 2.5em; }
#employer #plazoPostulacion { width: calc(100% - 90px); }
#employer .wrapper-fieldset ul.form-group-list .form-text.otroSel { flex: 1 1 40%; }
#employer .wrapper-fieldset ul.form-group-list .form-text.otroContrato { flex: 1 1 50%; margin-left: 1em; }
#employer .wrapper-fieldset ul.form-group-list .form-text.otroContrato label { font-size: 1rem; }
#employer .wrapper-fieldset ul.form-group-list .form-text.otroContrato label span { font-size: 1.4em; }
/* Temporal - Rango salarial estructura manual */
#employer .wrapper-fieldset .estructManual#rangoSalarial { display: flex; gap: .5em; align-items: start; }
#employer .wrapper-fieldset .estructManual#rangoSalarial li { margin-top: 0; position: relative; flex-wrap: wrap; }
#employer .wrapper-fieldset .estructManual#rangoSalarial li label { padding: .2em; font-size: .875rem; text-indent: 0; }
#employer .wrapper-fieldset .estructManual#rangoSalarial li label span { font-size: 1em; }
#employer .wrapper-fieldset .estructManual#rangoSalarial .required { visibility: hidden; margin: 0; padding: 0; }
#employer .wrapper-fieldset .estructManual#rangoSalarial #rangoSalarioPub label { position: static; display: block; transform: none; margin-top: -5px; background: none; color: var(--formTextColor); text-shadow: none; }
#employer .wrapper-fieldset .estructManual#rangoSalarial #rangoSalarioPub label > div { display: flex; }
@media screen and (max-width: 1024px) {
#employer .wrapper-fieldset .estructManual#rangoSalarial { flex-wrap: wrap; }
}
@media screen and (max-width: 640px) {
#employer .wrapper-fieldset .estructManual#rangoSalarial > * { flex-basis: 100%; }
}
@media screen and (max-width: 1024px) {
#centralpanel #employer fieldset.wrapper-fieldset { margin: 0 6%; }
}
@media screen and (max-width: 800px) {
#centralpanel #employer fieldset.wrapper-fieldset { margin: 0; padding: 0; }
#employer .wrapper-fieldset ul.form-group-list input[type=button] { width: auto; }
#employer .wrapper-fieldset:nth-child(n) ul.form-group-list > li:nth-child(n),
#employer .wrapper-fieldset[id=fs-empresa] .form-group-list:first-child > li:nth-child(2),
#employer .wrapper-fieldset[id=fs-empresa] .form-group-list:first-child > li:nth-child(3) { flex-basis: 100%; margin-left: 0; }
#employer .wrapper-fieldset[id=fs-empresa] .form-group-list:first-child > li[data-id=publicarEmpresa] { flex-basis: auto; width: auto; }
#employer .wrapper-fieldset[id=fs-oportunidad] .form-group-list > li.empleoLeyPublicar { justify-content: start; }
#employer .wrapper-fieldset[id=fs-oportunidad] .form-group-list > li.empleoLeyPublicar > * { flex: 0 0 auto; }
#employer .wrapper-fieldset[id=fs-oportunidad] .empleoLeyPublicar > span.label { margin-right: 0; font-size: .88rem; text-align: left; }
}
@media screen and (max-width: 640px) {
#employer .wrapper-fieldset ul.form-group-list { margin: 1em 0; }
.jsonform-wrapper #employer fieldset.wrapper-fieldset ul.form-group-list { padding: 0 1em; }
.jsonform-wrapper #employer fieldset.wrapper-fieldset#fs-boton ul.form-group-list { padding: 0; }
}
/* Calendario (de Formularios) */
.hasCalendar .calendar { background: #fff; border: 1px solid var(--mainColor); z-index: 2; }
.hasCalendar .calendar * { border: none transparent; }
.hasCalendar .calendar table { margin: 0; background: #fff; }
.hasCalendar .calendar table thead tr:first-child td { padding: 0; border: none; }
.hasCalendar .calendar table thead tr:first-child td:first-child { background: var(--mainColor); border: none; }
.hasCalendar .calendar table thead tr:first-child td:first-child div { display: none !important; }
.hasCalendar .calendar table thead tr:first-child td:last-child { padding: 0; background: var(--mainColor); color: #fff; }
.hasCalendar .calendar table thead tr:first-child td:last-child div { padding: 5px; cursor: pointer; }
.hasCalendar .calendar table thead tr:first-child td.hilite:last-child div { font-weight: bold; }
.hasCalendar .calendar thead .title { background: var(--mainColor); border: none; }
.hasCalendar .calendar thead .name { background: #fff; }
.hasCalendar .calendar thead .hilite { background: var(--mainColor); border: none; color: #fff; }
.hasCalendar .calendar thead .active { background: #C99E8C; border: none; color: #fff; }
.hasCalendar .calendar thead .headrow td { border-color: var(--mainColor); }
.hasCalendar .calendar thead .headrow td:first-child { border-left: none; }
.hasCalendar .calendar thead .headrow td:last-child { border-right: none; }
.hasCalendar .calendar thead .headrow td div { padding: 3px; border-color: var(--mainColor); }
.hasCalendar .calendar thead .headrow .hilite { font-weight: bold; border-bottom: 1px solid var(--mainColor); }
.hasCalendar .calendar thead .daynames td { padding: 5px; font-weight: normal; }
.hasCalendar .calendar thead .daynames .hilite { padding: 5px; border: none; border-bottom: 1px solid var(--mainColor); font-weight: normal; }
.hasCalendar .calendar table .wn { background: #EDEAE2; }
.hasCalendar .calendar table .rowhilite td { background: #EDEAE2; }
.hasCalendar .calendar tbody .rowhilite td.wn { background: #C99E8C; }
.hasCalendar .calendar tbody .day { padding: 4px; }
.hasCalendar .calendar tbody .day.hilite { padding: 4px; border: 1px solid var(--mainColor); }
.hasCalendar .calendar tbody td.today { color: var(--mainColor); }
.hasCalendar .calendar tbody td.selected { background: var(--mainColor); color: #fff; text-align: center; border: none; padding: 0 4px !important;}
.hasCalendar .calendar tbody td.emptycell { padding: 4px; }
.hasCalendar .calendar tfoot .ttip { padding: 5px; background: #fff; color: var(--mainColor); border: none; border-top: 1px solid var(--mainColor); }
.hasCalendar .calendar tfoot .hilite { background: #C99E8C; }
.hasCalendar .calendar .combo { background: #EDEAE2; border: 1px solid var(--mainColor); margin: -1px 0 0 -1px; padding: 0; }
.hasCalendar .calendar .combo div { padding: 3px; border-top: 1px solid #C99E8C; }
.hasCalendar .calendar .combo div:first-child { border-top: none; }
.hasCalendar .calendar .combo .active { background: var(--mainColor); color: #fff; border: none; border-top: 1px solid var(--mainColor); }
.hasCalendar .calendar .combo .hilite { background: #C99E8C; color: var(--mainColor); }
/* Lightbox */
.lbEmpresa { display: none; max-width: 600px; }
.lbEmpresa.lbEmpresa h2 { color: var(--mainColor); margin-bottom: .6em; }
.lbEmpresa p span { font-weight: 700; }
.lbEmpresa ul { margin: 0; padding: 0; }
.lbEmpresa ul li::before { display: none; }
.lbEmpresa ul li label { display: flex; gap: .5em; }
.lbEmpresa .wrapper-fieldset label { display: none; }
.lbEmpresa input[type=date] { border: 1px solid var(--greyDark); border-radius: 4px; padding: 4px; }
.lbEmpresa .lbButtons { display: flex; justify-content: space-between; gap: 1em; font-size: 1rem }
.lbEmpresa .lbButtons button { font-size: 1em; }
.lbEmpresa button.bt-confirmar { background: var(--mainColor); border-color: var(--mainColor); color: #fff; }
.lbEmpresa button.bt-confirmar:hover { background: transparent; color: var(--mainColor); }
.lbEmpresa .fields .field-conditional { display: none; }
.lbEmpresa .fields .field-conditional ul { display: grid; grid-template-columns: 1fr 1fr auto; gap: 1em; }
.lbEmpresa .fields .field-conditional ul input:not([type=button]) { width: 100%; padding: .5em; border: 1px solid var(--greyMedium); border-radius: 4px; font-size: .92rem; }
.lbEmpresa .fields .field-conditional ul:only-of-type [type=button] {display: none; }
.lbEmpresa :where(.lb-data-date-week,.lb-data-date-month):not(:empty)::before { content: "("; }
.lbEmpresa :where(.lb-data-date-week,.lb-data-date-month):not(:empty)::after { content: ")"; }
.lbEmpresa.lb-password button.bt-cancelar { background: transparent; border-color: var(--mainColor); color: var(--mainColor); }
.lbEmpresa.lb-password button.bt-cancelar:hover { background: var(--mainColor); color: #fff; }
.lbEmpresa li label:has(input[disabled]) { opacity: .3; }
.lbMessage { display: grid; justify-items: center; gap: 1em; text-align: center; }
.lbMessage::before { display: inline-grid; place-content: center; --lbIcoSize: 3ch; width: var(--lbIcoSize); height: var(--lbIcoSize); font-family: var(--fontAwesome); font-size: 1.5em; font-weight: bold; color: #fff; border-radius: 100px }
.lbMessage.msg-success::before { content: "\f00c"; background-color: var(--mainColor); }
.lbMessage.msg-error::before { content: "\f00d"; background-color: var(--formErrorColor); }
.lbEmpresa form > .messageInner.msg-error { display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: .7em; margin-bottom: 1em; padding: .5em; border: 2px solid; border-radius: 5px; color: var(--formErrorColor); }
.lbEmpresa form > .messageInner.msg-error::before { content: "\f00d"; display: inline-grid; place-content: center; --lbIcoSize: 2.5ch; width: var(--lbIcoSize); height: var(--lbIcoSize); background-color: var(--formErrorColor); font-family: var(--fontAwesome); font-size: 1.5em; font-weight: bold; color: #fff; border-radius: 100px; }
.lb-postulacion { width: 100%; max-width: 640px; }
.lb-postulacion.lbOportunidad h2 { margin-bottom: 1.5em; }
.lb-postulacion .lbMessage { align-items: center; position: absolute; background: #fff; }
.lb-postulacion .lbMessage::before { font-size: 2.2em; text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff; }
.lb-postulacion .lbMessage.msg-success { position: static; gap: .5em; }
.lb-postulacion .lbMessage.msg-success ~ * { display: none; }
.lb-postulacion .lbMessage.msg-success h2 { margin-block: .8rem; }
.lb-postulacion .lbMessage.msg-success p { margin: 0; font-size: clamp(1.125rem, 1.018rem + 0.357vw, 1.375rem) /* min480 max1600 */; font-weight: 600; color: var(--greyDark4); }
.lb-postulacion .lbMessage.msg-success p span { display: inline-block; margin-top: 1em; font-size: 1rem; font-weight: 400; }
.lb-postulacion .lbMessage.msg-success p span a { font-weight: 600; }
.lb-postulacion a { text-decoration: underline; }
.lb-postulacion a:hover { text-decoration: none; }
.lb-postulacion .bt-cancelar:not(:only-child) { padding-inline: 0; border: none; text-decoration: underline; }
.lb-postulacion .bt-cancelar:not(:only-child):hover { background: none; color: inherit; text-decoration: none; }
.lb-postulacion .postulacion-text { font-size: 1.25em; font-weight: 600; color: var(--greyText); }
.lb-postulacion .postulacion-link { display: flex; align-items; center; gap: 1em; width: fit-content; max-width: 100%; margin-top: .5em; padding: 0; border: 1px solid var(--greyMedium); border-radius: 5px; background: var(--greyLight); font-size: 1.25em; font-weight: 600; }
.lb-postulacion .postulacion-link a { display: block; width: fit-content; min-width: 20ch; max-width: 100%; padding: .5em 0 .5em .5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 600; text-decoration: none; }
.lb-postulacion .postulacion-link button { padding: .5rem; background: transparent; border: none; color: var(--greyDark2); }
.lb-postulacion .postulacion-link button i { transition: .5s; }
.lb-postulacion .postulacion-link button:hover i { color: var(--mainColor); }
body:has(.loginWrap) .leyDatos,
.loginWrap .leyDatos { display: none; }
.lb-student-password fieldset { padding-bottom: 0; }
.lb-student-password .lbButtons { justify-content: center; }
.lb-student-password .lbButtons button { margin-bottom: 0; }
/* Paginación */
#body .page-selector { justify-content: center; align-items: center; gap: 8px; }
#body .page-selector > div a { display: block; border-radius: 6px; border-color: #e3e2e2; color: #929292; }
#body .page-selector ul { margin: 0; padding: 0; gap: 0; }
#body .page-selector ul li { margin-block: 0; }
#body .page-selector ul li::before { display: none; }
#body .page-selector ul li a { padding: .5em 1em; color: #929292; }
#body .page-selector ul li.selected a { border: 1px solid var(--mainColor); border-radius: 6px; background: var(--mainColor); color: #fff; opacity: 1; }
#body .page-selector ul li:where(.page-of,.page-qty) { display: none; }
#body .page-selector div:is(.next-page,.previous-page) { margin-inline: 0; }
#body .page-selector div:is(.next-page,.previous-page) a { padding: 0; }
#body .page-selector div.previous-page a::before,
#body .page-selector div.next-page a::after { display: block; margin: .9em 1em 1em; }
#body .page-selector div.previous-page a::after,
#body .page-selector div.next-page a::before { display: none; }
#body .page-selector ul .page-of a,
#body .page-selector ul .page-qty a { padding-inline: .8em .2em; pointer-events: none; }
#body .page-selector ul .page-ellipsis a { padding-inline: .2em; pointer-events: none; }
@media screen and (max-width: 800px) {
#body .page-selector ul { flex-wrap: wrap; flex-basis: auto; order: 0; margin-inline: auto; padding: 0; }
#body .page-selector ul li:where(:not(.selected):not(.page-of):not(.page-qty)) { display: none; }
#body .page-selector ul li:where(.page-of,.page-qty) { display: block; }
#body .page-selector:not(:has(.previous-page))::before,
#body .page-selector:not(:has(.next-page))::after { content: ""; width: 50px; }
}
/* Mis notificaciones */
.ortForm3#formNotificaciones { padding: 0; background: transparent; }
.ortForm3#formNotificaciones .formTextHeader { margin-bottom: clamp(2rem, 3vw, 3.5rem); }
.ortForm3#formNotificaciones .wrapper-fieldset { max-width: 100%; margin-inline: 0; padding: 1em clamp(0.625rem, 0.036rem + 1.964vw, 2rem); background: var(--greyLight); border-color: var(--greyMedium); border-radius: 10px; }
.ortForm3#formNotificaciones .wrapper-fieldset:nth-last-of-type(2) { margin-bottom: 0; }
.ortForm3#formNotificaciones #fs-notificacion-boton { background: transparent; border: none; padding-inline: 0; }
.ortForm3#formNotificaciones .form-button.form-buttons { display: initial; }
.ortForm3#formNotificaciones .wrapper-fieldset :is(.groupRadio3, .groupCheck3) { --notifQty: 3; display: grid; grid-template-columns: repeat(var(--notifQty), 1fr); row-gap: 1.2em; margin-top: .8rem; }
.ortForm3#formNotificaciones .wrapper-fieldset :is(.groupRadio3, .groupCheck3) li { margin: 0; }
.ortForm3#formNotificaciones .wrapper-fieldset :is(.groupRadio3, .groupCheck3) li input:checked + span { color: var(--mainColor); }
@media screen and (max-width: 1024px) {
.ortForm3#formNotificaciones .wrapper-fieldset :is(.groupRadio3, .groupCheck3) { --notifQty: 2; }
.ortForm3#formNotificaciones .wrapper-fieldset ul.form-group-list.formGroupBoton { margin-inline: 0; }
}
@media screen and (max-width: 480px) {
.ortForm3#formNotificaciones .wrapper-fieldset :is(.groupRadio3, .groupCheck3) { gap: 1em; --notifQty: 1; }
.ortForm3#formNotificaciones .wrapper-fieldset .form-button input[type="button"],
.ortForm3#formNotificaciones .wrapper-fieldset .form-button button { font-size: 14px; }
}
/* Dialog / Popover */
:is(dialog, [popover]) { --w-max: 35rem; padding: clamp(1.875rem, 1.393rem + 1.607vw, 3rem); }
:is(dialog, [popover]) h2:first-child { margin-top: 0; }
:is(dialog, [popover]) .dialogClose { transform: translate(-.6em, 0em); }
.fancybox-content a { text-decoration: underline; }
.fancybox-content a:hover { text-decoration: none; }
.msgConfirm { position: fixed; top: 5em; left: 50%; transform: translateX(-50%); z-index: 100000; padding: 1em 3em; background: rgba(255,255,255,.7); border-radius: 5px; color: var(--mainColor); }
/* Driver.js */
.driver-popover .driver-popover-arrow { border-width: 5px; }
.driver-popover .driver-popover-close-btn { font-size: 1.8em; line-height: 1em; }
.driver-popover .driver-popover-title { font-size: clamp(1.4rem, 0.725rem + 0.9vw, 1.625rem); font-weight: 700; color: var(--mainColor); }
.driver-popover .driver-popover-description { font-size: 1rem; }
.driver-popover .driver-popover-prev-btn,
.driver-popover .driver-popover-next-btn { display: inline-block; width: 2.8em; height: 2.8em; transform: none; background: url(../../common/img/bullet-generic.svg) no-repeat center center / .7em; text-indent: -300px; text-align: left; overflow: hidden; }
.driver-popover .driver-popover-prev-btn { transform: rotate(180deg); }
.driver-popover .driver-popover-next-btn.driver-popover-last-close-btn { background: none; }
.driver-popover .driver-popover-next-btn.driver-popover-last-close-btn::after { content: "×"; float: right; margin-right: -1.5px; line-height: .85em; text-indent: 0; background: none; font-size: 2.8em; color: var(--greyDark3); }