/* Páginas legales — sobre styles.css */
.legal { padding: 120px 0 90px; }
.legal .wrap { max-width: 820px; }
.legal h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); margin-bottom: 10px; }
.legal h2 { font-size: clamp(1.4rem, 2.6vw, 1.8rem); margin: 2em 0 .5em; }
.legal p, .legal li { color: var(--tinta-2); }
.legal .fecha { color: var(--gris); font-size: .9rem; }
.legal table { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: .95rem; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--linea); }
.legal th { width: 32%; font-weight: 600; color: var(--tinta); }
.legal td, .legal p, .legal li { overflow-wrap: anywhere; }
@media (max-width: 600px) { .legal th, .legal td { display: block; width: auto; padding: 6px 0; } .legal th { border-bottom: 0; padding-top: 14px; } }