/* Estilo horizontal para el selector de cantidad */
    .dataTables_length {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 0;
        font-weight: 500;
        font-size: 14px;
    }

    .dataTables_length label {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 0;
    }

    .dataTables_length select {
        height: 32px;
        font-size: 13px;
        padding: 4px 30px 4px 10px; /* padding-right más grande para dejar espacio a la flecha */
        border-radius: 6px;
        border: 1px solid #ccc;
        background-color: #f9f9f9;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41 0L6 4.59 10.59 0 12 1.41 6 7.41 0 1.41 1.41 0z' fill='%23333'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 12px;
        min-width: 80px; /* fuerza un ancho mínimo */
    }

        /* Estilo más compacto y alineado para el input de búsqueda */
    .dataTables_filter {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .dataTables_filter label {
        display: flex;
        align-items: center;
        font-weight: 500;
        margin-bottom: 0; /* quita margen inferior del label */
        gap: 8px;
    }

    .dataTables_filter input[type="search"] {
        height: 32px;
        font-size: 13px;
        padding: 4px 10px;
        border-radius: 6px;
        border: 1px solid #ccc;
        background-color: #f9f9f9;
        width: 200px; /* ajustable */
        transition: border-color 0.2s;
    }

    .dataTables_filter input[type="search"]:focus {
        border-color: #074A1F;
        background-color: #fff;
        outline: none;
    }

    .btn-static-role {
        cursor: default !important;
        pointer-events: none;
        box-shadow: none;
    }

    /* Preloader DataTable */

    .dataTables_processing {
        background: transparent !important;  
        border: none !important;             
        box-shadow: none !important;         
        border-radius: 0 !important;         
        color: inherit !important;           
        
    }

    /* Spinner */
    .dataTables_processing .spinner-border {
        width: 1.5rem !important;
        height: 1.5rem !important;
        color: #198754 !important;
    }