/* Detalhe de emprego — novo layout Vempregos.
   Atua apenas na página dinâmica configurada em $emprego_page_id (184).
   A lógica continua integralmente em show_emprego(). */

body.vemp-page-184,
body.vemp-page-184 .home_page,
body.vemp-page-184 .col-center2,
body.vemp-page-184 .main_content{
    background:#f5f7fb!important;
}

body.vemp-page-184 .main_content{
    min-height:calc(100vh - 80px)!important;
    padding:0!important;
    overflow:visible!important;
}

body.vemp-page-184 .main_content > .content,
body.vemp-page-184 .main_content .content{
    width:min(calc(100% - clamp(32px,4vw,80px)),1440px)!important;
    max-width:1440px!important;
    margin:32px auto 72px!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

/* O JS agrupa media + resumo sem alterar dados ou eventos existentes. */
body.vemp-page-184 .ve-job-overview{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(340px,.5fr);
    gap:22px;
    align-items:start;
    margin:0 auto 22px;
}

body.vemp-page-184 .ve-job-summary-card,
body.vemp-page-184 .horizontalTab{
    background:#fff!important;
    border:1px solid #e1e7f0!important;
    border-radius:24px!important;
    box-shadow:0 18px 48px rgba(16,41,87,.08)!important;
}

body.vemp-page-184 .ve-job-media{
    border-radius:0!important;
    min-width:0;
    overflow:hidden;
    padding:0!important;
}
body.vemp-page-184 .ve-job-media > img,
body.vemp-page-184 .ve-job-media video{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    border:0!important;
}
body.vemp-page-184 .ve-job-media > img{
    aspect-ratio:16/9;
    object-fit:cover;
    background:#07152e;
}
body.vemp-page-184 .ve-job-media .video-section{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}
body.vemp-page-184 .ve-job-media .video-card,
body.vemp-page-184 .ve-job-media .video-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#000!important;
}
body.vemp-page-184 .ve-job-media .video-wrapper{
    width:100%!important;
    margin:0!important;
}
body.vemp-page-184 .ve-job-media .smart-video{
    width:100%!important;
    max-height:760px!important;
    object-fit:contain!important;
    background:#000!important;
}

body.vemp-page-184 .ve-job-summary-card,
body.vemp-page-184 .p_emprego.ve-job-summary-card{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:28px!important;
    display:block!important;
}

/* Não repetir a media que foi movida para o painel esquerdo. */
body.vemp-page-184 .ve-job-summary-card > img.ve-job-media-source{
    display:none!important;
}

body.vemp-page-184 .emprego-info{
    width:100%!important;
    display:grid!important;
    gap:16px!important;
    align-items:center!important;
    margin:0!important;
    padding:0 0 22px!important;
    border-bottom:1px solid #edf1f6!important;
}
body.vemp-page-184 .emprego-info .img-empresa{
    box-sizing:border-box!important;
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    margin:0!important;
    border:1px solid #dce3ed!important;
    border-radius:18px!important;
    background-color:#fff!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    box-shadow:none!important;
}
body.vemp-page-184 .emprego-info .emprego-content{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}
body.vemp-page-184 .emprego-titulo{
    margin:0 0 8px!important;
    color:#102957!important;
    font-size:clamp(25px,2vw,32px)!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.8px!important;
}
body.vemp-page-184 .emprego-area{
    margin:3px 0!important;
    color:#536179!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:650!important;
}
body.vemp-page-184 .emprego-data{
    margin-top:8px!important;
    color:#98a2b3!important;
    font-size:11px!important;
    line-height:1.4!important;
    font-weight:650!important;
}

/* Ações da vaga: visualizações, seguir empresa e partilha. */
body.vemp-page-184 .emprego-views{
    box-sizing:border-box!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin:18px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#52617a!important;
    background:#fff!important;
    border:1px solid #e2e8f0!important;
    border-radius:16px!important;
    font-size:12px!important;
    box-shadow:none!important;
}
body.vemp-page-184 .emprego-views > div{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    padding:11px 14px!important;
}
body.vemp-page-184 .emprego-views > div + div{
    border-top:1px solid #edf1f6!important;
}
body.vemp-page-184 .emprego-views > div:first-child{
    color:#344054!important;
    font-size:12px!important;
    font-weight:750!important;
    background:#fbfcfe!important;
}
body.vemp-page-184 .emprego-views > div:first-child span{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
}
body.vemp-page-184 .emprego-views > div:first-child span:before{
    content:'';
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:999px;
    background:#1768e8;
}
body.vemp-page-184 .follow-vaga{
    box-sizing:border-box!important;
    width:calc(100% - 20px)!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:10px!important;
    padding:0 14px!important;
    color:#1768e8!important;
    background:#edf4ff!important;
    border:1px solid #c9dcfb!important;
    border-radius:12px!important;
    cursor:pointer!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:850!important;
    transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
body.vemp-page-184 .follow-vaga:hover{
    color:#0f52bd!important;
    background:#e3efff!important;
    border-color:#9fc1f5!important;
}
body.vemp-page-184 .follow-vaga:active{
    transform:translateY(1px)!important;
}
body.vemp-page-184 .follow-vaga span{
    margin-right:0!important;
}
body.vemp-page-184 .follow-vaga img{
    width:16px!important;
    height:16px!important;
    max-width:16px!important;
    flex:0 0 16px!important;
    object-fit:contain!important;
}
body.vemp-page-184 .emprego-views > div:last-child:not(.follow-vaga){
    min-height:52px!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    background:#fff!important;
}
body.vemp-page-184 .emprego-views > div:last-child:not(.follow-vaga) > span{
    margin:0!important;
    color:#667085!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:750!important;
}
body.vemp-page-184 .sharethis-inline-share-buttons{
    min-height:34px!important;
    margin:0!important;
}

body.vemp-page-184 .open-candidatura-modal,
body.vemp-page-184 a.button3.open-candidatura-modal{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:20px 0 0!important;
    padding:0 22px!important;
    color:#fff!important;
    background:#1768e8!important;
    border:1px solid #1768e8!important;
    border-radius:999px!important;
    box-shadow:none!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
}
body.vemp-page-184 .open-candidatura-modal:hover{
    color:#fff!important;
    background:#0f52bd!important;
    border-color:#0f52bd!important;
}

/* Tabs de descrição. */
body.vemp-page-184 .horizontalTab{
    width:100%!important;
    margin:0 auto 28px!important;
    padding:0!important;
    overflow:hidden!important;
}
body.vemp-page-184 .resp-tabs-list{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
    padding:9px!important;
    background:#f3f6fa!important;
    border-bottom:1px solid #e3e8f1!important;
    list-style:none!important;
}
body.vemp-page-184 .resp-tabs-list li,
body.vemp-page-184 .resp-tab-item{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0 18px!important;
    color:#52617a!important;
    background:transparent!important;
    border:0!important;
    border-radius:999px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:850!important;
    text-transform:none!important;
    cursor:pointer!important;
}
body.vemp-page-184 .resp-tabs-list li.resp-tab-active,
body.vemp-page-184 .resp-tab-item.resp-tab-active{
    color:#fff!important;
    background:#1768e8!important;
    box-shadow:none!important;
}
body.vemp-page-184 .resp-tabs-container{
    margin:0!important;
    padding:30px 32px 34px!important;
    color:#344054!important;
    background:#fff!important;
    border:0!important;
}
body.vemp-page-184 .resp-tab-content{
    margin:0!important;
    padding:0!important;
    color:#344054!important;
    font-size:15px!important;
    line-height:1.8!important;
}
body.vemp-page-184 .resp-tab-content p{
    margin:0 0 15px!important;
}
body.vemp-page-184 .resp-tab-content h2,
body.vemp-page-184 .resp-tab-content h3,
body.vemp-page-184 .resp-tab-content h4{
    color:#102957!important;
    font-weight:900!important;
}
body.vemp-page-184 h2.resp-accordion{
    margin:0!important;
    padding:15px 18px!important;
    color:#102957!important;
    background:#f7f9fc!important;
    border:0!important;
    border-bottom:1px solid #e3e8f1!important;
    font-size:13px!important;
    font-weight:850!important;
}
body.vemp-page-184 h2.resp-accordion.resp-tab-active{
    color:#1768e8!important;
    background:#edf4ff!important;
}

/* Modais de candidatura mantêm a lógica existente, apenas recebem o visual novo. */
body.vemp-page-184 .modal-content{
    overflow:hidden!important;
    border:1px solid #e1e7f0!important;
    border-radius:22px!important;
    box-shadow:0 24px 70px rgba(7,21,46,.25)!important;
}
body.vemp-page-184 .modal-header,
body.vemp-page-184 .modal-footer{
    border-color:#e9edf3!important;
}
body.vemp-page-184 .modal-title{
    color:#102957!important;
    font-weight:900!important;
}

@media(max-width:1050px){
    body.vemp-page-184 .ve-job-overview{
        grid-template-columns:1fr!important;
    }
    body.vemp-page-184 .ve-job-summary-card{
        padding:24px!important;
    }
}

@media(max-width:620px){
    /* Quando o detalhe está isolado dentro da popup mobile,
       o vídeo deve encostar às margens sem cantos arredondados. */
    body.vemp-page-184.ve-popup-isolated .ve-job-media,
    body.vemp-page-184.ve-popup-isolated .ve-job-media .video-section,
    body.vemp-page-184.ve-popup-isolated .ve-job-media .video-card,
    body.vemp-page-184.ve-popup-isolated .ve-job-media .video-shell,
    body.vemp-page-184.ve-popup-isolated .ve-job-media .video-wrapper,
    body.vemp-page-184.ve-popup-isolated .ve-job-media video,
    body.vemp-page-184.ve-popup-isolated .ve-job-media .smart-video,
    body.vemp-page-184.ve-popup-isolated .ve-job-media .poster-fallback{
        border-radius:0!important;
    }

    body.vemp-page-184 .main_content > .content,
    body.vemp-page-184 .main_content .content{
        width:calc(100% - 28px)!important;
        margin:20px auto 48px!important;
    }
    body.vemp-page-184 .ve-job-overview{
        gap:14px!important;
        margin-bottom:14px!important;
    }
    body.vemp-page-184 .ve-job-media,
    body.vemp-page-184 .ve-job-summary-card,
    body.vemp-page-184 .horizontalTab{
        border-radius:18px!important;
    }
    body.vemp-page-184 .ve-job-media .video-card,
    body.vemp-page-184 .ve-job-media .video-shell{
        border-radius:17px!important;
    }
    body.vemp-page-184 .ve-job-summary-card{
        padding:20px!important;
    }
    body.vemp-page-184 .emprego-info{
        grid-template-columns:54px minmax(0,1fr)!important;
        gap:12px!important;
    }
    body.vemp-page-184 .emprego-info .img-empresa{
        width:54px!important;
        height:54px!important;
        min-width:54px!important;
        border-radius:15px!important;
    }
    body.vemp-page-184 .emprego-titulo{
        font-size:24px!important;
    }
    body.vemp-page-184 .emprego-views{
        width:100%!important;
    }
    body.vemp-page-184 .resp-tabs-list{
        display:none!important;
    }
    body.vemp-page-184 .resp-tabs-container{
        padding:0!important;
    }
    body.vemp-page-184 .resp-tab-content{
        padding:20px!important;
    }
}