.container-do-site {


    .osBotoes-destaque {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 50px;
        margin-bottom: 30px;

        input {
            color: #2b2856;
            border: 2px solid #ff8f4d;
            background: white;
            padding: 7px 12px;
            font-size: 1.5rem;
            border-radius: 15px;
            font-weight: bold;
        }

        input.selecionado {
            color: white;
            background: #2b2856;
        }
    }

    .destaques-home.col-md-3 {
        width: 22%;
        margin: 1.5%;

        .imagem-dest {
            padding: 13px;
            width: 95%;
            background: #2b2856;
            border-radius: 12px;

            img {
                width: 112%;
                height: auto;
            }
        }

        .anima-link {
            display: flex;
            justify-content: space-between;
            /* flex-wrap: wrap; */
            flex-direction: column-reverse;
        }

        .texto-dest h3 {
            font-size: 1.5rem;
            color: #2b2856;
            font-weight: 600;
            transition: color 0.5s ease;
            min-height: 70px;


        }

        p.categoria-not {
            color: #2b2856;
            font-weight: bold;
            /* border: 2px solid; */
            /* padding: 5px 7px; */
            /* border-radius: 9px; */
            transition: color 0.5s ease;
        }

    }

    .destaconlord {
        display: flex;
        height: auto;
        /* width: 100%; */
        flex-direction: column;


        .destaques {
            width: 100%;
        }
    }
}


div#fx1-noticias .moduletable>h3 {
    text-align: end;
    font-size: 7rem;
    color: #ff8f4d;
    font-weight: 600;
    margin-right: 2%;
}

/* animações */

/* Estilização geral dos cards */
.destaques-home {
    position: relative;
    overflow: hidden;
    /* Garante que o pseudo-elemento não "vaze" do card */
    border-radius: 10px;
    cursor: pointer;
    background: linear-gradient(to right, #2b2856 50%, transparent 50%);
    background-size: 200% 200%;
    /* Faz o gradiente ser duas vezes maior que o card */
    background-position: 100% 0%;
    /* Posição inicial (cor branca visível) */
    transition: background-position 0.5s ease;
    /* Transição suave */
    margin-left: -2px;
    padding: 0px 25px 0 15px;

}


/* Efeito ao passar o mouse */
.destaques-home:hover {
    background-position: left bottom;
    /* Cor #2b2856 entra da esquerda */

    .texto-dest h3,
    p.categoria-not {
        color: white !important;
        transition: color 0.5s ease;
    }

    .anima-link a {
        color: white;
        font-weight: bold;
        border: #ff8f4d 2px solid;
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        padding: 5px;
        border-radius: 11px;
        height: 30px;
        background: #ff8f4d;
        width: auto;
        transition: width 0.5s ease;
    }
}

.anima-link a {
    width: 1px;
    overflow: hidden;
    transition: width 0.5s ease;
    height: 30px;
    margin-bottom: 10px;
    color: transparent;
}

a#linkvejamaisnot {
    color: white;
    padding: 10px 10px;
    background: #ff8f4d;
    text-decoration: none;
    border-radius: 10px;
}


.col-md-12.vejamaislinknoticia {
    display: flex;
    justify-content: center;
}