/* ESTILO PARA LA PAGINACIÓN */
.pagination {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 25px 0 25px 0 !important;
}

.pagination .page-item .page-link,
.pagination .page-item button{
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc !important;
    text-decoration: none;
    cursor: pointer;
}

.container-paginacion .pagination .page-item a,
.pagination .page-item button{
    padding: 10px 15px !important;
    outline: none;
}

.pagination .page-item button{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.container-paginacion .pagination .page-item span{
    display: inline-block !important; 
    padding: 10px 15px !important;
    color: #0D5875; /* antes #ef4ebd */
}

.container-paginacion .pagination .disabled span{
    cursor: no-drop !important;
}

.container-paginacion .justify-content-sm-between{
    display: none !important;
}

.container-paginacion .text-muted{
    display: none;
}

@media screen and (min-width:920px){
    .pagination {
        gap: 0 !important;
    }

    .container-paginacion .justify-content-sm-between{
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .container-paginacion nav 
    .justify-content-sm-between div ul 
    .active span{
        background-color: #0D5875 !important; /* antes #ef4ebd */
        color: #fff !important;
        cursor: pointer;
    }

    .container-paginacion .d-sm-none{
        display: none !important;
    }
}