/* ==========================================================
   ABERTURAS NORTE - LISTADOS CON DESPLAZAMIENTO INTERNO
   Aplicar a los listados principales de las páginas.
   ========================================================== */

.listado-scroll {
    height: clamp(280px, 56vh, 580px);
    max-height: clamp(280px, 56vh, 580px);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.listado-scroll > table {
    margin-bottom: 0;
}

.listado-scroll > table > thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--surface-elevated, #202936);
    box-shadow: inset 0 -1px var(--border, #303b49);
}

@media (max-width: 700px) {
    .listado-scroll {
        height: clamp(240px, 48vh, 420px);
        max-height: clamp(240px, 48vh, 420px);
    }
}