/* ==========================================================================
   PRIVACIDAD Y COOKIES
   ========================================================================== */
.view-legal { --legal-w: 760px; }
.legal-tabs { display: inline-flex; margin-bottom: var(--space-6); }
.legal-tabs a { display: inline-flex; align-items: center; gap: .45em; }
.legal-tabs .icon { width: 16px; height: 16px; }
.legal { max-width: var(--legal-w); }
.legal-head { display: grid; gap: var(--space-3); padding-bottom: var(--space-6); margin-bottom: var(--space-6); border-bottom: 1px solid var(--ink); }
.legal-title { font-family: var(--font-display); font-size: var(--fs-3xl); font-weight: 400; line-height: .95; letter-spacing: -.03em; }
.legal-lead { font-family: var(--font-reading); font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem); line-height: 1.6; color: var(--ink-2); }
.legal-lead b { color: var(--ink); }
.legal-points { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: 0 0 var(--space-7); }
.legal-points li { display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-4); border-radius: var(--radius-lg); background: var(--accent-soft); border: 1px solid var(--accent-line); font-size: var(--fs-sm); line-height: 1.5; color: var(--ink-2); }
.legal-points .icon { flex: none; width: 20px; height: 20px; color: var(--accent); stroke-width: 2.4; }
.legal-points b { color: var(--ink); }
.legal-sec { display: grid; gap: var(--space-3); margin-bottom: var(--space-6); }
.legal-sec h2 { font-family: var(--font-display); font-size: var(--fs-xl); font-weight: 500; line-height: 1.15; }
.legal-sec p, .legal-sec li { font-family: var(--font-reading); font-size: var(--fs-lg); line-height: 1.7; color: var(--ink-2); }
.legal-sec ul { display: grid; gap: var(--space-2); padding-left: 1.2em; }
.legal-sec b { color: var(--ink); }
.legal-contact { display: grid; gap: var(--space-2); padding: var(--space-4); border-radius: var(--radius); background: var(--sunk); }
.legal-contact div { display: grid; grid-template-columns: 180px 1fr; gap: var(--space-3); }
.legal-contact dt { font-weight: 700; }
.legal-contact dd { margin: 0; }
.legal-contact a { color: var(--accent); }
.legal-table-wrap { overflow-x: auto; border-radius: var(--radius-lg); border: 1px solid var(--line); }
.legal-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.legal-table th, .legal-table td { padding: var(--space-3); text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.legal-table th { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); background: var(--sunk); }
.legal-table tr:last-child td { border-bottom: 0; }
.legal-table code { font-size: .78rem; white-space: nowrap; }
.about-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); margin-top: var(--space-2); }
.about-private { display: flex; align-items: center; gap: .5em; font-size: var(--fs-sm); color: var(--ink-2); }
.about-private .icon { width: 16px; height: 16px; color: var(--accent); stroke-width: 2.4; }
@media (max-width: 700px) {
  .legal-points { grid-template-columns: 1fr; }
  .legal-contact div { grid-template-columns: 1fr; gap: 0; }
  .legal-tabs { display: flex; }
}