/* Últimas noticias de las portadas (Views/Shared/Home/_NoticiasPortada). Las tarjetas son las de news-card.css. */

/* El enlace al listado era un botón de la plantilla de 811 × 69 px, fuera del bloque y con el texto pegado arriba
   (WP27). Ahora es un enlace dentro del bloque, al pie y a la derecha, con el lenguaje de la barra: subrayado dorado al
   pasar por encima (WP24). */
.moc-noticias-portada__pie {
    display: flex;
    justify-content: flex-end;
    padding-top: .5rem;
}

.moc-noticias-portada__todas {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem 0;
    color: var(--qg-public-text-base);
    font-family: var(--qg-public-font-heading);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .2s ease;
}

.moc-noticias-portada__todas i {
    font-size: .85em;
    transition: transform .2s ease;
}

.moc-noticias-portada__todas:hover,
.moc-noticias-portada__todas:focus-visible {
    color: var(--qg-public-text-strong);
    text-decoration: underline;
    text-decoration-color: var(--qg-public-color-gold-light);
    text-decoration-thickness: 2px;
    text-underline-offset: .35em;
}

.moc-noticias-portada__todas:hover i,
.moc-noticias-portada__todas:focus-visible i {
    transform: translateX(.2rem);
}

.moc-noticias-portada__todas:focus-visible {
    outline: 2px solid var(--qg-public-color-gold-light);
    outline-offset: .25rem;
    border-radius: var(--qg-public-radius-xs);
}

@media (prefers-reduced-motion: reduce) {
    .moc-noticias-portada__todas i {
        transition: none;
    }
}