#masCategorias>div:nth-child(n+5) {
    display: none;
}

#masCategorias.mostrar-todo>div {
    display: block;
}

.dropdown-menu {
    --bs-dropdown-link-hover-bg: #20b5f5;

}

.offcanvas {
    height: 100vh;
}

.offcanvas-body {
    overflow-y: auto;
    height: calc(100vh - 80px);
    /* ajusta si tu header cambia */

    scrollbar-width: none;
    -ms-overflow-style: none;
}

/* Ocultar scrollbar */
.offcanvas-body::-webkit-scrollbar {
    display: none;
}

.offcanvas .dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100%;
}

@media(min-width: 992px) {
     .menu-productos {
        position: absolute;
        column-count: 5;
        max-width: 980px;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-height: 75vh;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;

        li a {
            font-size: 0.74em;
        }
    
    }

    .contenido-producto {
        position: static;

    }
    .menu-productos::-webkit-scrollbar {
    display: none;
}
}

@media(min-width: 1200px) {
    .menu-productos {
        column-count: 5;
        max-width: 1190px;
        position: absolute;
         left: 0;
        right: 0;
        margin: 0 auto;
        max-height: 70vh;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;


        li a {
            font-size: 0.87em;
            
        }
    }
}

@media(min-width: 1400px) {
    .menu-productos {
        position: absolute;
        column-count: 5;
        max-width: 1600px;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-height: 75vh;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;

        li a {
            font-size: 0.74em;
        }
    
    }

    .contenido-producto {
        position: static;

    }
    .menu-productos::-webkit-scrollbar {
    display: none;
}
}