/***************
pasa componente Inicio > categorias 
***************************************************/

.bs-categories{
    justify-content:center;
    padding-top:2rem;
    padding-bottom:1rem;
}
.bs-categories__category{
    margin-bottom:1rem;
    position:relative;
    text-align:center;
}

.bs-img-square img.bs-categories__img {
    width: 80%;
}

.bs-categories__svg{
    width:100%;
    height:auto;
    opacity:0;
    fill: var(--primary-color);
    position:absolute;
    right:0;
    left:0;
    top: 50%;
    transform: translateY(-50%);
    z-index:900;
}
.bs-categories .bs-img-square picture{
    padding:2rem;
}
.bs-categories__title {
    color: var(--body-txt-default-color);
    font-size: 1.2rem;
    margin-top: -17px;
}
.bs-categories__category .bs-categories__svg,
.bs-categories__category .bs-categories__title,
.bs-categories__category:hover .bs-categories__svg,
.bs-categories__category:hover .bs-categories__title{
    transition: var(--transition);
}
.bs-categories__category:hover .bs-categories__svg{opacity:1;}
.bs-categories__category:hover .bs-categories__title{color: var(--primary-color);}