:root{
  --ink:#1B2150;
  --ink-soft:#2A3170;
  --paper:#E8FBF4;
  --paper-dim:#C8F0E4;
  --curb:#F2B705;
  --curb-dark:#B8890A;
  --signal:#1B4F9C;
  --signal-light:#2A6BC7;
  --route:#1F7A4D;
  --alert:#C1440E;
  --comercio:#2F8F82;
  --line:#B7E4D6;
  --disp:system-ui,-apple-system,sans-serif;
  --body:system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,Menlo,monospace;
}
html{font-size:110%;}
html,body{background:#15204a!important;zoom:normal;}
#app{background:var(--paper)!important;}
.brand .dot{background:#1B4F9C;}

.topbar{
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  min-height:52px!important;
  max-height:none!important;
  padding:10px 12px 12px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  flex-shrink:0!important;
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  background:#1B2150!important;
  color:#E8FBF4!important;
}
.topbar-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px;
  min-height:36px;
}
.brand{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-family:system-ui,-apple-system,sans-serif!important;
  font-size:18px!important;
  font-weight:700!important;
  letter-spacing:-.2px!important;
  white-space:nowrap;
  line-height:1;
  min-width:0;
  color:#E8FBF4!important;
}
.brand .mc-logo{
  width:22px!important;height:22px!important;
  border-radius:6px;flex-shrink:0;display:block;
}
.role-chip{
  flex:0 0 auto;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  height:32px;
  padding:0 10px!important;
  font-family:system-ui,-apple-system,sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  line-height:1;
  max-width:58%;
  color:#E8FBF4!important;
}
.role-chip span{white-space:nowrap;}
.topbar-info{
  display:block!important;
  visibility:visible!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(245,242,234,.12)!important;
}
.topbar-info .ciudad,
.topbar-info .horario{
  display:block!important;
  visibility:visible!important;
}
.section-title{display:block!important;visibility:visible!important;}
.tabla-header{display:grid!important;visibility:visible!important;}

body.tab-mapa main{
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:0!important;
}
#mcMapHost{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  position:relative;
  z-index:1;
}
.bottomnav{
  z-index:80!important;
  overflow:visible!important;
  flex-shrink:0!important;
}

#linkHomeInst,#linkHomeInstVeedor,main .mc-pie{display:none!important}
#mcPieApp{
  position:fixed;left:0;right:0;bottom:68px;z-index:40;
  display:flex!important;align-items:center;justify-content:center;gap:10px;
  margin:0;padding:6px 12px;background:transparent;pointer-events:none;
}
body:not(.in-role) #mcPieApp{bottom:22px}
#mcPieApp a{
  pointer-events:auto;color:#1B4F9C!important;font-size:13px;font-weight:600;
  text-decoration:none;display:inline-flex;align-items:center;gap:6px;
}
#mcPieApp img{width:18px;height:18px;border-radius:4px}
#mcPieApp .sep{color:#9BB}