/* Funciones relacionadas (includes/landings/related-functions) en landings sin bloque propio. Hereda la tipografía de cada página. */
.lf-related { padding: 3.5rem 1rem; background: #fff; }
.lf-related__shell { max-width: 75rem; margin: 0 auto; }
.lf-related__title { margin: 0 0 1.25rem; color: #041f49; font-size: clamp(1.4rem, 2.2vw, 1.85rem); font-weight: 800; line-height: 1.2; }
.lf-related__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr)); gap: .75rem; }
.lf-related__link { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: 1.1rem 1.2rem; border-radius: .55rem; box-shadow: inset 0 0 0 1.5px #041f49; color: #041f49; text-decoration: none; transition: box-shadow .2s; }
.lf-related__link:hover { box-shadow: inset 0 0 0 2.5px #041f49; }
.lf-related__link:focus-visible { outline: 3px solid #fac63f; outline-offset: 3px; }
.lf-related__link b { display: block; font-size: 1.1rem; font-weight: 800; }
.lf-related__link small { display: block; margin-top: .25rem; color: #46505e; font-size: .92rem; font-weight: 500; line-height: 1.45; }

@media (min-width: 768px) {
    .lf-related { padding: 4.5rem 2rem; }
}

@media (prefers-reduced-motion: reduce) {
    .lf-related__link { transition: none; }
}