@import "default.css";

.mod-ma-publicacao {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto; /* Centraliza o contêiner na página */
}

.mod-ma-publicacao .ma-header {
    width: 100%; /* Mantém a largura total do cabeçalho */
    margin-bottom: 30px;
}

.mod-ma-publicacao .ma-carrossel {
    display: flex;
    flex-direction: column;
    margin: auto;
}

.mod-ma-publicacao .slick-prev,
.mod-ma-publicacao .slick-next {
    width: 35px;
    height: 35px;
}

.mod-ma-publicacao .slick-prev {
    left: -35px;
}

.mod-ma-publicacao .slick-next {
    right: -35px;
}

.slick-prev::before, .slick-next::before {
    display: none;
}

.mod-ma-publicacao .area-carrossel {
    display: flex;
    flex-direction: column;
    margin: 0 14px;
    padding: 15px;
    border: 1px solid #4D80CF;
    border-radius: 10px;
    background-color: #ffffff;
    height: 440px;
}

.mod-ma-publicacao .area-carrossel img {
    border-radius: 10px;
    margin-bottom: 15px;
    width: 270px;
    height: 330px;
    object-fit: cover;
    object-position: top left;
}

.mod-ma-publicacao .area-carrossel a,
.mod-ma-publicacao .area-carrossel a:hover {
    color: #171c66;
}

.mod-ma-publicacao .area-carrossel h4 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 48px;
}

@media screen and (max-width: 992px) {
    .mod-ma-publicacao .area-carrossel {
        height: auto;
    }

    .mod-ma-publicacao .area-carrossel img {
        width: 100%;
        height: 181px !important;
    }

    .mod-ma-publicacao .slick-prev,
    .mod-ma-publicacao .slick-next {
        width: 30px;
        height: 30px;
    }

    .mod-ma-publicacao .slick-prev {
        left: -20px;
    }

    .mod-ma-publicacao .slick-next {
        right: -20px;
    }
}