/* ===========================================================
   DataTables – Estilo Corporativo BSX
   Aplicar sobre el contenedor:
   <div class="table-responsive datatable-bsx">
   =========================================================== */

.datatable-bsx .dataTables_wrapper { display: block; width: 100%; }

/* Controles superiores (Show / Search) */
.datatable-bsx .dataTables_length,
.datatable-bsx .dataTables_filter { display: inline-flex; align-items: center; margin-bottom: .5rem; }

@media (min-width: 768px) {
    .datatable-bsx .dataTables_length { float: left; }
    .datatable-bsx .dataTables_filter { float: right; }
}

/* Tabla principal */
.datatable-bsx table.dataTable { width: 100% !important; border-collapse: collapse; }

    .datatable-bsx table.dataTable th,
    .datatable-bsx table.dataTable td { box-sizing: border-box; }

/* Quitar scroll vertical fantasma */
.datatable-bsx { overflow-y: hidden; }

    /* Footer: info + paginación en la misma línea */
    .datatable-bsx .dataTables_info,
    .datatable-bsx .dataTables_paginate { width: auto !important; display: inline-block; margin: .5rem 0 0 0; }

    .datatable-bsx .dataTables_info { float: left; }
    .datatable-bsx .dataTables_paginate { float: right; white-space: nowrap; }

    /* Clearfix del wrapper */
    .datatable-bsx .dataTables_wrapper::after { content: ""; display: block; clear: both; }

    /* Si usa integración Bootstrap */
    .datatable-bsx .dataTables_paginate .pagination { justify-content: flex-end; }

    /* Tipografía y separación */
    .datatable-bsx .dataTables_wrapper label { font-weight: 500; }

    .datatable-bsx .dataTables_wrapper select,
    .datatable-bsx .dataTables_wrapper input[type="search"] { margin-left: .25rem; margin-right: .25rem; }