.container {
    margin: 2.9rem 0;
    box-sizing: border-box;
}
.container-titulo{
    margin: 2.9rem 0 0 1vw;
}
.titulo{
    border-left: 4px solid #FF3131;
    padding-left: 0.5rem;
}
.container-titulo h2 {
    margin: 0;
}

.categorias{
    margin: 2.9rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* gap: 35px 16px; */
    gap: 15px 10px;
}


.filme-categorias{
    /* width: 5.375rem; */
    width: 46%;
}
.filmes-categorias-box-img {
    height: 72%;
    position: relative;
    /* height: 7.5rem; */
    overflow: hidden;
    border: 0.5px solid #dadce02b;
    border-radius: 6px;
}

.filmes-categorias-box-img img{
    text-align: center;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}


.filmes-categorias-box-img:hover .play-box {
    visibility: visible;
    backdrop-filter: blur(2px);
    transition:  0s; 
}
.play-box{
    width: 100%;
    height: 100%;
    top: 0;
    visibility: hidden;
    background-color: #00000025;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: All 0.2s;
}
.play-box > .material-play {
    color: red;
    font-size: 1.5rem;
    transition: all .52s;
}
.play-box:hover > .material-play{
    font-size: 4.5rem;
}
.play-box > .material-play:hover{
    color: rgba(255, 0, 0, 0.76);
}
@media (max-width:281px){
    .btn-assistir{
        display: none;
    }
}
@media (max-width:331px){
    .texto-no-linha {
        width: inherit;
    }
    .filme-categorias-titulo .filme-categoria-texto{
        width: 5.375rem;
    }
}
@media (max-width:435px) {
    .filme-categorias:nth-child(15){
        display: none;
    }
}
@media (min-width:435px) {
    .filme-categorias{
        width: 116px;
    }
    .filmes-categorias-box-img {
        height: 180px;
    }
}

@media (min-width:700px) {
    /*/////////   card  //////*/
    
        .categorias {
            gap: 55px 16px;
        }
        .filme-categorias{
            width: 11.875rem;
         /* width: 10.875rem; */
        }
        .filmes-categorias-box-img{
            height: 17.800rem;
            /* height: 16.2rem; */
        }
    /*/////////   card  //////*/
}

@media (min-width:1000px) {
    .container-titulo{
        margin: 2.9rem 2.9rem 0 4.3vw;
    }
}

@media (min-width:1200px) {
    .container-titulo{
        margin: 2.9rem 2.9rem 0 7.8vw;
    }
}

@media (min-width:1300px) {
    .container-titulo{
        margin: 2.9rem 2.9rem 0 8.5vw;
    }
}