#main {
    margin-left: 300px;
    padding: 2rem;
    min-height: 100vh;
    transition: margin-left .7s cubic-bezier(0.22, 1, 0.36, 1);

    // Responsividade do layout principal
    @media screen and (min-width: 1400px) {
        margin-left: 300px;
        padding: 2rem;
    }

    @media screen and (min-width: 1200px) and (max-width: 1399px) {
        margin-left: 280px;
        padding: 1.5rem;
    }

    @media screen and (min-width: 992px) and (max-width: 1199px) {
        margin-left: 260px;
        padding: 1.5rem;
    }

    @media screen and (min-width: 768px) and (max-width: 991px) {
        margin-left: 0;
        padding: 1rem;
    }

    @media screen and (max-width: 767px) {
        margin-left: 0;
        padding: 1rem 0.5rem;
    }

    &.layout-navbar {
        padding: 0;
        transition: margin-left .7s cubic-bezier(0.22, 1, 0.36, 1);

        @media screen and (max-width: 767px) {
            padding: 0;
        }
    }
    &.layout-horizontal {
        padding: 0;
        margin: 0;
    }
    #main-content {
        padding: 2rem;

        @media screen and (max-width: 1199px) {
            padding: 1.5rem;
        }

        @media screen and (max-width: 767px) {
            padding: 1rem;
        }
    }
}
#main, #main-content {
    display: flex;
    flex-direction: column;
}
#main-content {
    flex-grow: 1;
}
.page-heading {
    margin: 0 0 2rem;

    @media screen and (max-width: 1199px) {
        margin: 0 0 1.5rem;
    }

    @media screen and (max-width: 767px) {
        margin: 0 0 1rem;
    }

    h3 {
        font-weight: bold;

        @media screen and (max-width: 1199px) {
            font-size: 1.5rem;
        }

        @media screen and (max-width: 767px) {
            font-size: 1.3rem;
        }
    }
}
.page-title-headings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;

    @media screen and (max-width: 767px) {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    h3 {
        margin-bottom: 0;
        margin-right: 1rem;

        @media screen and (max-width: 767px) {
            margin-right: 0;
            font-size: 1.2rem;
        }
    }
    .breadcrumb {
        margin-bottom: 0;

        @media screen and (max-width: 767px) {
            font-size: 0.85rem;
        }
    }
}
a {
    text-decoration: none;
}
