/* ******************************************** */
/** Components GALLERY
/* ******************************************** */

.c-gallery{
    direction: ltr !important;
}

.c-gallery--bg{
    background-color: var(--color-secondary);
}

.c-gallery__image{
    aspect-ratio: 16/10;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.c-gallery--square .c-gallery__image{
    aspect-ratio: 1/1;
}

.c-gallery .tns-controls button{
    left: 4px;
}

.c-gallery .tns-controls button[data-controls="next"]{
    right: 4px;
    left: auto;
}

.c-caption{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgb(var(--color-secondary-rgb)/60%);
    color: var(--color-lightest);
    font-size: 1.3rem;
    text-align: center;
    padding: 1.2em;
}


.c-caption__title{
    display: block;
    font-size: 1.2em;
}


/* ********************** MOBILE LANDSCAPE ********************** */

@media (orientation: landscape) and (min-width: 500px) and (max-width: 767px) {

    .c-gallery .tns-controls[style*="display"] ~ .tns-ovh{
        padding-inline-start: var(--space-x);
    }

}


/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 768px) {
    
    .c-gallery .tns-controls[style*="display"] ~ .tns-ovh{
        padding-inline-start: var(--space-x);
    }

    .c-gallery .tns-controls button{
        left: calc(var(--space-x)/2);
    }

    .c-gallery .tns-controls button[data-controls="next"]{
        right: calc(var(--space-x)/2);
    }

    .c-caption{
        font-size: 1.6rem;
        padding: 1.4em;
    }

}   


/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 980px) {

    .c-gallery__image{
        border-radius: 30px;
    }

}


/* ********************** de Desktop 2 a HD ********************** */

@media (min-width: 1400px) {

    .c-gallery__image{
        border-radius: 35px;
    }

    .c-caption{
        font-size: 1.7rem;
        padding: 1.6em;
    }



}

/* ********************** de Hd a FULL HD ********************** */

@media (min-width: 1600px) {
    
    .c-gallery.c-gallery--bg{
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .c-gallery:not(.c-gallery--bg){
        padding-inline-start: calc(50% - 800px);
    }
    
    .c-gallery .tns-controls[style*="display"] ~ .tns-ovh {
        padding-inline-start: calc(50% - 740px);
    }
    
    .c-gallery:not(.c-gallery--bg) .tns-controls[style*="display"] ~ .tns-ovh {
        padding-inline-start: calc(50% - 850px);
    }
    
    .c-caption{
        font-size: 1.9rem;
        padding: 1.8em;
    }

}


/* ********************** de Hd a FULL HD ********************** */

/*@media (min-width: 1600px) {

    .c-gallery .tns-controls button{
        left: -20px;
    }

    .c-gallery .tns-controls button[data-controls="next"]{
        right: -20px;
    }

}*/