/* ============================================================
   WÖRTH · MAPA DE TALENTO V2
   ============================================================ */

.ws-talent-v2{
    --tm-green:#0F493B;
    --tm-dark:#082F27;
    --tm-mint:#EAF5EF;
    --tm-cream:#F7F5EF;
    --tm-line:#DDE7E2;
    --tm-muted:#71817B;

    margin:22px 0 28px;
    padding:28px;

    border:1px solid var(--tm-line);
    border-radius:16px;

    background:#fff;

    box-shadow:
        0 8px 30px
        rgba(8,47,39,.035);

    font-family:
        Barlow,"Helvetica Neue",Arial,sans-serif;
}


.ws-talent-v2 *{
    box-sizing:border-box;
}


.ws-talent-v2-eyebrow{
    margin-bottom:7px;

    color:#16816A;

    font-size:9px;
    font-weight:600;

    letter-spacing:.15em;
    text-transform:uppercase;
}


.ws-talent-v2 h2{
    margin:0;

    color:#0F3B2E;

    font-family:
        "Barlow Semi Condensed","Arial Narrow",Arial,sans-serif !important;

    font-size:
        clamp(31px,3vw,42px);

    font-weight:600 !important;

    line-height:1;
    letter-spacing:-.005em;
}


.ws-talent-v2-intro{
    max-width:790px;

    margin:11px 0 22px;

    color:var(--tm-muted);

    font-size:12px;
    line-height:1.65;
}


/* INDUSTRY */

.ws-talent-v2-industry{
    margin-bottom:19px;

    padding:15px 16px;

    border:1px solid #E1EAE6;
    border-radius:11px;

    background:#F8FBF9;
}


.ws-talent-v2-industry-title{
    margin-bottom:9px;

    color:#315A4F;

    font-size:10.5px;
    font-weight:500;
}


.ws-talent-v2-recommendations{
    display:flex;
    flex-wrap:wrap;

    gap:6px;
}


.ws-talent-v2-rec{
    padding:7px 11px;

    border:1px solid #D8E5DF;
    border-radius:999px;

    background:#fff;

    color:#26564A;

    font-size:9.5px;

    cursor:pointer;

    transition:
        transform .15s ease,
        background .15s ease;
}


.ws-talent-v2-rec:hover{
    transform:translateY(-1px);

    background:#EDF6F1;
}


/* SEARCH */

.ws-talent-v2-search{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:9px;

    margin-bottom:13px;
}


.ws-talent-v2-search input{
    min-height:50px;

    padding:0 17px;

    border:1px solid #BFD0C9;
    border-radius:999px;

    color:#214A3F;
    background:#fff;

    font-size:12.5px;

    outline:none;
}


.ws-talent-v2-search input:focus{
    border-color:#0F493B;

    box-shadow:
        0 0 0 3px
        rgba(15,73,59,.06);
}


.ws-talent-v2-primary{
    min-height:46px;

    padding:0 22px;

    border:0;
    border-radius:999px;

    background:#0F493B;

    color:#fff;

    font-size:10.8px;
    font-weight:500;

    cursor:pointer;
}


/* FILTERS */

.ws-talent-v2-filters{
    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:8px;

    margin:15px 0 21px;
}


.ws-talent-v2-filters select{
    width:100%;
    height:41px;

    padding:0 10px;

    border:1px solid #DCE6E1;
    border-radius:9px;

    background:#fff;

    color:#3E6057;

    font-size:10.5px;
}


/* INTERPRETATION */

.ws-talent-v2-interpreted{
    display:flex;
    flex-wrap:wrap;

    gap:6px;

    margin-bottom:18px;
}


.ws-talent-v2-chip{
    display:inline-flex;
    align-items:center;

    padding:6px 9px;

    border-radius:999px;

    background:#EDF6F1;

    color:#315E52;

    font-size:9.3px;
}


/* AFFINITY */

.ws-talent-v2-affinity{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:10px;

    margin:18px 0;
}


.ws-talent-v2-affinity-card{
    position:relative;

    min-height:150px;

    padding:17px;

    overflow:hidden;

    border:1px solid #DDE7E2;
    border-radius:12px;

    background:#fff;

    transition:
        transform .17s ease,
        box-shadow .17s ease;
}


.ws-talent-v2-affinity-card:hover{
    transform:translateY(-2px);

    box-shadow:
        0 9px 24px
        rgba(8,47,39,.055);
}


.ws-talent-v2-affinity-card.is-direct{
    background:
        linear-gradient(
            140deg,
            #F0F8F4,
            #FFFFFF
        );
}


.ws-talent-v2-affinity-card strong{
    display:block;

    margin-bottom:8px;

    color:#0F493B;

    font-family:
        "Barlow Semi Condensed","Arial Narrow",Arial,sans-serif;

    font-size:33px;
    font-weight:600;

    line-height:1;
}


.ws-talent-v2-affinity-card h3{
    margin:0;

    color:#244F43;

    font-size:11px;
    font-weight:600;
}


.ws-talent-v2-affinity-card p{
    margin:7px 0 0;

    color:#7A8984;

    font-size:9.5px;
    line-height:1.5;
}


/* OVERVIEW */

.ws-talent-v2-kpis{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:9px;

    margin:18px 0;
}


.ws-talent-v2-kpi{
    padding:14px;

    border:1px solid #E2EAE6;
    border-radius:10px;

    background:#FAFBFB;
}


.ws-talent-v2-kpi strong{
    display:block;

    color:#0F493B;

    font-family:
        "Barlow Semi Condensed","Arial Narrow",Arial,sans-serif;

    font-size:27px;
    font-weight:600;

    line-height:1;
}


.ws-talent-v2-kpi span{
    display:block;

    margin-top:5px;

    color:#7B8984;

    font-size:9px;
}


/* BREAKDOWNS */

.ws-talent-v2-grid{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:10px;
}


.ws-talent-v2-panel{
    padding:17px;

    border:1px solid #E2EAE6;
    border-radius:11px;

    background:#fff;
}


.ws-talent-v2-panel h3{
    margin:0 0 13px;

    color:#284F44;

    font-size:10.8px;
    font-weight:600;
}


.ws-talent-v2-row{
    margin-bottom:11px;
}


.ws-talent-v2-row-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin-bottom:5px;

    color:#597068;

    font-size:9.5px;
}


.ws-talent-v2-bar{
    height:5px;

    overflow:hidden;

    border-radius:999px;

    background:#EDF1EF;
}


.ws-talent-v2-bar span{
    display:block;

    height:100%;

    border-radius:999px;

    background:#0F493B;
}


.ws-talent-v2-signals{
    display:flex;
    flex-wrap:wrap;

    gap:6px;
}


/* ACTIONS */

.ws-talent-v2-actions{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:10px;

    margin-top:20px;
    padding-top:18px;

    border-top:1px solid #E6ECE9;
}


.ws-talent-v2-secondary{
    min-height:39px;

    padding:0 14px;

    border:1px solid #D0DDD7;
    border-radius:999px;

    background:#fff;

    color:#285548;

    font-size:10px;

    cursor:pointer;
}


.ws-talent-v2-empty{
    padding:28px 18px;

    border:1px dashed #CBD8D2;
    border-radius:10px;

    color:#788780;

    font-size:10.5px;
    line-height:1.5;

    text-align:center;
}


.ws-talent-v2-privacy{
    margin-top:14px;

    color:#8A9792;

    font-size:8.8px;
    line-height:1.5;
}


.ws-talent-v2-saved{
    margin-top:17px;
}


.ws-talent-v2-saved-title{
    margin-bottom:8px;

    color:#416157;

    font-size:9.5px;
    font-weight:500;
}


.ws-talent-v2-saved-list{
    display:flex;
    flex-wrap:wrap;

    gap:6px;
}


.ws-talent-v2-saved-item{
    padding:6px 9px;

    border:1px solid #DAE4DF;
    border-radius:999px;

    background:#fff;

    color:#49675F;

    font-size:9px;

    cursor:pointer;
}


/* RESPONSIVE */

@media(max-width:1100px){

    .ws-talent-v2-filters{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:760px){

    .ws-talent-v2{
        padding:19px 15px;
    }


    .ws-talent-v2-search{
        grid-template-columns:1fr;
    }


    .ws-talent-v2-affinity{
        grid-template-columns:1fr;
    }


    .ws-talent-v2-kpis{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .ws-talent-v2-grid{
        grid-template-columns:1fr;
    }


    .ws-talent-v2-filters{
        grid-template-columns:1fr;
    }


    .ws-talent-v2-actions{
        flex-direction:column;
        align-items:stretch;
    }


    .ws-talent-v2-actions button{
        width:100%;
    }

}