:root{--bg:#06080d;--panel:#0b1018;--line:#ffffff13;--text:#f4f7fb;--muted:#8d99ab;--blue:#1e76ff;--blue-soft:#61a6ff;--gold:#f3b63b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}::selection{color:#fff;background:#1e76ff66}.app-shell{background:radial-gradient(circle at 78% 5%,#1e76ff1f,#0000 25%),#06080d;min-height:100vh;position:relative}.ambient{pointer-events:none;filter:blur(80px);opacity:.12;border-radius:50%;position:fixed}.ambient-one{background:#0869ff;width:360px;height:360px;top:-140px;right:8%}.ambient-two{background:#074eb3;width:260px;height:260px;bottom:-100px;left:20%}.sidebar{z-index:30;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a0ff0;flex-direction:column;width:272px;padding:24px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:58px;padding:0 8px 22px;display:flex}.brand img{object-fit:cover;object-position:center;border-radius:11px;width:45px;height:45px}.brand div{gap:2px;display:grid}.brand strong{letter-spacing:.08em;font-size:17px;line-height:1}.brand span{color:var(--blue-soft);letter-spacing:.22em;font-size:9px;font-weight:700}.sidebar-label{color:#5e6a7d;letter-spacing:.17em;text-transform:uppercase;margin:26px 10px 10px;font-size:10px;font-weight:800}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#8894a7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;width:100%;padding:10px 11px;transition:all .2s;display:grid}.sidebar nav button:hover{color:#dfe7f2;background:#ffffff0a}.sidebar nav button.active{color:#fff;box-shadow:inset 2px 0 var(--blue);background:linear-gradient(90deg,#1e76ff33,#1e76ff12)}.sidebar nav button.active svg{color:#59a0ff}.sidebar nav button span{font-size:13px;font-weight:600}.sidebar nav button em{color:#687488;text-align:center;background:#ffffff0a;border-radius:8px;min-width:22px;padding:3px 5px;font-size:10px;font-style:normal}.sidebar-note{color:var(--gold);background:#f3b63b0b;border:1px solid #f3b63b2e;border-radius:11px;gap:10px;margin-top:auto;padding:14px;display:flex}.sidebar-note svg{flex:none;margin-top:2px}.sidebar-note p{color:#8e98a7;margin:0;font-size:11px;line-height:1.5}.sidebar-note strong{color:#e7edf5;margin-bottom:3px;font-size:11px;display:block}.sidebar-footer{color:#596475;align-items:center;gap:7px;padding:18px 8px 0;font-size:10px;display:flex}.sidebar-footer b{color:#717d8f;margin-left:auto;font-weight:500}.status-dot{background:#31d07b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #31d07ba6}.close-menu{display:none}.content{min-height:100vh;margin-left:272px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06080dbd;align-items:center;gap:24px;height:72px;padding:0 clamp(24px,5vw,72px);display:flex;position:sticky;top:0}.search-wrap{background:#ffffff09;border:1px solid #ffffff17;border-radius:9px;align-items:center;gap:10px;width:min(580px,60vw);height:40px;padding:0 13px;transition:all .2s;display:flex}.search-wrap:focus-within{border-color:#1e76ff8c;box-shadow:0 0 0 3px #1e76ff14}.search-wrap svg{color:#637086;flex:none}.search-wrap input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:12px}.search-wrap input::placeholder{color:#5e6879}.search-wrap kbd{color:#5f6b7d;white-space:nowrap;border:1px solid #ffffff17;border-radius:5px;padding:3px 6px;font-size:9px}.search-wrap button{cursor:pointer;background:0 0;border:0;padding:2px}.official{color:#748094;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.official svg{color:#52a0ff}.menu-button,.mobile-brand{display:none}.page{width:min(1120px,100% - 72px);margin:0 auto;padding:58px 0 28px}.hero{background:linear-gradient(100deg,#080d15f7 12%,#09121fe3 57%,#071120b3),url(/manual-staff/background-barueri.png) 50%/cover;border:1px solid #ffffff14;border-radius:19px;align-items:center;min-height:340px;padding:54px 56px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000003d}.hero:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 55%,#1e76ff1f),repeating-linear-gradient(90deg,#0000 0 78px,#ffffff04 79px 80px);position:absolute;inset:0}.hero-copy{z-index:2;max-width:650px;position:relative}.eyebrow{color:#6af;letter-spacing:.2em;align-items:center;gap:9px;font-size:9px;font-weight:800;display:flex}.eyebrow span{background:#3489ff;width:24px;height:1px}.hero h1{letter-spacing:-.045em;margin:18px 0 17px;font-size:clamp(42px,5vw,66px);line-height:.98}.hero h1 span{color:#4d97ff}.hero-copy>p{color:#9ca8b9;max-width:590px;margin:0;font-size:14px;line-height:1.7}.hero-stats{align-items:center;gap:23px;margin-top:30px;display:flex}.hero-stats div{align-items:baseline;gap:7px;display:flex}.hero-stats b{font-size:19px}.hero-stats span{color:#687589;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.hero-stats i{background:#ffffff1a;width:1px;height:22px}.hero-mark{opacity:.09;filter:saturate(.5);width:360px;height:360px;position:absolute;bottom:-60px;right:-28px;transform:rotate(-7deg)}.hero-mark img{object-fit:cover;width:100%;height:100%}.golden-rule{background:linear-gradient(90deg,#f3b63b12,#f3b63b06);border:1px solid #f3b63b2e;border-radius:13px;align-items:center;gap:16px;margin:18px 0 54px;padding:20px 24px;display:flex}.golden-icon{width:42px;height:42px;color:var(--gold);background:#f3b63b1a;border-radius:10px;place-items:center;display:grid}.golden-rule span{color:#d7a43c;letter-spacing:.17em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.golden-rule p{color:#9ca6b4;margin:0;font-size:12px;line-height:1.55}.golden-rule strong{color:#e4e9f0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section-heading span{color:#4f94f5;letter-spacing:.17em;font-size:9px;font-weight:800}.section-heading h2{letter-spacing:-.025em;margin:5px 0 0;font-size:26px}.section-heading>p{color:#5d6879;font-size:11px}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.rule-card{border:1px solid var(--line);background:linear-gradient(145deg,#0f151ff5,#0a0f17f5);border-radius:13px;flex-direction:column;min-height:255px;padding:25px 26px 20px;transition:transform .22s,border-color .22s,background .22s;display:flex;position:relative}.rule-card:hover{background:linear-gradient(145deg,#111926fa,#0a1019fa);border-color:#1e76ff47;transform:translateY(-3px)}.rule-top{justify-content:space-between;align-items:center;display:flex}.rule-top>span{color:#579cfb;letter-spacing:.1em;font-size:11px;font-weight:800}.rule-top small{color:#596579;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.rule-card h3{text-transform:uppercase;letter-spacing:.015em;margin:13px 0 10px;font-size:17px}.rule-card>p{color:#909baa;margin:0;font-size:12px;line-height:1.7}.rule-card .rule-extra{color:#c0c8d3;margin-top:9px}.rule-bottom{justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.rule-bottom div{flex-wrap:wrap;gap:6px;display:flex}.rule-bottom span{color:#4f79aa;background:#1e76ff0e;border-radius:5px;padding:4px 7px;font-size:9px}.rule-bottom svg{color:#2e3b4e;transition:all .2s}.rule-card:hover .rule-bottom svg{color:#4e98ff;transform:translate(2px)}.empty-state{color:#677386;text-align:center;border:1px dashed #ffffff1a;border-radius:14px;justify-items:center;padding:70px 20px;display:grid}.empty-state h3{color:#fff;margin:14px 0 4px}.empty-state p{font-size:12px}.empty-state button{color:#69a9ff;cursor:pointer;background:#1e76ff1a;border:1px solid #1e76ff4d;border-radius:8px;margin-top:10px;padding:8px 13px}footer{border-top:1px solid var(--line);color:#536074;justify-content:space-between;align-items:center;margin-top:48px;padding:22px 4px 0;font-size:10px;display:flex}footer>div{align-items:center;gap:9px;display:flex}footer img{object-fit:cover;border-radius:6px;width:28px;height:28px}footer span{display:grid}footer strong{color:#7a8698;font-size:11px}footer p{margin:0}@media (max-width:900px){.sidebar{transition:transform .25s;transform:translate(-100%);box-shadow:20px 0 60px #00000073}.sidebar.sidebar-open{transform:translate(0)}.close-menu{cursor:pointer;color:#778398;background:0 0;border:0;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:13px;right:10px}.scrim{z-index:25;background:#000000a3;border:0;position:fixed;inset:0}.content{margin-left:0}.menu-button{cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.mobile-brand{letter-spacing:.08em;white-space:nowrap;font-size:12px;font-weight:800;display:block}.mobile-brand span{color:#448ff7}.topbar{gap:12px;padding:0 20px}.search-wrap{flex:1;width:auto}.official{display:none}.page{width:min(100% - 40px,760px);padding-top:32px}.hero{padding:44px 36px}.hero-mark{opacity:.05}}@media (max-width:640px){.topbar{height:64px}.mobile-brand{display:none}.search-wrap input{font-size:11px}.search-wrap kbd{display:none}.page{width:min(100% - 28px,520px)}.hero{align-items:flex-start;min-height:390px;padding:38px 25px}.hero h1{margin-top:24px;font-size:42px}.hero-stats{flex-wrap:wrap;gap:13px}.hero-stats div{gap:0;display:grid}.hero-stats span{font-size:8px}.golden-rule{align-items:flex-start;margin-bottom:42px;padding:17px}.golden-icon{flex:none}.section-heading{align-items:start}.section-heading>p{display:none}.rules-grid{grid-template-columns:1fr}.rule-card{min-height:0}footer{align-items:flex-start;gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.city-home{isolation:isolate;color:#fff;background:#03070d;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.city-home__backdrop,.not-found-page__backdrop{z-index:-3;background:linear-gradient(90deg,#02060cf7 0%,#03080fcf 48%,#03070d8c 100%),linear-gradient(#0000 35%,#010408db),url(/background-barueri.png) 50%/cover no-repeat;animation:1.4s ease-out both city-reveal;position:absolute;inset:0}.city-home__backdrop:after,.not-found-page__backdrop:after{content:"";background:radial-gradient(circle at 68% 42%,#1470ff2e,#0000 28%),linear-gradient(90deg,#0000 49.9%,#ffffff06 50%,#0000 50.1%) 0 0/120px 100%;position:absolute;inset:0}.city-home__grain{z-index:-1;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:absolute;inset:0}.city-nav{border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;height:88px;padding:0 clamp(24px,5vw,76px);animation:.8s .2s both city-fade;display:flex}.city-nav__brand{color:#fff;letter-spacing:.13em;align-items:center;gap:12px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.city-nav__brand b{color:#71819a;letter-spacing:.3em;margin-top:3px;font-size:8px;display:block}.city-nav__mark{color:#6aa8ff;background:#115cc821;border:1px solid #4e97ff6b;border-radius:8px;place-items:center;width:34px;height:34px;font-size:15px;display:grid;box-shadow:0 0 28px #1b70ff1f}.city-status{color:#77859a;letter-spacing:.18em;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.city-status i{background:#38da89;border-radius:50%;width:7px;height:7px;animation:2s infinite status-pulse;box-shadow:0 0 12px #38da89}.city-hero{flex-direction:column;align-items:flex-start;width:min(1180px,100% - 48px);margin:auto;padding:46px 0 66px;display:flex}.city-hero__logo-wrap{aspect-ratio:1;place-items:center;width:min(45vw,610px);animation:1.2s cubic-bezier(.22,1,.36,1) .15s both logo-enter;display:grid;position:absolute;top:50%;right:clamp(0px,5vw,70px);transform:translateY(-48%)}.city-hero__logo{z-index:2;object-fit:cover;mix-blend-mode:screen;filter:drop-shadow(0 25px 60px #000000a6);border-radius:50%;width:88%;height:88%;animation:5s ease-in-out 1.4s infinite logo-float;position:relative}.city-orbit{border:1px solid #4a93ff24;border-radius:50%;animation:16s linear infinite orbit-spin;position:absolute}.city-orbit:after{content:"";background:#398cff;border-radius:50%;width:6px;height:6px;position:absolute;top:12%;left:14%;box-shadow:0 0 15px #398cff}.city-orbit--one{inset:3%}.city-orbit--two{opacity:.55;border-style:dashed;animation-duration:24s;animation-direction:reverse;inset:11%}.city-kicker{color:#5a9dff;letter-spacing:.24em;align-items:center;gap:10px;margin:0 0 20px;font-size:9px;font-weight:800;animation:.8s .35s both city-fade;display:flex}.city-kicker span{background:#3288ff;width:28px;height:1px;display:block;box-shadow:0 0 10px #3288ff}.city-hero h1{z-index:3;letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(52px,7vw,92px);line-height:.94;animation:.9s .4s both city-rise;position:relative}.city-hero h1 span{color:#0000;-webkit-text-stroke:1px #ffffff6b}.city-intro{z-index:3;color:#8997aa;max-width:540px;margin:26px 0 0;font-size:14px;line-height:1.75;animation:.9s .52s both city-rise;position:relative}.city-actions{z-index:3;gap:11px;margin-top:32px;animation:.9s .64s both city-rise;display:flex;position:relative}.city-button{color:#dce6f4;letter-spacing:.035em;border:1px solid #ffffff1c;border-radius:9px;justify-content:center;align-items:center;gap:10px;height:48px;padding:0 19px;font-size:11px;font-weight:700;text-decoration:none;transition:all .22s;display:inline-flex}.city-button--primary{color:#fff;background:#176fea;border-color:#277ff6;box-shadow:0 14px 36px #1469e140}.city-button--primary svg:last-child{margin-left:6px}.city-button--primary:hover{background:#2682ff;transform:translateY(-2px);box-shadow:0 18px 42px #1469e157}.city-button--ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff09}.city-button--ghost:hover{background:#ffffff14;transform:translateY(-2px)}.city-manual{z-index:3;color:#66758a;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-top:22px;font-size:10px;font-weight:700;text-decoration:none;transition:all .2s;animation:.8s .78s both city-fade;display:flex;position:relative}.city-manual:hover{color:#77adfb}.city-footer{color:#526075;letter-spacing:.16em;border-top:1px solid #fff1;justify-content:space-between;align-items:center;padding:24px clamp(24px,5vw,76px);font-size:8px;font-weight:700;animation:.8s .85s both city-fade;display:flex}.city-loading{align-items:center;gap:10px;display:flex}.city-loading>i{background:#ffffff14;border-radius:4px;width:88px;height:2px;display:block;overflow:hidden}.city-loading b{background:linear-gradient(90deg,#0000,#398cff,#0000);width:35%;height:100%;animation:2.2s ease-in-out infinite loading-line;display:block}.not-found-page{isolation:isolate;color:#fff;background:#03070d;place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.not-found-page__backdrop{filter:grayscale(.25);opacity:.62}.not-found-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040910bd;border:1px solid #ffffff17;border-radius:20px;width:min(620px,100%);padding:54px;animation:.75s both city-rise;box-shadow:0 30px 90px #00000073}.not-found-code{color:#438ffb;letter-spacing:-.08em;justify-content:center;align-items:center;gap:16px;font-size:clamp(72px,14vw,128px);font-weight:900;line-height:.8;display:flex}.not-found-code svg{width:54px;height:54px;animation:9s linear infinite orbit-spin}.not-found-card .city-kicker{justify-content:center;margin-top:30px}.not-found-card h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,6vw,55px);line-height:1.02}.not-found-card>p:not(.city-kicker){color:#8391a5;max-width:440px;margin:20px auto;font-size:13px;line-height:1.65}.not-found-card>a{color:#81b4ff;background:#1a6cde1f;border:1px solid #3f8fff4d;border-radius:9px;align-items:center;gap:9px;margin-top:10px;padding:13px 17px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.not-found-card>a:hover{background:#1a6cde33;transform:translateY(-2px)}@keyframes city-reveal{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes city-fade{0%{opacity:0}to{opacity:1}}@keyframes city-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-enter{0%{opacity:0;transform:translateY(-46%)scale(.82)rotate(-5deg)}to{opacity:1;transform:translateY(-48%)scale(1)rotate(0)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes loading-line{0%{transform:translate(-120%)}to{transform:translate(300%)}}@media (max-width:850px){.city-hero{text-align:center;align-items:center;padding-top:240px}.city-hero__logo-wrap{width:320px;top:90px;right:50%;transform:translate(50%)}.city-kicker{justify-content:center}.city-hero h1{font-size:clamp(46px,12vw,72px)}.city-intro{max-width:500px}.city-actions{justify-content:center}.city-manual{align-self:center}@keyframes logo-enter{0%{opacity:0;transform:translate(50%)scale(.82)}to{opacity:1;transform:translate(50%)scale(1)}}}@media (max-width:560px){.city-nav{height:72px}.city-status{font-size:0}.city-status i{width:8px;height:8px}.city-hero{width:min(100% - 34px,500px);padding-top:218px;padding-bottom:42px}.city-hero__logo-wrap{width:280px;top:72px}.city-hero h1{font-size:44px}.city-intro{margin-top:20px;font-size:12px}.city-actions{width:100%;display:grid}.city-button{width:100%}.city-footer{justify-content:center}.city-footer>span:first-child{display:none}.not-found-card{padding:38px 22px}.not-found-code svg{width:40px;height:40px}}.city-manuals{z-index:3;gap:20px;margin-top:22px;animation:.8s .78s both city-fade;display:flex;position:relative}.city-manuals .city-manual{margin-top:0;animation:none}.citizen-manual .sidebar nav button.active{background:linear-gradient(90deg,#1c97c433,#1c97c40f);box-shadow:inset 2px 0 #27a8d3}.citizen-manual .sidebar nav button.active svg,.citizen-manual .eyebrow,.citizen-manual .rule-top>span{color:#58c7e8}@media (max-width:560px){.city-manuals{flex-direction:column;align-items:center;gap:10px}}.city-home__backdrop,.not-found-page__backdrop{background-image:linear-gradient(90deg,#02060cf7 0%,#03080fcf 48%,#03070d8c 100%),linear-gradient(#0000 35%,#010408db),url(/background-barueri.webp)}.hero{background-image:linear-gradient(100deg,#080d15f7 12%,#09121fe3 57%,#071120b3),url(/background-barueri.webp)}.citizen-hero{background-image:linear-gradient(100deg,#080d15f5 12%,#081624e0 58%,#041824ab),url(/background-barueri.webp)}