/* CSS para as media queries */
/* ================================== */
/* DESKTOP - Configuração base */
/* ================================== */

.menu__lista--nav--lista--item--link:focus {
    outline: 2px solid var(--amarelo-criativo);
    outline-offset: 4px;
    border-radius: 4px;
}

.menu__fechar:focus {
    outline: 2px solid var(--amarelo-criativo);
    outline-offset: 2px;
    border-radius: 50%;
}

.icone-social-branco-menu:focus {
    outline: 2px solid var(--amarelo-criativo);
    outline-offset: 2px;
    border-radius: 4px;
}

@media screen and (min-width:1440px) and (max-width:1679px){
#menu{transition:transform 2.5s cubic-bezier(0.165,0.84,0.44,1)}
#menu.open{transition:transform 1.5s cubic-bezier(0.165,0.84,0.44,1)}
#menu::after{right:12%!important}
.menu__lista--nav--lista--item--link{font-size:4.5rem;margin-left:0!important;top:1rem!important;margin-top:.3rem;margin-bottom:.2rem}
.menu__top{padding:1rem 2rem 0 2rem}
.menu__fechar{width:40px;height:40px;right:1.5rem;top:1.5rem}
.menu__fechar svg{width:24px;height:24px}
.menu__lista{padding:1.5rem 0 0 1.5rem;margin-top:6rem!important}
.menu__linha-horizontal{padding:2rem 0 0 2rem!important;margin-top:4rem;margin-bottom:4rem}
#menu .menu__logo{top:5rem!important;left:2rem!important}
.menu__logo svg{width:140px}
.icone-social-branco-menu{font-size:1.2rem!important}
.icones-sociais-branco-menu{position:relative;left:1.9rem!important}
.icone-social-branco-menu:not(:last-child)::after{margin-left:18px;margin-right:-27px}
}

@media screen and (min-width:1280px) and (max-width:1600px){
#menu{transition:transform 2.5s cubic-bezier(0.165,0.84,0.44,1)}
#menu.open{transition:transform 1.5s cubic-bezier(0.165,0.84,0.44,1)}
#menu::after{right:12%!important}
.menu__lista--nav--lista--item--link{font-size:5rem!important;margin-left:-.5rem!important;top:1rem!important;margin-top:.3rem;margin-bottom:.2rem}
.menu__top{padding:1.2rem 2.5rem 0 2.5rem}
.menu__fechar{width:45px;height:45px;right:3.5rem;top:1.8rem}
.menu__fechar svg{width:26px;height:26px}
.menu__lista{padding:2rem 0 0 2rem;margin-top:4.5rem!important}
.menu__linha-horizontal{padding:2.5rem 0 0 2.5rem!important;margin-top:2.5rem;margin-bottom:5rem}
#menu .menu__logo{top:4.5rem!important;left:1.8rem!important}
.menu__logo svg{width:130px}
.icone-social-branco-menu{font-size:1.2rem!important}
.icones-sociais-branco-menu{position:relative;left:1.3rem!important}
.icone-social-branco-menu:not(:last-child)::after{margin-left:18px;margin-right:-27px}
}
    
@media screen and (min-width:1025px) and (max-width:1366px){
#menu{transition:transform 2.5s cubic-bezier(0.165,0.84,0.44,1)}
#menu.open{transition:transform 1.5s cubic-bezier(0.165,0.84,0.44,1)}
#menu::after{right:12%!important}
.menu__lista--nav--lista--item--link{font-size:4rem!important;margin-left:-.5rem!important;top:1rem!important;margin-top:.3rem;margin-bottom:.2rem}
.menu__top{padding:1.2rem 2.5rem 0 2.5rem}
.menu__fechar{width:45px;height:45px;right:3.5rem;top:1.8rem}
.menu__fechar svg{width:26px;height:26px}
.menu__lista{padding:2rem 0 0 2rem;margin-top:4.5rem!important}
.menu__linha-horizontal{padding:2.5rem 0 0 2.5rem!important;margin-top:2.5rem;margin-bottom:5rem}
#menu .menu__logo{top:4.5rem!important;left:1.8rem!important}
.menu__logo svg{width:130px}
.icone-social-branco-menu{font-size:1.2rem!important}
.icones-sociais-branco-menu{position:relative;left:1.3rem!important}
.icone-social-branco-menu:not(:last-child)::after{margin-left:18px;margin-right:-27px}
}

@media screen and (min-width:768px) and (max-width:1024px){
#menu{transition:transform 2.5s cubic-bezier(0.165,0.84,0.44,1)}
#menu.open{transition:transform 1.5s cubic-bezier(0.165,0.84,0.44,1)}
#menu::after{right:12%!important}
.menu__lista--nav--lista--item--link{font-size:6.5rem;margin-left:0!important;top:1rem!important;margin-top:.3rem;margin-bottom:.2rem}
.menu__top{padding:1rem 2rem 0 2rem}
.menu__fechar{width:40px;height:40px;right:1.5rem;top:1.5rem}
.menu__fechar svg{width:24px;height:24px}
.menu__lista{padding:1.5rem 0 0 1.5rem;margin-top:6rem!important}
.menu__linha-horizontal{padding:2rem 0 0 2rem!important;margin-top:4rem;margin-bottom:4rem}
#menu .menu__logo{top:5rem!important;left:2rem!important}
.menu__logo svg{width:140px}
.icone-social-branco-menu{font-size:1.2rem!important}
.icones-sociais-branco-menu{position:relative;left:1.9rem!important}
.icone-social-branco-menu:not(:last-child)::after{margin-left:18px;margin-right:-27px}
}


@media screen and (max-width:767px){
#menu{transition:transform 2.5s cubic-bezier(0.165,0.84,0.44,1)}
#menu.open{transition:transform 1.5s cubic-bezier(0.165,0.84,0.44,1)}
#menu::after{right:10%}
.menu__lista--nav--lista--item--link{font-size:2.9rem!important;margin-left:-1rem!important;top:1rem!important;margin-top:.3rem;margin-bottom:.2rem}
.menu__top{padding:1rem 2rem 0 2rem}
.menu__fechar{width:30px;height:30px;right:1rem;top:1.5rem}
.menu__lista{padding:1.5rem 0 0 1.5rem;margin-top:6rem!important}
.menu__linha-horizontal{padding:2rem 0 0 2rem!important;margin-top:4rem;margin-bottom:4rem}
#menu .menu__logo{top:5rem!important;left:1.5rem!important}
.menu__logo svg{width:120px}
.icones-sociais-branco-menu{position:relative;left:-1.2rem!important}
.icone-social-branco-menu:not(:last-child)::after{margin-left:10px;margin-right:-23px}
#menu.open .menu__lista--nav--lista--item:nth-of-type(1){transition-delay:.3s}
#menu.open .menu__lista--nav--lista--item:nth-of-type(2){transition-delay:.5s}
#menu.open .menu__lista--nav--lista--item:nth-of-type(3){transition-delay:.7s}
#menu.open .menu__lista--nav--lista--item:nth-of-type(4){transition-delay:.9s}
#menu.open .menu__lista--nav--lista--item:nth-of-type(5){transition-delay:1.1s}
}
    
@media screen and (max-width:480px){
.menu__lista--nav--lista--item--link{font-size:3.2rem;margin-left:-.5rem!important;top:.8rem!important}
.menu__top{padding:.8rem 1.5rem 0 1.5rem}
.menu__fechar{width:25px;height:25px;right:.7rem;top:1rem}
.menu__lista{padding:1.5rem 0 0 1.5rem}
.menu__linha-horizontal{padding:1.5rem 0 0 1.5rem!important;margin-top:3.5rem;margin-bottom:3rem}
#menu .menu__logo{top:4rem!important;left:1rem!important}
.menu__logo svg{width:100px}
.icones-sociais-branco-menu{font-size:.3rem;gap:.1rem;margin-left:.2rem!important}
.icone-social-branco-menu{font-size:.6rem}
}
    


@media screen and (max-width:767px) and (orientation:landscape){
.menu__lista--nav--lista--item--link{font-size:2.2rem;margin-top:.2rem;margin-bottom:.1rem}
.menu__top{padding:.5rem 2rem 0 2rem}
.menu__lista{padding:1rem 0 0 2rem}
.menu__linha-horizontal{padding:1.5rem 0 0 1.5rem!important;margin-top:3.5rem;margin-bottom:3rem}
.menu__logo{top:1rem!important}
.menu__logo svg{width:70px}
}
    

@media screen and (max-width: 767px) {
    .menu__lista--nav--lista--item--link {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    }
    
    .icone-social-branco-menu {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    }
}

@media (prefers-reduced-motion:reduce){
#menu,#menu.open,.menu__lista--nav--lista--item,#menu.open .menu__lista--nav--lista--item,.menu__linha-horizontal,#menu.open .menu__linha-horizontal,.icones-sociais-branco-menu,#menu.open .icones-sociais-branco-menu,.menu__logo,#menu.open .menu__logo,.menu__fechar,#menu.open .menu__fechar,.menu__lista--nav--lista--item--link::after,.menu__lista--nav--lista--item--link::before,.menu__fechar svg,.menu__fechar:hover svg,.menu__logo svg,.menu__logo svg:hover path{transition:none!important;animation:none!important}
}