/* ======================================
   CARROSSEL DE OBRAS
   UNIVERSO MONDEL
====================================== */


/* SEÇÃO */

.secao-obras {

    padding: 40px 50px;
    background: #000;

}



.secao-obras h2 {

    margin-bottom: 25px;

}


.secao-obras h2 a {

    color: #d8b35a;
    text-decoration: none;
    font-size: 28px;

}



/* ÁREA DO CARROSSEL */

.carrossel-container {

    position: relative;
    display: flex;
    align-items: center;

}



.lista-obras {

    display: flex;

    gap: 20px;

    overflow-x: auto;

    scroll-behavior: smooth;

    width: 100%;

    padding: 20px 50px;


}


/* esconder barra */

.lista-obras::-webkit-scrollbar {

    display:none;

}



/* CARD */

.card-obra {

    min-width:170px;

    transition:0.4s;

}



.card-obra img {

    width:170px;

    height:250px;

    object-fit:cover;

    border-radius:5px;

    display:block;

}



/* EFEITO AO PASSAR O MOUSE */

.card-obra:hover {

    transform:scale(1.15);

    z-index:5;

}



/* TITULO */

.titulo-obra {

    margin-top:10px;

    color:#ccc;

    width:170px;

    font-size:14px;

}



/* BOTÕES */

.btn-carrossel {


    position:absolute;

    z-index:10;


    width:50px;

    height:80px;


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


    border:1px solid #d8b35a;


    color:#d8b35a;


    font-size:40px;


    cursor:pointer;


}



.btn-carrossel:hover {


    background:#d8b35a;

    color:#000;


}


.esquerda {

    left:0;

}


.direita {

    right:0;

}