/* Barra superior compartilhada (página principal e estúdio). */
.barra{position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--line)}
:root{padding-top:0!important}
.marca{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:700 1.05rem "Bricolage Grotesque",system-ui,sans-serif;white-space:nowrap}
.marca>span:last-child{overflow:hidden;text-overflow:ellipsis}
.marca{min-width:0}
.barra-acoes{flex:0 0 auto}
.marca b{color:var(--acc);font-weight:700}
.marca-ic{width:34px;height:34px;display:block;flex:0 0 34px}
.marca-ic svg{width:100%;height:100%;display:block}
.barra-acoes{display:flex;align-items:center;gap:6px}
.bl{border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:999px;padding:7px 13px;font:500 .9rem "Instrument Sans",system-ui,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.bl:hover{border-color:var(--mute)}
.bl.forte{background:var(--btn);color:var(--btn-ink);border-color:var(--btn);font-weight:600}
@media (max-width:560px){.tema .tl{display:none}.tema{min-width:38px}}
@media (max-width:380px){.marca>span:last-child{display:none}}
@media (max-width:420px){.marca{font-size:.98rem}.bl{padding:7px 10px;font-size:.86rem}.barra-acoes .opc{display:none}}