/**
 * Transparencia Page Styles
 *
 * Styles for the transparency/transparencia page questions tables
 *
 * @package Esenttia
 */

.transparencia-questions-table {
    margin-bottom: 1.5rem;
}

.transparencia-questions-table table {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.875rem;
    /* text-sm */
}

.transparencia-questions-table thead tr {
    background-color: #f8f9fa;
}

.transparencia-questions-table th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #374151;
    /* text-dark-600 */
    border-bottom: 2px solid #dc2626;
    /* border-danger-400 */
}

.transparencia-questions-table td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e7eb;
    /* border-light-300 */
    color: #374151;
    /* text-dark-600 */
}

.transparencia-questions-table tbody tr:last-child td {
    border-bottom: none;
}

.transparencia-questions-table tbody tr:hover {
    background-color: #f3f4f6;
    /* bg-light-500 */
}

/* Responsive table for mobile */
@media (max-width: 768px) {
    .transparencia-questions-table {
        overflow-x: auto;
        display: block;
    }

    .transparencia-questions-table table {
        min-width: 100%;
        display: table;
    }

    .transparencia-questions-table th,
    .transparencia-questions-table td {
        padding: 0.5rem;
        font-size: 0.8125rem;
    }
}