/* ============================================================
   WORTHSELECTION
   Sistema tipográfico global
   ============================================================ */

:root{
    --ws-font-body: "Inter", sans-serif;
    --ws-font-heading: "Roboto Condensed", sans-serif;

    --ws-text-xs: 12px;
    --ws-text-sm: 13px;
    --ws-text-base: 14px;
    --ws-text-md: 15px;
    --ws-text-lg: 17px;
    --ws-text-xl: 20px;

    --ws-title-sm: 22px;
    --ws-title-md: 27px;
    --ws-title-lg: 32px;
}


/* BASE */

html{
    font-size:16px;
}

body{
    font-family:var(--ws-font-body);
    font-size:var(--ws-text-base);
    line-height:1.55;
    color:#344054;
}


/* ============================================================
   HEADER
   ============================================================ */

.logo,
.brand,
.header-logo{
    font-family:var(--ws-font-heading);
}

.top-nav-link{
    font-size:14px !important;
    font-weight:500;
}

.role-badge{
    font-size:11px !important;
}

.avatar,
.user-avatar{
    font-size:13px;
}


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

.sidebar{
    font-size:14px;
}

.menu-title{
    font-size:12px !important;
    font-weight:750 !important;
    letter-spacing:.01em;
}

.menu-item{
    font-size:14px !important;
    line-height:1.35;
    min-height:38px;
    display:flex;
    align-items:center;
}

.menu-item span{
    font-size:inherit;
}


/* ============================================================
   TÍTULOS DE PÁGINA
   ============================================================ */

.heading h1{
    font-family:var(--ws-font-heading);
    font-size:32px !important;
    line-height:1.1;
    font-weight:800;
    letter-spacing:-.01em;
}

.heading p{
    font-size:13.5px !important;
    line-height:1.55;
    margin-top:7px;
}


/* ============================================================
   PANELES / CARDS
   ============================================================ */

.panel-header h2,
.profile-section-head h2,
.settings-head h2{
    font-family:var(--ws-font-heading);
    font-size:20px !important;
    line-height:1.2;
}

.panel-header p,
.profile-section-head p,
.settings-head p{
    font-size:12.5px !important;
}

.panel-body{
    font-size:14px;
}


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

.form-label,
.apply-label,
.resume-upload-field label{
    font-size:12.5px !important;
    font-weight:650 !important;
}

.form-input,
.form-select,
.form-textarea,
.apply-select,
.apply-textarea,
.jobs-search,
.jobs-filter,
.recruiter-search{
    font-size:14px !important;
}

.form-input,
.form-select{
    min-height:44px;
}


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

.btn,
.btn-outline,
.save-profile-btn,
.resume-action,
.job-card-button,
.application-action,
.interview-btn,
.offer-btn,
.settings-save,
.settings-secondary,
.settings-danger,
.recruiter-btn{
    font-size:12.5px !important;
    font-weight:700;
}


/* ============================================================
   CANDIDATO · PERFIL
   ============================================================ */

.account-name,
.settings-account-name{
    font-size:23px !important;
}

.account-email,
.settings-account-email{
    font-size:12.5px !important;
}

.account-note{
    font-size:12px !important;
}

.profile-summary-title{
    font-size:18px !important;
}

.profile-summary-row{
    font-size:13px !important;
}


/* ============================================================
   CV
   ============================================================ */

.resume-upload-title{
    font-size:21px !important;
}

.resume-upload-text,
.resume-counter{
    font-size:12.5px !important;
}

.resume-name{
    font-size:15px !important;
}

.resume-meta{
    font-size:11.5px !important;
}


/* ============================================================
   VACANTES CANDIDATO
   ============================================================ */

.candidate-job-title{
    font-size:22px !important;
}

.candidate-job-company{
    font-size:13px !important;
}

.job-match-pill{
    font-size:11px !important;
}

.job-tag{
    font-size:11.5px !important;
}

.job-summary{
    font-size:13.5px !important;
}

.jobs-count{
    font-size:13px !important;
}

.job-modal-title{
    font-size:30px !important;
}

.job-modal-company{
    font-size:14px !important;
}

.detail-section h3{
    font-size:20px !important;
}

.detail-section-content{
    font-size:14px !important;
}


/* ============================================================
   POSTULACIONES
   ============================================================ */

.application-main-title{
    font-size:22px !important;
}

.application-company{
    font-size:13px !important;
}

.application-source,
.application-status-badge{
    font-size:11px !important;
}

.stage-label{
    font-size:11px !important;
}

.stage-circle{
    font-size:12px !important;
}

.application-info-label{
    font-size:11px !important;
}

.application-info-value{
    font-size:13.5px !important;
}

.process-detail-row{
    font-size:13px !important;
}


/* ============================================================
   ENTREVISTAS
   ============================================================ */

.interview-summary-label{
    font-size:12px !important;
}

.interview-summary-value{
    font-size:32px !important;
}

.interview-title{
    font-size:21px !important;
}

.interview-job{
    font-size:13px !important;
}

.interview-tag,
.interview-status{
    font-size:11px !important;
}

.interview-time{
    font-size:11.5px !important;
}

.interview-modal-title{
    font-size:29px !important;
}

.interview-detail-label{
    font-size:11px !important;
}

.interview-detail-value{
    font-size:13px !important;
}


/* ============================================================
   OFERTAS
   ============================================================ */

.offer-summary-label{
    font-size:12px !important;
}

.offer-summary-value{
    font-size:32px !important;
}

.offer-title{
    font-size:22px !important;
}

.offer-company{
    font-size:13px !important;
}

.offer-status{
    font-size:11px !important;
}

.offer-data-label,
.offer-detail-label{
    font-size:11px !important;
}

.offer-data-value{
    font-size:14px !important;
}

.offer-detail-value{
    font-size:13px !important;
}


/* ============================================================
   NOTIFICACIONES
   ============================================================ */

.notifications-summary{
    font-size:13px !important;
}

.notification-title{
    font-size:14.5px !important;
}

.notification-message{
    font-size:13px !important;
}

.notification-meta{
    font-size:11px !important;
}

.notification-filter{
    font-size:11.5px !important;
}


/* ============================================================
   CONFIGURACIÓN
   ============================================================ */

.setting-title{
    font-size:14px !important;
}

.setting-description{
    font-size:12.5px !important;
}


/* ============================================================
   RECRUITER
   ============================================================ */

.recruiter-welcome h1{
    font-size:32px !important;
}

.recruiter-welcome p{
    font-size:13.5px !important;
}

.recruiter-metric-label{
    font-size:12px !important;
}

.recruiter-metric-value{
    font-size:34px !important;
}

.recruiter-job-title{
    font-size:21px !important;
}

.recruiter-job-company{
    font-size:13px !important;
}

.recruiter-job-status{
    font-size:10.5px !important;
}

.recruiter-job-tag{
    font-size:11.5px !important;
}

.recruiter-side-number{
    font-size:29px !important;
}

.recruiter-side-label{
    font-size:12px !important;
}


/* ============================================================
   PIPELINE RECRUITER
   ============================================================ */

.pipeline-column-head{
    font-size:12.5px !important;
}

.pipeline-count{
    font-size:10.5px !important;
}

.pipeline-name{
    font-size:13px !important;
}

.pipeline-position{
    font-size:11.5px !important;
    line-height:1.4;
}

.pipeline-origin{
    font-size:10px !important;
}

.pipeline-candidate{
    padding:13px !important;
}


/* ============================================================
   ESTADOS VACÍOS
   ============================================================ */

.empty{
    font-size:13px;
}

.empty-title{
    font-size:16px !important;
    font-weight:700;
}

.module-coming h2{
    font-size:27px !important;
}

.module-coming p{
    font-size:13.5px !important;
}


/* ============================================================
   DESKTOP GRANDE
   ============================================================ */

@media(min-width:1500px){

    .heading h1{
        font-size:34px !important;
    }

    .menu-item{
        font-size:14.5px !important;
    }

    .pipeline-column-head{
        font-size:13px !important;
    }

    .pipeline-name{
        font-size:13.5px !important;
    }
}


/* ============================================================
   MÓVIL
   ============================================================ */

@media(max-width:700px){

    .heading h1{
        font-size:28px !important;
    }

    .heading p{
        font-size:13px !important;
    }

    .menu-item{
        font-size:14px !important;
    }

    .recruiter-welcome h1{
        font-size:28px !important;
    }
}