/*
 * Ajustes exclusivos para la consulta de candidaturas de la
 * Elección del Poder Judicial 2025.
 */

.candidate-registry-page--2025 .candidate-registry-tabs--judicial {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.candidate-registry-page--2025 .candidate-registry-hero__visual--judicial .candidate-registry-hero__people {
    font-size: 3.6rem;
}

.candidate-registry-page--2025 .candidate-registry-hero__visual--judicial .candidate-registry-hero__check {
    font-size: 2.35rem;
}

.candidate-judicial-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: -4px 0 22px;
    padding: 13px;
    border: 1px solid var(--registry-border);
    border-radius: 16px;
    background: var(--registry-surface-soft);
}

.candidate-power-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    min-height: 30px;
    padding: 5px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .72rem;
    line-height: 1.25;
}

.candidate-power-chip strong {
    flex: 0 0 auto;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .04em;
}

.candidate-power-chip span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.candidate-power-chip--pe {
    border-color: rgba(83, 38, 128, .2);
    color: #4a216f;
    background: rgba(83, 38, 128, .09);
}

.candidate-power-chip--pl {
    border-color: rgba(196, 92, 145, .24);
    color: #9b3569;
    background: rgba(196, 92, 145, .11);
}

.candidate-power-chip--pj {
    border-color: rgba(82, 82, 90, .22);
    color: #484850;
    background: rgba(82, 82, 90, .09);
}

.candidate-power-chip--ef {
    border-color: rgba(111, 104, 117, .22);
    color: #5e5763;
    background: #f0edf1;
}

.candidate-power-chip--other {
    border-color: var(--registry-border);
    color: var(--registry-neutral);
    background: #fff;
}

.candidate-registry-page--2025 .candidate-registry-filters--judicial {
    grid-template-columns: minmax(260px, 1.45fr) repeat(3, minmax(165px, .72fr));
}

.candidate-registry-page--2025 .candidate-registry-table--judicial {
    min-width: 980px;
}

.candidate-registry-page--2025 .candidate-registry-table--judicial th:first-child,
.candidate-registry-page--2025 .candidate-registry-table--judicial td:first-child {
    width: 24%;
    text-align: left;
}

.candidate-registry-page--2025 .candidate-registry-table--judicial th:nth-child(2),
.candidate-registry-page--2025 .candidate-registry-table--judicial td:nth-child(2) {
    width: 13%;
}

.candidate-registry-page--2025 .candidate-registry-table--judicial th:nth-child(3),
.candidate-registry-page--2025 .candidate-registry-table--judicial td:nth-child(3) {
    width: 10%;
}

.candidate-registry-page--2025 .candidate-registry-table--judicial th:nth-child(4),
.candidate-registry-page--2025 .candidate-registry-table--judicial td:nth-child(4) {
    width: 25%;
}

.candidate-registry-page--2025 .candidate-registry-table--judicial th:nth-child(5),
.candidate-registry-page--2025 .candidate-registry-table--judicial td:nth-child(5) {
    width: 28%;
}

.candidate-judicial-postulants {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.candidate-judicial-not-applicable {
    color: var(--registry-muted);
}

.candidate-judicial-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 56px;
    border: 1px solid var(--registry-border);
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--registry-primary), var(--registry-secondary));
    font-size: 1.75rem;
}

.candidate-judicial-summary__postulants {
    grid-column: 1 / -1;
}

.candidate-judicial-summary__postulants dd {
    margin-top: 7px;
}

@media (max-width: 1199.98px) {
    .candidate-registry-page--2025 .candidate-registry-filters--judicial {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .candidate-judicial-legend {
        margin-top: 0;
    }

    .candidate-registry-page--2025 .candidate-registry-filters--judicial {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .candidate-judicial-legend {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .candidate-power-chip {
        border-radius: 12px;
    }

    .candidate-registry-page--2025 .candidate-registry-filters--judicial {
        grid-template-columns: 1fr;
    }

    .candidate-judicial-summary__postulants {
        grid-column: auto;
    }
}

@media (forced-colors: active) {
    .candidate-power-chip,
    .candidate-judicial-avatar {
        border: 1px solid CanvasText;
    }
}
