﻿    #container-gallery{margin:0;margin-bottom:4.8rem;position:relative;width:100%;}

    #gallery{position:relative;z-index:1;display:flex;flex-direction:column;gap:2.4rem}

    .video{transition:opacity .3s ease-in-out;cursor:pointer;border:none;padding:0}
    .container-cover{overflow:hidden;border-radius:1.6rem;position:relative}
    .container-cover img{transition:transform .6s ease-in-out;width:100%;height:auto;display:block;}
    .container-cover:hover img{transform:scale(1.1)}

    .video-duration{position:absolute;bottom:.8rem;right:.8rem;color:#fff;background:rgba(0,0,0,.75);font-size: 1.2rem;padding: .2rem .4rem;border-radius: .4rem;}

    .video-title-wrapper{display:flex;gap:.4rem;margin-top:.8rem;align-items:start}
    .video-title-wrapper .pappaloop-prefix-title{width:3.5rem;height:3.5rem;margin:0}
    .video-title{font-size: 2.1rem;margin:0;color: #333;font-weight: 700;font-family: var(--ff-default);margin-top: .4rem;text-align:left}

    #container-gallery .container-loader{z-index:0;bottom:auto;align-items:start;height: auto;margin-top: 4.8rem;}
    .loader--secondary-color{background: #fffff2;}

    .modal-video-iframe{max-width:100%;}

    #link-foto{max-width: 500px;margin: 0 auto 4.4rem;margin-right: 0;}


    @media(min-width:600px){
        #gallery{flex-direction:row;flex-wrap:wrap;gap:.8rem}
        .video{width:calc(50% - .4rem);}
    }

    @media(min-width:992px){
        #gallery{gap:1.6rem;}
        .video{width:calc((100% - (2 * 1.6rem)) / 3)}
    }
    @media(min-width:1920px){
        #container-gallery{margin-bottom:3.2rem}
        .video{width:calc((100% - (3 * 1.6rem)) / 4);margin-bottom:1.6rem}
    }


