.elementor-88 .elementor-element.elementor-element-44f40cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-88 .elementor-element.elementor-element-44f40cc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-88 .elementor-element.elementor-element-519a63b{--display:flex;}@media(min-width:768px){.elementor-88 .elementor-element.elementor-element-44f40cc{--width:98.288%;}.elementor-88 .elementor-element.elementor-element-519a63b{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-4bf6ea0 */button.empleo-postular-btn,
.empleo-postular-btn{
  width: 100% !important;
  min-height: 56px !important;
  border: none !important;
  border-radius: 16px !important;
  background: rgb(176,63,53) !important;
  background-color: rgb(176,63,53) !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  cursor: pointer !important;
  transition: all .25s ease !important;
  box-shadow: 0 12px 24px rgba(176,63,53,.18) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

button.empleo-postular-btn:hover,
.empleo-postular-btn:hover{
  background: rgb(150,45,35) !important;
  background-color: rgb(150,45,35) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 28px rgba(176,63,53,.22) !important;
}

button.empleo-postular-btn svg,
.empleo-postular-btn svg{
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 auto !important;
  color: #fff !important;
  fill: none !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================
   Portal empleo - layout
   ========================= */
.portal-empleo{
  display:grid;
  grid-template-columns:minmax(0, 2fr) 540px;
  gap:32px;
  align-items:start;
}

.portal-empleo__left{
  min-width:0;
}

.portal-empleo__right{
  position:sticky;
  top:120px;
}

/* =========================
   Search
   ========================= */
.portal-empleo__search{
  margin-bottom:28px;
}

.portal-empleo__search input{
  width:100%;
  height:58px;
  border:1px solid #d4dfdb;
  border-radius:16px;
  padding:0 20px;
  font-size:16px;
  color:#294847;
  background:#fff;
  outline:none;
  transition:.25s ease;
  box-shadow:none;
}

.portal-empleo__search input:focus{
  border-color:#73928d;
  box-shadow:0 0 0 4px rgba(59,95,95,.08);
}

/* =========================
   Listado
   ========================= */
.portal-empleo__list{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.empleo-card{
  background:#fff;
  border:1px solid #dce6e2;
  border-radius:22px;
  padding:28px 28px 24px;
  cursor:pointer;
  transition:all .25s ease;
  box-shadow:0 4px 18px rgba(26,43,43,.03);
}

.empleo-card:hover{
  border-color:#7e9a95;
  box-shadow:0 12px 30px rgba(26,43,43,.07);
  transform:translateY(-1px);
}

/* Estado activo */
.empleo-card.is-active{
  background:rgba(59,95,95,.08);
  border-color:rgb(59,95,95);
  box-shadow:0 12px 30px rgba(59,95,95,.08);
}

.empleo-card__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}

.empleo-card__top h3{
  margin:0;
  font-size:22px;
  line-height:1.2;
  font-weight:700;
  color:#1f3636;
}

.empleo-card__fecha{
  font-size:15px;
  color:#6f8884;
  white-space:nowrap;
}

.empleo-card__empresa{
  margin-top:10px;
  font-size:18px;
  color:#3d6663;
  font-weight:500;
}

.empleo-card__meta{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  font-size:15px;
  color:#6f8884;
}

/* =========================
   Panel derecho
   ========================= */
#empleo-detalle{
  background:#fff;
  border:1px solid #dce6e2;
  border-radius:24px;
  min-height:420px;
  padding:34px 32px;
  box-shadow:0 8px 26px rgba(24,40,40,.04);
}

.empleo-detalle-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#839a96;
}

.empleo-detalle h2{
  margin:0 0 8px;
  font-size:28px;
  line-height:1.15;
  color:#1e3535;
  font-weight:700;
}

.empleo-detalle__empresa{
  font-size:18px;
  color:#3d6663;
  margin-bottom:22px;
  font-weight:500;
}

.empleo-detalle__salary{
  display:flex;
  align-items:center;
  gap:10px;
  color:#1f3636;
  font-size:17px;
  font-weight:500;
  margin-bottom:24px;
}

.empleo-detalle__salary i,
.empleo-detalle__salary svg{
  color:#6f8884;
}

.empleo-detalle__summary{
  color:#66807c;
  font-size:16px;
  line-height:1.65;
  margin-bottom:24px;
}

.empleo-detalle__section{
  margin-top:22px;
}

.empleo-detalle__section h4{
  margin:0 0 12px;
  font-size:17px;
  color:#1f3636;
  font-weight:700;
}

.empleo-detalle__section ul{
  margin:0;
  padding-left:22px;
}

.empleo-detalle__section li{
  margin-bottom:8px;
  color:#6a8480;
  line-height:1.6;
}

.empleo-detalle__actions{
  margin-top:28px;
}

.empleo-postular-btn{
  width:100%;
  min-height:56px;
  border:none;
  border-radius:16px;
  background:rgb(59,95,95);
  color:#fff;
  font-size:16px;
  font-weight:600;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  cursor:pointer;
  transition:.25s ease;
  box-shadow:0 10px 25px rgba(59,95,95,.18);
}

.empleo-postular-btn:hover{
  background:rgb(47,78,78);
  transform:translateY(-1px);
}

.empleo-postular-btn svg{
  width:18px;
  height:18px;
}

/* Loading */
.empleo-loading{
  color:#6f8884;
  font-size:15px;
}

/* Responsive */
@media (max-width: 1200px){
  .portal-empleo{
    grid-template-columns:1fr 430px;
  }
}

@media (max-width: 1024px){
  .portal-empleo{
    grid-template-columns:1fr;
  }

  .portal-empleo__right{
    position:static;
    top:auto;
  }

  #empleo-detalle{
    min-height:auto;
  }
}

.portal-empleo{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap:32px;
  align-items:start;
}

.portal-empleo__left{
  min-width:0;
}

.portal-empleo__right{
  width:100%;
  min-width:0;
}

@media (max-width: 1200px){
  .portal-empleo{
    grid-template-columns: minmax(0, 1fr) 340px;
    gap:24px;
  }
}

@media (max-width: 1024px){
  .portal-empleo{
    grid-template-columns: 1fr;
  }

  .portal-empleo__right{
    position:static !important;
    top:auto !important;
  }
}

.portal-empleo__list{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.empleo-card{
  background:#fff;
  border:1px solid #dbe5e1;
  border-radius:22px;
  padding:28px 28px 24px;
  cursor:pointer;
  transition:all .25s ease;
  box-shadow:0 4px 18px rgba(25,40,40,.03);
}

.empleo-card:hover{
  border-color:#87a09c;
  box-shadow:0 14px 30px rgba(28,47,47,.06);
  transform:translateY(-1px);
}

.empleo-card.is-active{
  background:rgba(59,95,95,.09);
  border-color:rgb(59,95,95);
  box-shadow:0 10px 26px rgba(59,95,95,.10);
}

.empleo-card__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}

.empleo-card__top h3{
  margin:0;
  font-size:22px;
  line-height:1.2;
  font-weight:700;
  color:#1f3636;
}

.empleo-card__fecha{
  font-size:15px;
  color:#728985;
  white-space:nowrap;
}

.empleo-card__empresa{
  margin-top:10px;
  font-size:17px;
  color:#3f6664;
  font-weight:500;
}

.empleo-card__meta{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  font-size:15px;
  color:#708783;
}

#empleo-detalle{
  background:#fff;
  border:1px solid #dbe5e1;
  border-radius:24px;
  padding:30px 30px 28px;
  box-shadow:0 10px 28px rgba(26,43,43,.04);
  min-height:420px;
}

.empleo-detalle{
  display:flex;
  flex-direction:column;
  gap:0;
}

.empleo-detalle__head{
  margin-bottom:20px;
}

.empleo-detalle h2{
  margin:0 0 10px;
  font-size:28px;
  line-height:1.15;
  font-weight:700;
  color:#1f3636;
  letter-spacing:-0.02em;
}

.empleo-detalle__empresa{
  font-size:17px;
  color:#3f6664;
  font-weight:500;
}

.empleo-detalle__salary{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:24px;
  color:#1f3636;
}

.empleo-detalle__salary-icon{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#edf3f1;
  color:#55706d;
  font-size:18px;
  font-weight:700;
  flex:0 0 auto;
}

.empleo-detalle__salary-value{
  font-size:17px;
  line-height:1.4;
  font-weight:500;
  color:#294241;
}

.empleo-detalle__summary{
  margin-bottom:24px;
  font-size:16px;
  line-height:1.65;
  color:#6c8480;
}

.empleo-detalle__section{
  margin-top:2px;
}

.empleo-detalle__section h4{
  margin:0 0 12px;
  font-size:17px;
  line-height:1.3;
  font-weight:700;
  color:#1f3636;
}

.empleo-detalle__content{
  color:#6c8480;
  font-size:16px;
  line-height:1.7;
}

.empleo-detalle__content ul{
  margin:0;
  padding-left:22px;
}

.empleo-detalle__content li{
  margin-bottom:8px;
}

.empleo-detalle__actions{
  margin-top:28px;
}

.empleo-postular-btn{
  width:100%;
  min-height:56px;
  border:none;
  border-radius:16px;
  background:rgb(59,95,95);
  color:#fff;
  font-size:17px;
  font-weight:600;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  cursor:pointer;
  transition:all .25s ease;
  box-shadow:0 12px 24px rgba(59,95,95,.18);
}

.empleo-postular-btn:hover{
  background:rgb(48,79,79);
  transform:translateY(-1px);
  box-shadow:0 16px 28px rgba(59,95,95,.22);
}

.empleo-postular-btn svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
}

.empleo-detalle-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:420px;
  color:#8aa09c;
  text-align:center;
}

.empleo-card__meta{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.meta-chip{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px 8px 36px;
  border-radius:999px;
  background:#f3f7f6;
  border:1px solid #dbe5e1;
  color:#5f7773;
  font-size:14px;
  line-height:1.2;
  font-weight:500;
}

.meta-chip::before{
  position:absolute;
  left:13px;
  top:50%;
  transform:translateY(-50%);
  font-size:14px;
  line-height:1;
  opacity:.9;
}

.meta-chip--ubicacion::before{
  content:"📍";
}

.meta-chip--modalidad::before{
  content:"🕒";
}

.meta-chip--experiencia::before{
  content:"💼";
}

.empleo-card.is-active .meta-chip{
  background:rgba(59,95,95,.08);
  border-color:rgba(59,95,95,.18);
  color:#3d5f5f;
}/* End custom CSS */