*{
    color: white;
}
.title-baquet-blanca{
    text-align: center;
    font-family: "Montserrat", sans-serif;
    border: 1px solid black;
    background-color: #523432;
}

.head-baquet-blanca{
    background-color: #41242A;
}
.sub-baquet-blanca{
    padding: 1vw 0vw 0vw 1.5vw;
}
.circle-position{
    background-color: gray;
    color: white;
    opacity: 80%;
    z-index:  9800;
    position: absolute;
}
.slid{
    padding: 2vw 0vw 2vw 0vw;
}

.slider-container-b{
    transition: all 0.5s ease-in-out;
}
.slider-baquet-blanca{
    display: flex;
    overflow: hidden;
    border: 1px solid black;
}
.text-b{
    border-left: 1px solid black;
}


.slider-container-b{
    display: flex;
}
#arrowr{
    text-align: right;
}
#arrowl{
    text-align: left;
}

.arrowb:hover{
    cursor: pointer; 
}


@media screen and (max-width: 829px) {
    main {
        padding-top: 70px;
    }
    .slid{
        text-align: center;
        justify-content: center;
    }
    .slid{
        display: flex;
    }
    .slider-baquet-blanca{
        width: 100%;
        height: 75vw;
    }

    .slider-container-b img{ 
        height: 100%;
        width: 100%;
    }
    .video{
        height: 100%;
        width: 100%;
    }
    .slider-container-b {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden; 
        -webkit-overflow-scrolling: touch; 
        display: flex; 
        scroll-snap-type: x mandatory; 
        scroll-behavior: smooth;
        height: 75vw;
    }
    
    .image-b{
        flex: 0 0 100%; 
        scroll-snap-align: start; 
        height: 75vw;
    }
    .arrowb{
        display: none;
        position: relative;
        font-size: 7vw;
        top: 45%;
        margin: 10px;
    }
    .circle-position{
        margin: 5vw 0px 0px 82vw;
        padding: 10px;
        border-radius: 100px;
    }
}
@media screen and (min-width: 829px) and (max-width:1449px) {
    .slid{
        text-align: center;
        justify-content: center;
    }
    .slid{
        display: flex;
    }
    .slider-baquet-blanca{
        width: 70.62068965517241vw;
        height: 52.96551724137931vw;
    }
    .video{
        width:70.62068965517241vw;
        height: 52.96551724137931vw;
    }

    .slider-container-b{
        width: 70.62068965517241vw;
        height: 52.96551724137931vw;
    }
    .slider-container-b img{
        width: 70.62078965517242vw;
        height: 52.96551724137931vw;
    }

    .arrowb{
        position: relative;
        font-size: 2.5vw;
        top: 45%;
        margin: 7px;
    }
    .circle-position{
        margin: 4.13vw 0px 0px 79.31vw;
        padding: .68vw;
        border-radius: 6.8vw;
    }
}
@media screen and (min-width: 1450px) {
    .slid{
        display: flex;
        text-align: center;
        justify-content: center;
    }

    .sub-baquet-blanca p{
        font-size: 20px;
    }   
    .slider-baquet-blanca{
        justify-content: center;
        text-align: center;
        width: 1024px;
        height: 768px;
    }

    .slider-baquet-blanca img {
        width: 1024px;
        height: 768px;
    }
    .slider-container-b{
        width: 1024px;
        height: 768px;
    }  

    .flechas-b{
        width: 52.9655px;
    }
    .arrowb{
        position: relative;
        font-size: 35px;
        top: 45%;
    }
    .circle-position{
        margin: 60px 0px 0px 1150px;
        padding: 10px;
        border-radius: 100px;
    }

}