.legal {
    max-width: 1200px;
    margin: 0 auto 30px;
    text-align: justify;
}

.legal .title {
    padding-top: 30px;
    padding-bottom: 10px;
}

.legal h1,
.legal h2 {
    color: #1c1c1c;
}

.legal .title h1 {
    padding: 40px 0 8px;
    border-bottom: 1px solid #231f20;
    font-weight: 700;
}

.legal h2 {
    font-weight: 700;
    padding-top: 40px;
}

.legal h3,
.legal h4,
.legal h5 { font-weight: 400; }

.legal h3 { padding: 30px 0 15px; }

.legal h4 { padding: 15px; }

.legal h5 { padding: 15px; }

.legal a {
    color: #1c1c1c;
}

.legal a:hover {
    color: #231f20;
    font-weight: 500;
}

.legal p {
    line-height: 30px;
    font-size: 15px;
    padding: 10px 0 4px;
    color: #878787;
}

.legal ul:last-of-type {
    padding-bottom: 30px;
}

.legal strong {
    color: #878787;
    font-weight: bolder;
}

.legal code {
    font-family: Courier, monospace;
}

.legal li,
td {
    font-size: 15px;
    color: #a3a3a3;
}

.legal li {
    margin-left: 50px;
    line-height: 24px;
    padding: 5px 0;
}

/* TABLAS */
.legal caption {
    font-size: 15px;
    line-height: 23px;
    color: #878787;
}

.legal td {
    line-height: 24px;
    padding: 5px;
}

.legal table {
    margin-bottom: 1em;
    width: 100%;
    display: block;
    overflow-x: auto;
    border-collapse: collapse;
}

.legal td,
.legal th {
    border: 1px solid black;
    border-collapse: collapse;
}

.legal tr:first-child td {
    font-weight: 500;
}

.legal tr:nth-of-type(2n) {
    background-color: rgba(34, 34, 34, 0.02);
}

.sitemap-addenda {
    margin: 50px 0;
}

.sitemap a,
.sitemap-addenda a {
    text-decoration: none;
    color: #878787;
}

.sitemap li {
    font-weight: bolder;
    color: #878787;
}

.sitemap a:hover,
.sitemap-addenda a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1250px) { /* Añadido por mi */
    .legal {
        padding: 0 20px;
    }

    .legal li {
        margin-left: 20px;
    }
}