/*
 * SPRINT 1 · MÓDULO 2 — estilos propios del sprint (se cargan después de
 * app.css y responsive.css).
 */

/* 2.3/2.4 — Tarjetas con enlaces de malla.
 * El título lleva la clase .stretched-link de Bootstrap 4.6: su ::after cubre
 * toda la tarjeta (.card es position: relative), así la tarjeta completa sigue
 * siendo clicable. Categoría y nodo quedan por encima (z-index 2) para que sus
 * propios enlaces funcionen. */
.items .card .card-title a,
.items .card .card-title a:hover {
    color: inherit;
    text-decoration: none;
}

.items .card:hover .card-title a {
    text-decoration: underline;
}

.items .card .info a.card-mesh {
    position: relative;
    z-index: 2;
}

.items .card .info a.card-mesh:hover {
    text-decoration: underline;
}

.items .card .card-desc {
    font-size: 0.8rem;
    line-height: 135%;
    color: #555555;
    margin: 0 0 8px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.items-related .items .card .card-desc {
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000;
    padding: 0 1rem 1rem;
    margin: -0.8rem 0 0 0;
}

/* 2.9 — Indicador de contenido externo al tenant (carácter ↗). */
.items .card .card-title .ext-mark {
    font-size: 0.85em;
    font-weight: normal;
    opacity: 0.85;
    margin-left: 4px;
    white-space: nowrap;
}

/* 2.2 — Grid "Sigue explorando [Territorio]" al final del artículo. */
.item-explore {
    margin: 20px 0 10px 0;
}

.item-explore h3 {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0 0 12px 0;
}

.item-explore .items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.item-explore .items .item {
    padding: 0 5px 10px 5px;
}

.item-explore .card {
    height: 100%;
    background-color: rgba(0, 103, 119, 0.06);
    border-radius: 0.25rem;
}

.item-explore .card:hover {
    background-color: rgba(0, 103, 119, 0.12);
}

.item-explore .card .card-body {
    padding: 10px 12px;
}

.item-explore .card .card-title {
    font-size: 0.95rem;
    margin: 0;
}

.item-explore .card .card-title .total {
    color: rgba(0, 0, 0, 0.5);
    white-space: nowrap;
}