/*======================================================
MOMENTOS
======================================================*/

.pg-home-momentos{

    padding:140px 0;

    background:#202020;

}

.pg-home-momentos .container{

    max-width:1450px;

}

.pg-home-momentos .pg-header{

    text-align:center;

    margin-bottom:70px;

}

.pg-home-momentos .pg-header span{

    color:#D4AF37;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:12px;

}

.pg-home-momentos .pg-header h2{

    margin:18px 0;

    color:#FFF;

    font-family:'Cinzel',serif;

    font-size:54px;

}

.pg-home-momentos .pg-header p{

    color:#BDBDBD;

}



.pg-linha{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:22px;

    margin-bottom:22px;

}



.pg-centro{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;


    margin:40px auto;

}



.pg-momento{

    position:relative;

    display:block;

    overflow:hidden;

    border-radius:22px;

    height:280px;

    background:#222;

}



.pg-grande{

    height:430px;

}



.pg-momento img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.8s;

}



.pg-hover{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.55);

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    opacity:0;

    transition:.35s;

}



.pg-hover h3{

    color:#FFF;

    font-family:'Cinzel',serif;

    font-size:28px;

    margin-bottom:18px;

    transform:translateY(20px);

    transition:.35s;

}



.pg-hover span{

    color:#D4AF37;

    font-weight:600;

    transform:translateY(20px);

    transition:.45s;

}



.pg-momento:hover img{

    transform:scale(1.12);

}



.pg-momento:hover .pg-hover{

    opacity:1;

}



.pg-momento:hover h3,

.pg-momento:hover span{

    transform:none;

}



.pg-footer{

    text-align:center;

    margin-top:70px;

}



.pg-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 42px;

    border-radius:40px;

    background:#D4AF37;

    color:#111;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}



.pg-btn:hover{

    background:#FFF;

}



@media(max-width:991px){

    .pg-linha{

        grid-template-columns:repeat(2,1fr);

    }

    .pg-centro{

        width:100%;

    }

}
.pg-slide{

    transition:opacity .8s ease;

}


@media(max-width:768px){

    .pg-linha{

        grid-template-columns:1fr;

    }

    .pg-centro{

        grid-template-columns:1fr;

    }

    .pg-grande{

        height:320px;

    }

}