@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

.overflow{background-color: rgba(0, 0, 0, 0.469);position: absolute;z-index: 998;height: 100vh;width: 100%;top: 0;display: none;}

.menu_fixed{position: fixed ;background-color: #ffffff;z-index: 1000;width: 100%;top: 0;}
.menus_container_desk{display: flex;align-items: center;justify-content: center;margin-top: 40px;margin-bottom: 40px;gap: 200px;}
.menus_container_mobile{display: none;}
.menus_container{display: flex;gap:50px;}
.menu_item{white-space: nowrap;color: #004d71;font-size: 18px;text-decoration: none;font-weight: 800;position: relative;font-family: "DM Sans", sans-serif;cursor: pointer;}
.menu_item::after {content: '';position: absolute;width: 100%;height: 2px;bottom: 0;left: 0;background-color: transparent;transition: background-color 0.3s ease;}
.menu_item:hover::after {background-color: #a1c751; /* Cor do sublinhado ao passar o mouse */}
.menu_marcas{display: flex;flex-direction: column;position: absolute;top: 100px;margin-left: 103px;text-align: left;z-index: 995;gap: 10px;background-color: white;padding: 10px;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;}
.menu_marcas a{text-decoration: none;color: #004d71;font-weight: 800;transition: 0.6s;}
.menu_marcas a:hover{color: #a1c751;}
.menus_content_mobile span{display: flex;gap: 25px;align-items: center;white-space: nowrap; }
.menu_item_mobile_arrow{width: 20px;height: 20px;transform: rotate(90deg);transition: 0.6s;}
.menu_marcas_mobile ul{display: flex;flex-direction: column;text-align: left;gap: 15px;color: white;margin-left: 25px;}
.menu_marcas_mobile ul li a{text-decoration: none;color: white;font-weight: 500;font-size: 20px;white-space: nowrap; }
.menus_container span{display: flex;gap: 20px;align-items: center;}
.menu_item_arrow{width: 12px;height: 12px;transform: rotate(90deg);transition: 0.4s;}

@media (max-width: 1366px){
    .menus_container_desk{margin-left: 100px;margin-right: 100px;gap: 160px;}
    .menus_container{gap:30px;}
    .menus_container_desk{margin-left: 100px;margin-right: 100px;gap: 50px;}
    .menu_marcas{margin-left: 80px;}}

@media (max-width: 1367px){
    .menus_container{gap:30px;}
    .menus_container_desk{margin-left: 100px;margin-right: 100px;gap: 150px;}
}

@media (max-width: 1330px) {
    .menus_container_desk{margin-left: 100px;margin-right: 100px;gap: 50px;}
    .menu_item{font-size: 18px;}
    .menus_container{gap:25px;}
}

@media (max-width: 1024px){
    .menus_nav_mobile{display: flex;align-items: center;justify-content: space-between;margin: 30px 60px 30px 60px;}
    .menus_container_mobile{display: block;}
    .menus_container_desk{display: none;}
    .menus_content_mobile{position: absolute;z-index: 999;overflow: hidden;display: flex; flex-direction: column; align-items: center;top: 0;right: 0;padding-top: 30px;background-color: #a1c751;height: 100vh;width: 0%;gap: 30px;transition: 0.6s; }
    .menu_item_mobile{color: #ffffff;font-size: 18px;text-decoration: none;font-weight: 600;position: relative;font-family: "DM Sans", sans-serif;width: 200px;}
    .menus_content_mobile img{width: 35px;color: white; margin-right: 160px;}
    .img_logo{width: 130px;}}
    .menu_marcas_mobile ul li a{font-size: 16px}

@media (max-width: 467px){.img_logo{width: 100px;}
    .menu_item_mobile{font-size: 14px;}
    
}

@media (max-width: 380px){
    .menus_nav_mobile{margin: 30px 30px 30px 30px;}
    .menu_item_mobile{font-size: 18px;}}