.categorias-container
{
    padding: 50px 150px;
    color: #FF2B25;
}

.title-cat-container h1
{
    text-align: center;
}

.categorias-img-container
{
    margin: 80px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 80px;
    grid-auto-rows: 1fr;
}


.link-categoria
{
    width: 100%;
    height: 100%;
    text-decoration: none;
    color:#000;
    cursor: pointer;
    transition: all .2s;
}

.link-categoria:hover
{
    color:#FF2B25;  
    box-shadow: -5px -7px 44px -10px rgba(255,43,37,0.26);
    -webkit-box-shadow: -5px -7px 44px -10px rgba(255,43,37,0.26);
    -moz-box-shadow: -5px -7px 44px -10px rgba(255,43,37,0.26);
}



.categorias{
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 7px;
    box-shadow: 0px 1px 11px 0px #0000000f;
    -webkit-box-shadow: 0px 1px 11px 0px #0000000f;
    -moz-box-shadow: 0px 1px 11px 0px #0000000f;
    transition: .2s;
}

.categorias:hover
{
    transform: scale(1.1);
}

.img-cat-container{
    position: relative;
    height: 75%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.img-cat-container .foto{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;   
    object-fit: cover; 
    border-radius: 7px; 
}
.img-cat-container .super{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50% !important;
}
.info-cat-container{
    height: 25%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


@media(max-width: 1200px)
{

    .categorias-img-container
    {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

}

@media(max-width: 992px)
{
    .categorias-container {
        padding: 50px 80px;
    }
}

@media(max-width: 768px)
{
    .categorias-container {
        padding: 50px 80px;
    }
}

@media(max-width: 576px)
{
    .categorias-img-container
    {
        grid-gap: 40px;
    }

    .categorias-container {
        padding: 50px 40px;
        padding-top: 100px;
    }
}