/* Páginas legales (aviso de privacidad). Se apoya en evaluacion.css para la cabecera,
   el índice y la prosa; aquí solo va lo que un texto legal tiene y el reporte no:
   enlaces dentro del texto, listas, pasos numerados y domicilio.
   Es un documento de consulta: pocas reglas, un solo acento y nada que compita con el texto. */

/* ===== cabecera más sobria que la del reporte ===== */
.legal-article h1 { font-size: clamp(38px, 3.6vw, 52px); line-height: 1.1; }
.legal-jump { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 0; border-bottom: 1px solid var(--gold, #80638f); color: var(--navy, #292236); font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; }
.legal-jump svg { flex-shrink: 0; color: var(--accent, #735286); transition: transform .2s; }
.legal-jump:hover { color: var(--accent-hover, #5e3f71); }
.legal-jump:hover svg { transform: translateY(2px); }

/* ===== enlaces del texto: subrayado tenue que se afirma al pasar el cursor ===== */
.legal-article .ev-prose a,
.legal-article .ev-meta a {
  color: var(--accent, #735286);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(115, 82, 134, .4);
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
.legal-article .ev-prose a:hover,
.legal-article .ev-meta a:hover { color: var(--accent-hover, #5e3f71); text-decoration-color: currentColor; }

/* ===== listas: guion fino en lugar de una regla por renglón ===== */
.legal-list { margin: 14px 0 0; padding: 0; list-style: none; }
.legal-list > li { position: relative; padding-left: 24px; font-size: 17px; line-height: 1.75; }
.legal-list > li + li { margin-top: 10px; }
.legal-list > li::before { content: ""; position: absolute; top: .9em; left: 2px; width: 10px; height: 1px; background: var(--gold, #80638f); }
.legal-list + p, .legal-steps + p, .legal-address + p { margin-top: 20px; }

/* ===== pasos para ejercer los derechos ARCO: lo único con reglas, porque es un trámite ===== */
.legal-steps { margin: 18px 0 0; padding: 0; list-style: none; counter-reset: paso; border-top: 1px solid var(--line, #e3dee7); }
.legal-steps > li { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: baseline; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--line, #e3dee7); counter-increment: paso; font-size: 17px; line-height: 1.7; }
.legal-steps > li::before { content: counter(paso); color: var(--gold, #80638f); font: 500 20px/1 'Playfair Display', Georgia, serif; font-variant-numeric: lining-nums tabular-nums; }

/* ===== domicilio ===== */
.legal-address { margin: 14px 0 0; padding-left: 24px; color: var(--navy, #292236); font-style: normal; line-height: 1.75; }

@media (max-width: 600px) {
  .legal-article h1 { font-size: clamp(32px, 8.6vw, 40px); }
  /* Fecha y correo en dos renglones, sin el «·» que evaluacion.css pone entre ellos. */
  .legal-article .ev-meta { flex-direction: column; align-items: flex-start; gap: 6px; }
  .legal-article .ev-meta time + span::before { content: none; }
  .legal-list > li, .legal-steps > li { font-size: 16px; }
  .legal-list > li { padding-left: 20px; }
  .legal-steps > li { grid-template-columns: 26px minmax(0, 1fr); gap: 12px; }
  .legal-steps > li::before { font-size: 19px; }
  .legal-address { padding-left: 20px; font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .legal-jump svg { transition: none; }
}

@media print {
  .legal-article .ev-prose a { color: #000; text-decoration-color: currentColor; }
  .legal-list > li, .legal-steps > li { break-inside: avoid; }
}