.navbar{width:100%;z-index:var(--z-nav);transition:var(--transition);background:0 0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);padding:15px 40px;box-shadow:0 4px 30px #00000080}.logo{letter-spacing:-.5px;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;display:flex}.logo img{width:auto;height:65px}.logo span{color:var(--text-muted);letter-spacing:0;font-size:.8rem;font-weight:400;display:block}.navbar .nav-links{gap:32px;font-size:.9rem;font-weight:500;display:flex}.navbar .nav-links li a{color:var(--text-muted);transition:var(--transition);padding:5px 0}.navbar .nav-links li a:hover,.navbar .nav-links li.active a{color:var(--text-main)}.navbar .nav-links li.active a{border-bottom:2px solid var(--df-red)}.navbar .nav-actions{align-items:center;gap:24px;font-size:.9rem;display:flex}.navbar .nav-actions a{color:var(--text-main);transition:var(--transition);align-items:center;gap:8px;display:flex}.navbar .nav-actions a:hover{color:var(--df-red)}.mobile-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.mobile-overlay{z-index:1999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.mobile-overlay.active{display:block}.mobile-menu{background:var(--bg-surface);z-index:2000;width:85%;max-width:350px;height:100vh;transition:var(--transition);flex-direction:column;gap:24px;padding:80px 24px 24px;display:flex;position:fixed;top:0;left:-100%;overflow-y:auto;box-shadow:20px 0 50px #000c}.mobile-menu.active{left:0}.mobile-menu .nav-links{flex-direction:column;gap:20px;font-size:1.1rem;display:flex}.mobile-menu .nav-links li a{color:var(--text-muted);transition:var(--transition)}.mobile-menu .nav-links li a:hover,.mobile-menu .nav-links li.active a{color:var(--text-main)}.mobile-menu .nav-links li.active a{color:var(--df-red);border-bottom:none}.close-menu{color:var(--text-main);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:1.5rem;position:absolute;top:20px;right:24px}.close-menu:hover{color:var(--df-red);transform:rotate(90deg)}.pre-footer{border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);background:linear-gradient(90deg,#101520f2,#101520b3),url(https://swytek.s3.us-east-1.amazonaws.com/clientes/dongfeng/footer-bg.jpg) 50%/cover no-repeat;margin-top:80px;padding:60px 24px}.pre-footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.pre-footer-text h3{margin-bottom:8px;font-size:1.5rem}.pre-footer-text p{color:var(--text-muted);max-width:500px;margin:0;font-size:.95rem}.newsletter-form{gap:12px;width:100%;max-width:450px;display:flex}.site-footer{background-color:var(--bg-body);padding:60px 0 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px;display:grid}.footer-brand p{color:var(--text-muted);max-width:280px;margin-top:16px;font-size:.9rem}.footer-links h4{margin-bottom:24px;font-size:1rem;font-weight:600}.footer-links ul{flex-direction:column;gap:16px;display:flex}.footer-links a{color:var(--text-muted);font-size:.9rem}.footer-links a:hover{color:var(--text-main)}.social-icons{gap:12px;display:flex}.social-icon{background:var(--bg-glass-light);width:36px;height:36px;color:var(--text-main);transition:var(--transition);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.social-icon:hover{background:var(--df-red);border-color:var(--df-red);transform:translateY(-3px)}.footer-bottom{border-top:1px solid var(--border-glass);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:30px;font-size:.8rem;display:flex}@media (width<=991px){.navbar .nav-links,.navbar .nav-actions{display:none!important}.mobile-toggle{display:block!important}.navbar{padding:15px 24px}.footer-grid{grid-template-columns:1fr;gap:32px}}
