/* Sobre /legal/legal.css: lo propio de la portada y soporte. */
.logo { display: block; border-radius: 16px; margin-bottom: 14px; }
.lema { font-size: 1.1rem; color: var(--suave); margin: 6px 0 18px; }
.pronto { display: inline-block; background: var(--fondo); border: 1px solid var(--borde); border-radius: 999px; padding: 4px 12px; font-size: .9rem; color: var(--suave); }
.grafica { margin: 18px 0 6px; }
.grafica svg { width: 100%; height: auto; display: block; }
.grafica figcaption { font-size: .85rem; color: var(--suave); text-align: center; margin-top: 4px; }
.eje { stroke: var(--borde); stroke-width: 2; fill: none; }
.olvido { stroke: var(--suave); stroke-width: 3; fill: none; stroke-dasharray: 7 6; }
.repaso { stroke: var(--acento); stroke-width: 3; fill: none; }
.marca { fill: var(--acento); }
.rotulo { fill: var(--suave); font-size: 13px; font-family: inherit; }
.rotulo-acento { fill: var(--acento); font-size: 13px; font-weight: 600; font-family: inherit; }
dt { font-weight: 600; margin-top: 16px; }
dd { margin: 4px 0 0; }
footer { max-width: 760px; margin: 0 auto; padding: 0 16px 32px; font-size: .9rem; color: var(--suave); }
footer a { margin-right: 14px; }