<style>
    .table,
    .td,
    .th {
        border: 1px solid black;
        text-align: left;
    }

    .table {

        width: 100%;
    }

    .th,
    .td {
        border: 1px solid black;
        padding: 5px;
    }
</style>

<div style="display:block; width: 100%;">

        <h3 style="text-align: center; display:block; width: 100%;">Grupo <?= $grupo ?></h3>

        <table width="100%" border="1" style="border: 1px solid black; border-collapse: collapse;">
            <thead>
                <tr style="background-color: #2A2F5B;">
                    <th style="color: white;" width="30%">Cliente</th>
                    <th style="color: white;" width="10%">Rif</th>
                    <th style="color: white;" width="20%">Telefono</th>
                    <th style="color: white;" width="40%">Dirección</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($clientes as $grup) :  ?>
                    <tr>
                        <td style="text-align: center;"><?= $grup['cli_razon_social'] ?></td>
                        <td style="text-align: center;"><?= $grup['cli_dni'] ?></td>
                        <td style="text-align: center;"><?= $grup['cli_telefono'] ?></td>
                        <td style="text-align: left;"><?= $grup['cli_direccion'] ?></td>
                    </tr>
                <?php endforeach; ?>
            </tbody>
        </table>

</div>