.bb-root{--brand-primary:#C3F400;--brand-primary-rgb:195,244,0;--brand-primary-hover:#9BCC00;--brand-on-primary:#141414;--brand-glow:var(--brand-primary);--bg-body:#0a0a0a;--bg-section:#0B0F19;--text:#F8FAFC;--text-muted:#94a3b8;--border:rgba(var(--brand-primary-rgb),0.15);--border-blue:rgba(var(--brand-primary-rgb),0.3);--glow-brand:rgba(var(--brand-primary-rgb),0.2);--glow-blue:rgba(var(--brand-primary-rgb),0.3);--grad:var(--brand-primary);--nav-h:56px;background:var(--bg-body);color:var(--text);font-family:var(--font-body),system-ui,sans-serif;line-height:1.6;overflow-x:hidden;scroll-behavior:smooth;min-height:100vh}.bb-root *,.bb-root :after,.bb-root :before{box-sizing:border-box;margin:0;padding:0}.bb-root h1,.bb-root h2,.bb-root h3,.bb-root h4{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.02em}.bb-root code,.bb-root pre{font-family:var(--font-mono),monospace}.bb-root .page{max-width:1200px;margin:0 auto;padding:0 2rem}.bb-root section{padding:5rem 0;border-bottom:1px solid var(--border)}.bb-root section:last-child{border-bottom:none}.bb-root .grad-text{color:var(--brand-primary)}.bb-root .chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;border-radius:9999px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.05);border:1px solid rgba(203,213,225,.3);color:#cbd5e1}.bb-root .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.bb-root .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.bb-root .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.bb-root .card{background:var(--bg-section);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .25s ease}.bb-root .card:hover{border-color:rgba(var(--brand-primary-rgb),.4);box-shadow:0 0 24px var(--glow-blue);transform:translateY(-2px)}.bb-root .tag{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;background:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary);border:1px solid rgba(var(--brand-primary-rgb),.2)}.bb-root .nav{position:relative;z-index:50;min-height:var(--nav-h);background:rgba(10,10,10,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.bb-root .nav-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:var(--nav-h);padding-block:.5rem;max-width:1200px;margin:0 auto;padding:0 2rem;gap:1.5rem}.bb-root .nav-logo{display:flex;align-items:center;gap:.6rem;flex-shrink:0;text-decoration:none}.bb-root .nav-logo img{height:26px;width:auto;-o-object-fit:contain;object-fit:contain}.bb-root .nav-brand-tag{font-family:var(--font-mono),monospace;font-size:.65rem;font-weight:600;letter-spacing:.08em;color:rgba(var(--brand-primary-rgb),.8);padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(var(--brand-primary-rgb),.2);background:rgba(var(--brand-primary-rgb),.06);white-space:nowrap}.bb-root .nav-links{display:flex;gap:1.2rem;list-style:none;flex:1;flex-wrap:wrap;row-gap:.4rem;align-items:center;min-width:0}.bb-root .nav-links::-webkit-scrollbar{display:none}.bb-root .nav-links a{color:var(--text-muted);text-decoration:none;font-size:.78rem;font-weight:500;transition:color .2s;white-space:nowrap}.bb-root .nav-links a:hover{color:var(--brand-primary)}.bb-root .back-to-top{position:fixed;bottom:2rem;left:2rem;z-index:999;width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid rgba(var(--brand-primary-rgb),.35);color:rgba(var(--brand-primary-rgb),.7);font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);transition:all .3s;opacity:0;transform:translateY(12px);pointer-events:none}.bb-root .back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.bb-root .back-to-top:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--brand-primary-rgb),.3)}.bb-root .section-header{margin-bottom:3.5rem}.bb-root .section-number{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:.5rem}.bb-root .section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:.8rem}.bb-root .section-desc{color:var(--text-muted);font-size:1rem;max-width:560px;line-height:1.7}.bb-root .swatch-row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.bb-root .swatch{flex:1;min-width:140px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.bb-root .swatch-preview{height:100px;position:relative}.bb-root .swatch-info{padding:1rem;background:var(--bg-section)}.bb-root .swatch-name{font-size:.82rem;font-weight:700;margin-bottom:.3rem}.bb-root .swatch-hex{font-family:var(--font-mono),monospace;font-size:.75rem;color:var(--text-muted)}.bb-root .swatch-role{font-size:.7rem;color:var(--text-muted);margin-top:.2rem}.bb-root .gradient-bar{height:80px;border-radius:12px;background:var(--brand-primary);margin-bottom:1rem;position:relative;overflow:hidden}.bb-root .color-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.bb-root .color-usage-item{padding:1.2rem;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--border)}.bb-root .color-usage-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:.5rem}.bb-root .color-usage-title{font-size:.8rem;font-weight:600;margin-bottom:.4rem;display:flex;align-items:center}.bb-root .color-usage-desc{font-size:.75rem;color:var(--text-muted);line-height:1.5}.bb-root .rgba-table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-size:.8rem}.bb-root .rgba-table th{text-align:left;padding:.6rem 1rem;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.bb-root .rgba-table td{padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.bb-root .rgba-table tr:last-child td{border-bottom:none}.bb-root .rgba-preview{display:inline-block;width:32px;height:20px;border-radius:4px;vertical-align:middle;margin-right:.6rem}.bb-root .type-sample{padding:2rem;border-radius:12px;background:var(--bg-section);border:1px solid var(--border);margin-bottom:1.5rem;position:relative}.bb-root .type-meta{position:absolute;top:1rem;right:1rem;text-align:right}.bb-root .type-meta-size{font-family:var(--font-mono),monospace;font-size:.7rem;color:var(--text-muted)}.bb-root .type-meta-weight{font-family:var(--font-mono),monospace;font-size:.65rem;color:rgba(var(--brand-primary-rgb),.8)}.bb-root .type-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.bb-root .type-scale-row{display:flex;align-items:baseline;gap:1.5rem;padding:1.2rem 0;border-bottom:1px solid var(--border);position:relative}.bb-root .type-scale-row:last-child{border-bottom:none}.bb-root .type-scale-code{font-family:var(--font-mono),monospace;font-size:.7rem;color:var(--text-muted);min-width:120px}.bb-root .font-card{padding:1.5rem;border-radius:12px;background:var(--bg-section);border:1px solid var(--border)}.bb-root .font-name{font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.bb-root .font-use{font-size:.75rem;color:var(--text-muted);margin-bottom:1rem}.bb-root .font-specimen{font-size:2.5rem;font-weight:700;line-height:1;color:rgba(255,255,255,.15)}.bb-root .btn-primary-demo{display:inline-flex;align-items:center;gap:.5rem;background:var(--brand-primary);color:var(--brand-on-primary);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:none;box-shadow:0 4px 15px rgba(var(--brand-primary-rgb),.3);font-family:inherit}.bb-root .btn-primary-demo:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--brand-primary-rgb),.5)}.bb-root .btn-secondary-demo{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--brand-primary);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:1px solid var(--brand-primary);font-family:inherit}.bb-root .btn-secondary-demo:hover{background:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary)}.bb-root .btn-neutral-demo{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:#cbd5e1;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:1px solid #64748b;font-family:inherit}.bb-root .btn-neutral-demo:hover{background:rgba(255,255,255,.05);color:#f8fafc;border-color:#94a3b8}.bb-root .btn-ghost-demo{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--text-muted);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.1);font-family:inherit}.bb-root .btn-ghost-demo:hover{background:rgba(255,255,255,.05);color:var(--text)}.bb-root .btn-sizes-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem}.bb-root .btn-sm{padding:.4rem 1rem!important;font-size:.8rem!important}.bb-root .btn-lg{padding:1rem 2rem!important;font-size:1rem!important}.bb-root .input-demo{width:100%;padding:.75rem 1rem;border:1px solid rgba(var(--brand-primary-rgb),.3);border-radius:8px;font-size:.9rem;background:var(--bg-section);color:var(--text);transition:border-color .2s;outline:none;font-family:inherit}.bb-root .input-demo:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.2)}.bb-root .badge-demo{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.05em}.bb-root .badge-purple{color:#F8FAFC}.bb-root .badge-blue,.bb-root .badge-purple{background:rgba(var(--brand-primary-rgb),.12);border:1px solid rgba(var(--brand-primary-rgb),.3)}.bb-root .badge-blue{color:var(--brand-primary)}.bb-root .badge-green{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#86efac}.bb-root .badge-amber{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);color:#fcd34d}.bb-root .badge-red{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#fca5a5}.bb-root .demo-card{background:var(--bg-section);border:1px solid rgba(var(--brand-primary-rgb),.15);border-radius:12px;padding:1.5rem;transition:all .25s ease;cursor:pointer}.bb-root .demo-card:hover{border-color:rgba(var(--brand-primary-rgb),.4);box-shadow:0 0 24px rgba(var(--brand-primary-rgb),.15);transform:translateY(-2px)}.bb-root .demo-card-icon{width:40px;height:40px;border-radius:10px;background:rgba(var(--brand-primary-rgb),.1);border:1px solid rgba(var(--brand-primary-rgb),.2);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.bb-root .demo-card-title{font-size:.9rem;font-weight:600;margin-bottom:.4rem}.bb-root .demo-card-desc{font-size:.8rem;color:var(--text-muted);line-height:1.5}.bb-root .spacing-row{display:flex;align-items:center;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--border)}.bb-root .spacing-row:last-child{border-bottom:none}.bb-root .spacing-bar{background:var(--brand-primary);border-radius:4px;height:12px;min-width:4px}.bb-root .spacing-name{color:var(--brand-primary);min-width:100px}.bb-root .spacing-name,.bb-root .spacing-value{font-family:var(--font-mono),monospace;font-size:.8rem}.bb-root .spacing-value{color:var(--text-muted);min-width:80px}.bb-root .spacing-use{font-size:.8rem;color:var(--text-muted)}.bb-root .motion-card{padding:1.5rem;border-radius:12px;background:var(--bg-section);border:1px solid var(--border)}.bb-root .motion-demo-box{width:48px;height:48px;border-radius:10px;background:var(--brand-primary);margin-bottom:1rem;cursor:pointer}.bb-root .motion-demo-box.hover-up:hover{transform:translateY(-4px)}.bb-root .motion-demo-box.hover-scale:hover{transform:scale(1.05)}.bb-root .motion-demo-box.hover-glow:hover{box-shadow:0 0 24px var(--glow-blue)}.bb-root .timing-row{display:flex;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--border);font-size:.82rem}.bb-root .timing-row:last-child{border-bottom:none}.bb-root .timing-name{min-width:100px;font-weight:600}.bb-root .timing-value{font-family:var(--font-mono),monospace;font-size:.75rem;color:var(--brand-primary);min-width:120px}.bb-root .timing-use{color:var(--text-muted)}.bb-root .voice-card{padding:2rem;border-radius:14px;border:1px solid var(--border);background:var(--bg-section);margin-bottom:1.5rem}.bb-root .voice-tag{font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:.7rem}.bb-root .voice-text{font-size:1.1rem;line-height:1.6;margin-bottom:.8rem}.bb-root .voice-sub{font-size:.8rem;color:var(--text-muted);font-style:italic}.bb-root .do-dont-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.bb-root .do-card{padding:1.2rem 1.5rem;border-radius:10px;background:rgba(34,197,94,.05);border:1px solid rgba(34,197,94,.2)}.bb-root .dont-card{padding:1.2rem 1.5rem;border-radius:10px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2)}.bb-root .do-label{color:#86efac}.bb-root .do-label,.bb-root .dont-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem}.bb-root .dont-label{color:#fca5a5}.bb-root .do-card li,.bb-root .dont-card li{font-size:.82rem;color:var(--text-muted);margin-bottom:.3rem;list-style:none;padding-left:.8rem;position:relative}.bb-root .do-card li:before{content:"✓";position:absolute;left:0;color:#86efac;font-weight:700}.bb-root .dont-card li:before{content:"✗";position:absolute;left:0;color:#fca5a5;font-weight:700}.bb-root .product-card{padding:2rem;border-radius:16px;background:var(--bg-section);border:1px solid var(--border);position:relative;overflow:hidden}.bb-root .product-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,var(--pc-glow,rgba(var(--brand-primary-rgb),.08)) 0,transparent 60%);pointer-events:none}.bb-root .product-tag{font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem}.bb-root .product-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.bb-root .product-desc{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.bb-root .product-pills{display:flex;flex-wrap:wrap;gap:.5rem}.bb-root .product-pill{font-size:.7rem;font-weight:600;padding:.25rem .7rem;border-radius:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-muted)}.bb-root .effect-card{padding:2rem;border-radius:14px;background:var(--bg-section);border:1px solid var(--border);text-align:center}.bb-root .effect-preview{width:80px;height:80px;border-radius:16px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.bb-root .glow-effect{box-shadow:0 0 30px var(--glow-blue);border:1px solid rgba(var(--brand-primary-rgb),.4)}.bb-root .glass-effect{background:rgba(255,255,255,.05);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.bb-root .gradient-effect{background:var(--grad)}.bb-root .effect-name{font-size:.9rem;font-weight:700;margin-bottom:.4rem}.bb-root .effect-code{font-family:var(--font-mono),monospace;font-size:.7rem;color:var(--text-muted);margin-top:.3rem}.bb-root .anti-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.bb-root .anti-card{padding:1.2rem;border-radius:10px;background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.15)}.bb-root .anti-icon{font-size:1.2rem;margin-bottom:.5rem;display:flex;align-items:center}.bb-root .anti-title{font-size:.82rem;font-weight:700;color:#fca5a5;margin-bottom:.3rem}.bb-root .anti-desc{font-size:.75rem;color:var(--text-muted);line-height:1.5}.bb-root .brand-footer{padding:4rem 0;text-align:center;position:relative}.bb-root .brand-footer-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;opacity:.06;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;font-family:var(--font-display),system-ui,sans-serif}.bb-root .brand-footer-content{position:relative;z-index:1}.bb-root .code-block{background:#0d1117;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:1.2rem 1.5rem;margin-top:1rem;overflow-x:auto}.bb-root .code-block code{font-family:var(--font-mono),monospace;font-size:.78rem;color:#e2e8f0;line-height:1.7;white-space:pre}.bb-root .code-block .token-comment{color:#6e7681}.bb-root .code-block .token-prop{color:#79c0ff}.bb-root .code-block .token-value{color:#a5d6ff}.bb-root .code-block .token-hex{color:#c4b5fd}.bb-root .code-block .token-num{color:#f0883e}.bb-root .value-icon{margin-bottom:.8rem;display:flex;align-items:center}.bb-root .breakpoint-icon{display:flex;justify-content:center;margin-bottom:.4rem;color:var(--brand-primary)}.bb-root .icon-forbidden-item{display:flex;align-items:center;gap:.5rem;color:#fca5a5}.bb-root .sep{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--brand-primary-rgb),.3),rgba(var(--brand-primary-rgb),.3),transparent);margin:2.5rem 0}@media (max-width:768px){.bb-root .do-dont-row,.bb-root .grid-2,.bb-root .grid-3,.bb-root .grid-4{grid-template-columns:1fr}.bb-root .swatch-row{flex-direction:column}.bb-root .back-to-top{bottom:1.2rem;left:1.2rem;width:40px;height:40px;font-size:1rem}}@media (max-width:640px){.bb-root .nav-links{display:none}}@media print{@page{size:A4;margin:0}.bb-root,.bb-root *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.bb-botao-pdf,.bb-root .back-to-top,.bb-root .nav,.sw-launcher,.sw-panel,.sw-root,body>.fixed,body>footer,body>header{display:none!important}.bb-root .swatch{min-width:0!important}.bb-root .bb-heroi{-moz-column-break-after:page;break-after:page}.bb-root{padding-top:0!important}.bb-root .grad-text{-webkit-text-fill-color:currentColor!important;background:none!important;color:var(--brand-primary)!important}.bb-root .anti-card,.bb-root .card,.bb-root .code-block,.bb-root .demo-card,.bb-root .do-card,.bb-root .dont-card,.bb-root .effect-card,.bb-root .font-card,.bb-root .motion-card,.bb-root .product-card,.bb-root .swatch,.bb-root .swatch-preview,.bb-root .voice-card,.bb-root table{-moz-column-break-inside:avoid;break-inside:avoid}.bb-root .bb-painel{-moz-column-break-inside:auto;break-inside:auto}.bb-root img,.bb-root svg,.bb-root table{max-width:100%!important}.bb-root .bb-painel-corpo,.bb-root [style*=overflow-x]{overflow:visible!important}.bb-root [style*="position: fixed"],.bb-root [style*="position:fixed"]{position:static!important}}.bb-root section[id]{scroll-margin-top:5.5rem}.bb-root .nav-menu{position:relative}.bb-root .nav-menu>summary{list-style:none;cursor:pointer;color:var(--text-muted);font-size:.78rem;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;transition:color .2s}.bb-root .nav-menu>summary::-webkit-details-marker{display:none}.bb-root .nav-menu>summary:after{content:"";width:5px;height:5px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translate(-1px,-1px);transition:transform .2s}.bb-root .nav-menu[open]>summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.bb-root .nav-menu>summary:hover,.bb-root .nav-menu[open]>summary{color:var(--brand-primary)}.bb-root .nav-menu-painel{position:absolute;top:calc(100% + .6rem);left:0;z-index:30;min-width:200px;padding:1rem 1.1rem;border-radius:12px;background:var(--bg-section);border:1px solid var(--border);box-shadow:0 16px 40px rgba(0,0,0,.5)}.bb-root .nav-menu-largo{min-width:460px}.bb-root .nav-menu-grupos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1.2rem}.bb-root .nav-menu-painel ul{list-style:none;display:flex;flex-direction:column;gap:.45rem}.bb-root .nav-menu-painel a{color:var(--text-muted);text-decoration:none;font-size:.78rem;white-space:nowrap;transition:color .2s}.bb-root .nav-menu-painel a:hover{color:var(--brand-primary)}.bb-root .nav-links a[aria-current=page],.bb-root .nav-menu-painel a[aria-current=page]{color:var(--brand-primary);font-weight:700}.bb-root .nav-menu:has(a[aria-current=page])>summary{color:var(--brand-primary)}.bb-root .nav-menu-titulo{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--brand-primary);margin-bottom:.6rem}.bb-root .nav-menu-indice{display:inline-block;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border);width:100%;font-size:.72rem;color:var(--brand-primary)!important}@media (max-width:720px){.bb-root .nav-menu-painel{position:static;min-width:0;box-shadow:none;margin-top:.5rem}.bb-root .nav-menu-largo{min-width:0}}.bb-root .bb-bento{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border-block:1px solid var(--border)}@media (min-width:768px){.bb-root .bb-bento{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.bb-root .bb-bento{grid-template-columns:repeat(4,1fr)}}.bb-root .bb-span-2,.bb-root .bb-span-4{grid-column:span 1}@media (min-width:768px){.bb-root .bb-span-2,.bb-root .bb-span-4{grid-column:span 2}}@media (min-width:1200px){.bb-root .bb-span-2{grid-column:span 2}.bb-root .bb-span-4{grid-column:span 4}.bb-root .bb-alto{grid-row:span 2}}.bb-root .bb-painel{padding:0;border-bottom:none;background:var(--bg-body);display:flex;flex-direction:column;min-width:0;scroll-margin-top:5.5rem}.bb-root .bb-painel-barra{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.4rem;border-bottom:1px solid var(--border)}.bb-root .bb-painel-nome{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text);white-space:nowrap}.bb-root .bb-painel-regua{flex:1;height:1px;background:var(--border);min-width:1rem}.bb-root .bb-painel-categoria{font-size:.6rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.bb-root .bb-painel-numero{font-family:var(--font-mono),monospace;font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--brand-primary);text-decoration:none;white-space:nowrap}.bb-root .bb-painel-numero:hover{text-decoration:underline}.bb-root .bb-painel-corpo{padding:1.6rem 1.4rem 2rem;flex:1}.bb-root .bb-trilho{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.4rem;background:var(--bg-body);font-size:.6rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.bb-root .bb-trilho-traco{color:var(--brand-primary);margin-right:.5rem}.bb-root .bb-heroi{background:var(--bg-body);padding:0;position:relative;overflow:hidden}.bb-root .bb-heroi-barra{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.4rem;border-bottom:1px solid var(--border);font-size:.6rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.bb-root .bb-heroi-barra strong{color:var(--text);font-weight:700}.bb-root .bb-heroi-corpo{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding:4rem 1.4rem}.bb-root .bb-heroi-decl{text-align:right;max-width:42ch;margin-left:auto}.bb-root .bb-heroi-decl-titulo{font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5rem}.bb-root .bb-heroi-decl-texto{font-size:.82rem;line-height:1.7;color:var(--text-muted)}@media (max-width:767px){.bb-root .bb-heroi-corpo{padding:2.5rem 1.4rem}.bb-root .bb-heroi-decl{text-align:left;margin-left:0}}.bb-root .bb-painel-solto{max-width:1200px;margin:0 auto 1px;border:1px solid var(--border);border-top:none}.bb-root .bb-painel-solto:first-of-type{border-top:1px solid var(--border)}.bb-root .bb-doc-topo{max-width:1200px;margin:0 auto;border:1px solid var(--border);border-bottom:none}.bb-root .bb-doc-topo-corpo{padding:3rem 1.4rem 2.5rem}.bb-root .bb-doc-topo-corpo .section-title{margin-bottom:.8rem}@media (max-width:640px){.bb-root .bb-so-largo{display:none}}.bb-root .anti-card,.bb-root .code-block,.bb-root .color-usage-item,.bb-root .demo-card,.bb-root .do-card,.bb-root .dont-card,.bb-root .effect-card,.bb-root .font-card,.bb-root .input-demo,.bb-root .motion-card,.bb-root .product-card,.bb-root .rgba-preview,.bb-root .swatch,.bb-root .swatch-preview,.bb-root .voice-card{border-radius:0}.bb-root .anti-grid,.bb-root .color-usage-grid,.bb-root .do-dont-row,.bb-root .grid-2,.bb-root .grid-3,.bb-root .grid-4,.bb-root .swatch-row{gap:1px;background:var(--border);border:1px solid var(--border)}.bb-root .anti-grid>*,.bb-root .color-usage-grid>*,.bb-root .do-dont-row>*,.bb-root .grid-2>*,.bb-root .grid-3>*,.bb-root .grid-4>*,.bb-root .swatch-row>*{background:var(--bg-body);border:none;margin:0}.bb-root .anti-card,.bb-root .color-usage-item,.bb-root .demo-card,.bb-root .do-card,.bb-root .dont-card,.bb-root .font-card,.bb-root .product-card,.bb-root .swatch-info,.bb-root .voice-card{padding:1.5rem}.bb-root .swatch{display:flex;flex-direction:column}.bb-root .swatch-preview{height:128px}.bb-root .bb-painel-corpo{padding:1.5rem}.bb-root .bb-painel-corpo>.grid-2:only-child,.bb-root .bb-painel-corpo>.grid-3:only-child,.bb-root .bb-painel-corpo>.grid-4:only-child,.bb-root .bb-painel-corpo>.swatch-row:only-child{border:none}.bb-root .demo-card,.bb-root .font-card,.bb-root .product-card,.bb-root .voice-card{border:none;background:transparent;margin:0}.bb-root .bb-painel-corpo>.font-card+.font-card,.bb-root .bb-painel-corpo>.voice-card+.voice-card{border-top:1px solid var(--border)}.bb-root .bb-painel-corpo{padding:0}.bb-root .bb-painel-corpo>.section-desc{padding:1.5rem 1.5rem 0}.bb-root .bb-painel-corpo>p:last-child{padding:0 1.5rem 1.5rem}.bb-root .chip{border-radius:0}.bb-root .font-specimen{background:transparent}.bb-root .swatch-preview{height:240px}.bb-root .swatch{min-height:320px}.bb-root .bb-painel,.bb-root .chip,.bb-root .code-block,.bb-root .nav-menu-painel,.bb-root .tag{border-radius:0}.bb-root :not(.bb-demo-raio){border-radius:0!important}body:has(.bb-root)>header{display:none}.bb-root .bb-painel-corpo>:not(.swatch-row):not(.grid-2):not(.grid-3):not(.grid-4):not(.anti-grid):not(.color-usage-grid):not(.do-dont-row):not(table):not(.font-card):not(.voice-card):not(.demo-card):not(.product-card){padding-inline:1.5rem}.bb-root .bb-painel-corpo>:first-child:not(.swatch-row):not(.grid-2):not(.grid-3):not(.grid-4):not(.anti-grid):not(.color-usage-grid):not(.do-dont-row):not(table){padding-top:1.5rem}.bb-root .bb-painel-corpo>:last-child:not(.swatch-row):not(.grid-2):not(.grid-3):not(.grid-4):not(.anti-grid):not(.color-usage-grid):not(.do-dont-row):not(table){padding-bottom:1.5rem}.bb-root .bb-painel-corpo>.anti-grid,.bb-root .bb-painel-corpo>.color-usage-grid,.bb-root .bb-painel-corpo>.do-dont-row,.bb-root .bb-painel-corpo>.grid-2,.bb-root .bb-painel-corpo>.grid-3,.bb-root .bb-painel-corpo>.grid-4,.bb-root .bb-painel-corpo>.swatch-row{margin:0;border-inline:none}.bb-root .swatch-preview{box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}.bb-root .do-dont-row>.do-card,.bb-root .grid-2>.do-card,.bb-root .grid-3>.do-card{background:rgba(34,197,94,.06)}.bb-root .do-dont-row>.dont-card,.bb-root .grid-2>.dont-card,.bb-root .grid-3>.dont-card{background:rgba(239,68,68,.06)}.bb-root .bb-bento,.bb-root .bb-doc-topo,.bb-root .bb-painel-solto,.bb-root .nav-inner{max-width:1920px;margin-inline:auto}.bb-root .bb-bento{border-inline:1px solid var(--border)}.bb-root section:has(.bb-doc-topo){padding:0;border-bottom:none}.bb-root .page:has(>.bb-doc-topo){max-width:none;padding:0}.bb-root .grid-2>.demo-card,.bb-root .grid-2>.font-card,.bb-root .grid-2>.product-card,.bb-root .grid-2>.voice-card,.bb-root .grid-3>.demo-card,.bb-root .grid-3>.font-card,.bb-root .grid-3>.product-card,.bb-root .grid-3>.voice-card,.bb-root .grid-4>.demo-card,.bb-root .grid-4>.font-card,.bb-root .grid-4>.product-card,.bb-root .grid-4>.voice-card{background:var(--bg-body)}.bb-root .bb-titulo-com-logo{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem}.bb-root .bb-titulo-com-logo>span[role=img]{align-self:center}.bb-root{padding-bottom:5rem}.bb-root .nav{margin-bottom:3rem}.bb-root .bb-painel-corpo>.anti-grid,.bb-root .bb-painel-corpo>.color-usage-grid,.bb-root .bb-painel-corpo>.do-dont-row,.bb-root .bb-painel-corpo>.grid-2,.bb-root .bb-painel-corpo>.grid-3,.bb-root .bb-painel-corpo>.grid-4,.bb-root .bb-painel-corpo>.swatch-row{margin:0 1.5rem 1.5rem;border:1px solid var(--border)}.bb-root .bb-bento>section:last-child,.bb-root .bb-painel-solto:last-child{border-bottom:1px solid var(--border)}.bb-root .bb-painel-corpo>.anti-grid:first-child,.bb-root .bb-painel-corpo>.color-usage-grid:first-child,.bb-root .bb-painel-corpo>.do-dont-row:first-child,.bb-root .bb-painel-corpo>.grid-2:first-child,.bb-root .bb-painel-corpo>.grid-3:first-child,.bb-root .bb-painel-corpo>.grid-4:first-child,.bb-root .bb-painel-corpo>.swatch-row:first-child{margin-top:1.5rem}.bb-root .bb-botao-pdf-nav{padding:.35rem .75rem;font-size:.72rem;gap:.35rem;flex-shrink:0;white-space:nowrap}