/*********************************************************/
/*CSS MODE - MRPSTUDIO 2026
/*********************************************************/
/*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: 0.3s; font-size: 1em; font-weight: 500; text-transform: uppercase; }
.menu li a:hover { color: var(--cor_1); }
.menu .current { color: var(--cor_1); }
/* SUBMENU */
.submenu { display: none; position: absolute; top: 100%; left: 0; background-color: rgba(255, 255, 255, 0.9); border-radius: 10px; }
.submenu li { min-width: 240px; height: 40px; }
.submenu li a { padding: 15px; color: var(--cor_2); transition: 0.3s; font-size: 0.8em !important; }
.submenu li a:hover { color: var(--cor_2); padding-left: 20px; }

/* DESKTOP HOVER */
@media (max-width: 1152px) {
  .menu li a {padding: 10px;  font-size: 0.8em;}
  .submenu li {height: 30px; }
  .submenu li a { padding: 10px; font-size: 0.7em !important; }
}
@media (min-width: 951px) {
  .dropdown:hover .submenu { display: block; }
}

/* HAMBURGER */
.hamburger { display: none; flex-direction: column; cursor: pointer; position: absolute; right: 30px; top: 20px; }
.hamburger span { width: 25px; height: 3px; background-color: #fff; margin: 4px 0; transition: 0.3s; }

/* RESPONSIVO */
@media (max-width: 950px) {
.menu { display: none; flex-direction: column; background-color: var(--cor_2); position: absolute; top: 60px; right: 20px; width: 90%; }
.menu.active { display: flex; }
.menu li { text-align: center; }
.menu li a { padding: 15px; }
.menu li a:hover {background-color: var(--cor_1); color: var(--cor_2);}
.submenu { position: static; display: none; opacity: 0; transition: 0.3s; padding-bottom: 15px;}
.dropdown.active .submenu { display: block; opacity: 1; }
.dropdown > a { display: flex; justify-content: center; align-items: center; }
.dropdown > a::after { content: "▼"; font-size: 10px; margin-left: 8px; }
.hamburger { display: flex; }
}