/* ==================================================
                    TABLET
================================================== */

@media (max-width:992px){

    .banner-edicoes{

    height:220px;

    align-items:center;

}

.banner-texto{

    padding-top:20px;

}


    

    .eventos-grid{

        grid-template-columns:1fr;

    }

    .eventos-imagem img{

        height:420px;

    }

    .eventos-texto{

        margin-left:0;

        margin-top:-40px;

        padding:55px;

        width:90%;

        margin-inline:auto;

    }

}


/* ==================================================
                    MOBILE
================================================== */

@media (max-width:768px){

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


.banner-edicoes{

    height:250px;

    background-size:220%;

    background-position:center -50%;


}

.banner-edicoes::before{

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

}

.banner-texto span{

    font-size:10px;

    letter-spacing:3px;

    margin-bottom:10px;

}

.banner-texto h1{

    font-size:42px;

    line-height:1.1;

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

.eventos{

    padding:60px 0;

}

.eventos-grid{

    display:flex;

    flex-direction:column;

    gap:0;

    margin-bottom:50px;

}

.eventos-imagem{

    width:100%;

}

.eventos-imagem img{

    width:100%;

    height:260px;

    object-fit:cover;

    object-position:center;

}

.eventos-texto{

    width:100%;

    margin:0;

    padding:35px 25px;

    background:#F7F4ED;

    box-shadow:none;

}

.eventos-texto h3{

    font-size:13px;

    letter-spacing:3px;

    margin-bottom:15px;

}

.eventos-texto h2{

    font-size:36px;

    line-height:1.1;

    margin-bottom:22px;

}

.eventos-texto p{

    font-size:15px;

    line-height:1.9;

    margin-bottom:18px;

}

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

.eventos-vazio{

    padding:60px 0;

}

.evento-placeholder{

    padding:40px 25px;

}

.evento-placeholder span{

    font-size:11px;

    letter-spacing:4px;

}

.evento-placeholder h2{

    font-size:38px;

    line-height:1.1;

    margin-bottom:18px;

}

.evento-placeholder p{

    font-size:15px;

    line-height:1.8;

    margin-bottom:25px;

}

.evento-placeholder a{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    height:52px;

    padding:0;

}

}