/*
 * Listado de capsulas informativas CEJ.
 *
 * La tarjeta, el titulo y los botones se apoyan en las clases del sitio
 * anterior (.card, .card-title.lh-1, .btn) para que el CSS global de la
 * plantilla les de el mismo aspecto. Aqui solo va la rejilla y los ajustes
 * propios de esta pagina.
 */

.ceij-caps {
    background: #e5e5e5;
    padding: 3% 3% 4rem;
}

.ceij-caps__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem 1.5rem;
    /* Cada tarjeta conserva su alto natural: las laminas tienen proporciones
       muy distintas y en el original tampoco se igualan. */
    align-items: start;
}

.ceij-caps .itemContainer {
    background: transparent !important;
}

.ceij-caps .card {
    border-radius: 25px;
    border: 0;
    padding: 1rem;
    overflow: hidden;
}

.ceij-caps .card-img-top {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.ceij-caps .card-title {
    text-align: left;
    margin: 1rem 0;
}

.ceij-caps .card-title a {
    text-decoration: none;
}

.ceij-caps .k2ReadMore {
    display: inline-block;
    padding: 0.4rem 1.1rem !important;
}

.ceij-caps .catItemReadMore {
    padding-bottom: 1rem;
}

@media (max-width: 991px) {
    .ceij-caps__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .ceij-caps { padding: 7% 2% 2%; }
    .ceij-caps__grid { grid-template-columns: 1fr; }
}