@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;600&display=swap');


    :root {
        --colorFontMenuMobile: #fff;
        --backgroundFundoMenuMobile: #000000eb;
    }

    .redesSociaisMenu .redeSocial {
        justify-content: center;
    }

    .menu-principal.menuPrincipalMobile {
        padding: 0px;
        list-style: none;
        text-align: center;
        text-transform: uppercase;
        overflow: auto;
        color: var(--colorFontMenuMobile);
    }

        .menu-principal.menuPrincipalMobile > li > :first-child {
            font-family: 'Montserrat', sans-serif;
            font-weight: 600 !important;
            text-transform: uppercase;
        }

        .menu-principal.menuPrincipalMobile .submenu-item.nav-link {
            font-family: 'Montserrat', sans-serif;
            font-size: 12px!important;
            font-weight: 200 !important;
            padding: 0px;
            padding-bottom: 10px;
            color:#fff;
        }

        .menu-principal.menuPrincipalMobile .nav-link {
            display: block;
            padding: 0.5rem 1rem;
            letter-spacing: 1px;
            word-spacing: 1px;
            font-size: 18px;
            line-height: 35px;
        }

    .fundoMenuMobile ul {
        padding: 0;
    }

    .menu-principal.menuPrincipalMobile .submenu {
        display: none;
    }


    .barraMenuSuperiorMobile .traducao i {
        color: var(--colorFontMenuMobile) !important;
    }

    .menuMobile {
        display: flex;
        justify-content: center;
    }

    .iconMenuTransform {
        width: 30px;
        height: 25px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

        .iconMenuTransform span {
            display: block;
            position: absolute;
            height: 5px;
            width: 100%;
            background: #ccc;
            border-radius: 9px;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
        }

            .iconMenuTransform span:nth-child(1) {
                top: 0px !important;
            }

            .iconMenuTransform span:nth-child(2) {
                top: 10px;
            }

            .iconMenuTransform span:nth-child(3) {
                top: 20px;
            }

        .iconMenuTransform._2 span:nth-child(1),
        .iconMenuTransform._2 span:nth-child(2) {
            top: 10px !important;
            background: var(--colorFontMenuMobile) !important;
        }

    .closeMenuMobile span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .closeMenuMobile span:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .borderMenuMobile {
        padding: 10px;
        border-radius: 10px;
        display: flex;
        font-size: 20px;
        gap: 10px;
        align-items: center;
        color: #fff;
    }

    .fundoMenuMobile {
        background: var(--backgroundFundoMenuMobile);
        transition: .5s;
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0px;
        top: -100vh;
        display: grid;
        grid-template-rows: 15vh 60vh 25vh;
        z-index: 99999999999;
    }

        .fundoMenuMobile .traducao {
            display: flex;
            justify-content: inherit;
            align-items: center;
            width: 100%;
            padding-left: 15px;
        }
        .fundoMenuMobile .traducao .open .menu-linguagem{
            left: 0px!important;
            right: auto!important;
            top: auto!important;
        }

        .fundoMenuMobile .redesSociaisMenu {
            padding: 10px;
            border-top: 2px solid #ffffff17;
        }

            .fundoMenuMobile .redesSociaisMenu .itenSocial a {
                width: 10vw;
                height: 10vw;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 5vw;
                border-radius: 2vw;
            }

    .barraMenuSuperiorMobile {
        display: grid;
        grid-template-columns: 50% 50%;
    }

        .barraMenuSuperiorMobile > div {
            display: flex;
            align-items: center;
            padding: 10px;
        }

    .closeMenuMobile {
        justify-content: flex-end;
    }

    .redesSociaisMenu p {
        color: #fff;
        font-size: 20px;
        text-align: center;
    }

    .openItensMenu {
        top: 0vh;
    }

    @media(min-width:1200px) {
        .menuMobile, .fundoMenuMobile {
            display: none !important;
        }
    }