/**
 * Plantilla de contenido legal (LOPD, aviso legal, cookies, etc.)
 */
.row.legal-content,
.legal-content {
    max-width: var(--legal-max-width);
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--space-4);
    margin-bottom: var(--space-4);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: var(--line-height-relaxed);
    color: var(--color-text);
}

.legal-content,
.legal-content font,
.legal-content p,
.legal-content li,
.legal-content td {
    font-family: var(--font-sans) !important;
    font-size: var(--text-base);
    line-height: var(--line-height-relaxed);
    color: var(--color-text);
}

.legal-content h1,
.legal-content h2,
.legal-content h3,
.legal-content .static-page-title {
    font-family: var(--font-serif);
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--space-6);
    color: var(--color-text);
}

.legal-content table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--space-6) 0;
}

.legal-content table td,
.legal-content table th {
    border: 1px solid var(--color-border);
    padding: var(--space-4);
    vertical-align: top;
}

.legal-content a {
    color: var(--color-brand);
    text-decoration: underline;
}

.legal-content a:hover,
.legal-content a:focus {
    color: var(--color-brand-hover);
}

.legal-content a:focus-visible {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 2px;
}

.legal-content ol,
.legal-content ul {
    margin: var(--space-4) 0 var(--space-6);
    padding-left: var(--space-6);
}

.legal-content p + p {
    margin-top: var(--space-4);
}