/* Native navigation links presented as table controls, with a shared sort state. */
.listado2 th.col9 {
    vertical-align: middle;
}

.content2 .listado2 th.col9 a.table-sort {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35em;
    box-sizing: border-box;
    min-height: 2rem;
    padding: .3em .4em;
    border-radius: .25rem;
    color: inherit;
    font: inherit;
    line-height: 1.25;
    text-decoration: none;
    cursor: pointer;
}

.content2 .listado2 th.col9 a.table-sort:hover,
.content2 .listado2 th.col9 a.table-sort:focus,
.content2 .listado2 th.col9 a.table-sort:focus-visible {
    color: inherit;
    background-color: rgba(127, 127, 127, .2);
    text-decoration: none;
}

.content2 .listado2 th.col9 a.table-sort:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.sort-label {
    min-width: 0;
}

.sort-indicator {
    flex: 0 0 12px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .55;
}

th[aria-sort] .sort-indicator {
    opacity: 1;
}

th[aria-sort="ascending"] .sort-down,
th[aria-sort="descending"] .sort-up {
    display: none;
}

th[aria-sort="ascending"] .sort-up {
    transform: translateY(3px);
}

th[aria-sort="descending"] .sort-down {
    transform: translateY(-3px);
}

@media (forced-colors: active) {
    .sort-indicator { opacity: 1; }
    .content2 .listado2 th.col9 a.table-sort:focus-visible { outline-color: Highlight; }
}