/* Braxion Site-Wide 230 — projeto real, identidade Drive 1997, celular primeiro */
:root{--brx-royal:#386ce6;--brx-electric:#0382f6;--brx-quiet:#9fb4cd}
html{scroll-padding-top:90px}
body{background:#05080e}
#routeView:not([hidden]){min-width:0}
#routeView:not([hidden])>*{min-width:0}
#routeView img{max-width:100%}
#routeView h1,#routeView h2,#routeView h3{overflow-wrap:break-word}
#routeView a,#routeView button{touch-action:manipulation}
#routeView a:focus-visible,#routeView button:focus-visible,.br-home a:focus-visible,.site-header a:focus-visible{outline:2px solid #85c9ff;outline-offset:4px}
body .route-hero{border-radius:20px;background-color:#071325}
body .route-hero .route-hero-copy h1{letter-spacing:-.055em}
body .route-hero .route-hero-copy p{color:#c1cede}
body .route-hero-mark{opacity:.75}
body .shop-page{--paper:#0c1727;--ink:#e9f3ff;--accent:#256ddd;color:#edf5ff}
body .shop-page .shop-head{min-width:0;gap:clamp(16px,3vw,40px)}
body .shop-page .shop-head>div{min-width:0}
body .shop-page .shop-head small{color:#9fc9f9}
body .shop-page .shop-head h1{color:#f9fbff;line-height:1.1;overflow-wrap:break-word}
body .shop-page .shop-head h1 em{color:#70b8ff}
body .shop-page .shop-head p{color:#b8cade}
body .shop-page .shop-head-art{background:linear-gradient(145deg,#102647,#123d7c);color:#e6f4ff;border-radius:21px;transform:none;border:1px solid rgba(116,174,246,.24)}
body .shop-page .shop-card{border-radius:18px}
body .shop-page .shop-card:focus-within{outline:1px solid #69b0ff;outline-offset:2px}
body .shop-page .shop-card-art img{max-width:100%;object-fit:contain}
body .shop-page .shop-card-body p{overflow-wrap:anywhere}
body .shop-page .shop-card-body h2{overflow-wrap:break-word}
body .shop-page .shop-card:hover{transform:translateY(-3px)}
body .shop-page .shop-grid{min-width:0}
body .route-screen .route-card-grid{min-width:0}
body .route-screen .route-card-grid>*{min-width:0}
body .partners-route .partners-intro,body .partners-route .partners-studio-cta{border-radius:19px}
body .partners-route .partner-card{border-radius:18px;border-color:rgba(108,160,220,.17)}
body .partners-route .partner-card:focus-visible{outline:2px solid #87baff}
body .partners-route .partner-site-preview{max-width:100%}
body .partners-route .partners-category-strip{scrollbar-width:thin;scrollbar-color:#1e5a9b transparent;scroll-padding-inline:12px;-webkit-overflow-scrolling:touch}
body .partners-route .partners-category-strip:after{content:"";width:8px;flex:0 0 8px}
body .partners-route .partner-card img{object-fit:cover}
body .route-screen-experience .bx-xp-hero{border-radius:23px}
body .route-screen-experience .bx-xp-tile{border-radius:19px}
body .route-screen-experience .bx-xp-tile>img{object-position:center 30%;transition:transform .25s}
body .route-screen-experience .bx-xp-tile:hover>img{transform:scale(1.018)}
body .route-screen-experience .bx-xp-tile-shade{background:linear-gradient(180deg,rgba(2,10,23,.41) 0%,rgba(2,10,23,.17) 32%,rgba(2,10,23,.70) 65%,#030a15 100%)}
body .route-screen.radar-social .rf-post{border-color:rgba(112,160,228,.17);border-radius:15px}
body .route-screen.radar-social .rf-post-head{background:linear-gradient(100deg,#08182c,#091321)}
body .route-screen.radar-social .rf-body{min-width:0}
body .route-screen.radar-social .rf-body p{line-height:1.65}
body .route-screen.radar-social .rf-toolbar{min-width:0}
body .route-screen.radar-social .rf-toolbar button{white-space:nowrap}
body .route-screen.radar-social .rf-toolbar nav{scrollbar-width:thin;scrollbar-color:#245a94 transparent}
body.home-rebuilt .br-path{background:radial-gradient(circle at 79% 20%,#174f9a 0%,#0b2143 40%,#071020 84%)}
body.home-rebuilt .br-path:nth-child(2){background:radial-gradient(circle at 78% 18%,#173d77,#091c37 52%,#071020)}
body.home-rebuilt .br-path:nth-child(3){background:radial-gradient(circle at 80% 13%,#124b78,#0a203b 46%,#071020)}
body.home-rebuilt .br-path img.br-path-image{inset:12px 13px auto auto;width:min(67%,280px);height:min(70%,280px);object-fit:contain;object-position:center;opacity:.83;filter:drop-shadow(0 10px 28px rgba(3,13,35,.44))}
body.home-rebuilt .br-path:nth-child(3) img.br-path-image{width:min(64%,220px);height:min(66%,220px)}
body.home-rebuilt .br-path:hover img.br-path-image{transform:translateY(-3px)}
body.home-rebuilt .br-path:before{background:linear-gradient(180deg,rgba(4,9,20,.02) 0%,rgba(4,9,20,.25) 28%,rgba(4,9,20,.75) 68%,#050c1a 100%)}
body.home-rebuilt .br-path-body{position:relative;z-index:2}
body.home-rebuilt .br-showcase-desktop img{object-fit:contain;background:#09182d;padding:9px}
body.home-rebuilt .br-showcase-mobile img{object-fit:contain;background:#0d1930;padding:3px}
.br-route-guide{--br-gui:#0b2b58;position:relative;display:flex;align-items:center;justify-content:space-between;min-width:0;gap:30px;border:1px solid rgba(98,150,212,.23);border-radius:17px;background:radial-gradient(ellipse at 87% 63%,rgba(12,80,169,.25),transparent 43%),linear-gradient(110deg,#071323,#0a203d);margin:19px 0 29px;padding:22px 27px;min-height:160px;overflow:hidden;color:#f1f8ff}
.br-route-guide:before{content:"";position:absolute;right:115px;top:-100px;width:290px;height:290px;border-radius:50%;border:1px solid rgba(113,172,245,.13);pointer-events:none}
.br-guide-copy{position:relative;z-index:2;min-width:0;max-width:650px}
.br-guide-eyebrow{display:block;font:800 9px/1.3 Manrope,sans-serif;letter-spacing:.20em;color:#88c5ff}
.br-guide-copy strong{display:block;margin:7px 0 6px;color:white;font:700 clamp(17px,2vw,25px)/1.24 Sora,Manrope,sans-serif;letter-spacing:-.037em}
.br-guide-copy p{font:500 12px/1.6 Manrope,sans-serif;margin:0 0 12px;color:#b3c9e5;max-width:630px}
.br-guide-copy a{display:inline-flex;align-items:center;gap:10px;color:#aad9ff!important;text-decoration:none;font-size:11px;font-weight:800}
.br-guide-copy a:hover{color:white!important}
.br-guide-mascot{position:absolute;right:20px;bottom:-14px;width:180px;height:170px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.br-guide-mascot img{width:100%;height:100%;max-width:none!important;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 20px rgba(0,0,0,.42))}
.br-guide-copy{padding-right:170px}
.route-screen.radar-social .br-route-guide{margin:12px 0 25px;min-height:162px}
.route-screen.radar-social .br-guide-mascot{width:142px;height:147px;right:6px}
.route-screen.radar-social .br-guide-copy{padding-right:120px}
@media(max-width:800px){
 body .shop-page .shop-head{grid-template-columns:1fr}
 body .shop-page .shop-head-art{min-height:140px}
 body .route-screen-experience .bx-xp-tile{min-height:320px}
 body .route-screen.radar-social .rf-posts{gap:20px}
}
@media(max-width:600px){
 html{scroll-padding-top:68px}
 body #routeView{min-width:0}
 body .shop-page .shop-head h1{font-size:clamp(29px,9vw,41px)}
 body .shop-page .shop-card{border-radius:14px}
 body .shop-page .shop-card-art{min-height:145px}
 body .shop-page .shop-card-body{padding:13px}
 body .shop-page .shop-card a,body .shop-page .shop-card button{min-height:40px}
 body .partners-route .partners-intro h2{font-size:clamp(27px,8vw,36px);overflow-wrap:break-word}
 body .partners-route .partners-intro{padding:20px}
 body .partners-route .partner-card{border-radius:15px}
 body .route-screen-experience .bx-xp-hero-grid{gap:10px}
 body .route-screen-experience .bx-xp-tile>img{object-fit:contain;object-position:center top;height:72%;width:100%;background:#0b1724}
 body .route-screen-experience .bx-xp-tile-shade{background:linear-gradient(180deg,transparent 0%,rgba(3,9,19,.22) 30%,#030a15 77%)}
 body .route-screen.radar-social .rf-toolbar nav{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
 body .route-screen.radar-social .rf-post{border-radius:13px}
 body.home-rebuilt .br-path img.br-path-image{max-width:260px;max-height:260px;opacity:.88}
 .br-route-guide{padding:18px 17px;min-height:148px;border-radius:14px;gap:6px;margin:15px 0 22px}
 .br-guide-copy{padding-right:91px}
 .br-guide-copy strong{font-size:17px}
 .br-guide-copy p{font-size:10px;line-height:1.55}
 .br-guide-mascot{width:110px;height:129px;right:-8px;bottom:-9px}
 .route-screen.radar-social .br-route-guide{padding:17px 14px}
 .route-screen.radar-social .br-guide-copy{padding-right:85px}
 .route-screen.radar-social .br-guide-mascot{width:99px;height:115px;right:-11px}
}
@media(prefers-reduced-motion:reduce){.br-route-guide *,body .br-path img.br-path-image{transition:none!important;animation:none!important}}