/* Contenedor */
.inari-categorias-wrapper{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top: 50px
}

/* Grid */
.inari-categorias-menu{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:28px;
    width:100%;
    max-width:1200px;
}

/* Tarjeta */
.inari-categoria-card{

    width:136px;
    min-width:136px;
    height:117px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    text-decoration:none;
    color:inherit;

    border:1.5px solid #ef6b96;
    border-radius:22px;

    background:#fff;

    transition:border-color .2s;
}

.inari-categoria-card:hover{
    border-color:#d4878d;
}

/* Imagen */
.inari-categoria-imagen{

    width:42px;
    height:42px;

    margin-bottom:12px;
}

.inari-categoria-imagen .inari-categoria-icono{

    width:100%;
    height:100%;
    object-fit:contain;

    display:block;
}

/* Título */
.inari-categoria-card span{

    margin:0 10px;

    font-size:1rem;
    font-weight:700;
    line-height:1.15;
}

.inari-subcategory-nav{

    display:flex;
    flex-wrap:wrap;
    gap:12px;

    margin:24px 0 36px;

}

.inari-subcategory-pill{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 18px;

    border-radius:999px;

    background:#d86c97;

    color:#fff;
    text-decoration:none;

    font-size:.95rem;
    font-weight:600;

    transition:.2s;

}

.inari-subcategory-pill:hover{

    background:#bf4f7d;
    color:#fff;

}

.inari-subcategory-pill.is-active{

    background:#9b2d59;

}

@media (max-width:768px){

    .inari-categorias-wrapper{

        justify-content:flex-start;

        overflow-x:auto;
        overflow-y:hidden;

        -webkit-overflow-scrolling:touch;

        padding-bottom:8px;
    }

    .inari-categorias-menu{

        flex-wrap:nowrap;
        justify-content:flex-start;

        width:max-content;

        padding:0 16px;

        gap:16px;
    }

    .inari-categorias-wrapper::-webkit-scrollbar{
        height:6px;
    }

    .inari-categorias-wrapper::-webkit-scrollbar-thumb{
        background:#d4878d;
        border-radius:999px;
    }

      .inari-subcategory-nav{
        flex-wrap:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        padding-bottom:6px;
    }

    .inari-subcategory-pill{
        flex-shrink:0;
    }

}