/* ===== Navbar Responsivo ===== */
header.site-header{position:fixed;top:0;left:0;right:0;z-index:60;transition:all .3s ease}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:14px 20px}
.brand{display:flex;align-items:center;gap:10px}
.sinpro-logo{height:42px;width:auto;display:block}
.links a{margin-left:14px;padding:10px 14px;border-radius:12px;color:#fff;opacity:.95;transition:all .3s ease}
.links a:hover{opacity:1;transform:translateY(-1px)}
.links .btn{background:#fff;color:#B1001A;box-shadow:0 8px 20px rgba(177,0,26,.3)}
header.site-header.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.06)}
header.site-header.scrolled .links a{color:#111}
.menu-toggle{display:none;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:10px 12px;color:#fff;font-size:20px;cursor:pointer;transition:all .35s ease;backdrop-filter:blur(6px);z-index:150}
.menu-toggle:hover{background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.15));transform:scale(1.08)}
header.site-header.scrolled .menu-toggle{background:rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.15);color:#B1001A}
header.site-header.scrolled .menu-toggle:hover{background:rgba(0,0,0,.15);color:#FF4141;transform:scale(1.1)}
@media (max-width:980px){.links{display:none}.menu-toggle{display:block}}
.mobile-menu{position:fixed;top:70px;left:0;right:0;height:calc(100vh - 70px);display:flex;justify-content:center;background:rgba(0,0,0,.65);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .45s ease;z-index:140}
.mobile-menu.active{opacity:1;visibility:visible;transform:translateY(0)}
.menu-content{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px 28px;display:flex;flex-direction:column;gap:14px;margin-top:20px;width:85%;max-width:320px;box-shadow:0 8px 32px rgba(0,0,0,.35)}
.menu-content a{color:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:18px;text-decoration:none;padding:12px 0;border-radius:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}
.menu-content a:hover{background:rgba(255,255,255,.18);transform:scale(1.05)}
@media(max-width:480px){.mobile-menu{top:64px;height:calc(100vh - 64px)}.menu-content{width:92%;max-width:340px;padding:22px;gap:12px}}