.mdw__container_grid-marcas {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem 0;

    @media screen and (max-width: 1023px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media screen and (max-width: 767px) {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .mdw__item_marca {
        border-right: solid 1px var( --e-global-color-text );
        
        &:nth-child(4n), &:last-child {
            border-right: none;
        }

        @media screen and (max-width: 1023px) {
            &:nth-child(2n) {
                border-right: none;
            }
        }

        @media screen and (max-width: 767px) {
            border-right: none;
            border-bottom: solid 1px var( --e-global-color-text );

            &:last-child {
                border-bottom: solid 1px var( --e-global-color-text );
            }
        }
    }

    .mdw__item_marca-continer {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 19px;

        @media screen and (max-width: 767px) {
            flex-direction: row-reverse;
            padding: 20px 0;
            gap: 15px;
        }

        .mdw__content_marca-logo {
            height: 197px;
            background-color: #F4F4F4;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            position: relative;

            @media screen and (max-width: 767px) {
                height: 85px;
                min-width: 45%;
            }
            
            .mdw__logo_marca {
                filter: contrast(0);
                mix-blend-mode: difference;
                width: 80%;

            }
            
            &:hover {
                .mdw__logo_marca {
                    filter: contrast(1);
                    mix-blend-mode: normal;
                }
            }

            .mdw__item_redirection {
                inset: 0;
                position: absolute;
            }
        }

        .mdw__content_marca {
            display: flex;
            flex-direction: column;
            gap: 20px;

            @media screen and (max-width: 767px) {
                gap: 8px;
            }
            
            .mdw__marca_name {
                margin: 0;
                font-family: "GT Walsheim", Sans-serif;
                font-size: 19px;
                color: var( --e-global-color-text );
                text-transform: uppercase;
                
                @media screen and (max-width: 767px) {
                    font-size: 15px;
                }
            } 
            
            .mdw__marca_description {
                margin: 0;
                font-family: "Fabrikat Mono", Sans-serif;
                font-size: 15px;
                color: var( --e-global-color-text );
                text-transform: uppercase;
                
                @media screen and (max-width: 767px) {
                    font-size: 10px;
                }
            }
        }
    }
}