.header-default {
    background-color: var(--color-primary);
    height: 60px;

    .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;

        /* LOGO */
        .logo {
            color: var(--color-light);
            text-decoration: none;
        }

        /* NAV MENU */
        .main-nav {

            ul {
                display: flex;
                list-style: none;
                gap: var(--space-m);

                a {
                    text-decoration: none;
                    color: var(--color-light-dark);
                }

                .active {
                    color: var(--color-light);
                }

                ul {
                    display: none;
                }
            }
        }
    }
}