/* =====================================================================
   Identidad v2 — Páginas de CONTENIDO y LEGALES. Scope: html.ar-v2 +
   .legal-page / .portal-page. Tokens --ui-*. Sobrio, blanco, verde acento.
   ===================================================================== */

/* ===================== LEGALES (.legal-page) ======================== */
html.ar-v2 .legal-page {
    max-width: 860px !important;
    margin: 0 auto !important;
    padding: var(--ui-space-12) var(--ui-gutter) var(--ui-space-14) !important;
    color: var(--ui-text);
    font-size: var(--ui-text-base);
    line-height: var(--ui-leading-relaxed);
    box-sizing: border-box;
}
html.ar-v2 .legal-page > h1 {
    font-size: var(--ui-text-3xl, 28px);
    font-weight: var(--ui-w-bold);
    color: var(--ui-text-strong);
    letter-spacing: var(--ui-tracking-tight);
    line-height: var(--ui-leading-tight);
    margin: 0 0 var(--ui-space-2);
}
html.ar-v2 .legal-page > .muted {
    color: var(--ui-text-muted) !important;
    font-size: var(--ui-text-sm);
    margin: 0 0 var(--ui-space-8);
}

/* Secciones: sin caja, separación por línea muy sutil */
html.ar-v2 .legal-page .property-section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: var(--ui-space-7) 0 !important;
    margin: 0 !important;
}
html.ar-v2 .legal-page .property-section + .property-section {
    border-top: 1px solid rgba(16, 24, 32, .06) !important;
}

html.ar-v2 .legal-page h2 {
    font-size: var(--ui-text-xl);
    font-weight: var(--ui-w-semi);
    color: var(--ui-text-strong);
    letter-spacing: var(--ui-tracking-tight);
    margin: 0 0 var(--ui-space-3);
}
html.ar-v2 .legal-page h3 {
    font-size: var(--ui-text-md);
    font-weight: var(--ui-w-semi);
    color: var(--ui-text-strong);
    margin: var(--ui-space-5) 0 var(--ui-space-2);
}
html.ar-v2 .legal-page p { color: var(--ui-text); margin: 0 0 var(--ui-space-4); }
html.ar-v2 .legal-page p:last-child { margin-bottom: 0; }
html.ar-v2 .legal-page ul,
html.ar-v2 .legal-page ol { margin: 0 0 var(--ui-space-4); padding-left: var(--ui-space-5); }
html.ar-v2 .legal-page li { margin-bottom: var(--ui-space-2); color: var(--ui-text); }
html.ar-v2 .legal-page a { color: var(--ui-accent); text-decoration: underline; text-underline-offset: 2px; }
html.ar-v2 .legal-page a:hover { color: var(--ui-accent-strong); }
html.ar-v2 .legal-page strong { color: var(--ui-text-strong); font-weight: var(--ui-w-semi); }

/* Pares clave/valor (Responsable, Email, etc.) en dos columnas */
html.ar-v2 .legal-page dl {
    display: grid;
    grid-template-columns: minmax(140px, auto) 1fr;
    gap: var(--ui-space-2) var(--ui-space-6);
    margin: 0;
}
html.ar-v2 .legal-page dt { color: var(--ui-text-soft); }
html.ar-v2 .legal-page dt strong { color: var(--ui-text-strong); font-weight: var(--ui-w-medium); }
html.ar-v2 .legal-page dd { margin: 0; color: var(--ui-text); }
@media (max-width: 560px) {
    html.ar-v2 .legal-page dl { grid-template-columns: 1fr; gap: 2px var(--ui-space-2); }
    html.ar-v2 .legal-page dd { margin: 0 0 var(--ui-space-3); }
}