.container-novidades {
    max-width: 75rem;
    padding-top: 1rem;
    padding-bottom: 3rem;

    .lista-novidades {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
        margin-top: 1rem;

        @media (max-width: 768px) {
            grid-template-columns: 1fr;
        }

        .card-novidade {
            background: var(--cor-branca-pura);
            border: 1px solid var(--cor-cinza-medio);
            border-radius: 0.75rem;
            overflow: hidden;
            box-shadow: 0 0.125rem 0.5rem var(--cor-sombra-suave);
            transition: box-shadow 0.2s ease, transform 0.2s ease;

            &:hover {
                box-shadow: 0 0.375rem 1.125rem var(--cor-roxa-sombra);
                transform: translateY(-0.125rem);
            }

            .midia-novidade {
                width: 100%;
                background-color: var(--cor-cinza-claro);
                aspect-ratio: 16 / 9;
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;

                & img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

                &.midia-video iframe {
                    width: 100%;
                    height: 100%;
                    border: 0;
                }
            }

            .conteudo-novidade {
                padding: 1.25rem 1.5rem;

                .titulo-novidade {
                    font-size: 1.375rem;
                    font-weight: 600;
                    color: var(--cor-roxa);
                    margin: 0 0 0.5rem 0;

                    @media (max-width: 576px) {
                        font-size: 1.25rem;
                    }
                }

                .data-novidade {
                    display: block;
                    font-size: 0.875rem;
                    color: var(--cor-cinza);
                    margin: 0 0 0.75rem 0;

                    & i {
                        margin-right: 0.375rem;
                    }
                }

                .descricao-novidade {
                    display: block;
                    color: var(--cor-preta);
                    font-size: 1rem;
                    line-height: 1.55;
                    white-space: pre-wrap;
                }
            }
        }
    }

    .sem-novidades {
        text-align: center;
        margin-top: 3rem;
        padding: 3rem 1rem;

        .icone-sem-novidades {
            color: var(--cor-roxa);
            margin-bottom: 1rem;
        }

        .mensagem-sem-novidades {
            display: block;
        }
    }
}