/* App surface: shared, accessible controls and distinct service colors. */
:root{--bx-coral:#ff8e79;--bx-orange:#ffbd73;--bx-green:#8be0b1;--bx-cyan:#8cdded;--bx-amber:#f4d38a}
.bx-icon{width:24px;height:24px;flex:none;display:block}
.bx-tone-coral{color:var(--bx-coral);background:#39282a}
.bx-tone-orange{color:var(--bx-orange);background:#392e23}
.bx-tone-green{color:var(--bx-green);background:#203a31}
.bx-tone-cyan{color:var(--bx-cyan);background:#20383f}
.bx-tone-amber{color:var(--bx-amber);background:#393525}
.bx-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:where(a,button,input):focus-visible{outline:3px solid #f4d38a;outline-offset:4px}
.bx-skip{position:fixed;top:8px;left:16px;z-index:9999;padding:12px 18px;background:#f4d38a;color:#17202a;transform:translateY(-180%);border-radius:12px}
.bx-skip:focus{transform:none}
.site-header-v3{position:sticky;top:0;z-index:80;background:rgba(8,15,23,.96);backdrop-filter:blur(16px)}
.header-search{min-width:44px;min-height:44px}.explore-toggle{min-height:44px}
.explore-toggle span .bx-icon{width:18px;height:18px}
.hero{min-height:580px;padding-top:46px;padding-bottom:40px}
.hero h1{font-size:clamp(40px,4.4vw,66px);line-height:1.08;letter-spacing:-.055em}
.hero h1 span{color:#a9d5f2}
.hero-copy-block>p:not(.hero-kicker){font-size:16px;line-height:1.7;max-width:510px;color:#bac6d2}
.hero .hero-kicker{font-size:11px;color:#f4d38a}
.hero-trust span{font-size:11px;color:#bac6d2}
.hero-app{opacity:1!important;filter:none!important;background:#17212b!important;border-color:#3b4a55!important;box-shadow:0 8px 28px #0003!important}
.hero-app img{opacity:1!important;filter:none!important}
.hero-app-orbit{opacity:1!important}.hero-brax-stage:before,.hero-brax-stage:after{display:none!important}
.hero-ecosystem:before,.hero-ecosystem:after{display:none!important}
.hero-visual{background:radial-gradient(ellipse at 45% 40%,#22474366,transparent 65%);}
.hero-next-step{display:none!important}
.hero-actions .primary-cta{background:#f0d28d;color:#17222c;box-shadow:none;min-height:48px;font-size:13px}
.hero-actions .primary-cta:hover{background:#ffe4a5;transform:translateY(-2px)}
.hero-actions .ghost-cta{min-height:48px;font-size:13px}
.header-drop{background:#302a20!important;border-color:#655334!important;color:#f4d38a!important}
.experience-intent-dock a{display:flex;gap:8px;align-items:center;min-height:44px;padding:9px 12px;background:#192733;border:1px solid #364753;border-radius:12px;color:#e6edf4;text-decoration:none;font-size:12px}
.experience-intent-dock a:hover{border-color:#f4d38a;color:#f4d38a}
.experience-intent-dock a b{color:#f4d38a}
.bx-category-icon{display:flex!important;align-items:center;justify-content:center;position:relative!important;width:52px!important;height:52px!important;border-radius:17px;margin-bottom:20px}
.bx-category-icon .bx-icon{width:28px;height:28px}
.vnext-category-card>i{display:none}
.category-route-card>span:not(.bx-category-icon){display:none}
.vnext-category-card,.category-route-card{border-color:#33424d!important;background:#131e27!important;transition:transform .2s,border-color .2s}
.vnext-category-card:hover,.category-route-card:hover{transform:translateY(-5px);border-color:#b7c8d4!important}
.bx-route-icon{display:flex!important;align-items:center;justify-content:center;border-radius:26px;opacity:1!important}
.bx-route-icon .bx-icon{width:72px;height:72px}
.watch-stage-v4{background:linear-gradient(130deg,#30242a,#151e2b)!important}
.listen-player-v4{background:linear-gradient(130deg,#213f35,#122a26)!important}
.create-studio-v4{background:linear-gradient(130deg,#183c44,#152830)!important}
.organize-console-v4{background:linear-gradient(130deg,#393425,#232a28)!important}
.discover-command-v4{background:linear-gradient(110deg,#2e2830,#192d34)!important}
.vnext-solutions-grid>a{background:#17252b!important}
.vnext-solutions-grid>a>span{color:#f4d38a!important}
.bx-search-dialog{background:#101c27;color:#f6f8fa;border:1px solid #405362;border-radius:26px;padding:28px;width:min(640px,calc(100% - 28px));max-height:85dvh;box-shadow:0 30px 100px #0008}
.bx-search-dialog::backdrop{background:#020912cc;backdrop-filter:blur(6px)}
.bx-search-top{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:24px}
.bx-search-top small{font-size:10px;letter-spacing:.14em;color:#f4d38a}
.bx-search-top h2{font-size:26px;letter-spacing:-.04em;margin:7px 0 0}
.bx-search-close{display:grid;place-items:center;border:1px solid #405362;border-radius:12px;background:#1b2a38;color:white;min-width:44px;min-height:44px;cursor:pointer}
.bx-search-field{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #738895;border-radius:14px;background:#07111b;color:#a9d5f2}
.bx-search-field input{background:transparent;color:white;border:0;outline:none;width:100%;font:inherit;font-size:16px;min-width:0}
.bx-search-field:focus-within{outline:2px solid #f4d38a;outline-offset:3px}
#bxSearchCount{font-size:12px;line-height:1.6;color:#b6c6d2;margin:20px 0 10px}
.bx-search-results{display:grid;gap:7px}
.bx-search-results>a{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;color:white;text-decoration:none;background:#182633;min-height:64px}
.bx-search-results>a:hover{background:#263a49}
.bx-search-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;flex:none}
.bx-search-results strong,.bx-search-results small{display:block}
.bx-search-results strong{font-size:14px}.bx-search-results small{font-size:12px;color:#b6c6d2;margin-top:4px}
.bx-app-nav{display:none}
.floating-whatsapp span .bx-icon{width:22px;height:22px}
@media(max-width:760px){
 body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
 .site-header-v3{min-height:68px;padding-top:8px;padding-bottom:8px}
 .hero{padding-top:28px;min-height:0;gap:12px}
 .hero-copy-block{text-align:left}.hero-copy-block>p{margin-inline:0}
 .hero h1{font-size:clamp(36px,9vw,54px)}
 .hero-actions,.hero-trust{justify-content:flex-start}
 .hero-copy-block>p:not(.hero-kicker){font-size:14px}
 .hero-visual{min-height:300px;max-height:380px}
 .marquee-shell{display:none}
 .hero-trust{gap:10px}.hero-trust span{font-size:10px}
 .bx-app-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:90;left:10px;right:10px;bottom:8px;gap:3px;padding:7px 5px calc(7px + env(safe-area-inset-bottom));border:1px solid #465460;border-radius:24px;background:rgba(18,29,39,.97);backdrop-filter:blur(18px);box-shadow:0 8px 32px #0006}
 .bx-app-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;border-radius:16px;text-decoration:none;color:#b6c6d2;font-size:10px;font-weight:700}
 .bx-app-nav>a:nth-child(2){color:#ffbd73}.bx-app-nav>a:nth-child(3){color:#8be0b1}.bx-app-nav>a:nth-child(4){color:#ffad9d}.bx-app-nav>a:nth-child(5){color:#8cdded}
 .bx-app-nav>a.is-active{background:#34434d;color:#fff}
 .bx-app-nav .bx-icon{width:22px;height:22px}
 .floating-whatsapp{bottom:calc(92px + env(safe-area-inset-bottom))!important;right:12px!important}
 .floating-concierge{bottom:calc(92px + env(safe-area-inset-bottom))!important}
 .experience-intent-dock{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .bx-search-dialog{padding:20px;border-radius:20px}
 .bx-search-top h2{font-size:23px}
 .bx-category-icon{width:44px!important;height:44px!important;border-radius:14px;margin-bottom:14px}
}
/* WhatsApp — usar o glifo correto da marca em vez de WA/balão genérico */
.wa-brand-mark{display:grid!important;place-items:center!important}
.wa-brand-mark::before{content:"";display:block;width:22px;height:22px;background:#fff;-webkit-mask:url('/assets/whatsapp.svg') center/contain no-repeat;mask:url('/assets/whatsapp.svg') center/contain no-repeat}
a[href^="https://wa.me/"]:not(.floating-whatsapp):not(.shop-wa-fast):not(.bx-social-link):not(:has(svg)):not(:has(img))::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.42em;vertical-align:-.12em;background:currentColor;-webkit-mask:url('/assets/whatsapp.svg') center/contain no-repeat;mask:url('/assets/whatsapp.svg') center/contain no-repeat;flex:0 0 auto}
.card-buy[href^="https://wa.me/"],.modal-whatsapp[href^="https://wa.me/"],.combo-send[href^="https://wa.me/"],.shop-buy[href^="https://wa.me/"],.shop-wa-fast[href^="https://wa.me/"],.commercial-category-cta[href^="https://wa.me/"],.solution-showcase-actions a[href^="https://wa.me/"],.product-route-actions a[href^="https://wa.me/"],.closing-actions a[href^="https://wa.me/"],.match-result-actions a[href^="https://wa.me/"]{display:flex;align-items:center;justify-content:center;gap:.2em}
@media(max-width:620px){.wa-brand-mark::before{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .phase1-reveal{opacity:1!important;transform:none!important}
}
/* Braxion mobile dock — premium app icons, restrained satin finish */
@media(max-width:760px){
 body{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
 .bx-app-nav{left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));gap:2px;padding:10px 5px 9px;border-radius:28px;border:1px solid #275077;background:linear-gradient(155deg,rgba(9,27,46,.98),rgba(5,17,31,.98));box-shadow:0 8px 26px #0007}
 .bx-app-nav>a{position:relative;gap:6px;min-height:76px;padding:3px 0 9px;border-radius:16px;color:#e1e8f3!important;font-size:clamp(9px,2.6vw,12px);font-weight:650;background:transparent!important}
 .bx-app-nav>a .bx-icon{width:clamp(37px,11vw,55px);height:clamp(37px,11vw,55px);padding:10px;border-radius:15px;box-sizing:content-box;max-width:calc(100% - 20px);border:1px solid color-mix(in srgb,var(--dock-accent) 52%,transparent);color:var(--dock-accent);background:linear-gradient(155deg,color-mix(in srgb,var(--dock-accent) 38%,#091827),color-mix(in srgb,var(--dock-accent) 12%,#07111d));filter:none;box-shadow:inset 0 1px 2px #ffffff22,0 3px 8px #0003}
 .bx-app-nav>a:nth-child(1){--dock-accent:#22aaff}.bx-app-nav>a:nth-child(2){--dock-accent:#ffad39}.bx-app-nav>a:nth-child(3){--dock-accent:#2bd9a7}.bx-app-nav>a:nth-child(4){--dock-accent:#ff4c91}.bx-app-nav>a:nth-child(5){--dock-accent:#a47aff}
 .bx-app-nav>a.is-active{color:var(--dock-accent)!important}
 .bx-app-nav>a.is-active:after{content:"";position:absolute;bottom:0;width:24px;height:4px;border-radius:5px;background:var(--dock-accent)}
 .bx-app-nav>a:focus-visible{outline:2px solid #fff;outline-offset:1px}
}
/* 2026-10-12: compactação do dock mobile após revisão visual */
@media(max-width:760px){
 body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 .bx-app-nav{left:12px;right:12px;gap:2px;padding:7px 5px 6px;border-radius:23px}
 .bx-app-nav>a{min-height:58px;gap:3px;padding:2px 0 7px;font-size:clamp(9px,2.35vw,11px)}
 .bx-app-nav>a .bx-icon{width:clamp(25px,7vw,34px);height:clamp(25px,7vw,34px);padding:7px;border-radius:12px;max-width:calc(100% - 14px)}
 .bx-app-nav>a.is-active:after{width:19px;height:3px}
}
/* v330 — compact premium dock */
@media(max-width:760px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.bx-app-nav{padding:6px 5px 5px;gap:1px;border-radius:21px}.bx-app-nav>a{min-height:52px;gap:3px;padding:2px 0 6px;font-size:clamp(9px,2.3vw,11px)}.bx-app-nav>a .bx-icon{width:clamp(23px,6vw,29px);height:clamp(23px,6vw,29px);padding:6px;border-radius:11px}.bx-app-nav>a.is-active:after{width:17px;height:3px}}