@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(fonts/PlusJakartaSans.ttf) format("truetype");
  font-weight: 200 800;
  font-display: swap
}
:root {
  --fundo: #010d1e;
  --fundo2: #021b30;
  --cartao1: #082744;
  --cartao2: #04203a;
  --linha: #173d5e;
  --linha2: #1d3e5d;
  --ciano: #19d6f5;
  --ciano2: #8be9fc;
  --texto: #ffffff;
  --suave: #e6edf4;
  --apoio: #b6cadb;
  --apoio2: #9fb4c8;
  --verde: #1fe39b;
  --verde-borda: #1d6b4f;
  --verde-fundo: rgba(9,48,40,.85);
  --ambar: #f2c84b;
  --ambar-borda: #a8862a;
  --ambar-fundo: rgba(70,52,12,.9);
  --raio: 12px;
  --larg: 1440px;
  --fonte: "Plus Jakarta Sans","Segoe UI",system-ui,sans-serif
}
* {
  box-sizing: border-box
}
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font-family: var(--fonte);
  font-size: 15px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased
}
img {
  max-width: 100%;
  display: block
}
a {
  color: var(--ciano)
}
a:hover {
  color: var(--ciano2)
}
button,
input,
select {
  font: inherit;
  color: inherit
}
:focus-visible {
  outline: 3px solid var(--ciano);
  outline-offset: 2px;
  border-radius: 6px
}
.sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap
}
.pular {
  position: absolute;
  left: -999px;
  top: 8px;
  background: var(--ciano);
  color: #03141f;
  padding: 10px 14px;
  border-radius: 8px;
  z-index: 50;
  font-weight: 700
}
.pular:focus {
  left: 8px
}
svg {
  width: 1em;
  height: 1em;
  flex: none
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto
  }
  * {
    transition: none!important;
    animation: none!important
  }
}
.cab {
  position: sticky;
  top: 0;
  z-index: 30;
  background: linear-gradient(90deg,#011b2d,#011a2c 40%,#001526);
  border-bottom: 1px solid #1a3550
}
.cab__in {
  max-width: var(--larg);
  margin: 0 auto;
  padding: 6px 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 56px
}
.cab__logo img {
  height: 42px;
  width: auto
}
.cab__nav {
  display: flex;
  gap: 4px;
  margin-left: auto
}
.cab__nav a {
  color: var(--suave);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  padding: 16px 10px;
  border-bottom: 3px solid transparent;
  white-space: nowrap
}
.cab__nav a:hover {
  color: #fff
}
.cab__nav a[aria-current] {
  color: var(--ciano);
  font-weight: 600;
  border-bottom-color: var(--ciano);
  box-shadow: 0 6px 8px -6px rgba(25,214,245,.8)
}
.cab__busca {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #284766;
  border-radius: 18px;
  background: rgba(8,30,52,.85);
  padding: 0 14px;
  height: 36px;
  width: 230px
}
.cab__busca svg {
  font-size: 16px;
  color: #c9d6e2
}
.cab__busca input {
  background: 0 0;
  border: 0;
  outline: 0;
  width: 100%;
  font-size: 13px;
  color: #fff
}
.cab__busca input::placeholder {
  color: var(--apoio2)
}
.cab__conta {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap
}
.cab__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1.5px solid #dfe8f0;
  display: grid;
  place-items: center;
  font-size: 18px
}
.cab__menu {
  display: none;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  background: 0 0;
  border: 1px solid #284766;
  border-radius: 10px;
  padding: 10px 14px;
  min-height: 44px;
  cursor: pointer;
  font-weight: 600
}
.cab__menu svg {
  font-size: 20px
}
.topo {
  background: radial-gradient(ellipse 55% 75% at 80% 28%,rgba(25,214,245,.16),rgba(25,214,245,0) 70%),radial-gradient(ellipse 45% 60% at 100% 0,rgba(28,92,160,.38),rgba(28,92,160,0) 72%),linear-gradient(180deg,#03223b 0,var(--fundo) 100%);
  position: relative
}
.topo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(1,13,30,.55) 0,rgba(1,13,30,.2) 45%,rgba(1,13,30,0) 70%),linear-gradient(180deg,rgba(1,13,30,0) 75%,var(--fundo) 100%);
  pointer-events: none
}
.topo__in {
  position: relative;
  max-width: var(--larg);
  margin: 0 auto;
  padding: 26px 24px 30px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 260px;
  gap: 32px
}
.sobre {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--ciano);
  text-transform: uppercase
}
.sobre span {
  width: 10px;
  height: 2px;
  background: var(--ciano)
}
h1 {
  margin: 0;
  font-size: clamp(34px,4.3vw,62px);
  line-height: .95;
  font-weight: 800;
  letter-spacing: -.035em;
  display: inline
}
h1 em {
  display: block;
  font-style: normal;
  color: var(--ciano)
}
h1 em span {
  font-size: .6em
}
.topo__local {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 0 14px;
  vertical-align: .3em;
  border: 1.5px solid var(--ciano);
  border-radius: 18px;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 600;
  background: rgba(1,20,38,.75)
}
.topo__local svg {
  color: var(--ciano);
  font-size: 17px
}
.topo__sub {
  margin: 12px 0 18px;
  font-size: 15px;
  font-weight: 500;
  color: var(--suave)
}
.topo__sub em {
  font-style: normal;
  color: var(--ciano)
}
.busca {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 980px;
  height: 52px;
  border: 1.5px solid #7894b2;
  border-radius: 26px;
  background: rgba(3,17,34,.85);
  padding: 0 8px 0 22px
}
.busca:focus-within {
  border-color: var(--ciano);
  box-shadow: 0 0 0 3px rgba(25,214,245,.25)
}
.busca svg {
  font-size: 24px
}
.busca input {
  flex: 1;
  min-width: 0;
  background: 0 0;
  border: 0;
  outline: 0;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  height: 100%
}
.busca input::placeholder {
  color: #a9bacb
}
.busca__limpar {
  background: 0 0;
  border: 1px solid #5f80a6;
  border-radius: 16px;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 13px;
  min-height: 36px
}
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  max-width: 1100px
}
.chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid #5f80a6;
  border-radius: 20px;
  background: rgba(1,18,34,.75);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap
}
.chip svg {
  font-size: 18px
}
.chip:hover {
  border-color: var(--ciano)
}
.chip[aria-pressed=true] {
  background: var(--ciano);
  border-color: var(--ciano);
  color: #03141f;
  font-weight: 700
}
.topo__lado {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  padding-top: 30px
}
.topo__pino {
  display: flex;
  align-items: center;
  margin: 0
}
.topo__pino svg {
  font-size: 54px;
  color: var(--ciano);
  filter: drop-shadow(0 0 6px rgba(25,214,245,.7));
  margin-right: -10px;
  position: relative;
  z-index: 1
}
.topo__pino span {
  border: 1.5px solid #3d7fa6;
  border-left: 0;
  border-radius: 0 10px 10px 0;
  background: rgba(4,22,42,.85);
  padding: 8px 16px 8px 22px;
  font-size: 14px;
  font-weight: 500
}
.topo__frase {
  margin: 0;
  width: 230px;
  padding: 20px;
  border: 1px solid rgba(90,130,170,.35);
  border-radius: 8px;
  background: rgba(5,22,40,.88);
  font-size: 19px;
  line-height: 1.25;
  font-weight: 500
}
.topo__frase span {
  display: block;
  width: 43px;
  height: 3px;
  background: var(--ciano);
  margin-top: 12px
}
.agora {
  padding: 0 24px
}
.agora__in {
  max-width: 1460px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1.05fr 1.2fr;
  border: 1px solid var(--linha2);
  border-radius: 12px;
  background: linear-gradient(90deg,rgba(0,36,58,.95),rgba(0,22,42,.95) 60%,rgba(0,18,36,.95))
}
.agora__item,
.agora__tit {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 12px 20px;
  min-height: 62px;
  color: #fff;
  text-decoration: none
}
.agora__in > * + * {
  border-left: 1px solid #23445f
}
.agora__item > svg:first-child,
.agora__tit svg {
  font-size: 26px;
  color: var(--ciano)
}
.agora__tit strong {
  color: var(--ciano);
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap
}
.agora__item span,
.agora__tit span {
  font-size: 12px;
  line-height: 1.35;
  color: #c9d6e2
}
.agora__item b {
  display: block;
  font-size: 17px;
  color: #fff
}
.agora__item strong {
  display: block;
  color: #fff;
  font-size: 12.5px
}
a.agora__item:hover strong {
  color: var(--ciano)
}
.agora__seta {
  margin-left: auto;
  font-size: 14px;
  color: #fff
}
.categorias,
.detalhe-area,
.empresas,
.vagas {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 24px
}
.sec__cab {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px 24px;
  margin: 18px 0 10px
}
.sec__cab h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.03em
}
.sec__cab p {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--suave)
}
.link-ciano {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: 0 0;
  border: 0;
  color: var(--ciano);
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  min-height: 44px
}
.filtros {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 16px;
  margin-bottom: 12px
}
.filtros label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  font-weight: 700;
  color: var(--apoio2);
  text-transform: uppercase;
  letter-spacing: .04em
}
.filtros select {
  min-height: 40px;
  min-width: 190px;
  border: 1px solid #2b577d;
  border-radius: 10px;
  background: #04203a;
  color: #fff;
  padding: 0 12px;
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500
}
.filtros__res {
  margin: 0 0 10px auto;
  font-size: 13px;
  color: var(--apoio)
}
.carrossel {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px
}
.trilho {
  flex: 1;
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 6px 4px 10px;
  scrollbar-width: none;
  outline-offset: 4px
}
.trilho::-webkit-scrollbar {
  display: none
}
.seta {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1.5px solid #2b577d;
  background: rgba(0,17,45,.9);
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 14px
}
.seta:disabled {
  opacity: .35;
  cursor: default
}
.pontos {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin: 6px 0 4px
}
.ponto {
  width: 24px;
  height: 24px;
  border: 0;
  background: 0 0;
  padding: 0;
  cursor: pointer;
  display: grid;
  place-items: center
}
.ponto::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1b557a
}
.ponto[aria-current=true]::before {
  background: var(--ciano)
}
.card {
  flex: 0 0 calc((100% - 5*12px)/ 6);
  min-width: 212px;
  scroll-snap-align: start;
  position: relative;
  border: 1px solid var(--linha);
  border-radius: 10px;
  background: linear-gradient(180deg,var(--cartao1),var(--cartao2) 55%,var(--fundo2));
  padding: 14px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 204px
}
.card.ativo {
  border: 2px solid #16d5f3;
  box-shadow: 0 0 16px rgba(22,213,243,.55),inset 0 0 12px rgba(22,213,243,.15);
  padding: 13px
}
.card__marca {
  height: 52px;
  display: flex;
  align-items: center;
  margin: 16px 0 6px
}
.card__marca img {
  max-height: 46px;
  max-width: 130px;
  width: auto;
  height: auto;
  object-fit: contain
}
.card__marca img.icone {
  width: 48px;
  height: 48px;
  max-height: none
}
.card__nome {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2
}
.card__seg {
  margin: 0;
  font-size: 12.5px;
  color: var(--apoio)
}
.card__seg::first-letter {
  color: var(--ciano)
}
.card__loc {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 2px 0 0;
  font-size: 11.5px;
  color: var(--suave)
}
.card__loc svg {
  font-size: 12px
}
.card__ver {
  margin: 0;
  font-size: 10.5px;
  color: #d0dbe5
}
.card__acoes {
  display: flex;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px
}
.bt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap
}
.bt--contorno {
  flex: 1;
  border: 1px solid #cfdbe6;
  background: 0 0;
  color: #fff
}
.bt--cheio {
  flex: 1;
  border: 1px solid var(--ciano);
  background: var(--ciano);
  color: #03141f
}
.bt--cheio:hover {
  background: var(--ciano2);
  color: #03141f
}
.bt--contorno:hover {
  border-color: var(--ciano);
  color: #fff
}
.selo {
  position: absolute;
  right: 8px;
  top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 22px;
  padding: 0 9px 0 3px;
  border-radius: 11px;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap
}
.selo i {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 9px
}
.selo--ok {
  border: 1px solid var(--verde-borda);
  background: var(--verde-fundo);
  color: #c9f7e2
}
.selo--ok i {
  background: var(--verde);
  color: #032016
}
.selo--pend {
  border: 1px solid var(--ambar-borda);
  background: var(--ambar-fundo);
  color: #fbe7a8
}
.selo--pend i {
  background: var(--ambar);
  color: #3a2a05
}
.selo--cat {
  border: 1px solid #2b577d;
  background: rgba(4,32,58,.9);
  color: #c9d6e2;
  padding-left: 9px
}
.detalhe-area {
  display: grid;
  grid-template-columns: minmax(0,1fr) 380px;
  gap: 16px;
  margin-top: 6px
}
.painel {
  border: 1px solid #143653;
  border-radius: 14px;
  background: rgba(0,20,35,.94);
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(220px,36%) minmax(0,1fr);
  gap: 20px;
  outline: 0
}
.painel__visual {
  position: relative;
  border-radius: 10px;
  min-height: 222px;
  padding: 16px 16px 56px;
  background: radial-gradient(120% 100% at 30% 20%,#0b3b63 0,#06243f 55%,#031629 100%);
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #1b4262
}
.painel__visual img {
  max-width: 70%;
  max-height: 110px;
  width: auto;
  height: auto
}
.painel__visual img.icone {
  width: 96px;
  height: 96px;
  max-height: none
}
.painel__cont {
  position: absolute;
  left: 8px;
  bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 21px;
  background: rgba(2,14,28,.88);
  padding: 3px 14px 3px 3px;
  font-size: 12.5px;
  font-weight: 700
}
.painel__cont i {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1.5px solid var(--ciano);
  display: grid;
  place-items: center;
  color: var(--ciano);
  font-size: 16px
}
.painel__topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px
}
.painel h3 {
  margin: 0;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.025em
}
.painel .selo {
  position: static
}
.painel__linha {
  margin: 4px 0 10px;
  font-size: 12.5px;
  color: #d6e0ea
}
.painel__linha b {
  color: var(--ciano)
}
.painel__info {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px 18px;
  margin: 0 0 14px;
  padding: 0
}
.painel__info div {
  display: flex;
  gap: 10px;
  min-width: 0
}
.painel__info svg {
  font-size: 20px;
  color: var(--ciano);
  margin-top: 2px
}
.painel__info dt {
  font-size: 10.5px;
  color: #8ea5ba
}
.painel__info dd {
  margin: 0;
  font-size: 12.5px;
  font-weight: 700;
  overflow-wrap: anywhere
}
.painel__info dd.pend {
  color: #fbe7a8;
  font-weight: 600
}
.painel__acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}
.painel__acoes .bt {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 16px;
  border: 1.5px solid var(--ciano);
  background: 0 0;
  color: #fff
}
.painel__acoes .bt--cheio {
  background: var(--ciano);
  color: #03141f
}
.painel__acoes .bt svg {
  font-size: 16px;
  color: var(--ciano)
}
.painel__acoes .bt--cheio svg {
  color: #03141f
}
.painel__nota {
  margin: 10px 0 0;
  font-size: 11.5px;
  color: var(--apoio2)
}
.painel__vagas {
  grid-column: 1/-1;
  border-top: 1px solid #143653;
  padding-top: 12px
}
.painel__vagas h4 {
  margin: 0 0 6px;
  font-size: 14px
}
.vazio {
  margin: 0;
  padding: 14px 16px;
  border: 1px dashed #2b577d;
  border-radius: 10px;
  color: var(--apoio);
  font-size: 13px
}
.erro {
  border-color: #a8862a;
  color: #fbe7a8
}
.ajuda {
  border: 1px solid #143653;
  border-radius: 14px;
  background: rgba(0,20,35,.94);
  padding: 12px
}
.ajuda h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 800
}
.ajuda > p {
  margin: 2px 0 10px;
  font-size: 12px;
  color: #dbe4ec
}
.ajuda ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px
}
.ajuda__it {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 48px;
  padding: 6px 12px;
  border: 1px solid #1b4262;
  border-radius: 9px;
  background: rgba(0,32,52,.92);
  color: #fff;
  text-decoration: none
}
.ajuda__it > svg:first-child {
  font-size: 28px;
  color: var(--ciano)
}
.ajuda__it img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid var(--ciano)
}
.ajuda__it span {
  font-size: 11px;
  line-height: 1.3;
  color: #c9d6e2
}
.ajuda__it b {
  display: block;
  color: #fff;
  font-size: 12.5px
}
.ajuda__it em {
  margin-left: auto;
  font-style: normal;
  border: 1px solid var(--ambar-borda);
  border-radius: 4px;
  background: var(--ambar-fundo);
  color: var(--ambar);
  font-size: 9.5px;
  font-weight: 800;
  padding: 2px 6px;
  white-space: nowrap
}
.ajuda__seta {
  margin-left: auto;
  font-size: 13px;
  color: #fff
}
a.ajuda__it:hover {
  border-color: var(--ciano)
}
.vaga {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid var(--linha);
  border-radius: 10px;
  background: var(--cartao2);
  margin-bottom: 8px
}
.vaga--expirada {
  opacity: .6
}
.cat-grade {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
  gap: 8px
}
.cat-grade button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 8px 14px;
  border: 1px solid var(--linha);
  border-radius: 10px;
  background: var(--cartao2);
  cursor: pointer;
  text-align: left
}
.cat-grade button:hover,
.cat-grade button[aria-pressed=true] {
  border-color: var(--ciano)
}
.cat-grade svg {
  font-size: 20px;
  color: var(--ciano)
}
.cat-grade span {
  font-size: 13px;
  font-weight: 600
}
.cat-grade small {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: var(--apoio2)
}
.rodape {
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 24px 40px;
  text-align: center;
  font-size: 12px;
  color: var(--apoio2)
}
.rodape p {
  margin: 4px 0
}
.rodape a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 8px;
  font-weight: 600
}
@media (max-width:1180px) {
  .cab__busca {
    display: none
  }
  .topo__in {
    grid-template-columns: minmax(0,1fr)
  }
  .topo__texto {
    min-width: 0
  }
  .topo__lado {
    display: none
  }
  .agora__in {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
  .agora__in > * + * {
    border-left: 0
  }
  .agora__in > * {
    border-top: 1px solid #23445f
  }
  .agora__tit {
    grid-column: 1/-1;
    border-top: 0
  }
  .card {
    flex-basis: calc((100% - 2*12px)/ 3)
  }
  .detalhe-area {
    grid-template-columns: 1fr
  }
}
@media (max-width:820px) {
  .cab__in {
    padding: 6px 16px;
    gap: 12px
  }
  .cab__logo img {
    height: 36px
  }
  .cab__menu {
    display: inline-flex
  }
  .cab__conta {
    min-width: 44px;
    min-height: 44px;
    justify-content: center
  }
  .cab__conta span:last-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap
  }
  .ponto {
    width: 40px;
    height: 40px
  }
  .cab__nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    flex-direction: column;
    gap: 0;
    background: #011a2c;
    border-bottom: 1px solid #1a3550;
    padding: 6px 16px 12px
  }
  .cab__nav.aberto {
    display: flex
  }
  .cab__nav a {
    padding: 14px 6px;
    border-bottom: 1px solid #12304a
  }
  .cab__nav a[aria-current] {
    border-bottom-color: #12304a;
    box-shadow: none
  }
  .topo {
    background: radial-gradient(ellipse 55% 75% at 80% 28%,rgba(25,214,245,.16),rgba(25,214,245,0) 70%),radial-gradient(ellipse 45% 60% at 100% 0,rgba(28,92,160,.38),rgba(28,92,160,0) 72%),linear-gradient(180deg,#03223b 0,var(--fundo) 100%)
  }
  .topo::before {
    background: linear-gradient(180deg,rgba(1,13,30,.35) 0,rgba(1,13,30,.88) 45%,var(--fundo) 100%)
  }
  .topo__in {
    padding: 22px 16px 20px
  }
  .topo__local {
    margin: 10px 0 0;
    display: inline-flex
  }
  h1 {
    display: block
  }
  .so-desk {
    display: none
  }
  .busca {
    height: 50px;
    padding-left: 16px;
    gap: 10px
  }
  .chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 14px -16px 0;
    padding: 0 16px 4px;
    scrollbar-width: none
  }
  .chips::-webkit-scrollbar {
    display: none
  }
  .agora {
    padding: 0 16px
  }
  .agora__in {
    grid-template-columns: 1fr 1fr
  }
  .agora__item,
  .agora__tit {
    padding: 10px 14px
  }
  .categorias,
  .detalhe-area,
  .empresas,
  .vagas {
    padding: 0 16px
  }
  .filtros label {
    flex: 1 1 140px
  }
  .filtros select {
    min-width: 0;
    width: 100%
  }
  .filtros__res {
    margin: 0;
    width: 100%
  }
  .seta {
    display: none
  }
  .trilho {
    margin: 0 -16px;
    padding: 6px 16px 10px;
    scroll-padding: 0 16px
  }
  .card {
    flex-basis: 78%;
    min-width: 0
  }
  .painel {
    grid-template-columns: 1fr;
    padding: 12px
  }
  .painel__visual {
    min-height: 170px
  }
  .painel__info {
    grid-template-columns: 1fr 1fr
  }
  .painel__acoes .bt {
    flex: 1 1 100%
  }
  .sec__cab h2 {
    font-size: 21px
  }
}
@media (max-width:380px) {
  .agora__in {
    grid-template-columns: 1fr
  }
  .painel__info {
    grid-template-columns: 1fr
  }
}
.painel__visual--foto {
  padding: 0;
  background: #031629;
  aspect-ratio: 16/9;
  min-height: 0;
  align-self: start
}
.painel__visual img.foto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  border-radius: 10px
}
.painel__visual--foto .painel__cont {
  z-index: 1
}
.tile-ico {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: linear-gradient(160deg,#0f4a78,#0a3358);
  border: 1px solid #1f5d8c;
  display: grid;
  place-items: center;
  color: var(--ciano);
  font-size: 26px
}
.tile-ico--g {
  width: 104px;
  height: 104px;
  border-radius: 22px;
  font-size: 56px
}
.vaga__det {
  display: block;
  margin-top: 3px;
  color: var(--apoio)
}
.card {
  cursor: pointer
}
.card:hover {
  border-color: #2a6a96
}
.painel__midia {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0
}
.painel__visual--prep {
  min-height: 200px;
  border-style: dashed;
  border-color: #2b577d
}
.painel__prep {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #fbe7a8;
  background: var(--ambar-fundo);
  border: 1px solid var(--ambar-borda);
  border-radius: 6px;
  padding: 3px 8px
}
.painel__credito {
  margin: 0;
  font-size: 11px;
  color: var(--apoio2)
}
.galeria {
  display: flex;
  gap: 8px;
  flex-wrap: wrap
}
.galeria__bt {
  width: 64px;
  height: 44px;
  padding: 0;
  border: 2px solid #1b4262;
  border-radius: 8px;
  overflow: hidden;
  background: 0 0;
  cursor: pointer
}
.galeria__bt[aria-pressed=true] {
  border-color: var(--ciano)
}
.galeria__bt img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.painel__fatos {
  margin: 0 0 12px;
  padding: 10px 12px 10px 28px;
  border: 1px solid #1b4262;
  border-radius: 10px;
  background: rgba(4,32,58,.6);
  font-size: 12px;
  color: var(--suave);
  display: grid;
  gap: 4px
}
.painel__fatos b {
  color: #fbe7a8
}
.vazio strong {
  color: #fff
}
.vaga__dados {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 10px;
  margin: 6px 0 0;
  font-size: 12px
}
.vaga__dados dt {
  color: var(--apoio2)
}
.vaga__dados dd {
  margin: 0;
  color: var(--suave)
}
.painel__midia > .painel__visual {
  align-self: stretch;
  width: 100%
}
.painel__visual--sem-foto {
  background: repeating-linear-gradient(135deg,#06213b 0 14px,#082743 14px 28px);
  border: 1px dashed #2b577d
}
.painel__reserva {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 20px 56px;
  text-align: center;
  color: #cfe3f5
}
.painel__reserva svg {
  width: 40px;
  height: 40px;
  color: #7fb4dc
}
.painel__reserva-tit {
  font-size: 16px;
  color: #fbe7a8
}
.painel__reserva-txt {
  font-size: 14px;
  line-height: 1.35;
  max-width: 30ch
}
.card__marca {
  height: 52px
}
.card__marca img.logo {
  max-width: 168px;
  max-height: 48px;
  height: 40px;
  width: auto;
  object-fit: contain;
  object-position: left center;
  background: 0 0;
  padding: 0
}
.card__marca img.logo--claro {
  background: #eef4fa;
  border-radius: 6px;
  padding: 3px 7px;
  box-sizing: content-box;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08)
}
.filtros__cat {
  margin: 0;
  align-self: end;
  font-size: 13px;
  color: var(--apoio)
}
.filtros__cat b {
  color: #fff
}
.filtros__cat .link-ciano {
  margin-left: 6px;
  font-size: 13px
}
.vazio--cat {
  display: block;
  width: 100%
}
.categorias h2:focus {
  outline: 2px solid var(--ciano);
  outline-offset: 4px;
  border-radius: 4px
}
.cat-grade li {
  display: flex
}
.cat-grade li > button {
  height: 100%
}
@media (min-width:2400px) {
  body {
    zoom: 1.5
  }
}
@media (min-width:3400px) {
  body {
    zoom: 2
  }
}
@media (max-width:600px) {
  .vaga {
    grid-template-columns: minmax(0,1fr);
    align-items: start
  }
  .vaga > div {
    min-width: 0
  }
  .vaga > .selo {
    justify-self: start
  }
  .vaga > .bt {
    justify-self: stretch;
    min-height: 44px;
    white-space: normal;
    text-align: center
  }
}
.selo--inst {
  border: 1px solid #5d7a96;
  background: rgba(30,52,76,.92);
  color: #dbe6f0
}
.selo--inst i {
  background: #a9bdd1;
  color: #0b2236
}
.selo--inst i svg {
  width: 10px;
  height: 10px
}
.vagas-vazio {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 20px 22px;
  border: 1px solid var(--linha2);
  border-radius: var(--raio);
  background: linear-gradient(90deg,rgba(0,36,58,.95),rgba(0,22,42,.95) 60%,rgba(0,18,36,.95))
}
.vagas-vazio__ico {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(25,214,245,.12);
  border: 1px solid rgba(25,214,245,.35);
  color: var(--ciano);
  font-size: 22px
}
.vagas-vazio__txt strong {
  display: block;
  font-size: 16px;
  margin-bottom: 4px
}
.vagas-vazio__txt span {
  color: var(--apoio);
  font-size: 13.5px
}
.vagas-vazio__acoes {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end
}
.vagas-vazio__acoes .bt {
  min-height: 44px;
  white-space: nowrap
}
.vagas-vazio__acoes .bt:not(.bt--cheio) {
  border: 1px solid var(--ciano);
  color: var(--ciano);
  background: 0 0
}
@media (max-width:900px) {
  .vagas-vazio {
    grid-template-columns: auto minmax(0,1fr);
    align-items: start;
    padding: 18px 16px;
    gap: 14px
  }
  .vagas-vazio__ico {
    width: 40px;
    height: 40px;
    font-size: 18px
  }
  .vagas-vazio__acoes {
    grid-column: 1/-1;
    justify-content: stretch
  }
  .vagas-vazio__acoes .bt {
    flex: 1 1 220px;
    justify-content: center;
    white-space: normal;
    text-align: center
  }
}
html {
  scroll-padding-top: 80px
}
.vista[hidden] {
  display: none!important
}
.vista h1 {
  display: block;
  margin: 0;
  font-size: clamp(28px,3.4vw,46px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -.03em
}
.vista h1:focus {
  outline: 0
}
.vista h1:focus-visible {
  outline: 2px dashed rgba(25,214,245,.6);
  outline-offset: 6px;
  border-radius: 6px
}
#t-resultados:focus,
#t-setores:focus {
  outline: 0
}
a.chip {
  color: #fff;
  text-decoration: none
}
a.chip:hover {
  color: #fff
}
.chip--todos {
  border-color: var(--ciano);
  color: var(--ciano)!important
}
.chip--todos svg {
  color: var(--ciano)
}
.paginador {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 8px 0 4px;
  font-size: 13px;
  font-weight: 600;
  color: var(--suave)
}
.paginador[hidden] {
  display: none
}
.paginador__bt {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1.5px solid #2b577d;
  background: rgba(0,17,45,.9);
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 14px;
  color: #fff
}
.paginador__bt:disabled {
  opacity: .35;
  cursor: default
}
.pontos[hidden] {
  display: none
}
.setores-grade {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(232px,1fr));
  gap: 12px
}
.setores-grade li {
  display: flex
}
.setor-card {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--linha);
  border-radius: 12px;
  overflow: hidden;
  background: var(--cartao2);
  color: #fff;
  text-decoration: none;
  min-height: 196px
}
.setor-card:focus-visible,
.setor-card:hover {
  border-color: var(--ciano);
  color: #fff;
  box-shadow: 0 0 14px rgba(22,213,243,.35)
}
.setor-card__foto {
  display: block;
  height: 116px;
  overflow: hidden;
  background: #06243f;
  position: relative
}
.setor-card__foto::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(1,13,30,0) 45%,rgba(4,32,58,.95) 100%)
}
.setor-card__foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease
}
.setor-card:hover .setor-card__foto img {
  transform: scale(1.04)
}
.setor-card__num {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(1,13,30,.85);
  border: 1px solid #2b577d;
  color: var(--ciano);
  font-size: 12px;
  font-weight: 800;
  border-radius: 6px;
  padding: 2px 8px
}
.setor-card__corpo {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 10px;
  align-items: center;
  padding: 8px 14px 14px
}
.setor-card__ico {
  grid-row: 1/3;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(160deg,#0f4a78,#0a3358);
  border: 1px solid #1f5d8c;
  display: grid;
  place-items: center;
  color: var(--ciano);
  font-size: 20px
}
.setor-card__corpo strong {
  font-size: 14px;
  line-height: 1.2
}
.setor-card__corpo small {
  font-size: 11.5px;
  color: var(--apoio)
}
.vista__in {
  max-width: 1500px;
  margin: 0 auto;
  padding: 16px 24px 32px
}
.vista__sub {
  max-width: 900px;
  margin: 8px 0 16px;
  font-size: 14px;
  color: var(--suave)
}
.vista__voltar {
  margin: 20px 0 0
}
.vista__voltar--topo {
  margin: 0 0 8px
}
.trilha ol {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 0;
  font-size: 12.5px
}
.trilha li + li::before {
  content: "›";
  margin: 0 8px;
  color: var(--apoio2)
}
.trilha a {
  color: var(--apoio);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  min-height: 24px
}
.trilha a:hover {
  color: var(--ciano)
}
.trilha [aria-current] {
  color: #fff;
  font-weight: 600
}
.banner {
  position: relative;
  border: 1px solid var(--linha);
  border-radius: 14px;
  overflow: hidden;
  background: #04203a;
  min-height: 300px;
  display: flex
}
.banner__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .35s ease
}
.banner__img.trocando {
  opacity: .2
}
.banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(1,13,30,.94) 0,rgba(1,13,30,.78) 38%,rgba(1,13,30,.2) 72%,rgba(1,13,30,.05) 100%),linear-gradient(180deg,rgba(1,13,30,0) 60%,rgba(1,13,30,.55) 100%);
  pointer-events: none
}
.banner--neutro {
  background: radial-gradient(ellipse 55% 75% at 80% 28%,rgba(25,214,245,.16),rgba(25,214,245,0) 70%),linear-gradient(180deg,#03223b 0,var(--fundo) 100%);
  min-height: 200px
}
.banner--neutro::after {
  display: none
}
.banner__txt {
  position: relative;
  z-index: 1;
  align-self: flex-end;
  max-width: 780px;
  padding: 22px 26px 26px
}
.banner__num {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--ciano)
}
.banner__sub {
  margin: 10px 0 0;
  font-size: 15px;
  font-weight: 500;
  color: var(--suave)
}
.banner .banner__selo {
  position: absolute;
  right: 14px;
  top: 14px;
  bottom: auto;
  transform: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  z-index: 2;
  background: rgba(1,13,30,.85);
  border: 1px solid #5d7a96;
  border-radius: 14px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  color: #dbe6f0
}
.banner .banner__selo svg {
  color: var(--ciano)
}
.banner__credito {
  margin: 6px 2px 12px;
  font-size: 11.5px;
  color: var(--apoio2)
}
.banner__credito a {
  color: var(--apoio)
}
.segs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 10px
}
.seg {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 8px 0 14px;
  border: 1px solid #5f80a6;
  border-radius: 22px;
  background: rgba(1,18,34,.75);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  color: #fff;
  text-align: left
}
.seg:hover {
  border-color: var(--ciano)
}
.seg__cod {
  color: var(--ciano);
  font-size: 11px;
  font-weight: 800
}
.seg__n {
  min-width: 24px;
  height: 24px;
  border-radius: 12px;
  background: #0f3352;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 700;
  padding: 0 6px
}
.seg--vazio {
  border-style: dashed;
  color: var(--suave)
}
.seg[aria-pressed=true] {
  background: var(--ciano);
  border-color: var(--ciano);
  color: #03141f;
  font-weight: 700
}
.seg[aria-pressed=true] .seg__cod {
  color: #03141f
}
.seg[aria-pressed=true] .seg__n {
  background: #03141f;
  color: var(--ciano)
}
.seg-desc__caixa {
  margin: 0 0 6px;
  border: 1px solid #1b4262;
  border-radius: 10px;
  background: rgba(4,32,58,.6);
  padding: 8px 14px;
  font-size: 13px;
  color: var(--suave)
}
.seg-desc__caixa summary {
  cursor: pointer;
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #fff
}
.seg-desc__caixa svg {
  color: var(--ciano);
  font-size: 16px
}
.seg-desc__caixa ul {
  margin: 6px 0 4px;
  padding-left: 18px;
  display: grid;
  gap: 6px
}
.seg-desc__caixa b {
  color: #fff
}
.seg-desc__tit {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0;
  font-weight: 700;
  color: #fff;
  font-size: 12.5px
}
.seg-desc__txt {
  margin: 0 0 4px
}
.sec__cab--res {
  margin-top: 20px
}
.filtros--setor {
  align-items: flex-end
}
.filtros__busca {
  flex: 2 1 260px
}
.campo-busca {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #2b577d;
  border-radius: 10px;
  background: #04203a;
  padding: 0 12px;
  min-height: 40px
}
.campo-busca:focus-within {
  border-color: var(--ciano);
  box-shadow: 0 0 0 3px rgba(25,214,245,.25)
}
.campo-busca svg {
  font-size: 16px;
  color: #c9d6e2
}
.campo-busca input {
  flex: 1;
  min-width: 0;
  background: 0 0;
  border: 0;
  outline: 0;
  color: #fff;
  font-size: 13px;
  height: 38px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500
}
.campo-busca input::placeholder {
  color: var(--apoio2)
}
#sb-limpar[hidden] {
  display: none
}
.grade-org {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
  gap: 12px
}
.grade-org > li {
  display: flex
}
.grade-org__vazio {
  grid-column: 1/-1
}
.card--grade {
  flex: 1;
  min-width: 0;
  min-height: 250px;
  cursor: default
}
.card__link {
  color: #fff;
  text-decoration: none
}
.card__link:hover {
  color: var(--ciano);
  text-decoration: underline
}
.card__nat {
  margin: 0;
  font-size: 11.5px;
  color: var(--apoio2)
}
.card__segs {
  margin: 2px 0 0;
  font-size: 11.5px;
  color: var(--ciano2)
}
.card__outros {
  margin: 0;
  font-size: 11px;
  color: var(--apoio2)
}
.card--grade .card__acoes .bt {
  min-height: 40px
}
.vazio--setor {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 12px;
  align-items: start;
  padding: 18px
}
.vazio--setor > svg {
  font-size: 22px;
  color: var(--ciano);
  margin-top: 2px
}
.vazio--setor p {
  margin: 0;
  color: var(--suave);
  font-size: 14px
}
.vazio__acoes {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px
}
.vazio__acoes .bt {
  flex: 0 1 auto;
  min-height: 44px;
  padding: 0 16px
}
.paginacao {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 18px 0 0
}
.paginacao[hidden] {
  display: none
}
.paginacao ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 6px
}
.pag__bt,
.pag__num {
  min-width: 44px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid #2b577d;
  border-radius: 10px;
  background: rgba(0,17,45,.9);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px
}
.pag__bt:hover,
.pag__num:hover {
  border-color: var(--ciano)
}
.pag__num[aria-current=page] {
  background: var(--ciano);
  border-color: var(--ciano);
  color: #03141f
}
.pag__bt:disabled {
  opacity: .35;
  cursor: default
}
.pag__ret {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--apoio2)
}
.pag__info {
  width: 100%;
  text-align: center;
  font-size: 12.5px;
  color: var(--apoio)
}
.ficha__cab {
  display: grid;
  grid-template-columns: minmax(260px,40%) minmax(0,1fr);
  gap: 22px;
  border: 1px solid #143653;
  border-radius: 14px;
  background: rgba(0,20,35,.94);
  padding: 16px
}
.ficha__visual {
  display: flex;
  flex-direction: column;
  gap: 6px
}
.ficha__cartao,
.ficha__visual > img.foto {
  width: 100%;
  aspect-ratio: 16/10;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid #1b4262
}
.ficha__cartao {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: radial-gradient(120% 100% at 30% 20%,#0b3b63 0,#06243f 55%,#031629 100%);
  padding: 16px;
  text-align: center
}
.ficha__cartao-marca {
  display: grid;
  place-items: center;
  min-height: 80px
}
.ficha__cartao-marca img.logo {
  max-width: 150px;
  object-fit: contain;
  transform: scale(1.6)
}
.ficha__cartao-txt {
  font-size: 12px;
  color: var(--apoio)
}
.ficha__credito {
  margin: 0;
  font-size: 11px;
  color: var(--apoio2)
}
.ficha__id {
  min-width: 0
}
.ficha__id h1 {
  font-size: clamp(26px,3vw,40px)
}
.ficha__seg {
  margin: 6px 0 0;
  font-size: 15px;
  color: var(--suave)
}
.ficha__selos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 4px
}
.selo--nat {
  border: 1px solid #5d7a96;
  background: rgba(30,52,76,.92);
  color: #dbe6f0
}
.selo--nat i {
  background: #a9bdd1;
  color: #0b2236
}
.selo--prog {
  border: 1px solid #1f8fb0;
  background: rgba(6,52,78,.92);
  color: #c7f3fd
}
.selo--prog i {
  background: var(--ciano);
  color: #03141f
}
.selo i svg {
  width: 10px;
  height: 10px
}
.etiquetas {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px
}
.etiqueta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #2b577d;
  border-radius: 18px;
  font-size: 12.5px;
  color: #fff;
  text-decoration: none;
  background: rgba(4,32,58,.6)
}
.etiqueta svg {
  color: var(--ciano);
  font-size: 15px
}
.etiqueta:hover {
  border-color: var(--ciano);
  color: #fff
}
.etiqueta--principal {
  border-color: var(--ciano)
}
.etiqueta--seg {
  color: var(--ciano2);
  border-style: dashed
}
.ficha__marc {
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--apoio2)
}
.ficha__grade {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin-top: 14px
}
.ficha__sec {
  border: 1px solid #143653;
  border-radius: 14px;
  background: rgba(0,20,35,.94);
  padding: 14px 16px;
  min-width: 0
}
.ficha__sec--destaque {
  border-color: #1d6b8f;
  box-shadow: inset 0 0 0 1px rgba(25,214,245,.08)
}
.ficha__sec--larga {
  grid-column: 1/-1
}
.ficha__sec h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 800
}
.ficha__sec h2 svg {
  color: var(--ciano);
  font-size: 19px
}
.ficha__aviso {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 0 0 10px;
  font-size: 12.5px;
  color: var(--suave)
}
.ficha__aviso svg {
  color: var(--ciano);
  font-size: 16px;
  margin-top: 1px
}
.ficha__acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}
.ficha__acoes .bt,
.ficha__sec .bt {
  flex: 0 1 auto;
  min-height: 44px;
  padding: 0 16px
}
.ficha__sec .bt--contorno {
  border: 1.5px solid var(--ciano)
}
.unidades {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px
}
.unidade {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid #1b4262;
  border-radius: 10px;
  background: rgba(4,32,58,.6)
}
.unidade strong {
  font-size: 13.5px
}
.unidade span {
  font-size: 13px;
  color: var(--suave)
}
.unidade small {
  font-size: 12px;
  color: var(--apoio2);
  display: flex;
  align-items: center;
  gap: 4px
}
.unidade small svg {
  color: var(--ciano)
}
.unidade .link-ciano {
  min-height: 32px;
  font-size: 12.5px
}
.unidade--pend span {
  color: #fbe7a8
}
.ficha__info {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px
}
.ficha__info li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13.5px;
  overflow-wrap: anywhere
}
.ficha__info li > svg {
  font-size: 20px;
  color: var(--ciano);
  margin-top: 2px
}
.ficha__info small {
  display: block;
  font-size: 11px;
  color: var(--apoio2)
}
.pendencias {
  margin: 6px 0 0;
  padding-left: 18px;
  display: grid;
  gap: 4px
}
.pendencias li {
  color: #fbe7a8;
  font-size: 13px
}
.ficha__nota {
  margin: 8px 0 0;
  font-size: 12.5px;
  color: var(--apoio2)
}
.ficha__nota svg {
  color: var(--ciano)
}
.lista-lojas {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
  font-size: 13.5px
}
.lista-lojas small {
  color: var(--apoio2)
}
.creditos {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px
}
.creditos li {
  display: grid;
  grid-template-columns: 160px minmax(0,1fr);
  gap: 14px;
  align-items: center;
  padding: 10px;
  border: 1px solid #143653;
  border-radius: 12px;
  background: rgba(0,20,35,.94)
}
.creditos img {
  width: 160px;
  height: 100px;
  object-fit: cover;
  border-radius: 8px
}
.creditos div {
  display: grid;
  gap: 3px;
  font-size: 13px
}
.creditos span {
  color: var(--suave)
}
.creditos small {
  color: var(--apoio2);
  font-size: 12px
}
@media (max-width:1180px) {
  .ficha__cab {
    grid-template-columns: minmax(220px,42%) minmax(0,1fr)
  }
}
@media (max-width:820px) {
  html {
    scroll-padding-top: 68px
  }
  .vista__in {
    padding: 12px 16px 28px
  }
  .banner {
    min-height: 260px
  }
  .banner::after {
    background: linear-gradient(180deg,rgba(1,13,30,.2) 0,rgba(1,13,30,.55) 40%,rgba(1,13,30,.95) 100%)
  }
  .banner__txt {
    padding: 16px 16px 18px
  }
  .banner .banner__selo {
    top: 10px;
    right: 10px;
    font-size: 11px
  }
  .seg {
    min-height: 44px;
    font-size: 12.5px
  }
  .filtros--setor label {
    flex: 1 1 140px
  }
  .filtros__busca {
    flex-basis: 100%!important
  }
  .campo-busca {
    min-height: 44px
  }
  .grade-org {
    grid-template-columns: 1fr
  }
  .card--grade .card__acoes .bt {
    min-height: 44px
  }
  .pag__txt {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap
  }
  .ficha__cab {
    grid-template-columns: 1fr;
    padding: 12px
  }
  .ficha__grade {
    grid-template-columns: 1fr
  }
  .creditos li {
    grid-template-columns: 96px minmax(0,1fr)
  }
  .creditos img {
    width: 96px;
    height: 64px
  }
  .setores-grade {
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    gap: 10px
  }
  .setor-card {
    min-height: 170px
  }
  .setor-card__foto {
    height: 84px
  }
  .setor-card__corpo {
    grid-template-columns: 1fr;
    padding: 8px 10px 12px
  }
  .setor-card__ico {
    display: none
  }
  .setor-card__corpo strong {
    font-size: 13px
  }
}
@media (max-width:380px) {
  .pag__num {
    min-width: 40px;
    padding: 0 8px
  }
}
.ficha__sec .bt {
  white-space: normal;
  text-align: center;
  line-height: 1.25;
  padding-top: 8px;
  padding-bottom: 8px
}
@media (max-width:820px) {
  .ficha__acoes .bt,
  .ficha__sec .bt {
    flex: 1 1 100%
  }
}
.ficha__visual > img.foto {
  height: auto;
  max-height: none
}
.vaga__validade {
  color: var(--suave)
}
.vaga__validade--prov {
  color: #fbe7a8
}
.card--midia {
  padding-top: 0;
  overflow: hidden
}
.card--midia.ativo {
  padding-top: 0
}
.card__midia {
  position: relative;
  margin: 0 -14px;
  height: 112px;
  overflow: hidden;
  background: #031629;
  border-bottom: 1px solid var(--linha)
}
.card--midia.ativo .card__midia {
  margin: 0 -13px
}
.card__midia img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.card__midia--ilustr img {
  filter: saturate(.7) brightness(.62)
}
.card__midia::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(1,13,30,0) 35%,rgba(4,32,58,.92) 100%);
  pointer-events: none
}
.card--grade .card__midia {
  height: 132px
}
.midia-selo {
  position: absolute;
  z-index: 2;
  right: 8px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 22px;
  padding: 0 9px;
  border-radius: 11px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
  background: rgba(1,13,30,.86);
  border: 1px solid #2f6a94;
  color: #dcebf6
}
.midia-selo svg {
  font-size: 11px;
  color: var(--ciano)
}
.midia-selo--ilustr {
  border-style: dashed;
  color: #cfdbe6
}
.card--midia > .selo {
  z-index: 2;
  top: 8px
}
.card__marca--sobre {
  position: relative;
  align-self: flex-start;
  margin: 12px 0 4px;
  min-height: 46px;
  height: auto
}
.card__marca--sobre .tile-ico {
  width: 40px;
  height: 40px
}
.card--midia .card__nome {
  margin-top: 2px
}
.ficha__quadro {
  position: relative;
  width: 100%;
  aspect-ratio: 16/10;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #1b4262;
  background: #031629
}
.ficha__quadro img.foto {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  border-radius: 0;
  aspect-ratio: auto
}
.ficha__quadro .midia-selo {
  top: 10px;
  left: 10px;
  right: auto;
  bottom: auto
}
.ficha__quadro--ilustr img.foto {
  filter: saturate(.7) brightness(.5)
}
.ficha__cartao-marca--sobre {
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translate(-50%,-50%);
  padding: 14px 22px;
  border-radius: 14px;
  background: rgba(1,13,30,.88);
  border: 1px solid #2b577d;
  box-shadow: 0 10px 30px rgba(0,0,0,.45)
}
.ficha__ilustr-txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 22px 14px 10px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--suave);
  background: linear-gradient(180deg,rgba(1,13,30,0),rgba(1,13,30,.94) 55%);
  text-align: center
}
.ficha__credito a {
  color: var(--ciano2)
}
.painel__visual img.foto--ilustr {
  filter: saturate(.7) brightness(.55)
}
.painel__visual .midia-selo {
  top: 8px;
  right: 8px;
  bottom: auto
}
.painel__credito a {
  color: var(--ciano2)
}
.filtros-ativos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px
}
.filtros-ativos[hidden] {
  display: none
}
.chip-filtro {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--ciano);
  background: rgba(25,214,245,.08);
  color: #fff;
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer
}
.chip-filtro:hover {
  background: rgba(25,214,245,.18)
}
.chip-filtro__x {
  font-size: 17px;
  line-height: 1;
  color: var(--ciano)
}
#sb-ord {
  min-width: 210px
}
@media (max-width:820px) {
  .card--grade .card__midia {
    height: 150px
  }
  .filtros--setor label {
    flex: 1 1 150px
  }
  #sb-ord,
  .filtros select {
    min-width: 0;
    width: 100%
  }
}
@media (prefers-reduced-motion:no-preference) {
  .card__midia img {
    transition: transform .35s ease
  }
  .card--grade:hover .card__midia img {
    transform: scale(1.04)
  }
}
.filtros__grupo {
  display: contents
}
.bt-filtros {
  display: none
}
@media (max-width:820px) {
  .bt-filtros {
    display: inline-flex;
    flex: 1 1 100%;
    min-height: 44px
  }
  .filtros__grupo {
    display: none
  }
  .filtros--aberto .filtros__grupo {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    width: 100%
  }
  .filtros--aberto .filtros__grupo label {
    flex: 1 1 150px
  }
}
.ident {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(135deg,color-mix(in srgb,var(--c1) 82%,#000) 0,color-mix(in srgb,var(--c1) 55%,#010d1e) 100%)
}
.ident--setor {
  background: radial-gradient(120% 120% at 20% 10%,#0b3b63 0,#06243f 55%,#031629 100%)
}
.ident__faixa {
  position: absolute;
  right: -18%;
  top: -40%;
  width: 55%;
  height: 180%;
  transform: rotate(18deg);
  background: var(--c2);
  opacity: .9;
  box-shadow: -14px 0 0 rgba(255,255,255,.12)
}
.ident--setor .ident__faixa {
  opacity: .18
}
.ident__ico {
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-58%);
  font-size: 64px;
  color: #fff;
  opacity: .2
}
.ident__centro {
  position: absolute;
  left: 14px;
  right: 34%;
  top: 12px;
  bottom: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px
}
.ident__nome {
  font-weight: 800;
  font-size: 17px;
  line-height: 1.12;
  letter-spacing: -.01em;
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.ident__nome--sub {
  font-size: 14px;
  font-weight: 700;
  opacity: .95
}
.ident__logo {
  display: inline-flex;
  align-items: center;
  max-width: 100%
}
.ident__logo img {
  max-width: 100%;
  max-height: 44px;
  width: auto;
  height: auto;
  object-fit: contain
}
.ident__logo--placa {
  align-self: flex-start;
  background: #fff;
  border-radius: 10px;
  padding: 6px 10px
}
.ident__logo--placa img {
  max-height: 34px
}
.ident__local {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 11.5px;
  font-weight: 600;
  background: rgba(1,13,30,.72)
}
.ident__local svg {
  font-size: 12px;
  color: var(--ciano)
}
.ident .midia-selo {
  right: 8px;
  bottom: 5px;
  top: auto
}
.card__midia--ident::after {
  display: none
}
.card__midia-local {
  position: absolute;
  z-index: 2;
  left: 8px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 22px;
  padding: 0 9px;
  border-radius: 11px;
  font-size: 10.5px;
  font-weight: 700;
  background: rgba(1,13,30,.86);
  color: #fff
}
.card__midia-local svg {
  font-size: 11px;
  color: var(--ciano)
}
.card__midia-n {
  position: absolute;
  z-index: 2;
  left: 8px;
  top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 8px;
  border-radius: 11px;
  font-size: 10.5px;
  font-weight: 700;
  background: rgba(1,13,30,.86);
  color: #fff
}
.midia-selo {
  font-weight: 800
}
.ficha__quadro--ident {
  aspect-ratio: 16/10
}
.ident--grande .ident__centro {
  left: 24px;
  top: 20px;
  bottom: 46px;
  gap: 8px
}
.ident--grande .ident__nome {
  font-size: 30px
}
.ident--grande .ident__nome--sub {
  font-size: 18px
}
.ident--grande .ident__logo img {
  max-height: 84px
}
.ident--grande .ident__logo--placa {
  padding: 10px 16px;
  border-radius: 14px
}
.ident--grande .ident__logo--placa img {
  max-height: 64px
}
.ident--grande .ident__ico {
  font-size: 120px
}
.ident--grande .ident__local {
  font-size: 13.5px;
  padding: 10px 18px
}
.ficha__quadro-n {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  padding: 3px 9px;
  border-radius: 11px;
  font-size: 11px;
  font-weight: 700;
  background: rgba(1,13,30,.86)
}
.galeria--ficha {
  display: flex;
  gap: 8px;
  flex-wrap: wrap
}
.galeria--ficha .galeria__bt {
  width: 88px;
  height: 58px;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid #1b4262;
  background: #031629;
  cursor: pointer
}
.galeria--ficha .galeria__bt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}
.galeria--ficha .galeria__bt[aria-pressed=true] {
  border-color: var(--ciano)
}
.ficha__credito b {
  color: #fff
}
.painel__visual .ident {
  position: absolute;
  inset: 0;
  border-radius: 10px
}
.unidade--foto {
  display: grid;
  grid-template-columns: 96px 1fr;
  column-gap: 12px;
  align-items: start
}
.unidade--foto > :not(.unidade__foto) {
  grid-column: 2
}
.unidade__foto {
  grid-row: 1/span 6;
  width: 96px;
  height: 72px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #1b4262
}
@media (max-width:820px) {
  .ident--grande .ident__nome {
    font-size: 22px
  }
  .ident--grande .ident__ico {
    font-size: 84px
  }
}
.ident__logo img {
  height: 40px;
  max-height: none;
  width: auto;
  max-width: 100%
}
.ident__logo--placa img {
  height: 30px
}
.ident--grande .ident__logo img {
  height: 80px
}
.ident--grande .ident__logo--placa img {
  height: 58px
}
.card__midia--ident .midia-selo {
  left: auto;
  right: 8px;
  top: auto;
  bottom: 4px
}
.ficha__quadro .ident .midia-selo,
.painel__visual .ident .midia-selo {
  left: 10px;
  right: auto;
  top: 10px;
  bottom: auto
}
.card--midia .card__midia--foto + .selo + .card__nome,
.card--midia .card__midia--ident + .selo + .card__nome {
  margin-top: 12px
}
.card__midia--ident .ident__local {
  display: block;
  padding-right: 96px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.card__midia--ident .ident__local svg {
  vertical-align: -2px;
  margin-right: 5px
}
.selo--perfil {
  border: 1px solid #6f8fd8;
  background: rgba(24,40,86,.92);
  color: #dfe7ff
}
.selo--perfil i {
  background: #9fb6ff;
  color: #0d1a3d
}
.selo--perfil i svg {
  width: 10px;
  height: 10px
}
.bt--perfil {
  flex: 1;
  border: 1px solid #9fb6ff;
  background: rgba(159,182,255,.08);
  color: #e6ecff
}
.bt--perfil:hover {
  border-color: var(--ciano);
  background: rgba(19,167,196,.12);
  color: #fff
}
.bt--perfil svg {
  width: 16px;
  height: 16px
}
.ficha__end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.45;
  color: #e8f2fb
}
.ficha__end svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: var(--ciano)
}
.ficha__end strong {
  font-weight: 700
}
.ficha__end .link-ciano {
  font-size: 14px
}
.ficha__end--pend {
  color: var(--suave)
}
.ficha__acessos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 4px
}
.ficha__acessos .bt {
  flex: 0 1 auto;
  min-height: 44px;
  padding: 0 16px
}
.ficha__acessos .bt svg {
  width: 16px;
  height: 16px
}
.ficha__informativo {
  border: 1px dashed #6f8fd8;
  border-radius: 12px;
  padding: 12px 14px;
  background: rgba(24,40,86,.35)
}
.ficha__informativo p {
  margin: 0 0 10px;
  line-height: 1.5
}
@media (max-width:820px) {
  .ficha__end {
    font-size: 15px
  }
  .ficha__acessos {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px
  }
  .ficha__acessos .bt {
    width: 100%
  }
}
.topo {
  background: url(img/fundo-boa-vista.jpg) right 0 top -58px/max(100%,1672px) auto no-repeat,var(--fundo)
}
@media (max-width:820px) {
  .topo {
    background: url(img/fundo-boa-vista.jpg) 72% -26px/auto 440px no-repeat,var(--fundo)
  }
}
@media (prefers-reduced-motion:no-preference) {
  .agora__item,
  .ajuda__it,
  .bt,
  .card,
  .chip,
  .etiqueta,
  .pag__bt,
  .pag__num,
  .seg,
  .setor-card {
    transition: border-color .2s ease,box-shadow .25s ease,transform .25s ease,background-color .2s ease,color .2s ease
  }
  .card:focus-within,
  .card:hover {
    transform: translateY(-2px)
  }
  .setor-card:hover {
    transform: translateY(-2px)
  }
}
.card:focus-within,
.card:hover {
  border-color: var(--ciano);
  box-shadow: 0 0 14px rgba(22,213,243,.28)
}
.bt--contorno:hover,
.chip:hover,
a.ajuda__it:hover {
  box-shadow: 0 0 10px rgba(22,213,243,.25)
}
.caminho {
  background: #011628;
  border-bottom: 1px solid #12304a
}
.caminho__in {
  max-width: var(--larg);
  margin: 0 auto;
  padding: 8px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap
}
.caminho ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--apoio2)
}
.caminho li + li::before {
  content: "›";
  margin-right: 6px;
  color: var(--apoio2)
}
.caminho a {
  color: var(--apoio);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  min-height: 32px
}
.caminho a:hover {
  color: var(--ciano)
}
.caminho [aria-current] {
  color: #fff;
  font-weight: 600
}
.caminho__voltar {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #2b577d;
  border-radius: 18px;
  color: #fff!important;
  font-size: 13px;
  font-weight: 600
}
.caminho__voltar:hover {
  border-color: var(--ciano)
}
.caminho__voltar svg {
  width: 16px;
  height: 16px;
  color: var(--ciano)
}
.chips-faixa {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: 1100px
}
.chips-faixa .chips {
  flex: 1;
  min-width: 0
}
.chips-seta {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  margin-top: 14px;
  border-radius: 50%;
  border: 1px solid #2b577d;
  background: rgba(1,20,38,.92);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer
}
.chips-seta:focus-visible,
.chips-seta:hover {
  border-color: var(--ciano);
  color: var(--ciano)
}
.chips-seta svg {
  width: 18px;
  height: 18px
}
@media (max-width:820px) {
  .chips-faixa {
    margin: 0 -16px;
    padding: 0 6px
  }
  .chips-faixa .chips {
    margin: 14px 0 0;
    padding: 0 4px 4px;
    scroll-snap-type: x proximity
  }
  .chips-faixa .chip {
    scroll-snap-align: start
  }
  .caminho__in {
    padding: 6px 16px
  }
  .caminho ol {
    font-size: 12px
  }
}
.foto-cred {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 28px;
  padding: 0 9px;
  border-radius: 14px;
  background: rgba(1,13,30,.72);
  border: 1px solid rgba(139,233,252,.35);
  color: #e6edf4!important;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none
}
.foto-cred:focus-visible,
.foto-cred:hover {
  border-color: var(--ciano);
  color: #fff!important
}
.foto-cred svg {
  width: 13px;
  height: 13px;
  color: var(--ciano2)
}
.ficha__quadro,
.painel__visual {
  position: relative
}
.banner__credito {
  display: flex;
  justify-content: flex-end;
  margin: 6px 2px 10px
}
.banner__credito .foto-cred {
  position: static
}
.ops-pub {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: grid;
  gap: 10px
}
.ops-pub li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px
}
.ops-pub small {
  color: var(--apoio2)
}
.mural {
  max-width: var(--larg);
  margin: 0 auto;
  padding: 10px 24px 26px
}
.mural__vazio {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  border: 1px dashed #2b577d;
  border-radius: var(--raio);
  padding: 16px 18px;
  background: rgba(4,32,58,.55)
}
.mural__vazio svg {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  color: var(--ciano);
  margin-top: 2px
}
.mural__vazio p {
  margin: 0;
  color: var(--suave);
  line-height: 1.5
}
.mural__info {
  margin: 0 0 10px;
  font-size: 13px;
  color: var(--apoio2)
}
.mural__grade {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(230px,1fr));
  gap: 14px
}
.mural-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--linha);
  border-radius: var(--raio);
  overflow: hidden;
  background: linear-gradient(180deg,var(--cartao1),var(--cartao2))
}
.mural-card:hover {
  border-color: var(--ciano)
}
.mural-card--exemplo {
  border-style: dashed;
  border-color: var(--ambar-borda)
}
.mural-card__exemplo {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  background: var(--ambar-fundo);
  border: 1px solid var(--ambar-borda);
  color: var(--ambar);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  padding: 3px 8px;
  border-radius: 10px
}
.mural-card__img {
  width: 100%;
  aspect-ratio: 4/5;
  max-width: 100%;
  object-fit: cover;
  background: #06243f;
  display: block
}
.mural-card__img--sem {
  display: grid;
  place-items: center;
  color: var(--ciano)
}
.mural-card__img--sem svg {
  width: 44px;
  height: 44px
}
.mural-card__corpo {
  padding: 12px 14px 14px;
  display: grid;
  gap: 4px
}
.mural-card__corpo h3 {
  margin: 0;
  font-size: 16px;
  color: #fff
}
.mural-card__datas,
.mural-card__emp,
.mural-card__fonte,
.mural-card__loc {
  margin: 0;
  font-size: 13px;
  color: var(--apoio)
}
.mural-card__loc {
  display: flex;
  align-items: center;
  gap: 4px
}
.mural-card__loc svg {
  width: 14px;
  height: 14px;
  color: var(--ciano)
}
.mural-card__fonte {
  font-size: 11px;
  color: var(--apoio2)
}
.mural-card__acoes {
  margin-top: 6px
}
.creditos__tit {
  font-size: 18px;
  margin: 22px 0 10px;
  color: #fff
}
.rodape {
  max-width: var(--larg);
  text-align: left;
  padding: 26px 24px 96px;
  border-top: 1px solid #12304a;
  margin-top: 18px
}
.rodape__in {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px
}
.rodape__tit {
  margin: 0 0 8px;
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ciano)
}
.rodape__lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px
}
.rodape__lista a {
  padding: 0;
  min-height: 36px;
  gap: 8px;
  color: var(--suave)
}
.rodape__lista a:hover {
  color: var(--ciano)
}
.rodape__lista svg {
  width: 16px;
  height: 16px;
  color: var(--ciano)
}
.rodape__sel {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  color: var(--suave);
  user-select: all;
  word-break: break-all
}
.rodape__col--nota p {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.5
}
@media (max-width:820px) {
  .rodape__in {
    grid-template-columns: 1fr
  }
  .rodape {
    padding: 22px 16px 96px
  }
}
.suporte-flutuante {
  position: fixed;
  right: max(16px,env(safe-area-inset-right,0px));
  bottom: calc(16px + env(safe-area-inset-bottom,0px));
  z-index: 25;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 16px 0 12px;
  border-radius: 24px;
  background: #0f7d4f;
  border: 1px solid #1fe39b;
  color: #fff!important;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(0,0,0,.35)
}
.suporte-flutuante svg {
  width: 22px;
  height: 22px
}
.suporte-flutuante:focus-visible,
.suporte-flutuante:hover {
  background: #12955e
}
@media (max-width:820px) {
  .suporte-flutuante span {
    display: none
  }
  .suporte-flutuante {
    width: 50px;
    height: 50px;
    padding: 0;
    justify-content: center;
    border-radius: 50%
  }
}
body:has(.cab__nav.aberto) .suporte-flutuante {
  display: none
}
.chips-seta[hidden] {
  display: none
}
.mural-card__img--sem {
  aspect-ratio: 16/7
}
@media (max-width:820px) {
  .caminho ol {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap
  }
  .caminho__in {
    padding: 6px 16px
  }
  .caminho__voltar {
    min-height: 34px
  }
}
:root {
  --marinho: #07131c;
  --ciano-iub: #19e3ff
}
/* setas do carrossel: contraste alto, estado desativado legível (antes:círculoescuroquaseinvisível) */ .seta {
  width: 48px;
  height: 48px;
  border: 2px solid var(--ciano-iub);
  background: #04203a;
  color: var(--ciano-iub);
  box-shadow: 0 6px 18px rgba(0,0,0,.45);
  transition: background .15s,color .15s,transform .15s
}
.seta svg {
  width: 20px;
  height: 20px
}
.seta:not(:disabled):focus-visible,
.seta:not(:disabled):hover {
  background: var(--ciano-iub);
  color: var(--marinho);
  transform: scale(1.06)
}
.seta:disabled {
  opacity: .28;
  border-color: #2b577d;
  color: #7f98ad;
  box-shadow: none;
  cursor: not-allowed
}
.trilho {
  scroll-snap-type: x mandatory
}
.trilho > .card {
  scroll-snap-align: start
}
.bt {
  border-radius: 999px
}
.bt--cheio {
  background: var(--ciano-iub);
  border-color: var(--ciano-iub);
  color: var(--marinho)
}
.bt--cheio:focus-visible,
.bt--cheio:hover {
  background: #7ef0ff;
  border-color: #7ef0ff
}
.card__acoes .bt {
  flex: 1 1 0;
  justify-content: center;
  white-space: nowrap
}
.card__acoes .bt svg {
  width: 15px;
  height: 15px
}
.setor-card--vazio {
  opacity: .72
}
.setor-card--vazio .setor-card__corpo small {
  color: #f2c84b
}
.canais-grade {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(260px,1fr));
  gap: 12px
}
.canal-cartao {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
  padding: 14px;
  border: 1px solid var(--linha);
  border-radius: 14px;
  background: linear-gradient(160deg,#082744,#04203a)
}
.canal-cartao__nome {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #fff;
  text-decoration: none;
  min-height: 48px
}
.canal-cartao__nome img {
  max-width: 72px;
  max-height: 40px;
  object-fit: contain
}
.canal-cartao__nome strong {
  display: block;
  font-size: 15px
}
.canal-cartao__nome small {
  display: block;
  color: var(--apoio);
  font-size: 12.5px
}
.canal-cartao__nome:hover strong {
  color: var(--ciano-iub)
}
.canal-cartao .bt {
  align-self: flex-start
}
.mural__rodape {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  align-items: center;
  margin: 16px 0 0
}
.mural__staging {
  margin: 10px 0 0;
  font-size: 13px;
  opacity: .85
}
.ficha__lead {
  margin: 0 0 12px;
  color: var(--suave)
}
.rodape--iub {
  background: var(--marinho);
  border-top: 1px solid #12303f;
  margin-top: 48px;
  padding: 56px 24px 28px;
  font-family: var(--fonte)
}
.rodape--iub .rodape__in {
  max-width: 1180px;
  margin: 0 auto;
  display: block
}
.rodape__chamada {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  padding-bottom: 36px;
  border-bottom: 1px solid #1a3442
}
.rodape__olho {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 10px;
  color: var(--ciano-iub);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase
}
.rodape__olho span {
  width: 30px;
  height: 2px;
  background: var(--ciano-iub);
  display: inline-block
}
.rodape__frase {
  margin: 0;
  font-size: clamp(26px,3.4vw,36px);
  font-weight: 700;
  letter-spacing: -.05em;
  line-height: 1.05;
  color: #f4f8fa
}
.rodape__frase em {
  font-style: normal;
  color: var(--ciano-iub)
}
.rodape__pilula {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 20px 30px;
  border-radius: 999px;
  background: var(--ciano-iub);
  color: #061018;
  font-weight: 800;
  text-decoration: none
}
.rodape__pilula svg {
  width: 16px;
  height: 16px;
  transform: rotate(90deg)
}
.rodape__pilula:hover {
  background: #7ef0ff
}
.rodape__grade {
  display: grid;
  grid-template-columns: 1.3fr .8fr .8fr 1.5fr;
  gap: 32px;
  padding: 36px 0 28px
}
.rodape__marca p {
  color: #b9c8d0;
  line-height: 1.55;
  margin: 14px 0 0;
  max-width: 260px
}
.rodape--iub .rodape__tit {
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #78929f
}
.rodape--iub .rodape__lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px
}
.rodape--iub .rodape__lista a {
  color: #e8f0f3;
  text-decoration: none;
  word-break: break-word
}
.rodape--iub .rodape__lista a:hover {
  color: var(--ciano-iub)
}
.rodape__end {
  margin: 14px 0 0;
  color: #93a9b4;
  font-size: 13px;
  line-height: 1.6
}
.rodape__aviso {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0 0 22px;
  padding: 12px 14px;
  border: 1px solid #1a3442;
  border-radius: 12px;
  color: #c9d6dc;
  font-size: 13.5px
}
.rodape__aviso svg {
  width: 18px;
  height: 18px;
  flex: none;
  color: var(--ciano-iub);
  margin-top: 1px
}
.rodape__base {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 22px;
  border-top: 1px solid #1a3442;
  color: #93a9b4;
  font-size: 13px
}
.rodape__base p {
  margin: 0
}
.rodape__redes {
  display: flex;
  gap: 10px
}
.rodape__redes a {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #2a4552;
  border-radius: 6px;
  color: #e8f0f3
}
.rodape__redes a:hover {
  border-color: var(--ciano-iub);
  color: var(--ciano-iub)
}
.rodape__redes svg {
  width: 16px;
  height: 16px
}
.rodape__dev a {
  color: #93a9b4
}
.topo-flutuante {
  position: fixed;
  left: 0;
  bottom: 22px;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px 10px 14px;
  border: 1px solid var(--ciano-iub);
  border-left: 0;
  border-radius: 0 999px 999px 0;
  background: var(--marinho);
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none
}
.topo-flutuante svg {
  width: 16px;
  height: 16px;
  color: var(--ciano-iub);
  transform: rotate(90deg)
}
.suporte-flutuante {
  border-radius: 999px;
  padding: 10px 20px 10px 10px;
  gap: 12px;
  background: var(--marinho);
  border: 1px solid var(--ciano-iub);
  color: #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,.5)
}
.suporte-flutuante svg {
  width: 34px;
  height: 34px;
  padding: 7px;
  border-radius: 50%;
  background: var(--ciano-iub);
  color: var(--marinho)
}
.suporte-flutuante span {
  display: flex;
  flex-direction: column;
  line-height: 1.2
}
.suporte-flutuante small {
  font-size: 11.5px;
  color: #a9bcc6;
  font-weight: 500
}
@media (max-width:900px) {
  .rodape__grade {
    grid-template-columns: 1fr 1fr
  }
  .rodape__marca {
    grid-column: 1/-1
  }
}
@media (max-width:560px) {
  .rodape--iub {
    padding: 40px 16px 96px
  }
  .rodape__grade {
    grid-template-columns: 1fr
  }
  .rodape__pilula {
    width: 100%;
    justify-content: center
  }
  .topo-flutuante {
    display: none
  }
  .suporte-flutuante {
    padding: 8px
  }
  .suporte-flutuante span {
    display: none
  }
  .canais-grade {
    grid-template-columns: 1fr
  }
}
body:has(.cab__nav.aberto) .topo-flutuante {
  display: none
}
.card__acoes {
  flex-direction: column;
  align-items: stretch;
  gap: 8px
}
.card__acoes .bt {
  flex: 0 0 auto;
  width: 100%;
  min-height: 40px
}
.canal-cartao .bt {
  flex: 0 0 auto;
  min-height: 40px
}
.selo--b {
  background: rgba(4,32,58,.92);
  border: 1px solid #2b6a8f;
  color: #bfeefa
}
.selo--b i {
  color: var(--ciano-iub)
}
@media (min-width:821px) {
  .trilho {
    padding-left: 0;
    padding-right: 0;
    scroll-padding: 0
  }
  .trilho > .card {
    min-width: 0;
    flex: 0 0 calc((100% - 4*12px)/ 5)
  }
}
@media (min-width:1560px) {
  .trilho > .card {
    flex-basis: calc((100% - 5*12px)/ 6)
  }
}
@media (min-width:821px) and (max-width:1100px) {
  .trilho > .card {
    flex-basis: calc((100% - 2*12px)/ 3)
  }
}
.abas {
  border-bottom: 1px solid var(--linha);
  background: #021428
}
.abas__in {
  max-width: var(--larg);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none
}
.abas__a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 16px;
  border-bottom: 3px solid transparent;
  color: var(--apoio);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap
}
.abas__a svg {
  width: 17px;
  height: 17px;
  color: var(--ciano)
}
.abas__a:hover {
  color: #fff
}
.abas__a[aria-current=page] {
  color: #fff;
  border-bottom-color: var(--ciano)
}
.abas__a--vagas:not([aria-current]) {
  color: var(--ciano2)
}
@media (max-width:820px) {
  .abas__in {
    padding: 0 10px
  }
  .abas__a {
    flex: 1 0 auto;
    justify-content: center;
    padding: 0 10px;
    font-size: 13.5px
  }
}
.ficha__grade {
  align-items: start
}
.ficha__sec--unidades .unidades {
  grid-template-columns: repeat(auto-fill,minmax(250px,1fr))
}
.ficha__sec:not(.ficha__sec--larga) .unidades {
  grid-template-columns: 1fr
}
.ident--capa {
  background-color: #04203a;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
.ident--capa .ident__faixa {
  opacity: .12
}
.ident--capa .ident__ico {
  opacity: 0
}
.ident--grande .ident__nome {
  font-size: clamp(24px,2.6vw,36px);
  -webkit-line-clamp: 3
}
.ident--grande .ident__centro {
  right: 24%
}
.ficha__sec--vagas {
  border-color: var(--ciano);
  background: linear-gradient(160deg,rgba(7,42,73,.95),rgba(0,20,35,.95))
}
.ficha__staging {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  padding: 6px 10px;
  border: 1px dashed var(--ambar-borda);
  border-radius: 10px;
  color: var(--ambar);
  font-size: 12.5px;
  font-weight: 700
}
.ficha__staging svg {
  width: 14px;
  height: 14px
}
.ficha-vagas {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
  gap: 8px
}
.ficha-vagas a {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid #1b4262;
  border-radius: 12px;
  background: rgba(4,32,58,.7);
  color: #fff;
  text-decoration: none
}
.ficha-vagas a:hover {
  border-color: var(--ciano)
}
.ficha-vagas small {
  color: var(--apoio);
  font-size: 12px
}
.ficha-vagas__ver {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--ciano);
  font-size: 12.5px;
  font-weight: 800
}
.ficha-vagas__ver svg {
  width: 12px;
  height: 12px
}
.mural-vagas {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1.5px solid var(--ciano);
  border-radius: 16px;
  background: radial-gradient(500px 160px at 100% 0,rgba(25,214,245,.18),transparent 70%),#05213b;
  color: #fff;
  text-decoration: none
}
.mural-vagas:hover {
  background-color: #072a49
}
.mural-vagas__ico {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: var(--ciano);
  color: #03141f;
  flex: none
}
.mural-vagas__ico svg {
  width: 22px;
  height: 22px
}
.mural-vagas strong {
  display: block;
  font-size: 18px
}
.mural-vagas small {
  display: block;
  color: var(--suave);
  font-size: 13px
}
.mural-vagas__bt {
  margin-left: auto;
  flex: none;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 21px
}
.mural-vagas__bt svg {
  width: 14px;
  height: 14px
}
.mural__sub {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 800
}
@media (max-width:820px) {
  .mural-vagas {
    flex-wrap: wrap
  }
  .mural-vagas__bt {
    width: 100%;
    margin-left: 0
  }
}
.ficha-vagas__ok {
  justify-self: start;
  padding: 1px 8px;
  border-radius: 9px;
  border: 1px solid var(--verde-borda);
  color: var(--verde);
  font-size: 11px;
  font-weight: 800
}
.midia-selo--pend {
  background: #f2c84b;
  color: #1c1400
}
.midia-selo--pend svg {
  color: #1c1400
}
.ficha__escopo {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  margin: 8px 0 0;
  font-size: 13px;
  color: #cfe6f3
}
.ficha__escopo svg {
  color: var(--ciano);
  flex: none;
  margin-top: 2px
}
@media (max-width:820px) {
  html {
    scrollbar-width: thin;
    scrollbar-color: rgba(25,214,245,.55) #010d1e
  }
  html::-webkit-scrollbar {
    width: 6px
  }
  html::-webkit-scrollbar-track {
    background: #010d1e
  }
  html::-webkit-scrollbar-thumb {
    background: rgba(25,214,245,.55);
    border-radius: 3px
  }
}
/* fotos preenchem o quadro (05/11) */
img.foto-fundo {
  display: none
}
/* filiais: cartão pequeno e ficha por unidade (05/11) */
.unid-grade {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 12px
}
.unid-grade .card {
  flex: none;
  min-width: 0;
  width: auto;
  cursor: default
}
.ficha__filiais {
  margin: 22px 0 8px
}
.ficha__filiais-t {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.2rem;
  margin: 0
}
.ficha__aviso-un {
  margin: 10px 0 0;
  font-size: .9rem;
  opacity: .85
}