/*
 * Listado de documentos descargables CEJ.
 *
 * La tarjeta, el titulo y el boton se apoyan en las clases del sitio anterior
 * (.card, .card-title.lh-1.fs-4, .btn) para que el CSS global de la plantilla
 * les de exactamente el mismo aspecto. Aqui solo va la rejilla y el fondo.
 */

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

.ceij-docs__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: stretch;
}

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

.ceij-docs .card {
    border-radius: 25px;
    border: 0;
    height: 100%;
    padding: 1.5rem 1rem;
}

.ceij-docs .card-body {
    padding-top: 1.25rem;
}

/* El titulo del original va alineado a la izquierda, no centrado. */
.ceij-docs .card-title {
    text-align: left;
    margin-bottom: 1.25rem;
}

.ceij-docs .catItemReadMore {
    text-align: left;
}

/* El boton se ajusta al texto, no ocupa toda la fila. */
.ceij-docs .k2ReadMore {
    display: inline-block;
    padding: 0.5rem 1.25rem !important;
}

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