/*--------------------------------------------------------------
# Archivo: template-legal.css
# Estilos para la plantilla de páginas legales.
--------------------------------------------------------------*/

.legal-page-wrapper {
    max-width: 80ch; /* Ancho óptimo para la lectura (aprox. 80 caracteres por línea) */
    margin-left: auto;
    margin-right: auto;
    padding: var(--spacing) 0;
}

.legal-page-wrapper .entry-title {
    font-size: 2.8rem;
    font-family: var(--font-family-serif);
    text-align: center;
    margin-bottom: calc(var(--spacing) * 2);
    border-bottom: 1px solid var(--color-border);
    padding-bottom: var(--spacing);
}

.legal-page-wrapper .entry-content {
    font-size: 1.1rem;
    line-height: 1.8; /* Aumentamos el interlineado para facilitar la lectura */
}

.legal-page-wrapper .entry-content h2,
.legal-page-wrapper .entry-content h3 {
    font-family: var(--font-family-serif);
    margin-top: 2.5em;
    margin-bottom: 1em;
}

.legal-page-wrapper .entry-content h2 {
    font-size: 1.8rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--color-border);
}

.legal-page-wrapper .entry-content h3 {
    font-size: 1.4rem;
}

.legal-page-wrapper .entry-content p {
    margin-bottom: 1.5em;
}

.legal-page-wrapper .entry-content ul,
.legal-page-wrapper .entry-content ol {
    padding-left: 1.5em;
    margin-bottom: 1.5em;
}

.legal-page-wrapper .entry-content a {
    color: var(--color-primary);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.legal-page-wrapper .entry-content a:hover {
    color: var(--color-secondary);
}