/*
        Estilos personalizados para DataTables
        Estos estilos se aplican después de la carga de DataTables para sobrescribir
        los estilos por defecto y mantener la apariencia deseada (alternancia de color y líneas blancas).
    */

    /* Fondo para filas impares (DataTables añade la clase 'odd') */
    #resultados-table.dataTable tbody tr.odd {
        background-color: #f9fafb; /* bg-gray-50 de Tailwind */
    }

    /* Fondo para filas pares (DataTables añade la clase 'even') */
    #resultados-table.dataTable tbody tr.even {
        background-color: #ffffff; /* bg-white de Tailwind */
    }

    /* Efecto hover para ambas filas (odd y even) */
    #resultados-table.dataTable tbody tr:hover {
        background-color: #f3f4f6; /* bg-gray-100 de Tailwind */
    }

    /* Líneas divisorias blancas entre filas */
    #resultados-table.dataTable tbody tr {
        border-bottom: 1px solid #ffffff; /* Aplica una línea blanca en la parte inferior de cada fila */
    }

    /* Asegúrate de que la última fila no tenga borde inferior si es parte del body */
    #resultados-table.dataTable tbody tr:last-child {
        border-bottom: none;
    }

    /* Ajustes visuales para los elementos de control de DataTables (búsqueda, paginación, etc.) */
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0.25rem 0.75rem; /* px-3 py-1 */
        border-radius: 0.375rem; /* rounded-md */
        margin: 0 0.25rem; /* mx-1 */
        border: 1px solid #d1d5db; /* border-gray-300 */
        background-color: #ffffff; /* bg-white */
        color: #4b5563; /* text-gray-700 */
        font-size: 0.875rem; /* text-sm */
        font-weight: 500; /* font-medium */
        transition: background-color 0.15s ease-in-out;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
        background-color: #f3f4f6; /* hover:bg-gray-100 */
        border-color: #93c5fd; /* hover:border-blue-300 */
        cursor: pointer;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background-color: #2563eb; /* bg-blue-600 */
        color: #ffffff; /* text-white */
        border-color: #2563eb; /* border-blue-600 */
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info {
        color: #4b5563; /* text-gray-700 */
        font-size: 0.875rem; /* text-sm */
        padding: 0.5rem 0; /* py-2 */
    }

    /* Alineación de los elementos de control */
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        display: inline-block;
        margin-right: 1rem;
    }
    .dataTables_wrapper .dataTables_info {
        display: inline-block;
        margin-left: 1rem;
    }
    .dataTables_wrapper .dataTables_paginate {
        display: inline-block;
        float: right;
    }

    /* Limpiar flotantes para los controles de paginación/filtrado */
    .dataTables_wrapper:after {
        content: "";
        display: table;
        clear: both;
    }