/* ============================================================
   Cards de noticias — categoría blog de com_content
   Archidiócesis de Madrid
   ============================================================ */

/* ---------- Card base ---------- */
.arch-noticia-card {
    border-radius: .75rem !important;
    overflow: hidden;
    transition: box-shadow .2s ease, transform .2s ease;
}

.arch-noticia-card:hover {
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.15) !important;
    transform: translateY(-3px);
}

/* ---------- Imagen ---------- */
.arch-noticia-card__img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center top;
    display: block;
}

/* Placeholder cuando no hay imagen */
.arch-noticia-card__img-placeholder {
    height: 8px;
    background: linear-gradient(90deg, #c8102e 0%, #9b000a 100%);
}

/* ---------- Fecha ---------- */
.arch-noticia-card__date {
    font-size: .78rem;
    color: #c8102e;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ---------- Título ---------- */
.arch-noticia-card__title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    /* Limitar a 3 líneas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.arch-noticia-card__title a {
    color: #1a1a2e;
    text-decoration: none;
}

.arch-noticia-card__title a:hover {
    color: #c8102e;
}

/* ---------- Excerpt ---------- */
.arch-noticia-card__excerpt {
    font-size: .85rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ---------- Espaciado entre tarjetas en móvil ---------- */
@media (max-width: 767.98px) {
    .arch-noticia-card__img {
        height: 180px;
    }
}

/* ---------- Paginación ---------- */
.com-content-category-blog__pagination .pagination {
    flex-wrap: wrap;
    gap: .25rem;
}

.com-content-category-blog__pagination .page-link {
    border-radius: .4rem !important;
    color: #c8102e;
    border-color: #dee2e6;
}

.com-content-category-blog__pagination .page-item.active .page-link {
    background-color: #c8102e;
    border-color: #c8102e;
    color: #fff;
}

.com-content-category-blog__pagination .page-link:hover {
    color: #9b000a;
    background-color: #f8f0f1;
    border-color: #c8102e;
}