/* Estilo automático para a página: blog */
section.blog-listagem {
    .card {
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

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

        .texto {
            h3 {
                font-size: 20px;
                font-weight: 500;
            }

            p {
                color: #5A5A5A;
                font-weight: 400;
            }
        }

        .card-thumb {
            span {
                color: #FFFCF5;
                position: absolute;
                padding: 8px 22px;
                border-radius: 6px;
                background-color: #472135;
                top: 4%;
                right: 6%;
            }
        }

        a.cta {
            width: 100%;
            background-color: #FFF;
            border: 1px solid #C8AC78;
            color: #472135;
            text-align: center;
            transition: 0.3s all ease-in-out;

            &:hover {
                background-color: #33142A;
                border: 1px solid #33142A;
                color: #FFFCF5;
            }
        }
    }
}