/* ==========================================
                BANNER
========================================== */

.banner-edicoes{

    position:relative;

    height:430px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background-image:url("../assets/Fotos/Edições/Banner edições.webp");

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center 0%;

}

.banner-edicoes::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(0,0,0,.88) 0%,
        rgba(0,0,0,.65) 45%,
        rgba(90,58,28,.35) 100%
    );

}

.banner-texto{

    position:relative;

    z-index:2;

}

.banner-texto span{

    display:block;

    margin-bottom:18px;

    color:#B89661;

    font-size:14px;

    letter-spacing:5px;

}

.banner-texto h1{

    font-family:"Parode",serif;

    font-size:82px;

    font-weight:300;

    color:#fff;

}/* ==================================================
                    EVENTOS
================================================== */

.eventos{

    padding:90px 0;

    position:relative;

    overflow:hidden;
    background:#fff;
}

.eventos::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../assets/Fotos/Global/Pattern.webp") center/cover no-repeat;

    opacity:.08;

    z-index:0;

}

.eventos .container{

    position:relative;

    z-index:2;

    max-width:1400px;

    margin:auto;

}

.eventos-grid{

    display:grid;

    grid-template-columns:58% 42%;

    align-items:center;

    margin-bottom:70px;

}

.eventos-imagem img{

    width:100%;

    height:720px;

    object-fit:cover;

    display:block;

}

.eventos-texto{

    background:#F1EEE3;

    padding:75px 70px;

    margin-left:-120px;

    position:relative;

    z-index:5;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.eventos-texto h2{

    font-family:"Parode",serif;

    font-size:60px;

    font-weight:400;

    line-height:1.1;

    color:#55504B;

    margin-bottom:40px;

}

.eventos-texto h3{

    font-family:"Montserrat",sans-serif;

    font-size:17px;

    font-weight:600;

    letter-spacing:3px;

    color:#55504B;

    text-transform:uppercase;

    margin-bottom:35px;

}

.eventos-texto p{

    font-family:"Montserrat",sans-serif;

    font-size:18px;

    line-height:1.8;

    color:#777;

    margin-bottom:28px;

}/* ==================================================
                EM BREVE
================================================== */

.eventos-vazio{

    padding:90px 0 110px;
    background:#fff;
}

.evento-placeholder{

    max-width:900px;

    margin:auto;

    padding:80px 70px;

    text-align:center;

    background:#F8F5EC;

    border:1px solid #E7E0D4;

}

.evento-placeholder span{

    display:block;

    margin-bottom:20px;

    font-family:"Montserrat",sans-serif;

    font-size:13px;

    font-weight:600;

    letter-spacing:5px;

    color:#B89661;

}

.evento-placeholder h2{

    font-family:"Parode",serif;

    font-size:72px;

    font-weight:400;

    color:#55504B;

    margin-bottom:30px;

}

.evento-placeholder p{

    max-width:620px;

    margin:0 auto 40px;

    font-family:"Montserrat",sans-serif;

    font-size:18px;

    line-height:1.8;

    color:#777;

}

.evento-placeholder a{

    display:inline-block;

    padding:16px 34px;

    background:#B89661;

    color:#fff;

    text-decoration:none;

    font-family:"Montserrat",sans-serif;

    font-size:14px;

    letter-spacing:2px;

    text-transform:uppercase;

    transition:.3s;

}

.evento-placeholder a:hover{

    background:#55504B;

}


/* ===========================
        RESPONSIVO
=========================== */

@media(max-width:768px){

    .evento-placeholder{

        padding:50px 30px;

    }

    .evento-placeholder h2{

        font-size:52px;

    }

    .evento-placeholder p{

        font-size:16px;

    }

}
/* ==================================================
                EVENTOS DA EDIÇÃO
==================================================

.eventos-edicao{

    padding:90px 0 100px;
    background:#fff;
}

.eventos-header{

    text-align:center;

    margin-bottom:60px;

}

.eventos-header span{

    display:block;

    margin-bottom:15px;

    font-family:"Montserrat",sans-serif;

    font-size:13px;

    font-weight:600;

    letter-spacing:5px;

    color:#B89661;

}

.eventos-header h2{

    font-family:"Parode",serif;

    font-size:64px;

    font-weight:400;

    color:#55504B;

}


/* ==================================================
                    SLIDER
================================================== 

.eventos-slider{

    position:relative;

    overflow:visible;

    padding:0 55px;

}


.eventos-track{

    display:flex;

    gap:28px;

    transition:transform .8s ease;

}


/* ==================================================
                    CARD
================================================== 

.evento-card{

    flex:0 0 calc((100% - 56px) / 3);

    display:block;

    text-decoration:none;

}

.evento-card img{

    width:100%;

    aspect-ratio:4 / 5;

    object-fit:cover;

    display:block;

    border-radius:8px;

    box-shadow:0 6px 18px rgba(0,0,0,.06);

    transition:.35s;

}

.evento-card:hover img{

    transform:translateY(-8px);

    box-shadow:0 6px 18px rgba(0,0,0,.06);

}


.evento-btn:hover{

    background:#B89661;

    color:#fff;

}

.evento-btn.prev{

    left:5px;

}

.evento-btn.next{

    right:5px;

}


/* ==================================================
                RESPONSIVO
================================================== 

@media(max-width:1100px){

    .evento-card{

        flex:0 0 calc((100% - 28px) / 2);

    }

}

@media(max-width:768px){

    .eventos-edicao{

        padding:70px 0;

    }

    .eventos-header h2{

        font-size:48px;

    }

    .evento-card{

        flex:0 0 100%;

    }

    .evento-btn{

        display:none;

    }

}*/