/*********************************************************/
/*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: 600; text-transform: uppercase; }
.menu li a:hover { color: var(--cor_2);}

/* SUBMENU */
.submenu { display: none; position: absolute; top: 100%; left: 0; background-color: var(--cor_1); border-radius: 15px; }
.submenu li { min-width: 240px; }
.submenu li a { padding: 15px; color: #fff; transition: 0.3s; }
.submenu li a:hover { color: var(--cor_2); padding-left: 20px; }

/* DESKTOP HOVER */
@media (min-width: 951px) {
  .dropdown:hover .submenu { display: block; }
}

.hamburger { display: none; flex-direction: column; cursor: pointer; position: absolute; right: 20px; }
.hamburger span { width: 25px; height: 3px; background-color: var(--cor_2); margin: 4px 0; transition: 0.3s; }

/* RESPONSIVO */
@media (max-width: 950px) {
  .menu { display: none; flex-direction: column; background-color: var(--cor_1); position: absolute; top: 60px; right: 20px; width: 90%; }
  .menu.active { display: flex; }
  .menu li { text-align: center; }
  .menu li a { padding: 15px; }
  .submenu { position: static; display: none; opacity: 0; transition: 0.3s; }
  .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; }
}