.contenedor-proyectos-interna{
    padding: 32px 0;
    .contenedor-proyectos-grid{
        width: 100%;
        display: grid;
        gap: 12px;
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
        // grid-auto-rows: calc(8.5vh);
        @media (max-width: 699px) {
            gap: 0;
        }
        .item{
            // background-color: #cacaca;
            position: relative;
            overflow: hidden;
            @media (max-width: 699px) {
                grid-row-start: auto !important;
                grid-column-start: span 12 !important;
                background-color: transparent;
                margin-bottom: 8px;
            }
            &.g12x4{
                grid-row-start: span 12;
                grid-column-start: span 4;
            }
            &.g12x8{
                grid-row-start: span 12;
                grid-column-start: span 8;
            }
            &.g12x12{
                grid-row-start: span 12;
                grid-column-start: span 12;
            }

            .contenedor-background{
                width: 100%;
                height: 100%;
                @media (max-width: 699px) {
                    height: auto;
                }
                img{
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                    @media (max-width: 699px) {
                        height: auto;
                    }
                }
            }
            .contenedor-embed{
                width: 100%;
                height: 85vh;
                @media (max-width: 699px) {
                    height: 50vh;
                }
                iframe{
                    width: 100% !important;
                    height: 100% !important;
                }
            }
        }
    }
}
