.item-projeto {
    width: calc((100% - (var(--gap-items-template) * (var(--qtd-col-items-template) - 1))) / var(--qtd-col-items-template));
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, .1);

    .image {
        height: 210px;
        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; }

        .year {
            padding: .3rem .6rem;
            background-color: rgba(0, 0, 0, .6);
        }
    }

    .about {
        padding: 1rem;

        .top .specs {
            gap: .8rem 1.1rem;

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

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

        .actions a {
            font-size: 14px;
            padding: .4rem .8rem;
            width: 100%;
            text-align: center;
            /* border: 2px solid var(--clr2); */
            border-radius: 8px;
            transition: all .2s;

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