@media (max-width: 1240px) {
    main {
        flex-direction: column-reverse;

        picture {
            width: 530px;
        }
    }
}

@media(max-width: 768px) {
    .overlay.ativo{
        position: fixed;
        width: 100dvw;
        height: 100dvh;
        opacity: 0.75;
        left: 0;
        top: 0;
        background: #151515;
    }

    .header {
        position: relative;

        .menu-principal,
        .login-register-desktop {
            display: none;
        }

        .menu-principal>li:nth-last-child(n+1):nth-last-child(-n+2) {
            display: inline-block;
            width: 100%;

            button {
                width: 100%;
            }
        }

        #menu-hamburger {
            cursor: pointer;
            display: inline-block;
            width: 40px;
        }

        .menu-principal.ativo {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            position: absolute;
            right: 0;
            top: 0;
            background-color: #fff;
            width: 240px;
            padding: 25px;
            min-height: 100dvh;
            border-bottom-left-radius: 15px;

            & > li {
                margin-bottom: 35px;
            }

            & > li:nth-last-child(n+1):nth-last-child(-n+2) {
                margin-bottom: 15px;
            }
        }

        .menu-principal.ativo #menu-close {
            display: inline-block;
            max-width: 30px;
            align-self: flex-end;
            cursor: pointer;
            margin-bottom: 35px;
        }

        .menu-principal.ativo .menu-dropdown {
            display: none;
        }

        .menu-principal.ativo li.ativo .menu-dropdown {
            position: static;
            gap: 5px;
            padding: 0;
            margin-left: 15px;
            border-radius: 0;
            box-shadow: none;

            li {
                margin-top: 10px;
            }
        }
    }


    main {

        picture,
        .info {
            max-width: 450px;
        }
    }
}

@media (max-width: 430px) {
    main {
        padding: 0;
        gap: 48px;
        margin-bottom: 20px;
    }

    main .info {
        max-width: 100%;
        padding: 16px;
        text-align: center;
    }

    main .info .title {
        font-family: Epilogue;
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 42px;
        letter-spacing: -0.5px;
        max-width: 343px;
        padding: 10px;
        text-align: center;
        margin-bottom: 16px;
        margin-inline: auto;
    }

    main .info .product-description {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        max-width: 343px;
        margin-bottom: 24px;
        margin-inline: auto;
    }

    main .info button.learn-more {
        align-self: center;
        max-width: 100%;
        margin: 20px 0 100px;
    }

    main .info .logos {
        gap: 28px;
    }

    main .info .logos img {
        width: 100%;
    }

    main picture {
        max-width: 100%;
    }
}