/* pages/legal.css */
.legal { padding-block: var(--space-8, 6rem); }

/* Breadcrumb */
.legal-breadcrumb { margin-bottom: var(--space-4, 1.25rem); }

/* Header */
.legal-header .section-title { margin: 0 0 var(--space-2, .75rem); }
.legal-header .section-subtitle { opacity: .9; max-width: 70ch; }
.last-updated { margin-top: .5rem; font-size: .95rem; opacity: .8; }

/* Card base */
.card {
  background: var(--surface, #fff);
  border: 1px solid var(--border, #e5e7eb);
  border-radius: var(--radius-2xl, 20px);
  box-shadow: var(--shadow-sm, 0 6px 24px rgba(0,0,0,.06));
  padding: var(--space-5, 1.75rem);
}

/* TOC */
.toc { margin: var(--space-5, 2rem) 0 var(--space-6, 2rem); }
.toc-header {
  width: 100%;
  display: flex; align-items: center; justify-content: space-between;
  background: none; border: 0; padding: 0; cursor: pointer;
}
.toc-title { margin: 0; }
.toc-toggle { font-weight: 600; opacity: .8; }
.toc-content { margin-top: var(--space-3, 1rem); }
.toc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4, 1.25rem); }
.toc-list { margin: 0; padding-left: 1rem; display: grid; gap: .4rem; }
.toc-list a { text-decoration: none; }
.toc-list a:hover { text-decoration: underline; }

@media (max-width: 900px) { .toc-grid { grid-template-columns: 1fr; } }

/* Sections */
.legal-content { margin-top: var(--space-6, 2rem); }
.legal-section { scroll-margin-top: 110px; }
.legal-section + .legal-section { margin-top: var(--space-7, 2.5rem); }
.section-title { margin-bottom: var(--space-3, 1rem); }

/* Highlights */
.highlight-box {
  border-left: 4px solid #111;
  background: #f7f7f7;
  padding: 1rem 1.25rem;
  border-radius: 12px;
  margin-top: var(--space-3, 1rem);
}
.highlight-box .highlight-title { font-weight: 700; margin: 0 0 .35rem; }
.highlight-box.info { border-left-color: #2563eb; background: #eff6ff; }
.highlight-box.success { border-left-color: #059669; background: #ecfdf5; }
.highlight-box.warning { border-left-color: #ca8a04; background: #fffbeb; }

/* Footer */
.legal-footer {
  margin-top: var(--space-8, 3rem);
  display: grid; gap: var(--space-2, .75rem);
  text-align: center;
}
.footer-links {
  display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center;
}
.footer-link { text-decoration: none; }
.footer-link:hover { text-decoration: underline; }
.print-link { text-decoration: none; }
.print-link:hover { text-decoration: underline; }

/* Active link in TOC */
.toc-list a.active { text-decoration: underline; font-weight: 700; }
/* Fondo blanco solo para esta página */
body {
  background: #fff !important;
  color: #111; /* asegura contraste en textos */
}