@media (max-width: 576px) {
    /* Solo el contenedor propio del fragmento de sanciones. Antes apuntaba a
       `.container` a secas, y como sanciones.css se carga en TODAS las páginas
       ensanchaba 24px el `main.container` de cualquier vista, que se salía del
       viewport y se recortaba (visto en goleadores). */
    .block-content > .container {
        margin: 0 -12px !important;
        width: calc(100% + 24px) !important;
        max-width: calc(100% + 24px) !important;
        border-radius: 0 !important;
    }

    .table-striped {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    tbody {
        font-size: 0.70rem !important;
    }
    .sanciones-page > .card{
        margin: 0 -12px !important;
        width: calc(100% + 24px) !important;
        max-width: calc(100% + 24px) !important;
    }

    .sanciones-page > .table-responsive{
        margin: 0 -12px !important;
        width: calc(100% + 24px) !important;
        max-width: calc(100% + 24px) !important;
    }
}

.sanciones-page #sanciones-loading {
    display: none;
    margin: 0;
    padding: 0;
}

.sanciones-page #sanciones-loading.htmx-request {
    display: block;
    padding: 4px 0;
}

.sanciones-page .sanciones-filtros > div {
    min-width: 0;
}

.sanciones-page .sanciones-filtros .form-select {
    width: 100%;
    min-width: 0;
}

.torneos-nav-row.sanciones-nav-row {
    margin-bottom: 1px !important;
}

@media (max-width: 991px) {
    .sanciones-header-row {
        margin-bottom: 0 !important;
    }

    .sanciones-header-row .torneos-header .card-body {
        padding-bottom: 0 !important;
    }
}