/*********************************************************/
/*CSS MODE - MRPNET 2025
/*********************************************************/
/*MENU DO SITE*/
.navbar {display: block; align-items: center;}
.menu {display: block; list-style: none; width: 100%;}
.menu li {position: relative; letter-spacing: 2px; width: 100%;}
.menu li a {display: block; padding: 10px 20px 10px 40px; color: var(--cor_3); text-decoration: none; transition: background-color 0.3s, color 0.3s; font-size: 1em; text-transform: none;}
.menu li a:hover {background-color: var(--cor_2);  color: #fff;}
.menu li i {padding-right: 5px;}
/*DROPDOWN */
.submenu {display: none; position: absolute; top: 100%; left: 0; background-color: var(--cor_1); list-style: none;}
.submenu li {min-width: 200px; margin: 0; font-size: 0.9em;}
.submenu li a {padding: 15px;}
.submenu li a:hover {border-radius: 0;}
.dropdown:hover .submenu {display: block;}
/* HAMBURGER */
.hamburger {display: none; flex-direction: column; cursor: pointer;}
.hamburger span {width: 25px; height: 3px; background-color: var(--cor_3); margin: 4px 0; transition: all 0.3s ease;}
/*RESPONSIVO*/
@media (max-width: 950px) {
  .menu {display: none; flex-direction: column;  background-color: var(--cor_3); position: absolute; top: 70px; 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;}
  .menu li .submenu {position: static;}
  .hamburger {position: absolute; right: 20px; display: none; top: 30px;}
  .menu.active {display: flex;}
}
/*DESLIZA NA TELA*/
header.sticky {position: fixed; top: 0; left: 0;}