/*
 * EMPLEOS · Shell visual v2.
 * Autoridad aislada bajo .jc-jobs-shell.
 */

.jc-jobs-shell,
.jc-jobs-shell *{
  box-sizing:border-box;
}

.jc-jobs-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(10px,2.7vw,16px);
  width:calc(100% - var(--jc-shell-gutter) - var(--jc-shell-gutter));
  max-width:1024px;
  min-width:0;
  margin-inline:auto;
  padding:var(--jc-shell-gutter) 0 34px;
  background:linear-gradient(180deg,rgba(244,248,252,.72) 0,rgba(248,250,252,.62) 58%,rgba(243,247,251,.72) 100%);
}

.jc-jobs-shell .jc-jobs-shell__heading,
.jc-jobs-shell .jc-jobs-shell__grid,
.jc-jobs-shell .jc-jobs-shell__pagination,
.jc-jobs-shell .jc-jobs-publish-cta,
.jc-jobs-shell .jc-empty-results,
.jc-jobs-shell .jc-classified-sofi{
  width:100%;
  min-width:0;
  margin:0;
}

.jc-jobs-shell .jc-jobs-shell__heading{
  order:3;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  padding:clamp(12px,2.4vw,20px);
  border:1px solid #dce6ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(21,58,92,.07);
}

.jc-jobs-shell .jc-jobs-shell__heading .jc-eyebrow{
  display:block;
  margin-bottom:3px;
}

.jc-jobs-shell .jc-jobs-shell__heading h2{
  margin:0;
  color:#173b60;
  font-size:clamp(20px,3vw,30px);
  line-height:1.08;
}

.jc-jobs-shell .jc-jobs-shell__heading p{
  margin:5px 0 0;
  color:#61758a;
  font-size:13px;
}

.jc-jobs-shell .jc-results-count{
  flex:0 0 auto;
}

.jc-jobs-shell .jc-jobs-shell__grid{
  order:4;
}

.jc-jobs-shell .jc-jobs-shell__pagination{
  order:5;
}

.jc-jobs-shell .jc-jobs-publish-cta,
.jc-jobs-shell .jc-empty-results{
  order:6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:clamp(16px,3vw,26px);
  border:1px solid #d7e5f0;
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#edf7ff);
  box-shadow:0 10px 28px rgba(21,58,92,.08);
}

.jc-jobs-shell .jc-jobs-publish-cta h2,
.jc-jobs-shell .jc-empty-results h2{
  margin:0;
  color:#173b60;
  font-size:clamp(18px,2.8vw,26px);
}

.jc-jobs-shell .jc-jobs-publish-cta p,
.jc-jobs-shell .jc-empty-results p{
  margin:4px 0 0;
  color:#61758a;
}

.jc-jobs-shell .jc-classified-sofi{
  position:static!important;
  order:7;
  height:auto!important;
  min-height:0;
}

.jc-jobs-shell .jc-classified-sofi-map iframe{
  max-width:100%;
}

@media (max-width:600px){
  .jc-jobs-shell .jc-jobs-shell__heading,
  .jc-jobs-shell .jc-jobs-publish-cta,
  .jc-jobs-shell .jc-empty-results{
    align-items:flex-start;
    flex-direction:column;
  }

  .jc-jobs-shell .jc-classified-sofi{
    padding:17px;
  }

  .jc-jobs-shell .jc-classified-sofi form{
    grid-template-columns:1fr;
  }
}

@media (min-width:901px){
  .jc-jobs-shell{
    gap:16px;
    width:min(calc(100% - 32px),1024px);
    max-width:1024px;
    padding:8px 0 48px;
  }

  .jc-jobs-shell .jc-classified-sofi{
    display:block;
    border-radius:24px;
  }
}
