/*********************************************************/
/*CSS MODE - MRPNET 2025
/*********************************************************/
/*MENU DO SITE*/
.navbar {display: flex; align-items: center;}
.menu {display: flex; list-style: none;}
.menu li {position: relative; letter-spacing: 1px;}
.menu li a {display: block; padding: 10px 15px; color: #fff; text-decoration: none; transition: background-color 0.3s, color 0.3s; font-size: 1.2em; letter-spacing: 2px; text-transform: none; font-weight: 800; text-transform: uppercase; font-family: var(--font_s);}
.menu li a:hover {color: var(--cor_2);} 
.menu li i {padding-right: 5px;}
/*DROPDOWN */
/* HAMBURGER */
.hamburger {display: none; flex-direction: column; cursor: pointer;}
.hamburger span {width: 25px; height: 3px; background-color: #fff; margin: 4px 0; transition: all 0.3s ease;}
/*RESPONSIVO*/
@media (max-width: 1280px) {
  .submenu {margin-left: -80px; }
  .menu li a {padding: 10px; }
}
@media (max-width: 1156px) {
  .menu li a {font-size: 0.8em;}
}
@media (max-width: 950px) {
  .menu {display: none; flex-direction: column; background-color: var(--cor_1); position: absolute; top: 80px; right: 20px; width: 60%;}
  .menu li {text-align: center; margin: 0;}
  .menu li a:hover {border-radius: 0;}
  .menu li a {padding: 15px; border-bottom: 1px solid #fff; color: #fff; font-size: 1.1em;}
  .menu li .submenu {position: static;}
  .hamburger {display: flex;}
  .menu.active {display: flex;}
  .submenu {margin-left: 0; }
  .dropdown:hover .submenu { display: none; }
  .dropdown > a { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
  .dropdown > a::after { content: "▼"; font-size: 12px; margin-left: 10px; }
  .submenu { display: none; position: static; opacity: 0; transition: opacity 0.3s ease-in-out; }
  .dropdown.active .submenu { display: block; opacity: 1; }
}
@media (max-width: 480px) {
  .menu {width: 90%;}
}