/* Contador de candidatos — login backoffice (negrita, amarillo corporativo) */

@keyframes loginAdminStatsFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.login-admin .candidatos-stats--login-admin {
    width: 100%;
    max-width: 400px;
    margin: 0 3rem;
    padding: 0 1rem;
    box-sizing: border-box;
    opacity: 0;
    animation: loginAdminStatsFadeIn 1.2s ease-in-out 0.35s forwards;
}
.login-admin .candidatos-stats--login-admin .candidatos-stats__line {
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.45;
    text-align: center;
    color: var(--salle-yellow, #f0b41c);
}

/* Flujo convencional: palabra tras palabra, salto de línea natural (1–2 líneas) */
.login-admin .candidatos-stats--login-admin .candidatos-stats__prefix,
.login-admin .candidatos-stats--login-admin .candidatos-stats__suffix,
.login-admin .candidatos-stats--login-admin .candidatos-stats__suffix-after {
    display: inline;
    flex: none;
    color: var(--salle-yellow, #f0b41c);
    font-weight: 700;
}

.login-admin .candidatos-stats--login-admin .candidatos-stats__brand {
    display: inline-block;
    padding: 1px 6px;
    /* margin: 0 0.12em; */
    background-color: #e1eff752;
    border-radius: 4px;
    vertical-align: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.login-admin .candidatos-stats--login-admin .candidatos-stats__brand-salle {
    color: #000000;
    font-weight: 700;
}

.login-admin .candidatos-stats--login-admin .candidatos-stats__brand-job {
    color: #ffb800;
    font-weight: 700;
}

.login-admin .candidatos-stats--login-admin .candidatos-stats__prefix {
    white-space: nowrap;
}

.login-admin .candidatos-stats--login-admin .candidatos-odometer-wrap {
    display: inline-block;
    vertical-align: baseline;
    white-space: nowrap;
}

.login-admin .candidatos-stats--login-admin .candidatos-odometer {
    display: inline-flex;
    flex-direction: row;
    align-items: stretch;
    font-size: 1.35em;
    font-weight: 700;
    line-height: 1;
    color: var(--salle-yellow, #f0b41c);
    font-variant-numeric: tabular-nums;
}

.login-admin .candidatos-stats--login-admin .candidatos-odometer__column {
    display: inline-block;
    height: 1em;
    overflow: hidden;
    vertical-align: top;
    flex-shrink: 0;
}

.login-admin .candidatos-stats--login-admin .candidatos-odometer__strip {
    display: flex;
    flex-direction: column;
}

.login-admin .candidatos-stats--login-admin .candidatos-odometer__digit {
    display: block;
    height: 1em;
    line-height: 1;
    text-align: center;
    color: var(--salle-yellow, #f0b41c);
    font-weight: 700;
}

.login-admin .candidatos-stats--login-admin.is-complete .candidatos-stats__line,
.login-admin .candidatos-stats--login-admin.is-complete .candidatos-stats__prefix,
.login-admin .candidatos-stats--login-admin.is-complete .candidatos-stats__suffix {
    color: var(--salle-yellow, #f0b41c);
    font-weight: 700;
}

.login-admin .candidatos-stats--login-admin.is-complete .candidatos-odometer,
.login-admin .candidatos-stats--login-admin.is-complete .candidatos-odometer__digit {
    color: var(--salle-yellow, #f0b41c);
    font-weight: 700;
}

.login-admin .candidatos-stats--login-admin.is-complete .candidatos-odometer__column {
    overflow: hidden;
}

@media (max-width: 1024px) {
    .login-admin .candidatos-stats--login-admin {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(100% - 1rem);
        padding: 0 0.5rem;
    }

    .login-admin .candidatos-stats--login-admin .candidatos-stats__line {
        display: flex;
        flex-wrap: nowrap;
        align-items: baseline;
        justify-content: center;
        text-align: center;
        font-size: clamp(0.55rem, 3vw, 0.9rem);
        letter-spacing: 0.01em;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        gap: 0.1em;
    }

    .login-admin .candidatos-stats--login-admin .candidatos-stats__prefix,
    .login-admin .candidatos-stats--login-admin .candidatos-stats__suffix,
    .login-admin .candidatos-stats--login-admin .candidatos-odometer-wrap {
        white-space: nowrap;
        flex-shrink: 0;
    }

    .login-admin .candidatos-stats--login-admin .candidatos-odometer {
        font-size: 1.2em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-admin .candidatos-stats--login-admin {
        animation: none;
        opacity: 1;
    }
}