.otros-catalogos-section {
    padding-top: 70px;
    padding-bottom: 90px;
    position: relative;
    overflow: hidden;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f6f6f6;
}

.otros-catalogos-section:before {
    content: '';
    position: absolute;
    display: block;
    position: absolute;
    width: 50%;
    height: 140%;
    background-image: url(../../img/images/cositas.png);
    /* background-size: cover; */
    background-position: bottom;
    background-repeat: no-repeat;
    top: -100px;
    right: 0;
    filter: invert(1);
    opacity: 0.2;
    -webkit-animation: jump 3s infinite alternate;
    animation: jump 3s infinite alternate;
}

.otros-catalogos-section>div[class*="container"] {
    position: relative;
}

.otros-catalogos-section>div[class*="container"]>h2.title {
    font-weight: 600;
    margin: 0;
    padding: 0;
    border-left: 3px solid #333;
    margin-bottom: 29px;
    padding-left: 15px;
    font-size: 1.4rem;
}

.otros-catalogos {
    /* display: flex; */
    /* grid-template-columns: repeat(3, 1fr); */
    /* grid-gap: 10px; */
}

.otros-catalogos>div {
    position: relative;
}

.otros-catalogos a:after {
    content: "conocer mas";
    text-decoration: underline;
    display: block;
    padding-top: 10px;
    font-size: 0.8rem;
    color: #666
}

.otros-catalogos .title {
    font-size: 1rem;
    position: absolute;
    top: 70px;
    color: #fff;
    width: 100%;
    text-align: center;
}

.otros-catalogos .text {
    font-size: 0.7rem;
    padding-top: 15px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.otros-catalogos>div img {
    filter: brightness(0.7) grayscale(0.5);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    height: 169px;
    width: 100%;
    object-fit: cover;
}

.otros-catalogos a:hover img {
    filter: brightness(0.8) grayscale(0);
}

.otros-catalogos a:hover:after {
    color: #000;
}