/* =========================
   PÁGINAS LEGALES
========================= */

.legal {
    max-width: 760px;
}

.legal-body {
    color: var(--muted);
}

.legal-body h2 {
    margin: 36px 0 12px;

    color: var(--text);

    font-size: 20px;
    letter-spacing: -0.4px;
}

.legal-body p,
.legal-body ul {
    margin-bottom: 14px;
}

.legal-body ul {
    padding-left: 20px;
}

.legal-body li {
    margin-bottom: 6px;
}

.legal-body strong {
    color: var(--text);
}

.legal-body a {
    color: var(--accent);
    text-decoration: underline;
}

.legal-body code {
    font-size: 13px;
}

.legal-pending {
    padding: 0 4px;

    border-radius: 4px;

    background: rgba(255, 107, 107, 0.15);
    color: var(--danger);
}

.legal-table-wrap {
    margin-bottom: 14px;

    overflow-x: auto;
}

.legal-table {
    width: 100%;

    border-collapse: collapse;

    font-size: 14px;
}

.legal-table th,
.legal-table td {
    padding: 10px 12px;

    border-bottom: 1px solid var(--border);

    text-align: left;
    vertical-align: top;
}

.legal-table th {
    color: var(--text);
}