/*********************************************************/
/*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; margin: 0 10px;}
.menu li a {display: block; padding-bottom: 5px; color: #222; text-decoration: none; transition: background-color 0.3s, color 0.3s; font-size: 1em; font-weight: 400; }
.menu li a:hover {color: var(--cor_1); font-weight: 700; border-bottom: 3px solid var(--cor_1);}
.menu li i {padding-right: 5px;}
.menu .current {color: var(--cor_2);}
/*DROPDOWN */
.submenu {display: none; position: absolute; top: 100%; left: 0; background-color: #fff; list-style: none;}
.submenu li {min-width: 420px; margin: 0; font-size: 0.8em; font-weight: 200; border-bottom: 1px solid var(--cor_4);}
.submenu li a {padding: 5px; color: #222;}
.submenu li a:hover {border-radius: 0; background-color: var(--cor_1); color: #fff !important; border: 1px solid var(--cor_1); }
.dropdown:hover .submenu {display: block;}
/* HAMBURGER */
.hamburger {display: none; flex-direction: column; cursor: pointer;}
.hamburger span {width: 25px; height: 3px; background-color: var(--cor_1); margin: 4px 0; transition: all 0.3s ease;}
/*RESPONSIVO*/
@media (max-width: 1280px) {
  .menu li { margin: 0 8px;}
  .menu li a {font-size: 0.9em;}
}
@media (max-width: 1156px) {
  .menu li { margin: 0 5px;}
  .menu li a {font-size: 0.7em;}
}
@media (max-width: 950px) {
  .menu {display: none; flex-direction: column; background-color: var(--cor_1); position: absolute; top: 70px; right: 20px; width: 60%;}
  .menu li {text-align: center; margin: 0;}
  .menu li a:hover {border-radius: 0; color: #fff; border-bottom: 1px solid #fff; background-color: var(--cor_2); }
  .menu li a {padding: 15px; color: #fff;  border-bottom: 1px solid #fff; font-size: 1em;}
  .menu li .submenu {position: static; background-color: var(--cor_1);}
  .hamburger {display: flex; position: absolute; right: 140px;}
  .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: 768px) {
  .menu {width: 90%;}
}
@media (max-width: 480px) {
   .hamburger {right: 100px;}
   .menu li a {font-size: 0.7em;}
   .submenu li {min-width: 300px;}
}