/* =========================================================
   TRABALHE CONOSCO — bloco de destaque (vagas PCD)
   Conteúdo editável em: restrito/?pg=modulos/institucional/trabalhe_pcd
   ========================================================= */

.pcd-destaque{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    align-items:stretch;
    margin:0 0 46px;
    border:1px solid var(--sj-borda);
    border-radius:16px;
    overflow:hidden;
    background:linear-gradient(135deg,#f4f9fd 0%,#ffffff 62%);
    box-shadow:0 22px 48px rgba(0,73,124,.12);
}

/* ----- LADO DO TEXTO ----- */
.pcd-destaque-conteudo{
    padding:44px 46px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}

.pcd-destaque-tag{
    display:inline-flex;
    align-items:center;
    gap:9px;
    align-self:flex-start;
    margin:0 0 18px;
    padding:8px 15px;
    border-radius:30px;
    background:var(--sj-verde);
    color:#fff;
    font-size:11.5px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.09em;
    line-height:1;
}
.pcd-destaque-tag i{font-size:14px;}

.pcd-destaque-titulo{
    font-size:31px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:-.03em;
    color:var(--sj-titulo);
    margin:0 0 16px;
}
.pcd-destaque-titulo u{
    text-decoration:none;
    background-image:linear-gradient(transparent 76%,var(--sj-azul-suave) 76%,var(--sj-azul-suave) 94%,transparent 94%);
    background-repeat:no-repeat;
    padding:0 2px;
}

.pcd-destaque-texto{
    font-size:15px;
    line-height:1.8;
    color:var(--sj-cinza-texto);
}
.pcd-destaque-texto p{margin:0 0 1em;}
.pcd-destaque-texto p:last-child{margin-bottom:0;}
.pcd-destaque-texto strong,.pcd-destaque-texto b{color:var(--sj-titulo);font-weight:800;}
.pcd-destaque-texto a{color:var(--sj-azul);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.pcd-destaque-texto a:hover{color:var(--sj-azul-escuro);}
.pcd-destaque-texto ul,.pcd-destaque-texto ol{margin:12px 0 14px;padding-left:20px;}
.pcd-destaque-texto ul li{list-style:disc;margin-bottom:7px;}
.pcd-destaque-texto ol li{list-style:decimal;margin-bottom:7px;}

/* ----- LADO DA IMAGEM ----- */
.pcd-destaque-media{position:relative;min-height:290px;overflow:hidden;background:var(--sj-azul-suave);}
.pcd-destaque-media img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .6s ease;
}
.pcd-destaque:hover .pcd-destaque-media img{transform:scale(1.04);}

/* Legenda opcional sobre a imagem */
.pcd-destaque-legenda{
    position:absolute;
    left:0;right:0;bottom:0;
    padding:26px 22px 16px;
    background:linear-gradient(to top,rgba(0,40,72,.82),rgba(0,40,72,0));
    color:#fff;
    font-size:12.5px;
    font-weight:600;
    line-height:1.45;
}

/* Ilustração usada enquanto nenhuma foto foi enviada no painel */
.pcd-destaque-media.sem-foto{
    background:linear-gradient(140deg,var(--sj-azul) 0%,var(--sj-azul-escuro) 55%,#00426f 100%);
    display:flex;
    align-items:center;
    justify-content:center;
}
.pcd-destaque-media.sem-foto::before{
    content:'';
    position:absolute;
    width:340px;height:340px;
    border-radius:50%;
    border:34px solid rgba(255,255,255,.07);
    top:-120px;right:-120px;
}
.pcd-destaque-media.sem-foto::after{
    content:'';
    position:absolute;
    width:180px;height:180px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    bottom:-60px;left:-50px;
}
.pcd-destaque-media.sem-foto i{
    position:relative;
    z-index:2;
    font-size:104px;
    color:#fff;
    opacity:.95;
    line-height:1;
}

/* ----- RESPONSIVO ----- */
@media (max-width:960px){
    .pcd-destaque-conteudo{padding:36px 34px;}
    .pcd-destaque-titulo{font-size:27px;}
}

@media (max-width:820px){
    .pcd-destaque{grid-template-columns:1fr;margin-bottom:34px;}
    .pcd-destaque-media{order:-1;min-height:0;aspect-ratio:16/9;}
    .pcd-destaque-media.sem-foto i{font-size:72px;}
    .pcd-destaque-conteudo{padding:30px 26px;}
    .pcd-destaque-titulo{font-size:24px;}
    .pcd-destaque-texto{font-size:14.5px;line-height:1.7;}
}

@media (max-width:520px){
    .pcd-destaque-conteudo{padding:26px 20px;}
    .pcd-destaque-titulo{font-size:22px;}
    .pcd-destaque-tag{font-size:10.5px;padding:7px 13px;}
}