.swiper-slide {
    padding: .5rem;
    height: auto;

    .item-referencia { height: 100%; }
}

.item-referencia {
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, .1);

    .image {
        height: 200px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 10px 10px 0 0;
        padding: .7rem;
        position: relative;

        &::before {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: linear-gradient(transparent, rgba(0, 0, 0, .6));
        }
        & > * { z-index: 9; }

        .category, .tag { padding: .3rem .6rem; }

        .tag { background-color: rgba(0, 0, 0, .5); }
    }

    .about {
        padding: 1.1rem 1rem 1rem;

        .top .specs li {
            font-size: 13px;
            color: var(--clr-dark-paragraph);
            font-weight: 400;
            display: flex;
            align-items: center;
            gap: .4rem;

            svg {
                width: 18px;
                height: 18px;
                fill: var(--clr2);
            }
        }

        .actions a {
            padding: .4rem .8rem;
            border: 2px solid var(--clr2);
            transition: all .2s;

            &:hover { transform: scale(1.05); }
        }
    }
}