.mdc-list-item {
        font-family: "Lato", sans-serif;
        color: #334862;
        padding: 4px 8px;
        transition: background-color 0.2s;
        cursor: pointer;
    }
    .mdc-list-item:hover {
        background-color: #f7f7f7;
    }
    .mdc-list-item--with-one-line {
        font-size: 14px;
        border-bottom: 1px solid #eaeaea;
        white-space: normal;
        word-wrap: break-word;
        margin: 0;
    }

    /* Primer nivel */
    nav.mdc-list > .mdc-list-item {
        font-size: 16px;
        border-bottom: 1px solid #eaeaea;
        font-weight: 400;
    }
    /* 
       QUITAR el borde inferior cuando 
       un ítem de PRIMER NIVEL esté activo 
    */
    nav.mdc-list > .mdc-list-item.active-category {
        border-bottom: none !important;
    }

    /* Segundo nivel */
    .subcategories {
        padding-left: 4px;
        border-left: 1px solid #ddd;
        margin-left: 8px;
    }
    .subcategories .mdc-list-item--with-one-line {
        font-size: 14px;
        border-bottom: none;
        padding-left: 8px;
        margin-left: 0;
    }

    /* Tercer nivel */
    .sub-subcategories {
        padding-left: 4px;
        border-left: 1px solid #ddd;
        margin-left: 8px;
    }
    .sub-subcategories .mdc-list-item--with-one-line {
        font-size: 14px;
        border-bottom: none;
        padding-left: 8px;
        margin-left: 0;
    }

    /* Resaltar categoría activa (por defecto en negrita) */
    .active-category .mdc-list-item__text,
    .active-category .mdc-list-item__text a {
        font-weight: 400;
        color: #000 !important;
    }