/* Estilo automático para o tipo de post: page */
.hero-section {
    overflow: hidden;
    /* padding-top: 48px; */
    position: relative;
    min-height: 50svh;
    /* padding-top: 100px; */

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        right: 0;
        filter: brightness(0.4);
    }

    .hero-content {
        position: absolute;
        top: 30%;
        width: 100%;
        /* background-color: #2C267B; */
        z-index: 2;
        pointer-events: none;

        h1,
        p {
            color: #F5F5F5;
            font-size: 20px;
        }

        a {
            pointer-events: auto;
        }

        h1 {
            font-size: 46px;
            line-height: 60px;
            font-weight: 500;
            /* margin-bottom: 16px; */
        }
    }

    /* &::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #2C267B;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 51%, rgba(0, 0, 0, 0) 100%);
        z-index: 1;
        /* clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%); */
    /* } */
}