/* Tabla completa */
.custom-grid {
    width: 100%;
    border-collapse: separate; /* MUY IMPORTANTE */
    border-spacing: 0;
    border: 2px solid #7c8b6a; /* borde completo alrededor */
    border-top: 5px solid #7c8b6a; /* superior más grueso */
    border-bottom: 5px solid #7c8b6a; /* inferior más grueso */

    border-radius: 14px;
    overflow: hidden;
}

/* Header */
.custom-header th {
    background-color: #d6dbc9;
    border: 1px solid #7c8b6a;
    padding: 10px;
    text-align: center;
}

    /* Redondeo solo arriba */
    .custom-header th:first-child {
        border-top-left-radius: 14px;
    }

    .custom-header th:last-child {
        border-top-right-radius: 14px;
    }

/* Celdas */
.custom-grid td {
    border-top: 1px solid #d0d5c2;
    border-bottom: 1px solid #d0d5c2;
    padding: 10px;
    background-color: #f8f9f5;
}

/* Quitar bordes verticales */
.custom-grid tbody td {
    border-left: none !important;
    border-right: none !important;
}

/* Hover elegante */
.custom-grid tbody tr {
    transition: all 0.2s ease-in-out;
}

    .custom-grid tbody tr:hover td {
        background-color: #e4e8db;
        cursor: pointer;
    }

/* Footer línea verde fina */
.custom-footer {
    background-color: #7c8b6a;
    height: 3px;
}

    .custom-footer td {
        border: none !important;
    }

/* Paginador */
.custom-pager table {
    margin: 10px auto;
}

.custom-pager a,
.custom-pager span {
    margin: 0 4px;
    padding: 6px 12px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.2s;
}

/* Página actual */
.custom-pager span {
    background-color: #4f6f52;
    color: white;
}

/* Otras páginas */
.custom-pager a {
    background-color: #a9b388;
    color: white;
}

    .custom-pager a:hover {
        background-color: #4f6f52;
    }