/* ===== Páginas legales — heredan el sistema visual de la home ===== */
.legal-card{max-width:860px;margin:0 auto;padding:clamp(22px,4vw,44px);border-radius:22px;background:linear-gradient(160deg,var(--card-bg) 0%,var(--card-bg-2) 100%);border:1px solid var(--border);box-shadow:0 30px 60px rgba(2,10,22,.5)}
.legal-card .legal-date{display:inline-block;margin-bottom:18px;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--turquoise-light);background:rgba(53,194,190,.12);border:1px solid rgba(98,226,223,.3)}
.legal-card h2{font-size:clamp(19px,2.4vw,24px);margin:34px 0 12px;display:block}
.legal-card h2:first-of-type{margin-top:10px}
.legal-card h3{font-size:16px;margin:20px 0 6px;color:var(--turquoise-light)}
.legal-card p,.legal-card li{font-size:15px;line-height:1.75;color:var(--text-body)}
.legal-card p{margin:0 0 12px}
.legal-card ul{margin:0 0 14px 0;padding-left:20px;list-style:disc}
.legal-card li{margin-bottom:7px}
.legal-card strong{color:var(--text-main)}
.legal-card a{color:var(--turquoise-light);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}
.legal-card a:hover{color:#fff}
.legal-card code{font-size:12.5px;padding:2px 6px;border-radius:6px;background:var(--navy-night);border:1px solid var(--border);color:var(--turquoise-light);overflow-wrap:anywhere}
.legal-table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:14.5px}
.legal-table th,.legal-table td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);color:var(--text-body)}
.legal-table th{color:var(--text-main);font-weight:600;white-space:nowrap}
.legal-table thead th{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--turquoise-light);white-space:normal}
@media (max-width:640px){.legal-table th{white-space:normal}.legal-table,.legal-table tbody,.legal-table tr,.legal-table th,.legal-table td{display:block}.legal-table tr{padding:8px 0;border-bottom:1px solid var(--border)}.legal-table th,.legal-table td{border:0;padding:3px 0}.legal-table thead{display:none}}

/* Enlaces legales del pie (en todas las páginas) */
.footer-legal{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:10px}
.footer-legal a{font-size:13px;color:var(--text-secondary);transition:color .2s ease}
.footer-legal a:hover{color:var(--turquoise-light);text-decoration:underline;text-underline-offset:3px}