/* ============================================================
   WÖRTH SELECTION
   Portal · Corporate Typography v2

   IMPORTANTE:
   - NO modifica el logo
   - NO modifica imágenes del header
   - NO modifica el login
   ============================================================ */


/* ============================================================
   TOKENS TIPOGRÁFICOS
   ============================================================ */

body.ws-portal-unified{

    --worth-font-ui:
        Barlow,"Helvetica Neue",Arial,sans-serif;

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

    --worth-title-color:
        #07513e;

    --worth-text-color:
        #344f46;

    --worth-muted-color:
        #74857e;

}


/* ============================================================
   BASE
   ============================================================ */

body.ws-portal-unified{

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

    font-size:
        15px;

    line-height:
        1.55;

    color:
        var(--worth-text-color) !important;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}


/* ============================================================
   NO TOCAR LOGO
   ============================================================ */

/*
   Deliberadamente no existen aquí reglas para:

   .logo
   .brand
   .header-logo
   header img
   img

   El logo continúa bajo sus estilos actuales.
*/


/* ============================================================
   TÍTULOS PRINCIPALES
   ============================================================ */

body.ws-portal-unified .heading h1,
body.ws-portal-unified .page-title,
body.ws-portal-unified .dashboard-title,
body.ws-portal-unified .view-title{

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

    color:
        var(--worth-title-color) !important;

    font-size:
        clamp(
            32px,
            3vw,
            42px
        ) !important;

    line-height:
        1.06 !important;

    font-weight:
        600 !important;

    letter-spacing:
        -.005em !important;

}


/* ============================================================
   DESCRIPCIÓN DE PÁGINA
   ============================================================ */

body.ws-portal-unified .heading p,
body.ws-portal-unified .page-subtitle,
body.ws-portal-unified .view-subtitle{

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

    color:
        var(--worth-muted-color) !important;

    font-size:
        14px !important;

    font-weight:
        400 !important;

    line-height:
        1.6 !important;

}


/* ============================================================
   TÍTULOS DE SECCIÓN
   ============================================================ */

body.ws-portal-unified .panel-header h2,
body.ws-portal-unified .profile-section-head h2,
body.ws-portal-unified .settings-head h2,
body.ws-portal-unified .section-title,
body.ws-portal-unified .resume-upload-title{

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

    color:
        var(--worth-title-color) !important;

    font-size:
        25px !important;

    line-height:
        1.15 !important;

    font-weight:
        600 !important;

    letter-spacing:
        -.005em !important;

}


/* ============================================================
   SUBTÍTULOS PEQUEÑOS / CARDS
   ============================================================ */

body.ws-portal-unified .profile-summary-title,
body.ws-portal-unified .card-title,
body.ws-portal-unified .candidate-job-title{

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

    color:
        var(--worth-title-color) !important;

    font-weight:
        600 !important;

    letter-spacing:
        -0.01em !important;

}


/* ============================================================
   SIDEBAR
   ============================================================ */

body.ws-portal-unified .sidebar,
body.ws-portal-unified .menu-item,
body.ws-portal-unified .menu-title,
body.ws-portal-unified #sidebarTitle{

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

}


body.ws-portal-unified #sidebarTitle{

    font-size:
        15px !important;

    font-weight:
        600 !important;

}


body.ws-portal-unified .menu-title{

    font-size:
        11px !important;

    font-weight:
        600 !important;

    letter-spacing:
        .025em !important;

}


body.ws-portal-unified .menu-item{

    font-size:
        14px !important;

    font-weight:
        450 !important;

    line-height:
        1.4 !important;

}


/* ============================================================
   NAVEGACIÓN SUPERIOR
   ============================================================ */

body.ws-portal-unified #topNav,
body.ws-portal-unified #topNav span,
body.ws-portal-unified #topNav a,
body.ws-portal-unified #topNav button{

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

}


body.ws-portal-unified #topNav span,
body.ws-portal-unified #topNav a,
body.ws-portal-unified #topNav button{

    font-size:
        13px !important;

    font-weight:
        500 !important;

}


/* ============================================================
   FORMULARIOS
   ============================================================ */

body.ws-portal-unified input,
body.ws-portal-unified textarea,
body.ws-portal-unified select,
body.ws-portal-unified label{

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

}


body.ws-portal-unified .form-label,
body.ws-portal-unified .apply-label,
body.ws-portal-unified .resume-upload-field label{

    font-size:
        13px !important;

    font-weight:
        600 !important;

}


body.ws-portal-unified .form-input,
body.ws-portal-unified .form-select,
body.ws-portal-unified .form-textarea,
body.ws-portal-unified .apply-select,
body.ws-portal-unified .apply-textarea,
body.ws-portal-unified .jobs-search,
body.ws-portal-unified .jobs-filter,
body.ws-portal-unified .recruiter-search{

    font-size:
        14px !important;

    font-weight:
        400 !important;

}


/* ============================================================
   BOTONES
   ============================================================ */

body.ws-portal-unified button,
body.ws-portal-unified .btn,
body.ws-portal-unified .btn-outline,
body.ws-portal-unified .save-profile-btn,
body.ws-portal-unified .resume-action,
body.ws-portal-unified .job-card-button,
body.ws-portal-unified .application-action,
body.ws-portal-unified .interview-btn,
body.ws-portal-unified .offer-btn,
body.ws-portal-unified .settings-save,
body.ws-portal-unified .settings-secondary,
body.ws-portal-unified .settings-danger,
body.ws-portal-unified .recruiter-btn{

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

    font-size:
        13px !important;

    font-weight:
        600 !important;

    letter-spacing:
        0 !important;

}


/* ============================================================
   TABLAS
   ============================================================ */

body.ws-portal-unified table,
body.ws-portal-unified th,
body.ws-portal-unified td{

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

}


body.ws-portal-unified th{

    font-size:
        12px !important;

    font-weight:
        600 !important;

    letter-spacing:
        .01em !important;

}


body.ws-portal-unified td{

    font-size:
        13.5px !important;

    font-weight:
        400 !important;

}


/* ============================================================
   DATOS DE CUENTA
   ============================================================ */

body.ws-portal-unified .account-name,
body.ws-portal-unified .settings-account-name{

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

    color:
        var(--worth-title-color) !important;

    font-size:
        27px !important;

    font-weight:
        600 !important;

    letter-spacing:
        -.005em !important;

}


body.ws-portal-unified .account-email,
body.ws-portal-unified .settings-account-email{

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

    font-weight:
        400 !important;

}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 768px){

    body.ws-portal-unified .heading h1,
    body.ws-portal-unified .page-title,
    body.ws-portal-unified .dashboard-title,
    body.ws-portal-unified .view-title{

        font-size:
            31px !important;

    }


    body.ws-portal-unified .panel-header h2,
    body.ws-portal-unified .profile-section-head h2,
    body.ws-portal-unified .settings-head h2,
    body.ws-portal-unified .section-title{

        font-size:
            22px !important;

    }

}