/* =========================
   TABELA – GERAL
========================= */
.table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

.table th,
.table td {
    vertical-align: middle;
    text-align: left;
    word-break: normal;
    overflow-wrap: normal;
    white-space: normal;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {

    /* scroll horizontal só na tabela */
    .table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table thead,
    .table tbody,
    .table tr,
    .table th,
    .table td {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    /* evita quebra feia de texto */
    .table th,
    .table td {
        white-space: nowrap;
        font-size: 14px;
        padding: 10px;
    }

    /* espaçamento entre linhas */
    .table tbody tr {
        display: block;
        margin-bottom: 16px;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 12px;
    }

    /* botões */
    .table .btn {
        font-size: 14px;
        padding: 6px 12px;
        white-space: nowrap;
    }

    /* imagens App Store / Play */
    .table img {
        max-width: 130px;
        height: auto;
    }

    .table thead {
        display: none;
    }
}