@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --invasao-section: 3rem;
}

header, body, html {
    background: black;
}

body > header a#logo, header a.logo {
    background: url("../../tpl/img/download-empresas-horizontal-dark.svg") no-repeat center left;
    background-size: 8rem;
}

body.dark > header a#logo, .dark header a.logo {
    background: url("../../tpl/img/download-empresas-horizontal-dark.svg") no-repeat center left;
    background-size: 8rem;
}

button:hover, a.button:hover {
    background-color: #222222;
}

#menu-tema {
    display: none;
}

main {
    padding: var(--altura-header) 0 0 0;
}

header > a.button.input {
    display: none;
}

@media screen and (min-width: 768px) {
    header > a.button.input {
        display: block;
    }
}

#menu-install {
    display: none;
}

@media screen and (min-width: 1366px) {
    .largura-maxima {
        width: 1300px;
        margin: auto;
    }

    body > header {
        width: 1300px;
        margin: auto;
    }
}

h2, .dark h2 {
    font-size: 2.75rem;
    font-family: "Raleway", sans-serif;
    font-weight: normal;
    color: white;
}

h3, .dark h3 {
    font-size: 2rem;
    font-family: "Raleway", sans-serif;
    font-weight: normal;
    color: white;
}

h4, .dark h4 {
    font-size: 1.25rem;
    font-family: "Raleway", sans-serif;
    font-weight: normal;
    color: white;
}

@media screen and (min-width: 1366px) {
    h2, .dark h2 {
        font-size: 3.25rem;
    }
}

body > header > span.nome, header .buttons {
    display: none;
}

body > header menu {
    background: black;
}

header.estatico, .modal header {
    background: black;
}

body > header menu a:hover {
    background: transparent;
}

@media screen and (min-width: 1366px) {

    header.estatico {
        display: none;
    }

    body > header menu {
        top: 0;
        left: auto;
        right: auto;
        bottom: auto;
        width: 1300px;
        transition: none;
        flex-flow: row wrap;
        max-height: 0;
        transform: translateX(-12px);
        border: none;
    }

    body > header menu.aberto {
        top: calc(var(--altura-header));
        left: auto;
        right: auto;
        bottom: auto;
        max-height: 500px;
    }

    body > header menu section {
        display: flex;
        border: none;
    }

    body.dark > header menu {
        border: none;
    }

    body.dark > header menu.aberto {
        border-top: 1px solid #333333;
        border-right: none;
        border-bottom: 1px solid #333333;
    }

    body.dark > header menu section {
        border: none;
    }

    header:has(menu.aberto) button.menu {
        background-image: url("../../core/templates/gaidodev/img/close-gray.svg");
    }
}