/*MENU FULL SCREEN PERSONALIZADO*/

/* HAMBURGER */
.hamburger-full { display: flex; flex-direction: column; cursor: pointer; border: 2px solid var(--cor_1); padding: 10px; border-radius: 5px; z-index: 10001; width: 50px; height: 50px; justify-content: center; align-items: center; }
.hamburger-full span {width: 25px; height: 3px; background-color: var(--cor_1); margin: 3px 0; transition: all 0.3s ease;}
.hamburger-full:hover { background-color: var(--cor_1); }
.hamburger-full:hover span { background-color: #fff; }
.menu-hidden { display: none !important; }

/* FULL SCREEN MENU */
.fullscreen-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fff; z-index: 10002; transform: translateY(-100%); transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s, visibility 0.6s; display: flex; flex-direction: column; opacity: 0; visibility: hidden; }
.fullscreen-menu.active { transform: translateY(0); opacity: 1; visibility: visible; }

.menu-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 50px; }
.menu-logo img { height: 90px; width: auto; }
.menu-close { font-size: 2rem; cursor: pointer; color: var(--cor_1); transition: color 0.3s; }
.menu-close:hover { color: var(--cor_2); }
.menu-content { display: flex; justify-content: center; align-items: flex-start; padding-top: 10%; height: 100%; }
.menu-column { margin: 0 100px; text-align: left; }
.menu-column h3 { font-size: 1rem; color: var(--cor_2); margin-bottom: 20px; font-weight: 300; border-bottom: 2px solid var(--cor_1); padding-bottom: 10px; display: inline-block; }
.menu-column ul li { margin-bottom: 15px; }
.menu-column ul li a { text-decoration: none; color: var(--cor_1); font-size: 1.2rem; transition: color 0.3s; font-weight: 400; }
.menu-column ul li a:hover { color: var(--cor_2); }

@media (max-width: 1024px) {
    .menu-column { margin: 0 60px; }
}

@media (max-width: 950px) {
.menu-content { flex-direction: column; align-items: center; overflow-y: auto; justify-content: flex-start; padding-top: 3%; }
.menu-column { margin: 10px 0; text-align: center; width: 100%; }
.menu-header { padding: 15px 20px; }
.menu-logo img {width: 160px; height: auto;}

.menu-column h3 { font-size: 1em; margin-bottom: 10px; }
.menu-column ul li { margin-bottom: 15px !important; }
.menu-column ul li a { font-size: 1em;}

}