.sincovaga-diagnostico {
    --diag-primary: #b32025;
    --diag-primary-dark: #95181d;
    --diag-primary-soft: #fff3f4;
    --diag-text: #222;
    --diag-text-soft: #5d6066;
    --diag-border: #d8dadd;
    --diag-border-strong: #bfc4ca;
    --diag-surface: #ffffff;
    --diag-surface-soft: #f7f8fa;
    --diag-shadow: 0 14px 38px rgba(0, 0, 0, 0.08);
    --diag-radius-lg: 22px;
    --diag-radius-md: 16px;
    --diag-radius-sm: 10px;
    --diag-success: #1d7d46;
    --diag-success-bg: #f2fbf5;
    --diag-warning: #9a6a00;
    --diag-warning-bg: #fff7e6;
    --diag-danger: #9f1d1d;
    --diag-danger-bg: #fff3f3;
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    color: var(--diag-text);
    font-family: Arial, Poppins, sans-serif;
}

.sincovaga-diagnostico *,
.sincovaga-diagnostico *::before,
.sincovaga-diagnostico *::after {
    box-sizing: border-box;
}

.sincovaga-diagnostico h3 {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 12px;
    text-align: left !important;
    color: var(--diag-text);
}

.sincovaga-diagnostico > p {
    font-size: 1rem;
    line-height: 1.55;
    color: var(--diag-text-soft);
    margin: 0 0 18px;
    text-align: center;
}

.sincovaga-diagnostico-progress {
    width: 100%;
    height: 10px;
    background: #eceef1;
    border-radius: 999px;
    overflow: hidden;
    margin: 14px 0 18px;
}

.sincovaga-diagnostico-progress span {
    display: block;
    height: 100%;
    width: 12.5%;
    background: linear-gradient(90deg, var(--diag-primary) 0%, #d3383d 100%);
    transition: width .25s ease;
}

.sincovaga-diagnostico .repis-passos {
    display: flex;
    gap: 8px;
    margin: 0 0 18px;
    font-size: 12px;
    flex-wrap: wrap;
}

.sincovaga-diagnostico .repis-passo {
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    background: #eceef1;
    color: #5e646c;
    border: 1px solid transparent;
    transition: .2s ease;
}

.sincovaga-diagnostico .repis-passo-ativo {
    background: var(--diag-primary);
    color: #fff;
}

.sincovaga-diagnostico-step {
    display: none;
}

.sincovaga-diagnostico-step.is-active {
    display: block;
}

.sincovaga-diagnostico-card {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 24px 0;
    margin-top: 0;
    box-shadow: none;
}

.sincovaga-diagnostico-card .repis-passo-label {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--diag-primary);
    margin: 0 0 18px;
}

.sincovaga-diagnostico-question,
.sincovaga-diagnostico .repis-field label {
    font-weight: 800;
    color: var(--diag-text);
    margin-bottom: 10px;
    display: block;
    line-height: 1.4;
}

.sincovaga-diagnostico .repis-field + .repis-field {
    margin-top: 18px;
}

.sincovaga-diagnostico-grid .repis-field,
.sincovaga-diagnostico-grid-2 .repis-field {
    margin-top: 0 !important;
}

.sincovaga-diagnostico-grid {
    align-items: start;
}

.sincovaga-diagnostico .repis-field input,
.sincovaga-diagnostico .repis-field select {
    width: 100%;
    min-height: 54px;
    padding: 12px 16px;
    border: 1px solid #111 !important;
    border-radius: 14px;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.2;
    color: var(--diag-text);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.sincovaga-diagnostico .repis-field input:hover,
.sincovaga-diagnostico .repis-field select:hover {
    border-color: #444 !important;
}

.sincovaga-diagnostico .repis-field input:focus,
.sincovaga-diagnostico .repis-field select:focus {
    outline: none;
    border-color: #1166d8 !important;
    box-shadow: 0 0 0 3px rgba(17, 102, 216, 0.12);
}

.sincovaga-diagnostico-inline {
    display: flex;
    gap: 12px;
    align-items: stretch;
}

.sincovaga-diagnostico-inline input {
    flex: 1;
}

.sincovaga-diagnostico-ajuda {
    margin-top: 10px;
    margin-bottom: 0;
    color: var(--diag-text-soft);
    font-size: 13px;
}

.sincovaga-diagnostico-grid {
    display: grid;
    gap: 16px 18px;
}

.sincovaga-diagnostico-grid-2,
.sincovaga-diagnostico-columns {
    grid-template-columns: 1fr 1fr;
}

.sincovaga-diagnostico-empresa,
.sincovaga-diagnostico-box,
.sincovaga-diagnostico-summary-card {
    border: none;
}

.sincovaga-diagnostico-empresa {
    margin-top: 18px;
    padding: 28px 30px 26px;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%);
    border: 1px solid #e7e7ea;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.sincovaga-diagnostico-empresa h5 {
    margin: 0 0 24px;
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 800;
    color: #2f3135;
}

.sincovaga-diagnostico-empresa-grid--identificacao {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px 46px;
    align-items: start;
}

.sincovaga-diagnostico-empresa-item {
    margin: 0;
    min-width: 0;
}

.sincovaga-diagnostico-empresa-item--full {
    grid-column: 1 / -1;
}

.sincovaga-diagnostico-empresa-inline-label {
    display: inline;
    font-size: 0.98rem;
    line-height: 1.5;
    font-weight: 500;
    color: #4a4d52;
    text-transform: none;
    letter-spacing: 0;
}

.sincovaga-diagnostico-empresa-inline-value {
    display: inline;
    font-size: 0.98rem;
    line-height: 1.5;
    font-weight: 800;
    color: #2f3135;
}

.sincovaga-diagnostico-empresa-inline-value--ramo {
    color: #2e7d32;
}

.sincovaga-diagnostico-empresa-enquadramento {
    margin-top: 6px;
    padding-top: 10px;
}

.sincovaga-diagnostico-empresa .repis-label,
.sincovaga-diagnostico-empresa .repis-valor {
    all: unset;
}

.sincovaga-diagnostico-empresa {
    margin-top: 16px;
    background: linear-gradient(180deg, #fff 0%, #fbfbfc 100%);
}

.sincovaga-diagnostico-empresa h5,
.sincovaga-diagnostico-box h5,
.sincovaga-diagnostico-card-resultado h4 {
    margin: 0 0 12px;
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--diag-text);
}

.sincovaga-diagnostico-card-resultado h4 {
    font-size: 1.45rem;
    margin-bottom: 8px;
}

.sincovaga-diagnostico-empresa-grid,
.sincovaga-diagnostico-resumo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
}

.sincovaga-diagnostico-empresa-grid p,
.sincovaga-diagnostico-resumo-grid p {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.sincovaga-diagnostico .repis-label {
    display: block;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #666d75;
}

.sincovaga-diagnostico .repis-valor {
    font-weight: 700;
    color: var(--diag-text);
    font-size: 15px;
    line-height: 1.45;
    word-break: break-word;
}

.sincovaga-diagnostico .repis-valor-num {
    color: var(--diag-primary);
}

.sincovaga-diagnostico-func-field {
    margin-top: 18px;
}

#sincovaga_diagnostico_funcionarios {
    max-width: 260px;
}

.sincovaga-btn-primary,
.sincovaga-btn-secondary,
#sincovaga_diagnostico_consultar,
#sincovaga_diagnostico_avancar,
#sincovaga_diagnostico_calcular,
#sincovaga_diagnostico_voltar,
#sincovaga_diagnostico_limpar
#sincovaga_diagnostico_baixar {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 22px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 800;
    font-size: 15px;
    line-height: 1.1;
    text-align: center;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    box-shadow: none;
    border: 1px solid transparent;
    white-space: nowrap;
}

.sincovaga-btn-primary,
#sincovaga_diagnostico_consultar,
#sincovaga_diagnostico_avancar,
#sincovaga_diagnostico_calcular {
    background: #BE1622 !important;
    color: #fff !important;
    border: none !important;
}

#sincovaga_diagnostico_consultar:hover,
#sincovaga_diagnostico_avancar:hover,
#sincovaga_diagnostico_calcular:hover {
    background: #D5B053 !important;
    color: #fff !important;
}

.sincovaga-btn-secondary,
#sincovaga_diagnostico_voltar,
#sincovaga_diagnostico_limpar,
#sincovaga_diagnostico_baixar {
    background: #777;
    color: #fff !important;
    border-color: #777;
}

.sincovaga-btn-secondary:hover,
#sincovaga_diagnostico_voltar:hover,
#sincovaga_diagnostico_limpar:hover,
#sincovaga_diagnostico_baixar:hover {
    background: #555;
    border-color: #555;
    color: #fff !important;
}

.sincovaga-btn-primary:focus-visible,
.sincovaga-btn-secondary:focus-visible,
#sincovaga_diagnostico_consultar:focus-visible,
#sincovaga_diagnostico_avancar:focus-visible,
#sincovaga_diagnostico_calcular:focus-visible,
#sincovaga_diagnostico_voltar:focus-visible,
#sincovaga_diagnostico_limpar:focus-visible,
#sincovaga_diagnostico_baixar:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgba(179, 32, 37, 0.12);
}

.sincovaga-btn-primary:disabled,
.sincovaga-btn-secondary:disabled,
#sincovaga_diagnostico_consultar:disabled,
#sincovaga_diagnostico_avancar:disabled,
#sincovaga_diagnostico_calcular:disabled,
#sincovaga_diagnostico_voltar:disabled,
#sincovaga_diagnostico_limpar:disabled,
#sincovaga_diagnostico_baixar:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
}

.sincovaga-btn-primary--block {
    display: flex;
    width: 100%;
    margin-top: 0;
}

.sincovaga-diagnostico-radios {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.sincovaga-diagnostico-checklist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.sincovaga-diagnostico-choice {
    position: relative;
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 12px 14px;
    border: 1px solid var(--diag-border);
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: var(--diag-text);
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.sincovaga-diagnostico-choice:hover {
    border-color: rgba(179, 32, 37, 0.5);
    background: #fffafa;
}

.sincovaga-diagnostico-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.sincovaga-diagnostico-choice__control {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 2px solid #a8afb8;
    border-radius: 999px;
    background: #fff;
    transition: .2s ease;
    position: relative;
}

.sincovaga-diagnostico-checklist .sincovaga-diagnostico-choice__control {
    border-radius: 6px;
}

.sincovaga-diagnostico-choice__control::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: inherit;
    background: var(--diag-primary);
    transform: scale(0);
    transition: transform .18s ease;
}

.sincovaga-diagnostico-choice.is-selected {
    border-color: rgba(179, 32, 37, 0.42);
    background: var(--diag-primary-soft);
    box-shadow: 0 0 0 3px rgba(179, 32, 37, 0.07);
}

.sincovaga-diagnostico-choice.is-selected .sincovaga-diagnostico-choice__control {
    border-color: var(--diag-primary);
}

.sincovaga-diagnostico-choice.is-selected .sincovaga-diagnostico-choice__control::after {
    transform: scale(1);
}

.sincovaga-diagnostico-choice__text {
    display: block;
    line-height: 1.35;
}

.sincovaga-diagnostico-lead-note {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #fff8ea;
    border: 1px solid #f4dfab;
}

.sincovaga-diagnostico-lead-note label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    font-weight: 700;
    color: #5c4b1a;
    cursor: pointer;
    line-height: 1.5;
}

.sincovaga-diagnostico-lead-note input {
    margin-top: 3px;
    accent-color: var(--diag-primary);
}

.sincovaga-diagnostico-msg {
    margin: 0 0 18px;
    padding: 14px 16px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.5;
    background: #fffaf9;
    border: 1px solid #f0d1d6;
    color: #6a1b24;
    font-weight: 700;
}

.sincovaga-diagnostico-msg.is-error {
    background: #fff6f7;
    border-color: #e7b8c0;
    color: #8e1223;
}

.sincovaga-diagnostico-msg.is-success {
    background: #f5fff8;
    border-color: #b8e4c8;
    color: #17693a;
}

.sincovaga-diagnostico-acoes {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px;
    justify-content: flex-start;
}

.sincovaga-diagnostico-card-resultado {
    background: transparent;
    overflow: visible;
    padding-left: 12px;
    padding-right: 12px;
}

.sincovaga-diagnostico-result-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 18px;
    align-items: stretch;
    margin-bottom: 24px;
}

.sincovaga-diagnostico-result-header__content p {
    margin: 0;
    color: var(--diag-text-soft);
    line-height: 1.6;
}

.sincovaga-diagnostico-kicker {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--diag-primary-soft);
    color: var(--diag-primary);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 10px;
}

.sincovaga-diagnostico-status-wrap {
    display: flex;
}

.sincovaga-diagnostico-status {
    width: 100%;
    min-height: 100%;
    border-radius: 20px;
    padding: 18px;
    background: var(--diag-surface-soft);
    border: 1px solid #eceef1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.sincovaga-diagnostico-status__label {
    font-size: 12px;
    line-height: 1.3;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #6b727a;
}

.sincovaga-diagnostico-status strong {
    font-size: 1.5rem;
    line-height: 1.1;
    color: var(--diag-text);
}

.sincovaga-diagnostico-status__points {
    font-size: 14px;
    line-height: 1.45;
    color: #4f5560;
    font-weight: 700;
}

.sincovaga-diagnostico-status.is-low {
    background: var(--diag-success-bg);
    border-color: #c7e8d4;
}

.sincovaga-diagnostico-status.is-low strong {
    color: var(--diag-success);
}

.sincovaga-diagnostico-status.is-medium {
    background: var(--diag-warning-bg);
    border-color: #f1d8a4;
}

.sincovaga-diagnostico-status.is-medium strong {
    color: var(--diag-warning);
}

.sincovaga-diagnostico-status.is-high {
    background: var(--diag-danger-bg);
    border-color: #efc1c1;
}

.sincovaga-diagnostico-status.is-high strong {
    color: var(--diag-danger);
}

.sincovaga-diagnostico-summary-card {
    margin-bottom: 18px;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
}

.sincovaga-diagnostico-summary {
    margin-bottom: 18px;
}

.sincovaga-diagnostico-summary p {
    margin: 0;
    line-height: 1.65;
    color: var(--diag-text-soft);
}

.sincovaga-diagnostico-columns {
    display: grid;
    gap: 16px 18px;
    margin-bottom: 18px;
}

.sincovaga-diagnostico-box--alert {
    background: #fff7f7;
    border-color: #f1d1d1;
}

.sincovaga-diagnostico-box--opportunity {
    background: #f6fbf7;
    border-color: #d7eadc;
}

.sincovaga-diagnostico-box--steps {
    background: #fbfbfd;
}

.sincovaga-diagnostico-lista {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sincovaga-diagnostico-lista li {
    position: relative;
    margin: 0;
    padding: 0 0 0 18px;
    line-height: 1.6;
    color: #3f444c;
}

.sincovaga-diagnostico-lista li + li {
    margin-top: 10px;
}

.sincovaga-diagnostico-lista li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .68em;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--diag-primary);
}

.sincovaga-diagnostico-box--opportunity .sincovaga-diagnostico-lista li::before {
    background: #25734a;
}

.sincovaga-diagnostico-box--steps .sincovaga-diagnostico-lista li::before {
    background: #bd8a16;
}

.sincovaga-diagnostico-cta {
    margin-top: 6px;
    padding: 22px;
    border-radius: 20px;
    background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);
    border: 1px solid #f1d6d8;
}

.sincovaga-diagnostico-cta .repis-prova-social {
    margin: 0 0 12px;
    color: var(--diag-text-soft);
    line-height: 1.55;
}

@media (max-width: 900px) {
    .sincovaga-diagnostico-radios {
        grid-template-columns: 1fr;
    }

    .sincovaga-diagnostico-checklist {
        grid-template-columns: 1fr;
    }

    .sincovaga-diagnostico-result-header,
    .sincovaga-diagnostico-columns,
    .sincovaga-diagnostico-grid-2,
    .sincovaga-diagnostico-empresa-grid,
    .sincovaga-diagnostico-resumo-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .sincovaga-diagnostico h3 {
        font-size: 1.55rem;
    }

    .sincovaga-diagnostico-card {
        padding: 18px;
        border-radius: 18px;
    }

    .sincovaga-diagnostico-inline,
    .sincovaga-diagnostico-acoes {
        flex-direction: column;
    }

    .sincovaga-diagnostico-inline button,
    .sincovaga-diagnostico-acoes button,
    .sincovaga-diagnostico-acoes a {
        width: 100%;
    }

    #sincovaga_diagnostico_funcionarios {
        max-width: 100%;
    }

    .sincovaga-diagnostico-choice {
        min-height: 50px;
    }
}

@media (max-width: 767px) {
    .sincovaga-diagnostico-empresa {
        padding: 22px 20px;
    }

    .sincovaga-diagnostico-empresa h5 {
        margin-bottom: 18px;
        font-size: 1.65rem;
    }

    .sincovaga-diagnostico-empresa-grid--identificacao {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .sincovaga-diagnostico-empresa-item--full {
        grid-column: auto;
    }
}

/* 🔥 FORÇA PADRÃO IGUAL PARA VOLTAR E LIMPAR */

#sincovaga_diagnostico_voltar,
#sincovaga_diagnostico_limpar {
    background-color: #777 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 20px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: 0.2s ease !important;
}

/* HOVER IGUAL */
#sincovaga_diagnostico_voltar:hover,
#sincovaga_diagnostico_limpar:hover {
    background-color: #555 !important;
    color: #fff !important;
}

#sincovaga_diagnostico_voltar,
#sincovaga_diagnostico_limpar,
#sincovaga_diagnostico_voltar:disabled,
#sincovaga_diagnostico_limpar:disabled {
    background: #777 !important;
    color: #fff !important;
    border: none !important;
    opacity: 1 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

#sincovaga_diagnostico_voltar:hover,
#sincovaga_diagnostico_limpar:hover,
#sincovaga_diagnostico_voltar:disabled:hover,
#sincovaga_diagnostico_limpar:disabled:hover {
    background: #555 !important;
    color: #fff !important;
}


/* =========================================================
   RESULTADO FINAL REFINADO
   ========================================================= */

.sincovaga-diagnostico-card-resultado {
    background: transparent;
    overflow: visible;
    padding: 0;
}

.sincovaga-diagnostico-result-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 20px;
    align-items: stretch;
    margin-bottom: 18px;
}

.sincovaga-diagnostico-result-header__content,
.sincovaga-diagnostico-summary-card,
.sincovaga-diagnostico-box,
.sincovaga-diagnostico-cta {
    background: #fff;
    border: 1px solid #e4e6ea;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.04);
}

.sincovaga-diagnostico-result-header__content {
    padding: 24px 26px;
}

.sincovaga-diagnostico-kicker {
    display: inline-flex;
    align-items: center;
    margin-bottom: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #fff7f7;
    color: #BE1622;
    border: 1px solid #f1d8db;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.sincovaga-diagnostico-card-resultado h4 {
    margin: 0 0 8px;
    font-size: 1.5rem;
    line-height: 1.18;
    color: #1f2937;
}

.sincovaga-diagnostico-result-header__content p {
    margin: 0;
    color: #5f6975;
    line-height: 1.65;
}

.sincovaga-diagnostico-status-wrap {
    display: flex;
}

.sincovaga-diagnostico-status {
    width: 100%;
    min-height: 100%;
    padding: 22px 22px 20px;
    border-radius: 18px;
    border: 1px solid #e4e6ea;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.04);
    border-left: 6px solid #c7cbd1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.sincovaga-diagnostico-status__label {
    font-size: 12px;
    line-height: 1.3;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #6b7280;
}

.sincovaga-diagnostico-status strong {
    font-size: 1.55rem;
    line-height: 1.1;
    color: #1f2937;
}

.sincovaga-diagnostico-status__points {
    font-size: 14px;
    line-height: 1.5;
    color: #4b5563;
    font-weight: 700;
}

.sincovaga-diagnostico-status.is-low {
    border-left-color: #1d7d46;
}

.sincovaga-diagnostico-status.is-low strong {
    color: #1d7d46;
}

.sincovaga-diagnostico-status.is-medium {
    border-left-color: #b88712;
}

.sincovaga-diagnostico-status.is-medium strong {
    color: #9a6a00;
}

.sincovaga-diagnostico-status.is-high {
    border-left-color: #BE1622;
}

.sincovaga-diagnostico-status.is-high strong {
    color: #9f1d1d;
}

.sincovaga-diagnostico-summary-card {
    margin-bottom: 18px;
    padding: 20px 24px;
}

.sincovaga-diagnostico-resumo-grid {
    display: grid;
    grid-template-columns: 1.4fr .6fr;
    gap: 14px 20px;
}

.sincovaga-diagnostico-summary {
    margin-bottom: 18px;
    padding: 22px 24px;
}

.sincovaga-diagnostico-summary h5,
.sincovaga-diagnostico-box h5 {
    margin: 0 0 12px;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 800;
    color: #1f2937;
}

.sincovaga-diagnostico-summary p {
    margin: 0;
    line-height: 1.7;
    color: #5f6975;
}

.sincovaga-diagnostico-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 18px;
}

.sincovaga-diagnostico-box {
    position: relative;
    margin-bottom: 18px;
    padding: 22px 24px 22px 26px;
    overflow: hidden;
}

.sincovaga-diagnostico-box::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: #d1d5db;
}

.sincovaga-diagnostico-box--alert::before {
    background: #BE1622;
}

.sincovaga-diagnostico-box--opportunity::before {
    background: #1d7d46;
}

.sincovaga-diagnostico-box--steps::before {
    background: #c29a2c;
}

.sincovaga-diagnostico-box--alert h5 {
    color: #8e1223;
}

.sincovaga-diagnostico-box--opportunity h5 {
    color: #1d7d46;
}

.sincovaga-diagnostico-box--steps h5 {
    color: #8a6a14;
}

.sincovaga-diagnostico-lista {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sincovaga-diagnostico-lista li {
    position: relative;
    margin: 0;
    padding: 0 0 0 18px;
    color: #404854;
    line-height: 1.65;
}

.sincovaga-diagnostico-lista li + li {
    margin-top: 10px;
}

.sincovaga-diagnostico-lista li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .72em;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #BE1622;
}

.sincovaga-diagnostico-box--opportunity .sincovaga-diagnostico-lista li::before {
    background: #1d7d46;
}

.sincovaga-diagnostico-box--steps .sincovaga-diagnostico-lista li::before {
    background: #c29a2c;
}

.sincovaga-diagnostico-actions-row {
    display: flex;
    justify-content: flex-start;
    margin: 0 0 18px;
}

#sincovaga_diagnostico_baixar {
    min-width: 220px;
}

.sincovaga-diagnostico-cta {
    margin-top: 0;
    padding: 22px 24px 24px 26px;
    background: #fff;
    border-left: 6px solid #BE1622;
}

.sincovaga-diagnostico-cta .repis-prova-social {
    margin: 0 0 12px;
    color: #5f6975;
    line-height: 1.65;
    font-style: normal;
}

@media print {
    body * {
        visibility: hidden !important;
    }

    #sincovaga_diagnostico_resultado_pdf,
    #sincovaga_diagnostico_resultado_pdf * {
        visibility: visible !important;
    }

    #sincovaga_diagnostico_resultado_pdf {
        position: absolute;
        inset: 0 auto auto 0;
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0;
        background: #fff !important;
    }

    .sincovaga-diagnostico-actions-row,
    .sincovaga-diagnostico-acoes,
    .sincovaga-diagnostico-progress,
    .sincovaga-diagnostico-passos,
    .sincovaga-diagnostico-msg,
    #sincovaga_diagnostico_voltar,
    #sincovaga_diagnostico_avancar,
    #sincovaga_diagnostico_calcular,
    #sincovaga_diagnostico_limpar,
    #sincovaga_diagnostico_baixar {
        display: none !important;
    }

   #sincovaga_diagnostico_resultado_pdf::after {
    content: "Sincovaga\a www.sincovaga.com.br";
    white-space: pre-line;
    display: block;
    margin-top: 28px;
    padding-top: 14px;
    border-top: 1px solid #d7dbe0;
    text-align: center;
    color: #7b818a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
}
}

@media (max-width: 900px) {
    .sincovaga-diagnostico-result-header,
    .sincovaga-diagnostico-columns,
    .sincovaga-diagnostico-resumo-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .sincovaga-diagnostico-result-header__content,
    .sincovaga-diagnostico-status,
    .sincovaga-diagnostico-summary-card,
    .sincovaga-diagnostico-summary,
    .sincovaga-diagnostico-box,
    .sincovaga-diagnostico-cta {
        padding: 20px 18px 20px 20px;
        border-radius: 16px;
    }

    .sincovaga-diagnostico-card-resultado h4 {
        font-size: 1.28rem;
    }

    .sincovaga-diagnostico-actions-row,
    #sincovaga_diagnostico_baixar {
        width: 100%;
    }
}

/* BOT√O BAIXAR ó ESTILO ESPECIAL (SEM AFETAR OS OUTROS) */

#sincovaga_diagnostico_baixar {
    background: #fff !important;
    color: #BE1622 !important;
    border: 2px solid #BE1622 !important;
    border-radius: 8px !important;
    font-weight: 700;
}

#sincovaga_diagnostico_baixar:hover {
    background: #BE1622 !important;
    color: #fff !important;
    border-color: #BE1622 !important;
}

.sincovaga-diagnostico > p:first-of-type {
    text-align: left !important;
}