/* ============================================================
   declar.ar — /ayuda/ (centro de ayuda)
   Extiende el sistema "lattice" de landing.css (tokens --dc-* de
   /site-theme.css). Cargar DESPUÉS de styles.min.css y landing.css.
   ============================================================ */

.ay-title { margin-top: 26px; max-width: 880px; }

/* Canales: el dato de contacto en mono y el link al pie de la tarjeta */
.lp-page .ay-channel { color: var(--dc-fg); }
.ay-channel p { max-width: 30ch; }
.ay-detail {
    font-family: var(--dc-mono);
    font-size: 12.5px;
    letter-spacing: 0.02em;
    color: var(--dc-body);
}

/* Links legales: cada renglón es un link con flecha */
.ay-legal { margin-top: 24px; }
.ay-legal li { align-items: center; }
.lp-page .ay-legal a {
    flex: 1;
    font-size: 15px;
    font-weight: 500;
    color: var(--dc-fg);
    transition: color .16s ease;
}
.lp-page .ay-legal a:hover { color: var(--dc-primary); }
.ay-legal-arrow {
    color: var(--dc-subtle);
    transition: transform .18s ease, color .18s ease;
}
.ay-legal li:hover .ay-legal-arrow { color: var(--dc-primary); transform: translateX(3px); }