:root{--bg:#0d1020;--s1:#161a30;--s2:#1f2440;--ln:#2a3050;--tx:#f3f1ee;--mu:#9aa1bd;--rd:#e0123f;--or:#ff8f1f;--grad:linear-gradient(100deg,#e0123f,#ff8f1f);--muda:var(--mu);--acento:var(--rd);
--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--px:14px;--mw:1500px;--nav:62px;--card:104px;--canal:150px;--p-btn:38px}
@media(min-width:700px){:root{--px:32px;--card:136px;--canal:200px}}
@media(min-width:1100px){:root{--px:44px;--card:162px;--canal:230px}}
@media(min-width:1800px){:root{--card:186px}}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{font-size:clamp(15px,.25vw + 12px,18px);-webkit-text-size-adjust:100%}
html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--tx);font-family:'Bricolage Grotesque',system-ui,sans-serif}
button,input,select{font-family:inherit;color:inherit}
a{color:inherit}img{max-width:100%}
:focus-visible{outline:2px solid var(--or);outline-offset:2px}
#telaMenu{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.site-header{position:sticky;top:0;z-index:100;flex-shrink:0;background:rgba(13,16,32,.97);border-bottom:1px solid var(--ln);padding-top:var(--st)}
.header-inner{max-width:var(--mw);margin:0 auto;padding:0 var(--px);min-height:58px;display:flex;flex-wrap:wrap;align-items:center;column-gap:14px}
.logo{margin-right:auto;display:flex;align-items:center;height:58px}
.menu-logo{height:26px;width:auto;max-width:60vw;filter:brightness(1.15)}
.btn-icone{width:42px;height:42px;border:0;background:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;order:2}
.btn-icone svg,.btn-aba svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.busca-barra{display:none;order:3;flex:1 0 100%;padding:0 0 10px}.busca-barra.aberta{display:block}
.input-pesquisa{width:100%;height:46px;background:var(--s1);border:1px solid var(--ln);border-radius:14px;padding:0 16px;color:#fff;font-size:16px;outline:0}
.input-pesquisa:focus{border-color:var(--or)}
.nav-principal{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;height:calc(var(--nav) + var(--sb));padding-bottom:var(--sb);background:rgba(18,21,40,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--ln)}
.btn-aba{position:relative;flex:1 1 0;min-width:0;border:0;background:none;color:var(--mu);font-size:.62rem;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.btn-aba span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn-aba.ativo{color:#fff}.btn-aba.ativo svg{stroke:var(--or)}
.btn-aba.ativo::before{content:"";position:absolute;top:0;left:28%;right:28%;height:3px;border-radius:0 0 3px 3px;background:var(--grad)}
@media(min-width:768px){
.site-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-inner{flex-wrap:nowrap;min-height:64px;column-gap:28px}
.logo{height:auto;margin-right:0;flex-shrink:0}.menu-logo{height:30px;max-width:none}
.nav-principal{position:static;height:auto;padding:0;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;margin-right:auto;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}
.btn-aba{flex:0 0 auto;flex-direction:row;gap:8px;padding:10px 14px;font-size:.92rem;border-radius:10px}
.btn-aba:hover{color:#fff;background:var(--s1)}
.btn-aba.ativo::before{top:auto;bottom:-12px;left:14px;right:14px;border-radius:3px 3px 0 0}
.btn-busca{display:none}
.busca-barra{display:block;order:0;flex:0 1 280px;padding:0}.input-pesquisa{height:40px;font-size:.9rem}}
@media(min-width:768px) and (max-width:1099px){.btn-aba svg{display:none}}
@media(min-width:768px) and (max-width:1023px){
.header-inner{flex-wrap:wrap}.btn-busca{display:flex}
.busca-barra{display:none;order:3;flex:1 0 100%;padding:0 0 10px}.busca-barra.aberta{display:block}}
@media(pointer:coarse){.input-pesquisa,.select-personalizado{font-size:16px}}