.contenido_categoria_scroll{
    width: 100vw;
    max-width: 15em;
    margin-right: 1em;
    overflow: hidden;
    max-height: calc(100vh - 9em);
    padding-right: 1em;
    position: sticky;
    top: 6.6em;
}
.contenido_categoria_scroll:hover{
    overflow-y: auto;
}
    .contenido_categoria_total{
    }

        /* CATEGORIA */
        .contenido_categoria{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-left: 1.5em;
            padding-right: 1.5em;
            background-color: var(--color_componentes);
            border-radius: .8em;
            margin-bottom: 1em;
            cursor: pointer;
            border: 1px;
            border-style: dashed;
            border-color: transparent;
            transition: background-color .5s, border-color .5s;
        }
        .contenido_categoria:last-child{
            margin-bottom: 0 !important;
        }

        .contenido_categoria:hover{
            border-color: var(--color_principal);
        }

        .contenido_categoria.active{
            background-color: var(--color_categoria_activa) !important;
            color: white;
            border-color: white;
        }
            .contenido_categoria_titulo{
                cursor: pointer;
                font-weight: 700;
                font-size: .9em;
            }
            .contenido_categoria_imagen{
                width: 3em;
                height: 3em;
                object-fit: contain;
                cursor: pointer;
                margin: .5em 0;
            }
            .contenido_categoria_icon{
                font-size: 2.5em;
                margin-top: .5em;
                color: white;
            }

            .contenedor_productos_filtro{
                display: flex;
                flex-wrap: wrap;
                position: sticky;
                top: 5em;
                z-index: 3;
                padding: 1em 0;
                background-color: white;
                transition: background-color 1s;
            }
            #body.select_modo_noche .contenedor_productos_filtro{
                background-color: var(--fondo_noche);
                transition: background-color 1s;
            }
                    .opcion_filtro{
                        margin: .5em;
                        padding: .5em;
                        padding-left: 1.5em;
                        padding-right: 1.5em;
                        background-color: var(--color_componentes);
                        border-radius: .8em;
                        display: flex;
                        align-items: center;
                        border: 1px;
                        border-style: dashed;
                        border-color: transparent;
                        transition: background-color .5s, border-color .5s;
                        cursor: pointer;
                    }
                    
                    .opcion_filtro.contenedor_combo_box .combo_box{
                        margin-top: 2.3em;
                        min-width: max-content;
                    }
                    .opcion_filtro.contenedor_combo_box .fondo{
                        background-color: var(--color_componentes_solido);
                        border: 1px;
                        border-style: dashed;
                        border-color: var(--color_principal);
                        transition: background-color 1s;
                    }

                    #body.select_modo_noche .opcion_filtro.contenedor_combo_box .fondo{
                        background-color: var(--fondo_noche);
                        transition: background-color 1s;
                    }
                    .opcion_filtro .combo_box .contenedor .opcion:hover{
                        background-color: var(--color_principal_3);
                    }
                    .opcion_filtro .combo_box .contenedor .opcion.check{
                        background-color: var(--color_principal_2);
                    }

                    .opcion_filtro:hover{
                        border-color: var(--color_principal);
                    }
                    .opcion_filtro:nth-child(1){
                        margin-left: 0 !important;
                    }
                    .opcion_filtro:nth-last-child(){
                        margin-right: 0 !important;
                    }
                        .opcion_filtro_icon{
                            margin-right: 1em;
                        }
                        .opcion_filtro_titulo{
                            cursor: pointer;
                        }