/* Estilo automático para a página: blog */
section.blog-destaque {
    .tabs {
        display: flex;
        /* justify-content: space-between; */
        gap: 2em;
        width: 50%;
        border-bottom: 1px solid #CAC8C7;

        .tab {
            padding: 16px 2px;
            cursor: pointer;
            color: #5A5A5A;
            text-decoration: none;
            position: relative;

            &.active {
                color: #472135;
                font-weight: 600;

                &::after {
                    content: '';
                    position: absolute;
                    bottom: -2px;
                    left: 0;
                    width: 100%;
                    height: 3px;
                    background-color: #C8AC78;
                    z-index: 2;
                }
            }
        }
    }
}

section.blog-destaque {
    .img-sobre {
        height: 40svh;
    }
}

section.blog-listagem {
    .card {
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        background-color: #FFFCF5;

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

        .date {
            display: flex;
        }

        .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: transparent;
            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;
            }
        }
    }
}