/* V201 - Barra superior do topo mais profissional */
.top-strip{
  position:relative!important;
  z-index:50!important;
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--top-bar-bg,#0b1220) 92%, #ffffff 8%),
    var(--top-bar-bg,#0b1220)
  )!important;
  color:var(--top-bar-text,#ffffff)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.08)!important;
  overflow:hidden!important;
}

.top-strip::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 50%, rgba(255,255,255,.13), transparent 22%),
    radial-gradient(circle at 82% 30%, rgba(255,255,255,.10), transparent 20%);
  opacity:.75;
}

.top-strip .container{
  position:relative!important;
  z-index:2!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
}

.city-switch{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:32px!important;
  padding:6px 12px 6px 8px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  color:var(--top-bar-text,#ffffff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(10px)!important;
  cursor:pointer!important;
  transition:transform .16s ease, background .16s ease, border-color .16s ease!important;
}

.city-switch:hover{
  transform:translateY(-1px)!important;
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.24)!important;
}

.city-switch .pin{
  width:24px!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  font-size:13px!important;
  line-height:1!important;
}

.city-switch strong{
  color:var(--top-bar-text,#ffffff)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.01em!important;
}

.city-switch .change-city{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:20px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.15)!important;
  color:var(--top-bar-text,#ffffff)!important;
  opacity:.86!important;
  font-size:10px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}

.desktop-contact{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  color:var(--top-bar-text,#ffffff)!important;
  opacity:.92!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-align:right!important;
}

.desktop-contact a,
.top-strip a{
  color:var(--top-bar-text,#ffffff)!important;
}

@supports not (color: color-mix(in srgb, white 10%, black)){
  .top-strip{
    background:var(--top-bar-bg,#0b1220)!important;
  }
}

@media(max-width:760px){
  .top-strip{
    border-bottom:0!important;
  }

  .top-strip .container{
    min-height:44px!important;
    justify-content:center!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }

  .city-switch{
    width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
    min-height:36px!important;
    padding:7px 10px!important;
    border-radius:16px!important;
  }

  .city-switch strong{
    max-width:56vw!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
  }

  .city-switch .change-city{
    font-size:9px!important;
    padding:3px 7px!important;
  }

  .desktop-contact{
    display:none!important;
  }
}