.top_del_mes {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    margin-bottom: 0.4vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #2F2F2F;
    background-image: url("https://64.media.tumblr.com/13af42bd84c0be17e470080151ec90da/b8b7707e3a7ac472-03/s540x810/d37bac0ac0a35f315415d36b5e2e6863e1cd252d.gif");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.loMasTop {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #00000071;
    background-attachment: fixed;
    background-size: cover;
}
.carousel__miniaturas {
    width: 100%;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.carousel__miniaturas__div {
    display: flex;
}

.carousel__miniaturas__item {
    flex: 0 0 auto;
    width: 100%;
    scroll-snap-align: start;
}

.carousel__miniaturas__img {
    width: 100%;
    display: block;
}
body {
    margin: 0;
}
main {
    margin: 0;
    margin-top: 9%;
    margin-bottom: 20%;
}
@media (min-width: 700px){ 
    main {
        margin: 0;
        margin-top: 5%;
        margin-left: 6vw;
        margin-bottom: 5%;
    }

    .top_del_mes {
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        margin-bottom: 0.4vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .top_del_mes__h2 {
        font-size: 10vw;
        margin: 0;
        padding: 0;
        text-transform: capitalize;
        font-weight: bold;
        color: #fff;
        margin: 0;
        padding: 0;
    }
    /* miniaturas para todas las imagenes */
    
    /* .miniaturas__peliculas__imagen {
        border-radius: 8px;
        width: 100%;
        height: auto;
        box-shadow: 0 0 30px #000;
    }
    .miniaturas {
        display: grid;
        grid-template-columns: 
            repeat(
                auto-fit,
                minmax(150px, 1fr)
            );
        gap: 32px;
    } */
    
    .carousel__miniaturas {
        width: 100%;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }
    
    .carousel__miniaturas__div {
        display: flex;
    }
    
    .carousel__miniaturas__item {
        flex: 0 0 auto;
        width: 100%;
        scroll-snap-align: start;
    }
    
    .carousel__miniaturas__img {
        width: 100%;
        display: block;
    }
}