/* ============================================================
   VIRALSONAR — Páginas legales
   ============================================================ */
.legal-main{padding:140px 0 90px;max-width:820px;margin:0 auto}
.legal-main .kicker{margin-bottom:14px}
.legal-main h1{font-family:var(--font-display);font-size:clamp(30px,4vw,42px);letter-spacing:-.025em;font-weight:700;line-height:1.1;margin-bottom:10px}
.legal-main .updated{font-size:13px;color:var(--text-muted);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.prose h2{font-family:var(--font-display);font-size:20px;letter-spacing:-.015em;font-weight:700;margin:40px 0 12px;color:var(--text-primary)}
.prose p{color:var(--text-secondary);font-size:15px;margin-bottom:14px;max-width:72ch}
.prose p b{color:var(--text-primary);font-weight:600}
.prose ul{list-style:none;margin:0 0 16px;display:flex;flex-direction:column;gap:9px}
.prose li{color:var(--text-secondary);font-size:14.5px;padding-left:18px;position:relative}
.prose li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--aqua-700)}
.prose li b{color:var(--text-primary);font-weight:600}
.prose a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}
.prose table{width:100%;border-collapse:collapse;font-size:13.5px;margin:16px 0 22px}
.prose th{text-align:left;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:700;padding:0 12px 10px 0;border-bottom:1px solid var(--border)}
.prose td{padding:11px 12px 11px 0;border-bottom:1px solid rgba(27,46,59,.55);color:var(--text-secondary);vertical-align:top}
.prose td:first-child{color:var(--text-primary);font-family:var(--font-mono);font-size:12.5px}
.legal-box{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px;margin:18px 0 24px}
.legal-box p{margin-bottom:4px;font-size:14.5px}
.legal-footer{border-top:1px solid var(--border);padding:30px 0;font-size:12.5px;color:var(--text-muted)}
.legal-footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.legal-footer a{color:var(--text-secondary)}
.legal-footer a:hover{color:var(--accent-text)}