/* Bcn Taxia - header unificado para todas las apps */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.taxia-bar{
  position:sticky;top:0;left:0;right:0;z-index:9999;
  display:flex;align-items:center;gap:12px;
  background:#1A1A1A;color:#FFFFFF;
  padding:8px 14px;
  border-bottom:3px solid #FF6B35;
  font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;
  letter-spacing:1px;
  padding-top:calc(8px + env(safe-area-inset-top,0px));
}
.taxia-bar__mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;background:#FF6B35;color:#FFFFFF;
  font-size:20px;font-weight:700;flex-shrink:0;
}
.taxia-bar__brand{
  display:flex;flex-direction:column;line-height:1;flex-shrink:0;
}
.taxia-bar__brand b{font-size:18px;color:#FFFFFF}
.taxia-bar__brand b em{font-style:normal;color:#FF6B35}
.taxia-bar__brand small{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:10px;letter-spacing:1.5px;color:#A0A0A0;
  text-transform:uppercase;margin-top:2px;font-weight:600;
}
.taxia-bar__sep{flex:1}
.taxia-bar__app{
  font-size:14px;letter-spacing:2px;color:#FF6B35;
  text-transform:uppercase;white-space:nowrap;
}
@media (max-width:380px){
  .taxia-bar__brand small{display:none}
  .taxia-bar__app{font-size:12px}
}