/* carrusel */

.arrow-top-container,
.arrow-container{
    display:none;
}

.arrow-left,
.arrow-right{
    cursor: pointer;
}
.arrow-left{
    transform: rotate(180deg);
    margin-right: 85px;
}

.scrolling-wrapper .card img{
    max-height: 60vh;
    max-height: 420px;
}

.scrolling-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    
    }
    .scrolling-wrapper::-webkit-scrollbar {
        display: none;
    }
    .scrolling-wrapper .card {
        flex: 0 0 auto;
        margin-right: 10px;
        position: relative;
        color: #F6F5EC;
        
        
    }
    
    .scrolling-wrapper .card img{
        border-radius: 5px;
        width: auto;
        max-width: 100%;
    }
    
    .scrolling-wrapper .card p{
        position: absolute;
        bottom: var(--mobile-margin);
        left: var(--mobile-margin);
        right: var(--mobile-margin);
        padding-left: 0;
        padding-bottom: 0;
        z-index: 2;
    }
    
    /* carrousel */
    .carrusel-horizontal{
        padding: var(--mobile-margin) 0; 

    }

    .carrusel-horizontal.black{
        background: #1F1C14;
        color: #FAE4C5;
    }

    .carrusel-horizontal .subtitle{
        margin-top: 10px;
    }

    .carrusel-horizontal .title{
        line-height: 100%;
        margin-top: 10px;
        margin-bottom: 30px;
        font-size: 33px;
    }

    .carrusel-horizontal p,
    .carrusel-horizontal h4{
        padding-left: var(--mobile-margin);
        padding-right: var(--mobile-margin);
    }

    
    
    .carrusel-horizontal .title-container{
        margin-bottom: var(--mobile-margin);
        width: 85%;
    }
    
    .carrusel-horizontal .card:first-child img{
        /* margin-left: var(--mobile-margin); */
    }

    .carrusel-horizontal .button{
        margin-top: 20px;
    }

.carrusel-horizontal-container{
    position: relative;
    
}

.carrusel-horizontal-container .carrousel-sello{
    position: absolute;
    right: 0;
    top: -15px;
}

@media (min-width: 768px){

    .carrusel-horizontal .title{
        line-height: 85%;
        
        font-size: 38px;
    }


    .page--1.gallery-2-rows a{
        transform: translateX(-1400px);
    }

    .page--1.gallery-2-rows a.card--7,
    .page--1.gallery-2-rows a.card--8{
        left: 0;
        right: auto;
        transform: translateX(0%);
    }

    .page--1.gallery-2-rows a.card--8{
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
    .gallery-2-rows a.card--7{
        position: absolute;
        right: -40px;
        transform: translateX(100%);
        top: 0;
        
    }

    .page--1.gallery-2-rows a{
    }

    .gallery-2-rows a.card--8{
        position: absolute;
        right: -40px;
        transform: translateX(100%);
    }

    .gallery-2-rows .arrow-top-container{
        top: 54px;
    }

    .cols-3 .scrolling-wrapper .card{
        width: calc(33.33% - 30px);
    }

    .cols-4 .scrolling-wrapper .card{
        width: calc(25% - 30px);
    }
    .carrusel-horizontal-container{
        max-width: var(--desktop-wrapper-width);
        margin-left: auto;
        margin-right: auto;

        padding-bottom: 70px !important;
        padding-top: 35px !important;
    }
    .carrusel-horizontal-container .carrousel-sello{
        position: static;
    }

    .carrusel-horizontal-container .button{
        margin-top: 50px;
    }

    .carrusel-horizontal h4{
        font-size: 38px;
        margin-bottom: 20px;
    }

    .carrusel-horizontal .subtitle{
        font-size: 20px;
        margin-bottom: 30px;
    }

    .scrolling-wrapper{
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .gallery-2-rows  .scrolling-wrapper,
    .square-card-desktop .scrolling-wrapper{
        justify-content: space-between;
    }

    .scrolling-wrapper{
        justify-content: flex-start;
    }

    .scrolling-wrapper .card{
        
        overflow: hidden;
        border-radius: 5px;
        width: calc(25% - 10px);
        margin:0;
        margin-bottom: 40px;
    }

    .gallery-2-rows .scrolling-wrapper .card{
        height: auto;
    }

    
    .scrolling-wrapper .card img{
        /* transform: translateY(-50%); */
    }

    .carrusel-horizontal-container .margin-wrapper{
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    .carrusel-horizontal-container .image-icon{
        position: absolute;
        right: 0;
        width: 150px;
        height: 150px;
    }

    .carrusel-horizontal-container .content-title{
        position: relative;
        z-index: 9;
    }

    .action-container{
        position: relative;
        margin: auto !important;
    }

    .big-carrousel .arrow-container{
        display:block;
        position: absolute; 
        right: 0;
        top: 70px;
    }
    
    .big-carrousel .arrow-container.arrow-bottom-white{
        top: -10px;
    }

    .big-carrousel .carrusel-horizontal-container {
        width: auto;
        max-width: initial;
    }

    .arrow-top .arrow-top-container{
        display: block;
    }

    .arrow-top-container{
        position: absolute;
        right: 0;
        top: 40px;
    }

    .carrusel-horizontal-container {
        position: relative;
    }

    

    .carrusel-horizontal p,
    .carrusel-horizontal h4{
        padding-left: 0;
        padding-right: 0;
    }

    .scrolling-wrapper .card:first-child{
        padding-left: 0;
    }
}

@media all and (min-width: 768px) and (max-width:1300px) {
    .landing .big-carrousel .arrow-container ,
    .big-carrousel .arrow-container {
        right: 70px;
    }
}

@media all and (max-width: 768px){
    
    .landing .arrow-top-container,
    .landing .arrow-container{
        display:none !important;
    }
}