/*=============================
        CATEGORÍAS
=============================*/

.categorias{

    padding:90px 0;

    background:#fafafa;

}

.categorias-header{

    text-align:center;

    margin-bottom:55px;

}

.categorias-tag{

    display:inline-block;

    color:#EF4D3D;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:12px;

}

.categorias-header h2{

    font-size:44px;

    font-weight:800;

    color:#1d1d1d;

}

.categorias-header h2 span{

    color:#EF4D3D;

}

.categorias-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:28px;

}

.categoria-card{

    position:relative;

    display:block;

    overflow:hidden;

    border-radius:24px;

    height:420px;

    text-decoration:none;

    color:#fff;

}

.categoria-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.categoria-overlay{

    position:absolute;
    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.55),
        rgba(0,0,0,.08)
    );

    transition:.4s;

}

.categoria-content{

    position:absolute;

    left:35px;

    right:35px;

    bottom:35px;

    z-index:2;

}

.categoria-content h3{

    font-size:28px;

    font-weight:800;

    line-height:1.15;

    margin-bottom:16px;

}

.categoria-content p{

    font-size:15px;

    line-height:1.6;

    color:rgba(255,255,255,.88);

}

.categoria-card:hover img{

    transform:scale(1.08);

}

.categoria-card:hover .categoria-overlay{

    background:linear-gradient(
        to top,
        rgba(0,0,0,.62),
        rgba(0,0,0,.12)
    );

}

@media(max-width:991px){

    .categorias-grid{

        grid-template-columns:1fr;

    }

    .categoria-card{

        height:340px;

    }

}

@media(max-width:768px){

    .categorias{

        padding:70px 0;

    }

    .categorias-header h2{

        font-size:32px;

    }

    .categoria-card{

        height:300px;

        border-radius:18px;

    }

    .categoria-content{

        left:24px;
        right:24px;
        bottom:24px;

    }

    .categoria-content h3{

        font-size:22px;

    }

    .categoria-content p{

        font-size:14px;

        line-height:1.5;

    }

}
.categoria-card,
.categoria-card:hover,
.categoria-card:visited{

    color:#fff;
    text-decoration:none;

}

.categoria-card:hover h3,
.categoria-card:hover p,
.categoria-card:hover .categoria-label{

    color:#fff;

}