﻿.rwd-table {
    min-width: 300px;
    background: #fff;
    color: #fff;
    border-radius: .4em;
    overflow: hidden;
}

    /* MOBILE FIRST */
    .rwd-table th {
        display: none;
    }

    .rwd-table td {
        display: flex;
        font-size: 11px;
        justify-content: space-between;
        align-items: center;
        padding: .75em 1em;
        border-top: 1px solid #ccc;
        text-align: left;
    }

        /* Label padrão */
        .rwd-table td:before {
            content: attr(data-th);
            font-weight: bold;
            text-align: left;
            flex: 1;
            margin-right: 1em;
            color: #000;
            white-space: nowrap;
        }

        /* Valor padrão */
        .rwd-table td > span {
            flex: 1;
            text-align: right;
            color: #000;
            white-space: nowrap;
        }

        /* ---- th_bold: label + valor com fundo escuro ---- */
        .rwd-table td.th_bold {
            background-color: #2c3e50; /* fundo escuro */
            border-radius: 4px;
        }

            .rwd-table td.th_bold:before,
            .rwd-table td.th_bold {
                color: #fff;
                font-weight: bold;
            }

/* DESKTOP - padrão de tabela */
@media (min-width: 1024px) {
    .rwd-table th {
        display: table-cell;
        padding: 1em;
        text-align: center;
        color: #000;
    }

    .rwd-table td {
        display: table-cell;
        padding: 1em !important;
        text-align: center;
        background-color: transparent !important;
        color: #000;
        font-weight: normal;
    }

        .rwd-table td:before {
            display: none;
        }

        .rwd-table td > span {
            display: inline;
            text-align: center;
        }
}

.rwd-table tr {
}

.rwd-table th, .rwd-table td {
}

h1 {
    font-weight: normal;
    letter-spacing: 1px;
    color: #34495E;
}


.partner-header {
    padding: 1em;
    border-bottom: 1px solid #ccc;
    background-color: #f9f9f9;
    color: #333;
    font-family: sans-serif;
}

/* Título com ícone */
.partner-title {
    margin: 0;
    align-items: center;
    flex-wrap: wrap;
}

/* Estilo do valor */
.partner-value {
    font-size: 0.95rem;
    font-weight: bold;
    color: #333;
    text-align: left;
}


/* Responsivo para telas menores */
@media (max-width: 768px) {
    .partner-header {
        padding: 1em 0.75em;
    }

    .partner-title {
        font-size: 1rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .partner-info {
        margin-top: 1em; /* espaço extra no mobile */
    }
}
