header {
    background-color: #ffffff;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px 10px 30px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

header>img {
    width: 75px;
}

nav {
    display: none;
}

header button {
    font-size: 24px;
    background: none;
    border: none;
}

header button:hover {
    cursor: pointer;
}

hr {
    display: none;
}

header>div {
    display: none;
}


/*Escritorio a partir de 1280px*/
@media (min-width: 1280px) {
    header {
        flex-direction: column;
        padding: 10px 0px 10px 0px;
    }

    header>div,
    hr {
        display: block;
    }

    #toggle-btn {
        display: none;
    }

    #curva,
    #altLogo {
        display: block;
    }

    nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    nav ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }

    nav li {
        list-style: none;
    }

    nav li a {
        text-decoration: none;
        color: inherit;
    }

    nav li a img {
        width: 20px;
    }

    img {
        width: 175px;
    }

    header>img {
        display: none;
    }

    .has-submenu {
        position: relative;
    }

    .has-submenu .submenu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: white;
        list-style: none;
        padding: 0;
        margin: 0;
        border: 1px solid #ccc;
        z-index: 1000;
        min-width: 150px;
    }

    .has-submenu .submenu li {
        padding: 10px;
        white-space: nowrap;
    }

    .has-submenu .submenu li a {
        text-decoration: none;
        color: #333;
    }

    .has-submenu:hover .submenu {
        display: block;
    }
}