.navbar {
    position: fixed; top: 0; left: 0; width: 100%; height: 90px;
    z-index: 1000; padding: 0 5%;
    display: flex; align-items: center; justify-content: space-between;
    
    /* MODIFICADO: Transparencia al 85% y desenfoque tipo cristal */
    background: color-mix(in srgb, var(--bg-color) 85%, transparent);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    border-bottom: 1px solid rgba(128,128,128,0.2);
    transition: background-color 0.4s;
}
.nav-logo { display: flex; align-items: center; text-decoration: none; color: var(--text-color); }
.nav-logo img { height: 40px; }
.nav-right-container { display: flex; align-items: center; gap: 20px; }
.nav-menu { display: flex; align-items: center; gap: 25px; }
.nav-link { 
    text-decoration: none; color: var(--text-color); 
    font-weight: 500; font-size: 14px; text-transform: uppercase; 
    transition: 0.3s; 
}
.nav-link:hover { color: var(--primary-color); }
.user-btn { background: none; border: none; color: var(--text-color); cursor: pointer; display: flex; align-items: center;}

/* Theme Switcher */
.theme-switch-container { position: relative; width: 60px; height: 30px; }
.theme-checkbox { opacity: 0; position: absolute; }
.theme-switch-label { 
    background-color: #111; border-radius: 50px; cursor: pointer; 
    display: flex; align-items: center; justify-content: space-between; 
    padding: 5px; position: relative; height: 100%; width: 100%; 
}
.switch-ball { 
    background-color: #fff; border-radius: 50%; height: 22px; width: 22px; 
    position: absolute; left: 4px; transition: transform 0.3s linear; 
}
.theme-checkbox:checked + .theme-switch-label .switch-ball { transform: translateX(30px); }
.sun-icon, .moon-icon { font-size: 12px; color: #f1c40f; z-index: 1;}

/* Hamburger */
.hamburger-trigger { 
    display: none; background: none; border: none; 
    width: 30px; height: 24px; cursor: pointer; 
    flex-direction: column; justify-content: space-between; z-index: 1100;
}
.burger-line { display: block; width: 100%; height: 2px; background-color: var(--text-color); transition: 0.4s; }

@media (max-width: 992px) {
    .hamburger-trigger { display: flex; }
    .nav-menu { 
        position: fixed; top: 90px; right: -100%; width: 100%; height: calc(100vh - 90px); 
        background-color: var(--bg-color); flex-direction: column; justify-content: center;
        transition: 0.4s ease-in-out;
    }
    .nav-menu.active { right: 0; }
    .hamburger-trigger.open .line-1 { transform: rotate(45deg) translate(8px, 8px); }
    .hamburger-trigger.open .line-2 { opacity: 0; }
    .hamburger-trigger.open .line-3 { transform: rotate(-45deg) translate(7px, -7px); }
}