/* Bloque «Te puede interesar» al final de cada artículo (usa los tokens del sitio; claro y oscuro) */
.relacionados { margin: 2.5rem 0 1rem; padding-top: 1.5rem; border-top: 1px solid var(--color-border); }
.relacionados h2 { font-family: var(--font-display); font-size: 1.35rem; margin: 0 0 1rem; }
.relacionados-lista { list-style: none; padding: 0; margin: 0; display: grid; gap: .75rem; }
@media (min-width: 576px) { .relacionados-lista { grid-template-columns: repeat(2, 1fr); } }
.relacionados-lista a {
    display: grid; grid-template-columns: 96px 1fr; grid-template-rows: auto 1fr; column-gap: .85rem; align-items: start;
    padding: .6rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-white);
    color: var(--color-text); text-decoration: none;
}
.relacionados-lista a:hover { border-color: var(--color-gold-light); color: var(--color-text); text-decoration: none; }
.relacionados-lista img { grid-row: 1 / span 2; width: 96px; height: 64px; object-fit: cover; border-radius: var(--radius-sm); background: var(--color-cream); }
.relacionados-lista .rel-tag { font: 700 .65rem/1.2 var(--font-body); letter-spacing: .1em; text-transform: uppercase; color: var(--color-sage); }
.relacionados-lista .rel-title { font: 600 .95rem/1.3 var(--font-display); margin-top: .2rem; }