* {
  margin: 0
}

@font-face {
  font-family: rawline;
  src: url("rawline-400.woff2") format("woff2")
}



body {
  --h: 45;
  --s: 50%;
  --l: 34%;
  --b: 0;
  --c: 255;
  --cor-primaria: hsl(var(--h) var(--s) var(--l) / 1);
  --cor-primaria-50: hsl(var(--h) var(--s) var(--l) / .5);
  --cor-primaria-media: hsl(var(--h) var(--s) var(--l) / .18);
  --cor-primaria-clara: hsl(var(--h) var(--s) var(--l) / .09);
  --cor-caqui: #a08f63;
  --cor-linha: #474648;
  --cor-destaque: #1995ff;
  --cor-cabecalho: linear-gradient(var(--cor-primaria-media), var(--cor-primaria-media)) var(--cor-bg);
  --cor-cabecalho: linear-gradient(var(--cor-primaria-50), var(--cor-primaria-50)) var(--cor-bg);
  --cor-bg: rgb(var(--c), var(--c), var(--c));
  --cor-bg-escuro: rgba(0, 0, 0, .08);
  --cor-bg-opaco: rgba(var(--c), var(--c), var(--c), .87);
  --cor-bg-opaco-60: rgba(var(--c), var(--c), var(--c), .6);
  --cor-separador: rgba(var(--b), var(--b), var(--b), .1);
  --cor-separador2: rgba(var(--b), var(--b), var(--b), .07);
  --cor-bg-destaque: rgba(0, 0, 0, .1);
  --cor-fonte: rgba(var(--b), var(--b), var(--b), .87);
  --cor-fonte-forte: rgb(var(--b), var(--b), var(--b));
  --cor-fonte-fraca: rgba(var(--b), var(--b), var(--b), .6);
  --cor-icone: rgba(var(--b), var(--b), var(--b), .72);
  --cor-cinza-escuro: rgba(var(--b), var(--b), var(--b), .3);
  --cor-cinza: rgba(var(--b), var(--b), var(--b), .05);
  --cor-cinza-claro: rgba(var(--b), var(--b), var(--b), .03);
  --cor-azul: #141B4D;
  --cor-vermelho: #AB2328;
  --cor-secundaria: #AB2328;
  --cor-terciaria: #F7D417;
  --cor-terciaria-escura: hsl(44, 79%, 40%);
  --cor-terciaria-clara: rgba(247, 212, 23, 0.16);
  --cor-quaternaria: #1a8436;
  --cor-verde: #22AB46;
  --cor-marca-texto: #f3ff19;
  --cor-laranja: #ff5722;
  --margem: 24px;
  --tam-col-menu: calc(var(--margem)*9.25);
  --tam-topo: calc(40px + var(--margem));
  --tema-ic: 8px;
  color-scheme: light
}

body,
h2 a,
input,
textarea,
select,
button {
  font: 14px/20px rawline, sans-serif
}

#n,
.menor,
#c1 dt,
#c1 footer {
  font-size: .85714em;
  line-height: 1.5
}

h2 .card.menor {
  font-size: 14px
}

:is(p,
  h3,
  fieldset,
  .t2):not(:last-child),
p.su,
.flex-coluna:not(.m-0),
.msg:not(.m-0),
h2:not(.m-0) {
  margin: 0 0 var(--margem)
}

body,
#c,
h2 a,
.c-list,
a.c-list:hover,
.item,
a.item:hover {
  color: var(--cor-fonte)
}

.t1 tr:hover,
a.c-list:not(.se):hover,
a.item:not(.se):hover {
  background-color: var(--cor-cinza-claro)
}

.n-msg {
  background: var(--cor-bg)
}

a.at .n-msg {
  background-image: linear-gradient(var(--cor-primaria-media), var(--cor-primaria-media))
}

.item .menor.direita {
  line-height: 20px
}

ol.card {
  margin-top: calc(var(--margem)/2)
}

ol.card .drag {
  margin: 8px 0 0 -40px
}

ol.card .govbr:before {
  float: none;
  display: inline-block;
  vertical-align: top
}

ol.card li::marker {
  color: var(--cor-fonte-fraca)
}

.drag {
  background: url(../img/drag.svg) 1px center no-repeat
}

input,
textarea,
select,
button {
  background-color: var(--cor-bg);
  border: 1px solid;
  color: var(--cor-fonte);
  border-color: var(--cor-separador);
  border-radius: 4px;
  padding: 9px;
  box-sizing: border-box;
  height: 40px
}

:invalid:required,
.invalid {
  box-shadow: 0 -1px var(--cor-vermelho) inset
}

select {
  background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='5'><path d='M0 0h10L5 5z' fill='%2380888a'/></svg>") right 10px center no-repeat var(--cor-bg);
  appearance: none;
  padding-right: 26px
}

.t1 select:not([size]):not([multiple]) {
  height: 24px
}

.ac select {
  height: auto;
  left: 0;
  top: 16px;
  width: 100%;
  z-index: 7
}

.switch:before,
.switch:after {
  background: var(--cor-fonte-fraca);
  border-radius: 7px;
  height: 14px;
  margin: -7px 0 0;
  width: 14px;
  content: "";
  position: absolute;
  left: 0;
  transition: all 120ms ease-in-out
}

:where(h2,
  .su) .switch:before,
:where(h2,
  .su) .switch:after {
  left: 9px;
  top: 19px
}

.switch:before {
  width: 30px;
  opacity: .25
}

.switch.at:before,
.switch.at:after,
.item.at .switch:before,
.item.at .switch:after {
  background: var(--cor-primaria)
}

.switch.at:after,
.item.at .switch:after {
  margin-left: 16px
}

:is(h2,
  .su) .switch {
  padding-left: 49px
}

:is(h2,
  .su) .switch:empty {
  padding-left: 38px
}

.item:not(.barra) .switch {
  margin: 10px 0 0 10px
}

.tam-switch {
  width: 30px
}

.sel-tema {
  gap: 4px
}

.sel-tema a {
  flex: 1
}

.sel-tema a:not(.ic-tema-0) .ic,
.tema-1 .sel-tema a.ic-tema-0 .ic,
.tema-2 .sel-tema a.ic-tema-0 .ic,
.tema-3 .sel-tema a.ic-tema-0 .ic,
.tema-4 .sel-tema a.ic-tema-0 .ic {
  opacity: 0
}

.tema-1 .sel-tema a.ic-tema-1 .ic,
.tema-2 .sel-tema a.ic-tema-2 .ic,
.tema-3 .sel-tema a.ic-tema-3 .ic,
.tema-4 .sel-tema a.ic-tema-4 .ic {
  opacity: 1
}

.sel-tema .ic {
  margin: 8px auto
}

.sel-tema .ic:not(.no) {
  display: block;
  width: 22px
}

.sel-tema .ic-tema-1,
.sel-tema .ic-tema-3 {
  color-scheme: dark
}

.ic-tema-0,
.ic-tema {
  background-color: var(--cor-caqui)
}

.ic-tema-1,
.tema-1 .ic-tema {
  background-color: var(--cor-azul)
}

.ic-tema-2,
.tema-2 .ic-tema {
  background-color: var(--cor-terciaria)
}

.ic-tema-3,
.tema-3 .ic-tema {
  background-color: var(--cor-vermelho)
}

.ic-tema-4,
.tema-4 .ic-tema {
  background-color: var(--cor-bg)
}

.pa a,
.l {
  border: 1px solid var(--cor-cinza)
}

.capa {
  box-shadow: 0 -1px var(--cor-cinza-claro) inset;
  background-color: var(--cor-cinza-claro)
}

.avatar-aniversario:after {
  content: "🎉";
  position: absolute;
  right: -22px;
  bottom: 20px;
  font-size: 30px
}

.jm {
  animation: m .1s linear;
  background-color: var(--cor-bg);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--cor-separador), 0 2px 8px var(--cor-bg-escuro), 0 4px 8px -4px var(--cor-bg-escuro), 0 4px 8px -4px var(--cor-bg-escuro)
}

.jm h1 {
  background-color: var(--cor-cabecalho);
  box-shadow: 0 -1px var(--cor-separador) inset;
  margin: calc(var(--margem)*-1) calc(var(--margem)*-1) var(--margem)
}

.jm .ic.fe:not(.direita) {
  right: 0;
  top: 0
}

.jm .fe2,
.jm h1 .ic.fe {
  margin: 0 0 0 6px
}

.jm.direita {
  right: var(--margem)
}

.rel:not(.margem) .jm.direita {
  margin-right: calc(var(--margem)*-1)
}

.jm .bl {
  overflow: hidden
}

.jm-buscaavancada {
  right: var(--margem);
  left: var(--margem);
  margin-top: 57px
}

.barra .jm-buscaavancada {
  left: var(--margem);
  margin-top: 47px
}

.jm-buscaavancada.opcoes {
  left: 0;
  width: 100%
}

.ac select,
#c1,
.flu,
.jm,
#n,
.abs,
.jm .ic.fe:not(.direita) {
  position: absolute
}

@keyframes ban {
  0% {
    width: 0;
    border-width: 0;
    opacity: 0
  }
}

.esq {
  float: left
}

.op,
.n-msg,
.direita,
.jm .fe2 {
  float: right
}

.c-user {
  box-shadow: 1px 0 var(--cor-separador) inset;
  flex: 0 0 280px
}

h2,
.su,
.c-foto,
.mod li,
.jm {
  overflow: hidden
}

.ab,
.rol {
  overflow: auto
}

.c-list,
.item,
.t2 dd:not(:last-child),
.t2 tr:not(:last-child) td,
.t1 td,
.ar a,
.ar dt {
  box-shadow: 0 -1px var(--cor-cinza) inset
}

.item.sem-borda {
  box-shadow: none
}

.t1,
.t2,
.grid input,
.grid select,
.tam-max {
  width: 100%
}

.t1 {
  border-collapse: collapse
}

.t1 th,
.t1 td {
  padding: 6px
}

.t1 th {
  box-shadow: 0 -1px var(--cor-separador) inset;
  text-align: left;
  font-weight: 400
}

.t1 button {
  padding: 3px 8px;
  margin: -2px 0
}

.t1 input,
.t1 select {
  padding: 2px 4px;
  margin: -2px 0
}

.t1 select {
  padding-right: 26px
}

#m,
.ac,
.ob label:first-child,
.op,
.op a,
.jm .relat .fe,
.c-foto,
.c-list,
.item,
.n-msg,
.busca .fe,
.video,
.rel,
.switch,
#m h1,
#m ul,
.jm-menu.at .c-user,
.ind,
.ab a {
  position: relative
}

.mt-0 {
  margin-top: 0
}

.ob label:first-child:after {
  content: "*";
  color: var(--cor-secundaria);
  position: absolute;
  font-size: 18px;
  margin: 4px
}

.ob table label:first-child:after {
  content: none
}

.t1 a:hover,
#n a:hover {
  text-decoration: underline
}

#n a,
#m .mod a {
  padding: 0 5px
}

:where(.tags,
  .bloco-novo,
  .fixo,
  .botao-destaque) .novo {
  margin: -12px
}

:where(.tags,
  .bloco-novo,
  .fixo,
  .botao-destaque) .novo,
:where(.tags,
  .bloco-novo,
  .fixo,
  .botao-destaque) .novo:before {
  background: var(--cor-terciaria);
  position: absolute;
  width: 12px;
  height: 12px
}

:where(.tags,
  .bloco-novo,
  .fixo,
  .botao-destaque) .novo:before {
  content: "";
  transform: rotate(45deg);
  left: 0
}

#c1 dd a,
.c-list,
.item,
.ar a,
.block,
#m a {
  display: block
}

.no,
#s,
.mod:not(:hover) li:not(.at),
#r,
.so-im,
.novo-tema,
#c1 dt:empty {
  display: none
}

.pa {
  margin-top: var(--margem)
}

.pa a {
  padding: 3px 10px;
  border-radius: 4px
}

.pa .at {
  background-color: var(--cor-primaria-media);
  border-color: var(--cor-primaria-media);
  color: var(--cor-primaria)
}

.pa.tags {
  gap: 4px
}

.c,
.t1 .c {
  text-align: center
}

.l {
  padding: 0 4px
}

.ne,
#c1 .at,
#c1 dt,
.ar dt,
.expande {
  font-weight: 700
}

fieldset {
  background-color: var(--cor-cinza-claro);
  border: 0;
  box-shadow: 0 0 0 1px var(--cor-cinza-claro) inset;
  border-radius: 4px;
  padding: 8px
}

fieldset input,
fieldset select {
  width: 320px
}

fieldset table {
  border-spacing: 0
}

fieldset textarea {
  display: inherit;
  height: 80px;
  overflow: auto
}

fieldset textarea,
fieldset .tam-max {
  width: 100%
}

fieldset label~textarea,
fieldset label~.tam-max {
  width: calc(100% - 172px)
}

fieldset:not(.f-g):not(.f-v) label:first-child {
  text-align: right;
  float: left
}

fieldset>div,
fieldset .linha-form {
  clear: both;
  min-height: 40px;
  padding: 2px
}

fieldset label.flex-0 {
  padding-right: 0
}

.t2 th,
.t2 dt,
.d,
.t1 .d {
  text-align: right
}

.f2,
.f3,
.f4,
.f5,
.f8,
.f10,
.zd {
  clear: none;
  float: left;
  width: 50%;
  box-sizing: border-box
}

.f3 {
  width: 33.333333%
}

.f4 {
  width: 25%
}

.f5 {
  width: 20%
}

.f8 {
  width: 12.5%
}

.f10 {
  width: 10%
}

.f1 input,
.f1 select,
.zd,
.zl label:first-child,
.c-list {
  width: auto
}

label {
  padding: 10px 16px 10px 0;
  display: inline-block;
  line-height: 20px
}

input+label,
select+label,
a+label {
  padding-left: 16px
}

label:first-child {
  width: 156px
}

.lm label:first-child {
  width: 96px
}

.lm label:first-child~textarea,
.lm label:first-child~.tam-max {
  width: calc(100% - 112px)
}

.lg label:first-child {
  width: 320px
}

.zl label:first-child {
  padding-left: 10px
}

.f2 input,
.f2 select {
  width: 176px
}

.f3 input,
.f3 select,
.tam-data,
.f1 .tam-data,
.f2 .tam-data {
  width: 106px
}

.clear,
#expContatosPos {
  clear: both
}

[type=checkbox],
[type=radio] {
  border: 0;
  height: 20px;
  vertical-align: bottom;
  accent-color: var(--cor-primaria);
  width: 16px !important
}

fieldset [type=checkbox],
fieldset [type=radio] {
  height: 40px
}

label [type=checkbox],
label [type=radio] {
  height: 20px
}

h1,
h3,
h5 {
  font-size: 15px;
  line-height: 40px
}

h1 {
  padding: 12px 16px;
  line-height: 1.6
}

h1.carr:before {
  right: 32px;
  margin: -1px 0 0 0
}

h4 {
  font-size: 15px;
  margin-bottom: calc(var(--margem)/2)
}

.wizard {
  counter-reset: n;
  position: relative
}

.wizard a.item:not(.se) {
  background: linear-gradient(transparent -30%, var(--cor-primaria-clara))
}

.wizard .item:before {
  box-shadow: 0 0 0 1px var(--cor-separador) inset;
  width: 40px;
  height: 40px;
  border: 0;
  counter-increment: n;
  content: counter(n);
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  background: var(--cor-bg);
  border-radius: 50%;
  display: block;
  margin: 0 auto calc(var(--margem)/2);
  background: var(--cor-bg);
  position: relative;
  z-index: 2
}

.wizard a.item:before {
  background: linear-gradient(var(--cor-primaria-media), var(--cor-primaria-media)) var(--cor-bg)
}

.wizard a.item:hover {
  box-shadow: 0 0 0 2px var(--cor-cinza) inset
}

.wizard .se.item:before {
  background: var(--cor-primaria)
}

.wizard .item:after {
  content: "";
  border: solid var(--cor-cinza);
  border-width: 1px 0;
  height: 2px;
  left: calc(var(--margem)*-0.5);
  right: calc(var(--margem)*-0.5);
  top: calc(var(--margem) + 18px);
  position: absolute;
  z-index: 1;
  margin: 0
}

.wizard .item:first-child:after {
  left: 50%
}

.wizard .item:last-child:after {
  right: 50%
}

.wizard .se:before {
  color: var(--cor-bg)
}

.wizard a.item:not(.se):before {
  background: url(../img/i.svg) var(--tema-ic) calc(var(--tema-ic) - 5400px) no-repeat var(--cor-bg);
  content: ""
}

.aleta:before,
ul.mod:not(:hover) a:after {
  content: "";
  border: solid var(--cor-icone);
  border-width: 0 2px 2px 0;
  float: right;
  margin: 5px 0 0 8px;
  width: 5px;
  height: 5px;
  transform: rotate(45deg)
}

ul.mod:not(:hover) a:after {
  margin: 16px 0 0 15px
}

.contrai.aleta:before {
  transform: rotate(135deg);
  margin: 8px 6px 0 0;
  transition: transform .15s ease-in-out, margin .15s ease-in-out
}

.contrai-menu .contrai.aleta:before {
  transform: scaleX(-1) rotate(135deg);
  margin: 8px 9px 0 0
}

h1 .aleta:before {
  margin: 13px 0 0 calc(var(--margem)/2);
  transition: all .15s ease-in-out
}

h1 .aleta.at:before {
  transform: rotate(-45deg) scaleY(-1);
  margin-top: 16px
}

#m {
  background: var(--cor-cabecalho);
  z-index: 5
}

#m:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: calc(var(--margem)/2 - 4px);
  background: linear-gradient(to right, var(--cor-separador2), transparent)
}

.tema-4 #m:after {
  --cor-separador2: var(--cor-cinza-claro)
}

#m ul {
  display: flex;
  overflow: auto;
  white-space: nowrap;
  padding: calc(var(--margem)/2);
  z-index: 2
}

#m ul:not(.mod) .at {
  box-shadow: 0 2px var(--cor-primaria)
}

#m ul:not(.mod) .at a {
  color: var(--cor-fonte-forte);
  font-weight: 700
}

:is(.tema-1,
  .tema-2,
  .tema-3,
  .tema-4) #m ul:not(.mod) .at a {
  color: var(--cor-primaria)
}

#m h1 {
  background: url(../img/decor-caqui.svg) left 0 bottom calc(var(--margem)/2 - 12px) no-repeat;
  padding: calc(var(--margem)/2 + 4px) var(--margem);
  font-size: 20px;
  z-index: 1
}

#m h1 a {
  float: none;
  color: var(--cor-fonte);
  margin: -9px calc(var(--margem)/2*-1);
  padding: 4px calc(var(--margem)/2);
  display: inline-block
}

#m h1 .voltar {
  margin: -9px calc(var(--margem)/4) -9px -8px;
  padding: 4px 8px
}

#m .mod {
  flex-wrap: wrap;
  gap: calc(var(--margem)/2);
  line-height: 40px
}

#m .mod:hover {
  background: linear-gradient(var(--cor-primaria-clara), var(--cor-primaria-clara)) var(--cor-bg);
  z-index: 2;
  max-width: 660px;
  margin-bottom: calc(var(--margem)*-30)
}

#m .mod:hover a {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 202px
}

#m .mod a {
  opacity: .8;
  outline: 0;
  transition: none
}

#m .mod a:hover {
  opacity: .95
}

#m .mod .at a {
  opacity: 1
}

.t2 {
  border: 1px solid var(--cor-separador);
  border-spacing: 0
}

.t2 dt,
.t2 dd {
  flex: 0 0 164px
}

.t2 th {
  background-color: var(--cor-cinza-claro);
  width: 166px
}

.t2 dt,
.t2 th {
  padding: 6px 12px 6px 0
}

.t2 dt {
  font-weight: 700
}

.t2 dd,
.t2 td {
  padding: 6px
}

.t2 dd {
  flex-basis: calc(100% - 188px)
}

dl.t2,
img.tam-max {
  box-sizing: border-box
}

dl.t2 {
  flex-wrap: wrap
}

.jm,
.flu,
.su.rel.direita {
  z-index: 8
}

.ic,
h2 a,
.su a {
  border: 1px solid rgba(0, 0, 0, 0)
}

.ic-tema {
  border-color: var(--cor-separador)
}

.carr:before,
.carr+.proc2:before,
.carregando:before {
  content: "";
  border: 2px solid var(--cor-separador);
  border-top-color: var(--cor-fonte);
  animation: c .6s linear infinite;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  position: absolute;
  margin: 0 0 0 -30px
}

:where(h2,
  .su) .carr:empty:before {
  margin: 0 0 0 -19px
}

input+.ic.carr {
  margin-left: -40px
}

.ic {
  min-width: 22px;
  line-height: 22px;
  border-radius: 4px
}

input~.ic,
select~.ic {
  border-width: 9px
}

.ic:empty:after {
  content: ".";
  opacity: 0
}

.ic.carr:before {
  margin: 1px
}

.ic.de.carr:before {
  margin-left: -25px
}

.item .ic.de.carr:before {
  margin-left: -32px
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.webview .corpo-menu,
.mod.no,
.webview .no-webview {
  display: none !important
}

.ic:not(.no),
.link,
h3 a,
.elip,
.pa a {
  display: inline-block
}

button .ic.direita {
  margin: -2px -8px -2px 8px;
  filter: invert(1)
}

:is([type=button],
  [type=submit],
  button):not(.branco) {
  background-color: var(--cor-primaria);
  color: var(--cor-bg);
  font-weight: 700
}

:is([type=button],
  [type=submit],
  button):not(.branco):active {
  box-shadow: 0 0 0 99em rgba(var(--b), var(--b), var(--b), 0.12) inset
}

[type=button],
[type=submit],
button,
.link {
  border: 0;
  border-radius: 20px;
  box-shadow: 0 0 0 1px var(--cor-separador) inset;
  width: auto !important;
  padding: 10px 24px;
  cursor: pointer
}

[type=button]:not(:active):hover,
[type=submit]:not(:active):hover,
button:not(:active):hover,
.link:not(:active):hover {
  box-shadow: 0 0 0 1px rgba(var(--b), var(--b), var(--b), 0.24) inset
}

[type=button].ve,
[type=submit].ve,
button.ve,
.link.ve {
  --cor-primaria: var(--cor-secundaria)
}

[type=button].verde,
[type=submit].verde,
button.verde,
.link.verde {
  --cor-primaria: var(--cor-quaternaria)
}

[type=button].branco:active,
[type=submit].branco:active,
button.branco:active,
.link:active {
  box-shadow: 0 0 0 2px rgba(var(--b), var(--b), var(--b), 0.24) inset
}

[type=button].branco.ve,
[type=submit].branco.ve,
button.branco.ve,
.link.ve {
  color: var(--cor-secundaria)
}

[type=button].branco.az,
[type=submit].branco.az,
button.branco.az,
.link.az {
  color: var(--cor-primaria)
}

[type=button].branco.ve,
[type=button].branco.verde,
[type=button].branco.az,
[type=submit].branco.ve,
[type=submit].branco.verde,
[type=submit].branco.az,
button.branco.ve,
button.branco.verde,
button.branco.az,
.link.ve,
.link.verde,
.link.az {
  box-shadow: 0 0 0 1px var(--cor-separador) inset, 0 0 2px currentColor inset
}

[type=button].branco.ve:hover,
[type=button].branco.verde:hover,
[type=button].branco.az:hover,
[type=submit].branco.ve:hover,
[type=submit].branco.verde:hover,
[type=submit].branco.az:hover,
button.branco.ve:hover,
button.branco.verde:hover,
button.branco.az:hover,
.link.ve:hover,
.link.verde:hover,
.link.az:hover {
  box-shadow: 0 0 0 1px currentColor inset
}

.t1 .link,
.item .link {
  padding: 2px 16px
}

.link.menor {
  padding: 2px 10px
}

.tags .link {
  margin: 0;
  flex: unset
}

a.link:hover {
  text-decoration: none
}

a.link:not(.ve,
  .az,
  .verde):hover {
  color: var(--cor-fonte-forte)
}

.bg-primaria {
  background-color: var(--cor-primaria)
}

.bg-destaque {
  background-color: var(--cor-destaque)
}

.bg-secundaria {
  background-color: var(--cor-secundaria)
}

.bg-terciaria {
  background-color: var(--cor-terciaria)
}

.bg-quaternaria {
  background-color: var(--cor-quaternaria)
}

.bg-azul {
  background-color: var(--cor-azul)
}

.bg-laranja {
  background-color: var(--cor-laranja)
}

.bg-vermelho {
  background-color: var(--cor-vermelho)
}

.bg-verde {
  background-color: var(--cor-verde)
}

.bg-fonte {
  background-color: var(--cor-fonte)
}

.txt-escuro {
  color: #000
}

.verde {
  color: var(--cor-quaternaria)
}

h3 {
  box-shadow: 0 -1px var(--cor-separador) inset
}

h3 a {
  padding: 0 calc(var(--margem)/2)
}

h3.rol-lateral {
  display: flex;
  white-space: nowrap
}

:where(h3,
  .ab) a:not(:hover):not(.at) {
  opacity: .6
}

:where(h3,
  .ab) .at {
  box-shadow: 0 -2px var(--cor-primaria) inset
}

.ic,
.link {
  margin: -2px 0
}

[readonly] {
  background: none;
  border-color: var(--cor-cinza);
  outline: none
}

[disabled] {
  background: var(--cor-cinza);
  color: var(--cor-fonte);
  opacity: .5
}

.leitura {
  box-shadow: 0 0 0 1px var(--cor-cinza) inset;
  box-sizing: border-box
}

.txt-vertical {
  writing-mode: sideways-lr
}

.jm-central {
  width: 688px;
  top: calc(var(--margem)*3.25);
  left: calc(50% - 368px);
  position: fixed;
  z-index: 11
}

.jm-central .rol:not(.card) {
  margin: calc(var(--margem)*-1);
  padding: var(--margem);
  max-height: calc(100vh - 236px)
}

.jm-central .auto-comp {
  position: fixed
}

#m a,
.op a {
  color: var(--cor-fonte);
  transition: color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
  padding: 10px calc(var(--margem)/2);
  border-radius: 4px
}

#m a:hover,
.op a:hover {
  background-color: var(--cor-cinza-claro)
}

.t1 a,
#m a,
.pa a,
.ic,
#c1 a,
a.ic:hover,
#n a,
.ar a,
h3 a,
.c-list,
.item,
.ab a,
.link,
.tag,
.op a {
  text-decoration: none
}

.ma,
.item,
.leitura,
.op a {
  padding: 10px
}

.margem {
  padding: var(--margem)
}

.ma2 {
  padding: 16px
}

.ab a {
  padding: 10px calc(var(--margem)/2)
}

.ch-se {
  padding-left: 40px
}

.ch-se:before {
  content: "";
  float: left;
  height: 12px;
  border-radius: 4px;
  width: 12px;
  background-color: var(--cor-bg);
  border: 2px solid rgba(var(--b), var(--b), var(--b), 0.2);
  transition: background-color .1s ease-in-out, border .1s ease-in-out;
  margin: 2px 0 0 -30px
}

.ch-se:after {
  content: "";
  position: absolute;
  border: solid var(--cor-bg);
  border-width: 0 0 2px 2px;
  width: 12px;
  left: 13px;
  top: 18px;
  opacity: 0;
  transform: rotate(-45deg);
  height: 4px;
  transition: opacity .1s ease-in-out, top .1s ease-in-out
}

.ch-se.se:after,
.ch-se.at:after {
  opacity: 1;
  top: 14px
}

.ch-se.se:before,
.ch-se.at:before {
  background: url(../img/i.svg) calc(var(--tema-ic) + 4px) -5390px no-repeat var(--cor-primaria-media);
  background: var(--cor-primaria);
  border-color: rgba(0, 0, 0, 0)
}

h2 a:hover,
.su a:not(.at):hover,
a.ic:hover,
.pointer.ic:hover {
  background-color: var(--cor-cinza-claro)
}

.msg {
  background-color: var(--cor-terciaria-clara);
  border: 5px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  padding: 9px
}

.msg+.msg {
  margin-top: calc(var(--margem)*-1 + 1px)
}

.msg.fixo {
  color-scheme: dark;
  --cor-cinza: rgba(var(--c), var(--c), var(--c), .05);
  --cor-separador: rgba(var(--c), var(--c), var(--c), .1);
  bottom: 0;
  left: 16px;
  background-color: var(--cor-fonte-forte);
  z-index: 12;
  animation: m .12s ease-in-out;
  text-decoration: none
}

.msg.fixo+.msg.fixo {
  bottom: calc(var(--margem)*2 + 8px)
}

.msg.fixo.carr:before {
  border-color: rgba(var(--c), var(--c), var(--c), 0.87) rgba(var(--c), var(--c), var(--c), 0.1) rgba(var(--c), var(--c), var(--c), 0.1)
}

.msg.fixo.direita {
  left: auto;
  right: 16px
}

.msg.fixo,
.msg.fixo a,
.msg.fixo a:hover,
.msg.fixo .se {
  color: var(--cor-bg)
}

.msg.fixo a:hover {
  background-color: var(--cor-separador)
}

.msg.fixo .m-t {
  margin-top: 10px
}

.tema-escuro .msg.fixo {
  color-scheme: light
}

.msg.fixo.msg-central {
  width: 282px;
  top: 16px;
  bottom: auto;
  left: calc(50% - 170px)
}

.msg.fixo:has(.msg) {
  padding: 0;
  border: 0
}

.msg.fixo .msg {
  margin: 0;
  background-color: rgba(0, 0, 0, 0)
}

.m-e {
  margin-left: var(--margem)
}

.m-e.tag {
  margin-left: calc(var(--margem)/4)
}

.m-e2 {
  margin-left: calc(var(--margem)/2)
}

@keyframes m {
  0% {
    opacity: 0;
    margin-bottom: 0
  }
}

@keyframes t {

  0%,
  88% {
    opacity: 0;
    margin-left: 8px
  }
}

@keyframes o {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(180deg)
  }

  80% {
    transform: scale(1.2)
  }
}

.jm-central,
.transp {
  animation: m .2s linear
}

.de {
  padding-left: 39px
}

.de.ic {
  padding: 0 6px 0 26px
}

fieldset input~.de.ic {
  padding-left: 39px;
  padding-right: 9px
}

.menu-ic .de,
.item .de.ic {
  padding-left: 33px
}

.zd {
  margin-right: 10px
}

.transp,
.marcadagua {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.abs.direita {
  right: 0
}

#c1 {
  padding: var(--margem) var(--margem) calc(var(--margem)*3);
  width: calc(var(--tam-col-menu) - var(--margem)*2);
  left: 0;
  top: var(--tam-topo);
  z-index: 3
}

#c1 dl {
  margin: 0 calc(var(--margem)/2*-1) calc(var(--margem)/2)
}

#c1 dd a:not(.ic):hover {
  background-color: var(--cor-cinza-claro)
}

#c1 .menu-ic dd:not(.lista-grupos) a:not(.ic):not(.ch-se) {
  padding-top: calc(var(--margem)/2 + 2px);
  padding-bottom: calc(var(--margem)/2 + 2px);
  display: flex;
  align-items: baseline;
  justify-content: space-between
}

#c1 .menu-ic dd:not(.lista-grupos) a:not(.ic):not(.ch-se) .n-msg {
  order: 2;
  margin-left: 0
}

#c1 .menu-ic dd:not(.lista-grupos) a:not(.ic):not(.ch-se).aleta:before {
  position: absolute;
  transform: rotate(-45deg);
  margin: 7px 0 0 -6px;
  width: 3px;
  height: 3px;
  float: left
}

#c1 .menu-ic .switch {
  margin: 10px 0 0 10px
}

#c1 .menu-ic dt,
#c1 .menu-ic dd {
  margin-bottom: 2px
}

#c1 .menu-ic .lista-grupos {
  background: var(--cor-bg);
  left: var(--tam-col-menu)
}

#c1 .lista-grupos {
  background: var(--cor-bg);
  left: var(--tam-col-menu)
}

#c1 .at,
#c1 .at:not(.ic):hover {
  background: linear-gradient(var(--cor-primaria-clara), var(--cor-primaria-clara)) var(--cor-bg);
  color: var(--cor-primaria)
}

#c1 dd a:not(.ic),
#c1 dt {
  padding: 10px calc(var(--margem)/2);
  padding: calc(var(--margem)/2);
  border-radius: 8px
}

#c1 footer {
  position: fixed;
  bottom: var(--margem)
}

#c1:not(.no)~#c2,
#c1:not(.no)~* #c2 {
  margin-left: var(--tam-col-menu)
}

#c1:after {
  content: "";
  border-left: 1px solid var(--cor-separador);
  position: fixed;
  top: 0;
  left: calc(var(--tam-col-menu) - 1px);
  bottom: 0
}

.central #c1:not(.no)~#c2,
.central #c1:not(.no)~* #c2 {
  margin-left: 0
}

#m li {
  list-style: none
}

#c3:not(.no)+#c2 {
  margin-right: 274px
}

#c3,
.m-b,
.m-b[class^=bloco-] {
  margin-bottom: var(--margem)
}

.m-b2 {
  margin-bottom: calc(var(--margem)/2)
}

.m-b3 {
  margin-bottom: calc(var(--margem)/4)
}

.m-t {
  margin-top: var(--margem)
}

.m-t2 {
  margin-top: calc(var(--margem)/2)
}

a,
.se,
#c1 dt {
  color: var(--cor-fonte-forte)
}

.ar dt,
a:hover,
.links a,
.links a:hover,
legend,
small,
.az,
.t1 th,
.t1 th a,
.t1 th a:hover {
  color: var(--cor-primaria)
}

#n,
#n a,
.pa,
.tc,
#c1 dd a,
#c1 footer {
  color: var(--cor-fonte-fraca)
}

.opac0,
#n {
  opacity: 0
}

#n {
  background: var(--cor-bg);
  margin: -26px 0 0;
  padding: 5px 15px;
  transition: margin .2s ease-in-out, opacity .2s ease-in-out;
  z-index: 4
}

#m:hover~#n,
.op:hover~#n,
#n:hover {
  margin: 0;
  opacity: 1
}

h5 a:hover,
.ve {
  color: var(--cor-secundaria)
}

.am {
  color: var(--cor-terciaria-escura)
}

.txt-destaque {
  color: var(--cor-destaque)
}

.laranja {
  color: var(--cor-laranja)
}

.espera,
.opac05,
.bl,
.disabled {
  opacity: .5
}

.borda-8 {
  border-radius: 8px
}

.n-msg,
.op[rel]:before {
  border-radius: 8px;
  padding: 2px 5px;
  margin: -2px 0 -2px 4px
}

.n-msg.bg-terciaria {
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 12px !important
}

h3 .n-msg {
  margin: 8px 0 0 4px;
  line-height: 20px;
  display: inline-block;
  float: none
}

.ind {
  padding-left: 30px
}

.ind:before {
  content: "";
  position: absolute;
  border-left: 1px dashed var(--cor-cinza-escuro);
  top: 0;
  bottom: 0;
  left: 15px
}

.contrai-arvore:before {
  transition: all .1s ease-in-out;
  margin: 5px 10px 0 2px;
  float: left
}

.contrai-arvore:not(.at):before {
  transform: rotate(-45deg);
  margin-top: 7px
}

.contrai-arvore:empty {
  min-height: 20px;
  padding-right: 5px
}

.contrai-arvore:empty+.item {
  padding-left: 6px
}

.op[rel]:before {
  content: attr(rel);
  background: var(--cor-terciaria);
  color: #000;
  position: absolute;
  margin: 0;
  font-size: 11px;
  line-height: 16px;
  z-index: 2;
  text-align: center;
  min-width: 10px;
  border-radius: 10px;
  animation: o .1s ease-in-out;
  pointer-events: none;
  left: 0
}

.ci,
.l,
.bl,
.pa a {
  background-color: var(--cor-cinza)
}

.pa a:not(.at):hover {
  background: none
}

.se:not(tr),
.se td {
  background-color: var(--cor-primaria-media)
}

th.as:after,
th.ds:after {
  content: "";
  display: inline-block;
  margin: -5px 0 0 6px;
  vertical-align: inherit;
  border: solid;
  border-color: var(--cor-primaria) rgba(0, 0, 0, 0);
  border-width: 4px 4px 0
}

th.as {
  background-image: none
}

th.as:after {
  border-width: 0 4px 4px
}

.notif,
.recarregar,
.ic-mapa,
.bai,
.cim,
.pro,
.ant,
.tema,
.lua,
.mais-opc,
.filtro,
.assinar,
.camera,
.ver,
.lista,
.resp-todos,
.grupo,
.entrada,
.saida,
.casa,
.ex3,
.retorno,
.limpar,
.qr,
.cpu,
.ex2,
.graf2,
.sa2,
.ord,
.local,
.pdf,
.cc,
.ch2,
.info2,
.compart,
.opc,
.aberto,
.senha,
.carta,
.fav,
.fa,
.fe2,
.fe,
.ex,
.sair,
.ch,
.enc,
.resp,
.pin,
.marcador,
.lida,
.veiculo,
.menos,
.mais,
.graf,
.usr,
.man,
.txt,
.an,
.hi,
.pr,
.im,
.ed,
.as,
.ca,
.pasta,
.sa,
.aj,
.ad,
.es,
.ad2,
.pla,
.conf,
.ok,
.alerta,
.erro,
.info {
  background-image: url(../img/i.svg);
  background-repeat: no-repeat;
  background-position-x: var(--tema-ic)
}

.info {
  background-position-y: calc(var(--tema-ic) - 120px)
}

.info:before {
  -webkit-mask-position: 0 -120px;
  mask-position: 0 -120px
}

.erro {
  background-position-y: calc(var(--tema-ic) - 240px)
}

.erro:before {
  -webkit-mask-position: 0 -240px;
  mask-position: 0 -240px
}

.alerta {
  background-position-y: calc(var(--tema-ic) - 360px)
}

.alerta:before {
  -webkit-mask-position: 0 -360px;
  mask-position: 0 -360px
}

.ok {
  background-position-y: calc(var(--tema-ic) - 480px)
}

.ok:before {
  -webkit-mask-position: 0 -480px;
  mask-position: 0 -480px
}

.conf {
  background-position-y: calc(var(--tema-ic) - 600px)
}

.conf:before {
  -webkit-mask-position: 0 -600px;
  mask-position: 0 -600px
}

.pla {
  background-position-y: calc(var(--tema-ic) - 720px)
}

.pla:before {
  -webkit-mask-position: 0 -720px;
  mask-position: 0 -720px
}

.ad2 {
  background-position-y: calc(var(--tema-ic) - 840px)
}

.ad2:before {
  -webkit-mask-position: 0 -840px;
  mask-position: 0 -840px
}

.es {
  background-position-y: calc(var(--tema-ic) - 960px)
}

.es:before {
  -webkit-mask-position: 0 -960px;
  mask-position: 0 -960px
}

.ad {
  background-position-y: calc(var(--tema-ic) - 1080px)
}

.ad:before {
  -webkit-mask-position: 0 -1080px;
  mask-position: 0 -1080px
}

.aj {
  background-position-y: calc(var(--tema-ic) - 1200px)
}

.aj:before {
  -webkit-mask-position: 0 -1200px;
  mask-position: 0 -1200px
}

.sa {
  background-position-y: calc(var(--tema-ic) - 1320px)
}

.sa:before {
  -webkit-mask-position: 0 -1320px;
  mask-position: 0 -1320px
}

.pasta {
  background-position-y: calc(var(--tema-ic) - 1440px)
}

.pasta:before {
  -webkit-mask-position: 0 -1440px;
  mask-position: 0 -1440px
}

.ca {
  background-position-y: calc(var(--tema-ic) - 1560px)
}

.ca:before {
  -webkit-mask-position: 0 -1560px;
  mask-position: 0 -1560px
}

.as {
  background-position-y: calc(var(--tema-ic) - 1680px)
}

.as:before {
  -webkit-mask-position: 0 -1680px;
  mask-position: 0 -1680px
}

.ed {
  background-position-y: calc(var(--tema-ic) - 1800px)
}

.ed:before {
  -webkit-mask-position: 0 -1800px;
  mask-position: 0 -1800px
}

.im {
  background-position-y: calc(var(--tema-ic) - 1920px)
}

.im:before {
  -webkit-mask-position: 0 -1920px;
  mask-position: 0 -1920px
}

.pr {
  background-position-y: calc(var(--tema-ic) - 2040px)
}

.pr:before {
  -webkit-mask-position: 0 -2040px;
  mask-position: 0 -2040px
}

.hi {
  background-position-y: calc(var(--tema-ic) - 2160px)
}

.hi:before {
  -webkit-mask-position: 0 -2160px;
  mask-position: 0 -2160px
}

.an {
  background-position-y: calc(var(--tema-ic) - 2280px)
}

.an:before {
  -webkit-mask-position: 0 -2280px;
  mask-position: 0 -2280px
}

.txt {
  background-position-y: calc(var(--tema-ic) - 2400px)
}

.txt:before {
  -webkit-mask-position: 0 -2400px;
  mask-position: 0 -2400px
}

.man {
  background-position-y: calc(var(--tema-ic) - 2520px)
}

.man:before {
  -webkit-mask-position: 0 -2520px;
  mask-position: 0 -2520px
}

.usr {
  background-position-y: calc(var(--tema-ic) - 2640px)
}

.usr:before {
  -webkit-mask-position: 0 -2640px;
  mask-position: 0 -2640px
}

.graf {
  background-position-y: calc(var(--tema-ic) - 2760px)
}

.graf:before {
  -webkit-mask-position: 0 -2760px;
  mask-position: 0 -2760px
}

.mais {
  background-position-y: calc(var(--tema-ic) - 2880px)
}

.mais:before {
  -webkit-mask-position: 0 -2880px;
  mask-position: 0 -2880px
}

.menos {
  background-position-y: calc(var(--tema-ic) - 3000px)
}

.menos:before {
  -webkit-mask-position: 0 -3000px;
  mask-position: 0 -3000px
}

.veiculo {
  background-position-y: calc(var(--tema-ic) - 3120px)
}

.veiculo:before {
  -webkit-mask-position: 0 -3120px;
  mask-position: 0 -3120px
}

.lida {
  background-position-y: calc(var(--tema-ic) - 3240px)
}

.lida:before {
  -webkit-mask-position: 0 -3240px;
  mask-position: 0 -3240px
}

.marcador {
  background-position-y: calc(var(--tema-ic) - 3360px)
}

.marcador:before {
  -webkit-mask-position: 0 -3360px;
  mask-position: 0 -3360px
}

.pin {
  background-position-y: calc(var(--tema-ic) - 3480px)
}

.pin:before {
  -webkit-mask-position: 0 -3480px;
  mask-position: 0 -3480px
}

.resp {
  background-position-y: calc(var(--tema-ic) - 3600px)
}

.resp:before {
  -webkit-mask-position: 0 -3600px;
  mask-position: 0 -3600px
}

.enc {
  background-position-y: calc(var(--tema-ic) - 3720px)
}

.enc:before {
  -webkit-mask-position: 0 -3720px;
  mask-position: 0 -3720px
}

.ch {
  background-position-y: calc(var(--tema-ic) - 3840px)
}

.ch:before {
  -webkit-mask-position: 0 -3840px;
  mask-position: 0 -3840px
}

.sair {
  background-position-y: calc(var(--tema-ic) - 3960px)
}

.sair:before {
  -webkit-mask-position: 0 -3960px;
  mask-position: 0 -3960px
}

.ex {
  background-position-y: calc(var(--tema-ic) - 4080px)
}

.ex:before {
  -webkit-mask-position: 0 -4080px;
  mask-position: 0 -4080px
}

.fe {
  background-position-y: calc(var(--tema-ic) - 4200px)
}

.fe:before {
  -webkit-mask-position: 0 -4200px;
  mask-position: 0 -4200px
}

.fe2 {
  background-position-y: calc(var(--tema-ic) - 4320px)
}

.fe2:before {
  -webkit-mask-position: 0 -4320px;
  mask-position: 0 -4320px
}

.fa {
  background-position-y: calc(var(--tema-ic) - 4440px)
}

.fa:before {
  -webkit-mask-position: 0 -4440px;
  mask-position: 0 -4440px
}

.fav {
  background-position-y: calc(var(--tema-ic) - 4560px)
}

.fav:before {
  -webkit-mask-position: 0 -4560px;
  mask-position: 0 -4560px
}

.carta {
  background-position-y: calc(var(--tema-ic) - 4680px)
}

.carta:before {
  -webkit-mask-position: 0 -4680px;
  mask-position: 0 -4680px
}

.senha {
  background-position-y: calc(var(--tema-ic) - 4800px)
}

.senha:before {
  -webkit-mask-position: 0 -4800px;
  mask-position: 0 -4800px
}

.aberto {
  background-position-y: calc(var(--tema-ic) - 4920px)
}

.aberto:before {
  -webkit-mask-position: 0 -4920px;
  mask-position: 0 -4920px
}

.opc {
  background-position-y: calc(var(--tema-ic) - 5040px)
}

.opc:before {
  -webkit-mask-position: 0 -5040px;
  mask-position: 0 -5040px
}

.compart {
  background-position-y: calc(var(--tema-ic) - 5160px)
}

.compart:before {
  -webkit-mask-position: 0 -5160px;
  mask-position: 0 -5160px
}

.info2 {
  background-position-y: calc(var(--tema-ic) - 5280px)
}

.info2:before {
  -webkit-mask-position: 0 -5280px;
  mask-position: 0 -5280px
}

.ch2 {
  background-position-y: calc(var(--tema-ic) - 5400px)
}

.ch2:before {
  -webkit-mask-position: 0 -5400px;
  mask-position: 0 -5400px
}

.cc {
  background-position-y: calc(var(--tema-ic) - 5520px)
}

.cc:before {
  -webkit-mask-position: 0 -5520px;
  mask-position: 0 -5520px
}

.pdf {
  background-position-y: calc(var(--tema-ic) - 5640px)
}

.pdf:before {
  -webkit-mask-position: 0 -5640px;
  mask-position: 0 -5640px
}

.local {
  background-position-y: calc(var(--tema-ic) - 5760px)
}

.local:before {
  -webkit-mask-position: 0 -5760px;
  mask-position: 0 -5760px
}

.ord {
  background-position-y: calc(var(--tema-ic) - 5880px)
}

.ord:before {
  -webkit-mask-position: 0 -5880px;
  mask-position: 0 -5880px
}

.sa2 {
  background-position-y: calc(var(--tema-ic) - 6000px)
}

.sa2:before {
  -webkit-mask-position: 0 -6000px;
  mask-position: 0 -6000px
}

.graf2 {
  background-position-y: calc(var(--tema-ic) - 6120px)
}

.graf2:before {
  -webkit-mask-position: 0 -6120px;
  mask-position: 0 -6120px
}

.ex2 {
  background-position-y: calc(var(--tema-ic) - 6240px)
}

.ex2:before {
  -webkit-mask-position: 0 -6240px;
  mask-position: 0 -6240px
}

.cpu {
  background-position-y: calc(var(--tema-ic) - 6360px)
}

.cpu:before {
  -webkit-mask-position: 0 -6360px;
  mask-position: 0 -6360px
}

.qr {
  background-position-y: calc(var(--tema-ic) - 6480px)
}

.qr:before {
  -webkit-mask-position: 0 -6480px;
  mask-position: 0 -6480px
}

.limpar {
  background-position-y: calc(var(--tema-ic) - 6600px)
}

.limpar:before {
  -webkit-mask-position: 0 -6600px;
  mask-position: 0 -6600px
}

.retorno {
  background-position-y: calc(var(--tema-ic) - 6720px)
}

.retorno:before {
  -webkit-mask-position: 0 -6720px;
  mask-position: 0 -6720px
}

.ex3 {
  background-position-y: calc(var(--tema-ic) - 6840px)
}

.ex3:before {
  -webkit-mask-position: 0 -6840px;
  mask-position: 0 -6840px
}

.casa {
  background-position-y: calc(var(--tema-ic) - 6960px)
}

.casa:before {
  -webkit-mask-position: 0 -6960px;
  mask-position: 0 -6960px
}

.saida {
  background-position-y: calc(var(--tema-ic) - 7080px)
}

.saida:before {
  -webkit-mask-position: 0 -7080px;
  mask-position: 0 -7080px
}

.entrada {
  background-position-y: calc(var(--tema-ic) - 7200px)
}

.entrada:before {
  -webkit-mask-position: 0 -7200px;
  mask-position: 0 -7200px
}

.grupo {
  background-position-y: calc(var(--tema-ic) - 7320px)
}

.grupo:before {
  -webkit-mask-position: 0 -7320px;
  mask-position: 0 -7320px
}

.resp-todos {
  background-position-y: calc(var(--tema-ic) - 7440px)
}

.resp-todos:before {
  -webkit-mask-position: 0 -7440px;
  mask-position: 0 -7440px
}

.lista {
  background-position-y: calc(var(--tema-ic) - 7560px)
}

.lista:before {
  -webkit-mask-position: 0 -7560px;
  mask-position: 0 -7560px
}

.ver {
  background-position-y: calc(var(--tema-ic) - 7680px)
}

.ver:before {
  -webkit-mask-position: 0 -7680px;
  mask-position: 0 -7680px
}

.camera {
  background-position-y: calc(var(--tema-ic) - 7800px)
}

.camera:before {
  -webkit-mask-position: 0 -7800px;
  mask-position: 0 -7800px
}

.assinar {
  background-position-y: calc(var(--tema-ic) - 7920px)
}

.assinar:before {
  -webkit-mask-position: 0 -7920px;
  mask-position: 0 -7920px
}

.filtro {
  background-position-y: calc(var(--tema-ic) - 8040px)
}

.filtro:before {
  -webkit-mask-position: 0 -8040px;
  mask-position: 0 -8040px
}

.mais-opc {
  background-position-y: calc(var(--tema-ic) - 8160px)
}

.mais-opc:before {
  -webkit-mask-position: 0 -8160px;
  mask-position: 0 -8160px
}

.lua {
  background-position-y: calc(var(--tema-ic) - 8280px)
}

.lua:before {
  -webkit-mask-position: 0 -8280px;
  mask-position: 0 -8280px
}

.tema {
  background-position-y: calc(var(--tema-ic) - 8400px)
}

.tema:before {
  -webkit-mask-position: 0 -8400px;
  mask-position: 0 -8400px
}

.ant {
  background-position-y: calc(var(--tema-ic) - 8520px)
}

.ant:before {
  -webkit-mask-position: 0 -8520px;
  mask-position: 0 -8520px
}

.pro {
  background-position-y: calc(var(--tema-ic) - 8640px)
}

.pro:before {
  -webkit-mask-position: 0 -8640px;
  mask-position: 0 -8640px
}

.cim {
  background-position-y: calc(var(--tema-ic) - 8760px)
}

.cim:before {
  -webkit-mask-position: 0 -8760px;
  mask-position: 0 -8760px
}

.bai {
  background-position-y: calc(var(--tema-ic) - 8880px)
}

.bai:before {
  -webkit-mask-position: 0 -8880px;
  mask-position: 0 -8880px
}

.ic-mapa {
  background-position-y: calc(var(--tema-ic) - 9000px)
}

.ic-mapa:before {
  -webkit-mask-position: 0 -9000px;
  mask-position: 0 -9000px
}

.recarregar {
  background-position-y: calc(var(--tema-ic) - 9120px)
}

.recarregar:before {
  -webkit-mask-position: 0 -9120px;
  mask-position: 0 -9120px
}

.notif {
  background-position-y: calc(var(--tema-ic) - 9240px)
}

.notif:before {
  -webkit-mask-position: 0 -9240px;
  mask-position: 0 -9240px
}

.ic {
  --tema-ic: 0px
}

[class^=ic-],
[class*=" ic-"] {
  background-image: none
}

[class^=ic-]:before,
[class*=" ic-"]:before {
  -webkit-mask-image: url(../img/i.svg);
  mask-image: url(../img/i.svg);
  background: var(--cor-icone);
  content: "";
  position: absolute;
  width: 22px;
  height: 22px
}

.c [class^=ic-]:before,
.c [class*=" ic-"]:before {
  margin-left: -10px
}

:where(h2,
  .su) [class^=ic-]:before,
:where(h2,
  .su) [class*=" ic-"]:before {
  margin: -1px 0 0 -31px
}

:where(h2,
  .su) [class^=ic-]:empty:before,
:where(h2,
  .su) [class*=" ic-"]:empty:before {
  margin-left: -20px
}

[class^=ic-].de:before,
[class*=" ic-"].de:before {
  margin-left: -26px
}

.item [class^=ic-].de:before,
.item [class*=" ic-"].de:before {
  margin-left: -33px
}

.link-app {
  width: 40px;
  height: 32px
}

.link-app:before {
  margin: 7px 0 0 1px
}

.menu-ic .de {
  background-image: none
}

.menu-ic .de:before {
  -webkit-mask-image: url(../img/i.svg);
  mask-image: url(../img/i.svg);
  background: var(--cor-icone);
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  margin-left: -33px
}

.menu-ic .at .de:before {
  background: var(--cor-primaria)
}

.assinatura-ok:before {
  background: url(../img/i.svg) 1px -239px/1650px auto no-repeat var(--cor-verde);
  border-radius: 50%;
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  margin: 0 0 0 -2px
}

:where(h2,
  .su) .sem-ic {
  padding-left: 10px
}

:where(h2,
  .su) a {
  border-radius: 4px;
  float: left;
  padding: 9px 10px 9px 39px;
  text-decoration: none
}

:where(h2,
  .su) a:empty {
  height: 20px;
  padding-left: 28px
}

:where(h2,
  .su)>span {
  float: right
}

:where(h2,
  .su) .at:not(.switch) {
  border-color: var(--cor-primaria-media);
  background-color: var(--cor-primaria-clara)
}

:where(h2,
  .su) .assinatura-ok:before {
  margin: -1px 0 0 -29px
}

:where(h2,
  .su) .assinatura-ok:empty:before {
  margin-left: -23px
}

:is(h2,
  .su,
  #m,
  .op) a:active,
a.ic:active,
#c1 dd a:not(.ic):active {
  background-color: var(--cor-cinza)
}

h2 {
  font-size: 18px;
  line-height: 1.556;
  padding: 6px 0
}

h2 a {
  margin: -6px 0
}

h2.direita {
  margin: 7px 0 0 22px
}

h2+.az {
  margin-top: -16px
}

fieldset+h2 {
  margin-top: var(--margem)
}

h2 .ant:first-child {
  margin-right: calc(var(--margem)/2)
}

.de.assinatura-ok:before {
  margin-left: -28px
}

ul {
  padding: 0 0 0 16px
}

.flu {
  margin: -40px 0 0
}

a,
.grid td,
.pointer {
  cursor: pointer
}

.rol-lateral {
  overflow-x: auto
}

.op a:before {
  background: url(../img/i.svg) 0 -10320px no-repeat;
  content: "";
  height: 22px;
  width: 22px;
  position: absolute;
  z-index: 1
}

.op .avatar {
  border-radius: 50%
}

.op .avatar:before {
  -webkit-mask: url(../img/i.svg) 0 -9479px no-repeat;
  mask: url(../img/i.svg) 0 -9479px no-repeat;
  background: var(--cor-icone);
  width: 14px;
  height: 14px;
  top: 26px;
  left: 26px
}

.op .avatar img {
  clip-path: path("M0 0v40h26V26h14V0Z");
  margin: -10px
}

.op .avatar~a {
  display: none
}

.op .avatar.menu-status:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--cor-secundaria);
  width: 10px;
  height: 10px;
  border-radius: 50%
}

.op .avatar:hover {
  box-shadow: 0 0 0 4px var(--cor-cinza-claro)
}

.op .ic-notif,
.op .ic-ajuda,
.op .ic-app {
  background: none
}

.op .ic-notif:before,
.op .ic-ajuda:before,
.op .ic-app:before {
  transition: all .15s ease-in-out;
  background: var(--cor-icone);
  margin: 0
}

.op .ic-notif:before {
  -webkit-mask: url(../img/ic-notif.svg) -1px -1px;
  mask: url(../img/ic-notif.svg) -1px -1px
}

.op .ic-ajuda:before {
  -webkit-mask: url(../img/ajuda.svg) -1px -1px;
  mask: url(../img/ajuda.svg) -1px -1px
}

.op .ic-app:before {
  -webkit-mask: url(../img/ic-apps.svg) -1px -1px;
  mask: url(../img/ic-apps.svg) -1px -1px
}

.ic-apps:before {
  -webkit-mask: url(../img/ic-seta.svg) -1px -1px;
  mask: url(../img/ic-seta.svg) -1px -1px
}

.jm-notif {
  margin-top: calc(var(--margem)*-1);
  width: 328px
}

.jm-notificacoes {
  top: var(--tam-topo);
  right: calc(var(--margem)*1.5 + 40px);
  width: 328px
}

.corpo-menu {
  padding: var(--margem);
  flex: 0 0 792px
}

.jm-menu {
  background: linear-gradient(var(--cor-primaria-clara), var(--cor-primaria-clara)) var(--cor-bg);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 12;
  transition: width .1s ease-in-out, opacity .1s ease-in-out;
  width: 0;
  opacity: 0;
  overflow-y: auto;
  overflow-x: hidden
}

.jm-menu h1 {
  box-shadow: 0 -1px var(--cor-separador) inset, 0 -1px var(--cor-separador)
}

.jm-menu.at {
  width: 1120px;
  opacity: 1
}

.extranet .jm-menu.at {
  width: 280px
}

.jm-menu .menu-fechar {
  position: absolute;
  top: calc(var(--margem)*.5);
  right: var(--margem)
}

.jm-menu .grid-mod {
  margin: 0 0 24px
}

.jm-menu-notif {
  overflow: unset
}

.jm-menu-notif.at {
  display: block;
  width: 600px
}

.jm-menu-notif .margem.rol {
  margin: 0 calc(var(--margem)*-1) calc(var(--margem)*-1);
  padding-top: 0;
  max-height: calc(100vh - var(--margem)*3 - 40px)
}

.jm-menu-notif .m-jm.rol {
  max-height: calc(100vh - var(--margem)*3.5 - 48px)
}

hr {
  border: solid var(--cor-separador);
  border-width: 1px 0 0;
  margin: var(--margem) 0
}

.lista-grupos hr {
  margin: 6px
}

hr.menor {
  margin: calc(var(--margem)/2) 0
}

.avatar-g {
  border-radius: 50%;
  width: calc(var(--margem)*6.75);
  height: calc(var(--margem)*6.75);
  margin: var(--margem) auto;
  display: block;
  position: relative
}

[class^=logo-]:before,
.mod a:before {
  float: left;
  height: 40px;
  width: 40px;
  border-radius: 4px;
  content: ""
}

.c-foto {
  float: left;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin: -10px calc(var(--margem)/1.5) 0 0
}

.agrupar .c-foto {
  flex: 0 0 40px
}

.item:not(.bloco-cmd) .c-foto:not(.foto-mini),
.bloco- .c-foto:not(.foto-mini) {
  margin-top: 0
}

.foto-mini {
  width: 24px;
  height: 24px;
  margin: -2px 6px -2px 0
}

.comp-caixa {
  padding: 20px 10px 10px
}

.comp-caixa span {
  margin: -7px 0
}

.comp-caixa .elip {
  max-width: 190px
}

.comp-caixa .c-foto {
  margin-bottom: -10px
}

img,
.ab .voltar {
  background: none;
  border: 0
}

.elip {
  max-width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.rol {
  max-height: 380px
}

.transp {
  background: rgba(0, 0, 0, .6);
  z-index: 10
}

.transp+.flu {
  z-index: 11 !important
}

.alinha-v,
.flex:not(.no) {
  justify-content: center;
  align-items: center
}

.alinha-c {
  align-items: center
}

.col-pesquisa,
.ord-2 {
  order: 2
}

.fixo {
  position: fixed !important
}

.fico .novo,
.botao-destaque .novo {
  margin: -5px -32px
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.su .relat {
  float: none
}

.su .relat a {
  margin: 0
}

.su input,
.su button {
  float: left;
  margin: 0 calc(var(--margem)/4) 0 0
}

.su .proc1 {
  margin: 0;
  float: left;
  padding-right: 34px
}

.su .proc2 {
  margin: 0 -10px 0 -34px
}

.busca .proc1 {
  border-radius: 8px;
  padding: 11px 16px;
  width: 100%;
  background: var(--cor-cinza-claro);
  border-color: rgba(0, 0, 0, 0);
  height: 48px
}

.busca .proc1:focus-visible {
  outline: none;
  border-color: var(--cor-separador)
}

.busca .proc2 {
  margin: 4px -44px
}

.busca .fe {
  margin-left: -77px
}

.opcoes {
  margin: 44px 0 0;
  width: 180px
}

.opcoes .c-list {
  padding: 10px
}

.tam-m {
  width: 120px
}

.tam-m.flex-coluna {
  flex: 0 0 120px
}

.tam-gg {
  width: 300px
}

.tam-g {
  width: 240px
}

.tam-g.flex-coluna {
  flex: 0 0 240px
}

.tam-p {
  width: 50px
}

.tam-p.flex-coluna {
  flex: 0 0 50px
}

.tam-hora {
  width: 56px !important
}

.tam-ano {
  width: 72px !important
}

.tam-ic {
  width: 24px
}

.tam-ic.flex-coluna {
  flex: 0 0 24px
}

.m-jm {
  margin-top: calc(var(--margem)/2)
}

h2~.m-jm,
.flex-linha~.m-jm {
  margin-top: calc(var(--margem)*-0.5)
}

.c-list {
  padding: 16px 6px
}

.bl .c-list {
  width: auto;
  float: left;
  box-shadow: none
}

.sem-borda {
  box-shadow: none
}

.auto-comp {
  right: auto;
  margin-top: 0;
  width: 318px
}

.f-v .auto-comp {
  right: calc(var(--margem)/2);
  left: calc(var(--margem)/2);
  width: auto
}

fieldset:not(.f-v) label~.auto-comp {
  margin-left: 172px
}

.lm label~.auto-comp {
  margin-left: 112px
}

.busca+.auto-comp {
  width: auto;
  left: 6px;
  right: 6px;
  margin-top: -1px
}

.sel-caixa {
  margin: 10px
}

.ab {
  white-space: nowrap;
  flex-wrap: wrap;
  margin: 0 0 var(--margem)
}

#c,
.jm:not(:where(.opcoes,
    .p-0)) {
  padding: var(--margem)
}

.p-0 {
  padding: 0
}

.ma3 {
  padding: 24px
}

.ar a,
.ar dt {
  padding: 10px
}

.ar a+.ma.tc {
  margin-top: 16px
}

[class^=bloco-]:not(.bloco-social) {
  border-radius: var(--margem);
  padding: var(--margem)
}

[class^=bloco-].item,
a.tag:hover {
  box-shadow: 0 0 0 1px var(--cor-cinza) inset
}

a.tag:active {
  box-shadow: 0 0 0 2px var(--cor-cinza) inset
}

.bloco-ctsdts {
  background-color: var(--cor-bg-opaco)
}

.bloco-ctsdts .ctsdts {
  margin: -26px -6px;
  background: none
}

.bloco-destaque {
  background-color: var(--cor-primaria-clara)
}

.bloco-novo {
  background: linear-gradient(to right, var(--cor-bg), var(--cor-terciaria-clara))
}

[class^=logo-]:before {
  box-shadow: 0 0 0 1px var(--cor-separador) inset;
  margin: -4px calc(var(--margem)/2) -4px 0;
  vertical-align: text-bottom
}

h1.carr:before,
.transp h2.carr:before {
  --cor-fonte: #fff
}

h2.carr:before {
  border-width: 6px;
  position: relative;
  height: 48px;
  width: 48px;
  margin: 10% auto;
  display: block
}

@keyframes c {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.tags {
  gap: calc(var(--margem)/4);
  flex-wrap: wrap;
  align-items: center
}

.tags .retic {
  font-size: 20px;
  padding: 0 12px 10px
}

.tags .limpar {
  margin-right: -16px;
  margin-left: 8px;
  float: right
}

.tags .foto-mini {
  margin-left: -14px
}

.tags .tag {
  padding: 5px 12px;
  border-radius: 15px;
  margin: 0;
  white-space: nowrap
}

.tags .tag .limpar {
  margin-right: -9px
}

.tags .tag .foto-mini {
  margin-left: -7px
}

[class^=ic-area-]:before {
  -webkit-mask: url(../img/ic-casa.svg) -1px -1px;
  mask: url(../img/ic-casa.svg) -1px -1px;
  background: var(--cor-fonte)
}

li.at [class^=ic-area-]:before,
.ab .at [class^=ic-area-]:before {
  background: var(--cor-fonte-forte)
}

.tema-1:not(.tema-escuro) ul [class^=ic-area-],
.tema-3:not(.tema-escuro) ul [class^=ic-area-] {
  filter: invert(1)
}

li:not(.at) [class^=ic-area-] {
  opacity: .6
}

:is(.tema-1,
  .tema-3):not(.tema-escuro) .ic-notif:before,
:is(.tema-1,
  .tema-3):not(.tema-escuro) .ic-ajuda:before,
:is(.tema-1,
  .tema-3):not(.tema-escuro) .op .avatar:before {
  background: rgba(255, 255, 255, .72)
}

.ic-area-rh:before {
  -webkit-mask: url(../img/ic-area-rh.svg) -1px -1px;
  mask: url(../img/ic-area-rh.svg) -1px -1px
}

.ic-area-tec:before {
  -webkit-mask: url(../img/ic-area-tec.svg) -1px -1px;
  mask: url(../img/ic-area-tec.svg) -1px -1px
}

.ic-area-ensino:before {
  -webkit-mask: url(../img/ic-area-ensino.svg) -1px -1px;
  mask: url(../img/ic-area-ensino.svg) -1px -1px
}

.ic-area-saude:before {
  -webkit-mask: url(../img/ic-area-saude.svg) -1px -1px;
  mask: url(../img/ic-area-saude.svg) -1px -1px
}

.ic-area-operacional:before {
  -webkit-mask: url(../img/ic-area-operacional.svg) -1px -1px;
  mask: url(../img/ic-area-operacional.svg) -1px -1px
}

.ic-area-justica:before {
  -webkit-mask: url(../img/ic-area-justica.svg) -1px -1px;
  mask: url(../img/ic-area-justica.svg) -1px -1px
}

.ic-area-relacoes {
  background-position-y: -145px
}

.ic-area-orcamento {
  background-position-y: -169px
}

.ic-area-com {
  background-position-y: -193px
}

.mod {
  --tema-ic: 9px
}

#m .mod:hover a {
  border-radius: 8px
}

.mod:hover li.at a {
  background-color: var(--cor-primaria-clara) !important;
  color: var(--cor-primaria) !important;
  font-weight: 700
}

.mod:hover li.at a:before {
  background: var(--cor-primaria)
}

.mod a:before {
  background: var(--cor-icone);
  margin: 0 2px 0 -5px
}

.mod:not(.grid-mod) a:focus {
  box-shadow: 0 0 0 1px var(--cor-separador) inset
}

.msg404 {
  padding: calc(var(--margem)*2) calc(var(--margem)*2) calc(var(--margem)*2) calc(var(--margem)*4);
  position: relative
}

.msg404.alerta {
  background-size: 6600px auto;
  background-position: calc(var(--margem)*3 - 36px) calc((726px - var(--margem)*2)*-1)
}

.msg404 .conf.abs {
  margin-left: calc(var(--margem)*-2.8);
  border-radius: 50%
}

.msg404:before {
  content: "";
  position: absolute;
  background: var(--cor-bg);
  top: calc(var(--margem)*5);
  left: 0;
  bottom: 0;
  width: calc(var(--margem)*4)
}

button.carr,
.carr-h {
  position: relative;
  overflow: hidden
}

button.carr:before,
.carr-h:before {
  content: "";
  position: absolute;
  animation: e 1s linear infinite;
  margin: 0;
  bottom: 0;
  border: 0;
  width: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.5));
  left: 0;
  border-radius: 0;
  height: 4px
}

.carr-h:before {
  background: linear-gradient(to right, rgba(var(--b), var(--b), var(--b), 0.02), rgba(var(--b), var(--b), var(--b), 0.18))
}

.temporario:after {
  content: "";
  position: absolute;
  animation: temp 4s linear;
  bottom: -4px;
  width: calc(100% + 8px);
  background: linear-gradient(to right, transparent -100%, var(--cor-bg-opaco-60));
  left: -4px;
  border-radius: 0;
  height: 2px
}

@keyframes e {
  0% {
    width: 0
  }

  50% {
    width: 100%
  }

  100% {
    left: 100%
  }
}

@keyframes temp {
  0% {
    width: 0
  }

  100% {
    width: calc(100% + 8px)
  }
}

[class*=" usr-status-"]:before {
  content: "";
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 6px 0 0 6px;
  background: var(--cor-verde)
}

[class*=" usr-status-"].de:before {
  margin-left: -27px
}

.usr-status-2:before {
  background: var(--cor-secundaria)
}

.usr-status-3:before {
  background: var(--cor-terciaria)
}

.op {
  margin: calc(var(--margem)/2) var(--margem) calc(var(--margem)/2 + 2px);
  gap: calc(var(--margem)/2);
  z-index: 7
}

.op a {
  width: 20px;
  height: 20px
}

.central {
  max-width: 1100px;
  margin: auto
}

.disabled {
  cursor: default
}

.marcadagua {
  z-index: 99;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.marcadagua text {
  opacity: 0;
  stroke: #fff;
  stroke-width: 4;
  paint-order: stroke fill
}

:is(.f-v,
  .f-g),
:is(.f-v,
  .f-g)>div {
  padding: calc(var(--margem)/2);
  min-height: auto
}

:is(.f-v,
  .f-g) :is(input,
  select,
  textarea) {
  width: 100%
}

:is(.f-v,
  .f-g) label:first-child {
  width: auto;
  display: block;
  padding: 0 0 calc(var(--margem)/2)
}

:is(.f-v,
  .f-g) label:first-child:empty {
  height: 20px
}

:is(.f-v,
  .f-g) label:first-child:last-child {
  padding: 0
}

:is(.f-v,
  .f-g).menor,
:is(.f-v,
  .f-g).menor>div {
  padding: calc(var(--margem)/4)
}

.flex-linha {
  gap: var(--margem)
}

.flex-linha.item {
  gap: calc(var(--margem)*.75)
}

:where(.flex-linha,
  .tags,
  .op,
  .flex,
  .agrupar):not(.no),
.ab,
dl.t2,
.jm-menu {
  display: flex
}

.flex-coluna,
.flex-1 {
  flex: 1
}

.flex-02 {
  flex-grow: .2
}

.flex-03 {
  flex-grow: .3
}

.flex-04 {
  flex-grow: .4
}

.flex-05 {
  flex-grow: .5
}

.flex-06 {
  flex-grow: .6
}

.flex-07 {
  flex-grow: .7
}

.item .flex-coluna,
.card .flex-coluna {
  margin: 0
}

.flex-coluna.tam-min {
  flex: 0 0
}

.flex-col-2 {
  flex-wrap: wrap
}

.flex-col-2 .flex-coluna {
  flex-basis: calc(50% - var(--margem))
}

.flex-0 {
  flex: 0;
  white-space: nowrap
}

.card,
.expande {
  box-shadow: 0 0 0 1px var(--cor-separador) inset
}

.card {
  border-radius: 4px
}

.card .flex-linha:not(.item):not(.alinha-v)+.flex-linha:not(.item):not(.alinha-v) {
  margin-top: -10px
}

.card:not([class^=bloco-]) .item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.card:not([class^=bloco-]) .item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.flex-coluna.flex-linha .su:not(.no) {
  display: flex;
  overflow: initial
}

.tag {
  padding: 2px calc(var(--margem)/2 - 2px);
  border-radius: 12px;
  margin-top: -2px;
  margin-bottom: -2px
}

.tag.menor,
.menor .tag {
  margin-top: -1px;
  margin-bottom: -1px
}

.menor .tag {
  padding-top: 1px;
  padding-bottom: 1px
}

.tag:not(.no) {
  display: inline-block;
  vertical-align: text-top
}

h2 .tag.menor {
  float: none;
  font-size: 12px;
  margin-top: 2px
}

.pb {
  filter: grayscale(1)
}

.marca-texto {
  background-color: var(--cor-marca-texto)
}

h2 .marca-texto {
  float: none
}

.barra,
.busca-fixa {
  padding: calc(var(--margem)/2) var(--margem)
}

.barra>.su:not(.abs):not(.no),
.busca-fixa>.su:not(.abs):not(.no) {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.barra>.su:not(.abs):not(.no) span,
.busca-fixa>.su:not(.abs):not(.no) span {
  flex-shrink: 0
}

.barra {
  margin: calc(var(--margem)*-1) calc(var(--margem)*-1) var(--margem)
}

.barra h2 {
  margin: 0 !important
}

.barra h3 {
  box-shadow: none;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  padding: 9px 16px;
  margin: -9px -16px
}

.barra h3 a {
  white-space: nowrap
}

.barra.aleta {
  padding: calc(var(--margem)*.84) var(--margem)
}

.barra .hi {
  width: auto !important
}

.barra .elip {
  margin: 0;
  max-width: 100%;
  vertical-align: top
}

.barra .flex-coluna {
  white-space: nowrap
}

.barra .flex-coluna dd {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.busca-fixa {
  position: absolute;
  top: var(--tam-topo);
  left: var(--tam-col-menu);
  right: 0;
  margin: 0;
  background: var(--cor-bg);
  z-index: 2
}

.busca-fixa:has([type=search]) {
  padding: calc(var(--margem)/4 + 2px) var(--margem) calc(var(--margem)/4 + 2px) calc(var(--margem)/4 + 2px)
}

.busca-fixa [type=search] {
  background-color: rgba(0, 0, 0, 0)
}

.busca-fixa .abs {
  left: var(--margem);
  right: 100px;
  top: 12px;
  height: 40px;
  background: var(--cor-bg);
  transition: height .1s ease-in-out, top .1s ease-in-out, opacity .1s ease-in-out
}

.busca-fixa .opac0 {
  height: 0;
  top: 58px
}

.flut .busca-fixa {
  top: 0;
  position: fixed;
  right: 0
}

.busca-fixa .marcar-sel {
  top: 48px;
  right: var(--margem);
  margin: 8px 0 0
}

.busca-fixa .marcar-sel .rol {
  max-height: calc(100vh - 401px)
}

.busca-fixa-ma {
  padding-top: calc(40px + var(--margem))
}

.de-para:after {
  content: " →";
  margin: 0 2px
}

calendario,
input[type=date],
input[type=time],
input[type=month] {
  height: 40px
}

.mydp {
  border-color: var(--cor-separador) !important;
  height: 40px
}

.mydp .selector {
  border-color: var(--cor-separador) !important
}

.mydp .selection {
  height: 40px !important;
  line-height: 40px !important
}

.mydp button,
.mydp .btnpicker {
  box-shadow: none
}

.mydp button,
.mydp .daycell,
.mydp .monthcell,
.mydp .yearcell {
  color: #333739
}

.mydp .icon-mydpcalendar,
.mydp .icon-mydpremove {
  background: url(../img/i.svg) var(--tema-ic) calc(var(--tema-ic) - 1560px) no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block
}

.mydp .icon-mydpremove {
  background-position: 3px -4194px;
  width: 26px
}

.mydp .btnpickerenabled:hover,
.mydp .btnclearenabled:hover,
.mydp .currmonth {
  background-color: var(--cor-cinza-claro)
}

.mydp .selectorarrow {
  margin-top: 5px
}

.mydp .caltable,
.mydp .headerlabelbtn,
.mydp .headertodaybtn,
.mydp .monthcell,
.mydp .yearcell {
  font-size: 13px
}

.mydp .weekdaytitle {
  background: #fff;
  color: #558bb9;
  line-height: 22px;
  box-shadow: 0 -1px rgba(40, 104, 159, .2) inset, 0 1px rgba(40, 104, 159, .2) inset
}

.mydp .header {
  background-color: #fff;
  height: 34px
}

.mydp .header td:nth-child(1),
.mydp .header td:nth-child(3) {
  padding: 0 2px
}

.mydp .icon-mydpright:before {
  content: ">"
}

.mydp .icon-mydpleft:before {
  content: "<"
}

.mydp .headertodaybtn,
.mydp .monthlabel,
.mydp .yearlabel {
  border: 0 !important;
  height: 30px;
  line-height: 30px
}

.mydp .headertodaybtn:hover,
.mydp .monthlabel:hover,
.mydp .yearlabel:hover {
  background: #fbfbfc;
  box-shadow: 0 0 0 1px var(--cor-cinza) inset;
  color: #000
}

.mydp .selectedday,
.mydp .selectedmonth,
.mydp .selectedyear {
  background-color: #d8e4ee !important;
  box-shadow: 0 0 0 1px var(--cor-cinza) inset
}

.mydp .selectedday .datevalue,
.mydp .selectedmonth .monthvalue,
.mydp .selectedyear .yearvalue {
  border: 0;
  background: none !important
}

.mydp .monthlabel,
.mydp .yearlabel {
  width: 100% !important
}

.mydp .headerbtn,
.mydp .headerbtncell,
.mydp .headerlabelbtn {
  background: none
}

.mydp .headerbtn {
  padding: 0 8px;
  height: 30px
}

.mydp .headerbtn:hover {
  background: #fbfbfc;
  box-shadow: 0 0 0 1px var(--cor-cinza) inset
}

.mydp .monthcell:hover,
.mydp .yearcell:hover,
.mydp .currmonth.daycell:hover {
  background: #fcffc8;
  box-shadow: 0 0 0 1px var(--cor-cinza) inset
}

.mydp .icon-mydptoday:before {
  content: none
}

.mydp .highlight {
  color: var(--cor-secundaria)
}

.mydp .selectorarrow:before {
  border-bottom-color: #cacdce
}

.inp-busca {
  border: 0;
  background: url(../img/i.svg) calc(var(--tema-ic) + 2px) -2029px no-repeat !important;
  padding: 8px 16px 8px 44px !important;
  width: 100%
}

.inp-busca:focus {
  outline: none
}

.inp-busca+.limpar {
  margin-left: -40px;
  position: relative
}

[type=search] {
  border-radius: 24px;
  padding: 11px 16px 11px calc(var(--margem) + 30px);
  width: 100%;
  background: url(../img/i.svg) calc(var(--tema-ic) + var(--margem)/2 - 4px) -2028px no-repeat var(--cor-cinza-claro);
  height: 48px
}

[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 20px;
  width: 30px;
  background: url(../img/i.svg) var(--tema-ic) -6601px no-repeat;
  opacity: 0;
  margin-right: -6px;
  pointer-events: none
}

[type=search]:focus {
  outline: none
}

[type=search]:focus::-webkit-search-cancel-button {
  opacity: .6;
  pointer-events: all
}

[type=search]:not(:focus) {
  border-color: rgba(0, 0, 0, 0)
}

body,
#n,
.bg,
.t1 th {
  background-color: var(--cor-bg)
}

.lead {
  font-size: 2em;
  line-height: 1.5
}

[class^=grid-],
[class*=" grid-"] {
  gap: var(--margem);
  grid-template-columns: repeat(1, 1fr)
}

[class^=grid-]:not(.no),
[class*=" grid-"]:not(.no) {
  display: grid
}

.gap-p {
  gap: calc(var(--margem)/4)
}

.gap-m {
  gap: calc(var(--margem)/2)
}

.gap-g {
  gap: var(--margem)
}

.grid-mod {
  gap: 4px
}

.grid-mod .card:before {
  margin: -10px 10px -10px -6px
}

.grid-mod figure {
  display: flex;
  gap: var(--margem);
  align-items: center
}

.grid-mod figure img {
  width: 80px
}

.propaganda,
.txt-invert {
  color-scheme: dark;
  color: var(--cor-bg)
}

.tema-escuro .propaganda,
.tema-escuro .txt-invert {
  color-scheme: light
}

.propaganda {
  background: linear-gradient(transparent, var(--cor-fonte-fraca)), radial-gradient(circle at 100%, var(--cor-fonte), transparent) var(--cor-primaria) !important
}

.propaganda a,
.propaganda .item {
  color: var(--cor-bg) !important
}

.propaganda .tc {
  color: var(--cor-bg);
  opacity: .6
}

.propaganda .vazio {
  background: rgba(var(--c), var(--c), var(--c), 0.03)
}

a.propaganda:hover {
  opacity: .9
}

.ctsdts {
  height: 52px;
  background: radial-gradient(circle at 100%, rgba(255, 255, 255, 0.4), transparent) rgba(255, 255, 255, .2);
  padding: 6px;
  border-radius: 8px
}

.govbr {
  overflow: auto
}

.govbr.item.c {
  padding: 10px 0
}

.govbr:before {
  content: "";
  background: url(../img/govbr.svg) 0 0/auto 100% no-repeat;
  height: 20px;
  width: 56px;
  float: left
}

.card.ma2 .govbr:before {
  margin: 0 0 6px
}

.govbr .link {
  width: 38px
}

.tam-govbr {
  width: 48px;
  background-color: #fff;
  padding: 2px 8px;
  margin: -2px 4px;
  border-radius: 12px;
  display: inline-block;
  vertical-align: sub
}

.tc.menor+.link,
.tc.menor+.tags {
  margin-top: 4px
}

.erro-num {
  background: linear-gradient(135deg, transparent, var(--cor-primaria-media));
  height: 44px;
  width: 64px;
  margin: 12px 8px
}

.vazio,
.radius-50 {
  border-radius: 50%
}

.vazio {
  width: 80px;
  height: 80px;
  margin: calc(var(--margem)*2) auto var(--margem);
  background: var(--cor-cinza-claro);
  position: relative;
  border: 40px solid rgba(0, 0, 0, 0)
}

.vazio .ic {
  transform: scale(4);
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  margin: 0
}

.vazio.menor {
  margin-bottom: calc(var(--margem)/2);
  border-width: 10px
}

.vazio.menor:not(.m-t) {
  margin-top: 0
}

.vazio.menor .ic {
  transform: scale(2)
}

.destaca-link {
  animation: dl .5s ease-in-out 3
}

.webview #m ul {
  display: flex;
  overflow: auto
}

.webview #m h1:after {
  content: none
}

.webview #m h1 .ant {
  width: 36px;
  height: 28px
}

.webview #detalheUsr {
  display: block !important
}

.f-400 {
  font-weight: 400
}

.contrai-menu {
  --tam-col-menu: calc(var(--margem)*2 + 24px)
}

.contrai-menu #c1 .menu-ic dd:not(.lista-grupos) a:not(.ic):not(.ch-se) {
  color: rgba(0, 0, 0, 0);
  overflow: hidden;
  white-space: nowrap
}

.contrai-menu #c1 .menu-ic .aleta:not(.contrai):before {
  transform: rotate(-45deg);
  margin: 7px 0 0 -6px;
  width: 3px;
  height: 3px;
  float: left
}

.contrai-menu dd:not(.lista-grupos) .n-msg {
  font-size: 11px;
  line-height: 12px;
  position: absolute;
  color: var(--cor-fonte);
  margin: -13px -11px;
  right: var(--margem);
  z-index: 2
}

.contrai-menu .menu-ic dt {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0 !important;
  white-space: nowrap
}

@keyframes dl {

  0%,
  100% {
    box-shadow: none
  }

  60% {
    box-shadow: 0 0 0 4px
  }
}

@media screen and (max-width: 1600px) {

  .central #c1:not(.no)~#c2,
  .central #c1:not(.no)~* #c2 {
    margin: 0 calc(var(--tam-col-menu)*-0.5) 0 calc(var(--tam-col-menu)*.5)
  }

  .central #c1:not(.no)~#c3,
  .central #c1:not(.no)~* #c3 {
    margin: 0 calc(var(--tam-col-menu)*-0.5) 0 0
  }

  .central #c1:not(.no)~#c3+#c2,
  .central #c1:not(.no)~* #c3+#c2 {
    margin-right: 238px
  }
}

@media screen and (max-width: 1362px) {

  .central #c1:not(.no)~#c2,
  .central #c1:not(.no)~* #c2 {
    margin: 0 0 0 var(--tam-col-menu)
  }

  .central #c1:not(.no)~#c3,
  .central #c1:not(.no)~* #c3 {
    margin: 0 0 var(--margem)
  }

  .central #c1:not(.no)~#c3+#c2,
  .central #c1:not(.no)~* #c3+#c2 {
    margin-right: 274px
  }
}

@media screen and (max-width: 1150px) {
  .jm-menu.at {
    width: 100%
  }

  .jm-menu.at .corpo-menu {
    flex: 1
  }
}

@media screen and (min-width: 800px) {
  .mobile {
    display: none !important
  }

  :is(.f-v,
    .f-g) {
    display: flex;
    flex-wrap: wrap
  }

  :is(.f-v,
    .f-g) .f1,
  :is(.f-v,
    .f-g)>div {
    flex: 0 0 100%;
    box-sizing: border-box
  }

  :is(.f-v,
    .f-g) .f2 {
    flex: 0 0 50%
  }

  :is(.f-v,
    .f-g) .f3 {
    flex: 0 0 33.333333%
  }

  :is(.f-v,
    .f-g) .f4 {
    flex: 0 0 25%
  }

  :is(.f-v,
    .f-g) .f5 {
    flex: 0 0 20%
  }

  :is(.f-v,
    .f-g) .f6 {
    flex: 0 0 15%
  }

  :is(.f-v,
    .f-g) .f8 {
    flex: 0 0 12.5%
  }

  :is(.f-v,
    .f-g) .f10 {
    flex: 0 0 10%
  }

  :is(.f-v,
    .f-g) .f0 {
    flex: 0 0
  }

  .contrai-menu #c1 .menu-ic dd:not(.lista-grupos) a:not(.ic):not(.ch-se)[rel]:hover:after {
    background: var(--cor-fonte-forte);
    color: var(--cor-bg);
    content: attr(rel);
    left: var(--margem);
    padding: 6px 10px;
    position: absolute;
    margin: -6px 0 0 48px;
    z-index: 5;
    animation: t .5s ease-in-out;
    border-radius: 4px;
    font-weight: 400
  }

  .inativo {
    font-size: 16px;
    line-height: 1.5
  }

  .inativo #m ul,
  .inativo .op a {
    line-height: 20px
  }

  .inativo #m h1 {
    font-size: 22px;
    line-height: 24px
  }

  .t2 dt {
    background-color: var(--cor-cinza-claro)
  }

  .corpo-menu {
    overflow: auto
  }

  #m ul {
    float: right;
    margin: -64px calc(var(--margem)/2) 0 0
  }

  .ar:not(.no):not(.ma) {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--margem)
  }

  #c3 {
    float: right;
    margin-left: var(--margem);
    width: 250px
  }

  ::-webkit-scrollbar {
    width: 16px
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(159, 165, 169, .5);
    border-radius: 8px;
    border: 5px solid rgba(0, 0, 0, 0);
    background-clip: content-box
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(159, 165, 169, .75)
  }

  .grid-mod:not(.no) {
    text-align: center;
    margin: calc(var(--margem)*2) auto 0;
    gap: var(--margem);
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }

  .grid-mod figure img {
    height: 80px;
    object-fit: contain;
    margin: auto
  }

  .grid-mod .card {
    padding: var(--margem);
    width: 112px
  }

  .grid-mod .card::before {
    float: none;
    display: block;
    margin: 20px auto calc(var(--margem)/2 + 20px);
    transform: scale(2)
  }

  .flex-0 .foto-mini {
    margin-right: 0
  }

  .x2 .card,
  .x2 figure img {
    width: 160px
  }

  .x2 figure img {
    width: 160px;
    height: 160px
  }

  .grid-mod figure {
    flex-wrap: wrap
  }

  .grid-mod figcaption {
    flex: 0 0 100%
  }

  .grid-mod .n-msg {
    margin: -2px 16px -2px 0
  }

  .grid-mod .carr {
    margin-right: 22px;
    margin-left: -13px
  }

  .jm .grid-mod {
    margin: auto;
    gap: 8px
  }

  .jm .grid-mod a:before {
    margin: 0 auto calc(var(--margem)/2);
    transform: none
  }

  .muda-area {
    max-width: 832px
  }

  .grid-2 {
    grid-template-columns: repeat(2, 1fr)
  }

  .grid-3 {
    grid-template-columns: repeat(3, 1fr)
  }

  .grid-4 {
    grid-template-columns: repeat(4, 1fr)
  }

  .grid-5 {
    grid-template-columns: repeat(5, 1fr)
  }

  .grid-6 {
    grid-template-columns: repeat(6, 1fr)
  }

  .dupla {
    grid-column: span 2
  }

  .tripla {
    grid-column: span 3
  }

  .quadrupla {
    grid-column: span 4
  }

  .linha-dupla {
    grid-row: span 2
  }

  .linha-tripla {
    grid-row: span 3
  }

  #c1:not(.no)~#c2 .barra:not(.busca-fixa) .jm-buscaavancada,
  #c1:not(.no)~#c2 .jm-buscaavancada {
    left: calc(var(--tam-col-menu) + var(--margem))
  }

  #c1 .menu-ic .lista-grupos {
    position: absolute;
    width: 220px;
    margin-top: -48px;
    box-shadow: 0 0 0 1px var(--cor-separador), 0 2px 8px var(--cor-bg-escuro), 0 4px 8px -4px var(--cor-bg-escuro), 0 4px 8px -4px var(--cor-bg-escuro);
    z-index: 5
  }

  .mod .card:after {
    content: "";
    width: 80px;
    height: 80px;
    background: var(--cor-cinza-claro);
    position: absolute;
    left: 40px;
    top: var(--margem);
    border-radius: 50%;
    z-index: -1
  }
}

@media screen and (max-width: 799px) {
  body {
    --margem: 16px
  }

  #m .mod {
    padding-right: 56px
  }

  #m .mod:hover a {
    width: 246px
  }

  .op {
    margin: calc(var(--margem)/2) var(--margem)
  }

  .m-t2-mobile {
    margin-top: calc(var(--margem)/2)
  }

  .jm-menu.at {
    flex-wrap: wrap;
    align-content: baseline
  }

  .mc1 .jm-menu.at {
    width: calc(100% - var(--tam-col-menu))
  }

  #g:has(#c1.at) .jm-menu.at {
    bottom: 56px
  }

  .jm-menu.at .corpo-menu {
    order: 2
  }

  .jm-menu.at .c-user {
    box-shadow: 0 -1px var(--cor-separador) inset;
    flex: 0 0 100%
  }

  .webview .jm-menu.at .c-user {
    box-shadow: none
  }

  .jm-menu.at .c-user:before {
    background: url(../img/i.svg) -3px -2883px no-repeat, linear-gradient(var(--cor-primaria-clara), var(--cor-primaria-clara)) var(--cor-bg);
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 32px;
    left: 48px;
    z-index: 1;
    box-shadow: 0 0 0 1px var(--cor-bg-opaco-60) inset;
    pointer-events: none
  }

  .webview .jm-menu.at .c-user:before {
    content: none
  }

  .jm-menu.at .c-user:has(#detalheUsr.at):before {
    background: url(../img/i.svg) -3px -3003px no-repeat, linear-gradient(var(--cor-primaria-clara), var(--cor-primaria-clara)) var(--cor-bg)
  }

  .com-ic {
    padding-left: 36px
  }

  .com-ic .flex-0:first-child {
    position: absolute;
    margin-left: -36px
  }

  .item.ci .tam-d {
    background-image: linear-gradient(var(--cor-cinza), var(--cor-cinza))
  }

  .tam-d {
    position: absolute;
    right: 0;
    top: 10px;
    background-color: var(--cor-bg);
    width: auto;
    padding-left: 12px;
    font-size: 12px
  }

  #g #c #c1~#c2,
  #g #c #c1~* #c2 {
    margin-left: 0 !important
  }

  .grid-mod:not(.x2) figure img {
    width: 40px
  }

  h2 .ant:first-child {
    background: url(../img/ic-seta2.svg) -1px center no-repeat;
    margin-right: 0
  }

  .jm-menu .avatar-g {
    margin: 8px var(--margem);
    width: 40px;
    height: 40px;
    cursor: pointer
  }

  .flex-linha:not(.no):not(.flex-mobile) {
    display: block
  }

  #c1,
  #m2:not(.no)~* #c2,
  #m2:not(.no)~* #c3,
  #m2:not(.no)~* #c4,
  #m2:not(.no)~* .flu,
  #n,
  .op:not(.at) .ajuda,
  .op.at .msg-pa,
  .op.at[rel]:before,
  .op.at~#m ul,
  .flex-coluna:empty,
  .bloco-ctsdts {
    display: none
  }

  .no-mobile:not(.at) {
    display: none !important
  }

  .mc1 #c1,
  #c1.at {
    display: block;
    position: fixed
  }

  #c1.at {
    right: 0;
    top: initial;
    width: auto;
    padding: 12px
  }

  #c1.at:after {
    content: none
  }

  #c1.at dl {
    display: flex;
    margin: 0;
    justify-content: center
  }

  #c1.at dd {
    margin: 0
  }

  #c1.at dt,
  #c1.at dd:has(.contrai) {
    display: none
  }

  #c:has(#c1.at) {
    padding-bottom: 56px
  }

  #c1.at .n-msg {
    position: absolute;
    right: initial;
    margin: -9px -4px !important;
    z-index: 2;
    padding: 0 4px;
    font-size: 12px
  }

  #c1.at .lista-grupos {
    overflow: auto
  }

  #c1.at a:not(.at) .n-msg {
    background-image: linear-gradient(var(--cor-primaria-clara), var(--cor-primaria-clara))
  }

  #c1.at .menu-ic dd:not(.lista-grupos) a {
    padding: 6px !important;
    border-radius: 16px
  }

  #c1.at .menu-ic .de {
    padding: 0;
    position: relative;
    color: rgba(0, 0, 0, 0);
    overflow: hidden;
    width: 50px;
    white-space: nowrap
  }

  #c1.at .menu-ic .de:before {
    margin: 0;
    top: 0;
    left: calc(50% - 12px)
  }

  #c1.at .menu-ic:has(dd:nth-child(8)) .de {
    width: 42px
  }

  .bloco-destaque.m-b {
    margin-bottom: 32px
  }

  .rol-mobile {
    overflow: auto
  }

  .rol-mobile.jm.direita {
    max-height: calc(100dvh - 216px)
  }

  .wizard .item:after {
    border-width: 0 1px;
    height: auto;
    width: 2px;
    left: calc(50% - 2px);
    bottom: -16px;
    right: auto;
    top: 0;
    position: absolute;
    z-index: 1;
    margin: 0
  }

  .wizard .item:first-child:after {
    left: calc(50% - 2px);
    top: calc(var(--margem) + 4px)
  }

  .wizard .item:last-child:after {
    right: auto;
    bottom: calc(100% - 18px)
  }

  #c1 {
    bottom: 0;
    top: 0;
    overflow: auto;
    z-index: 13;
    background: linear-gradient(var(--cor-primaria-clara), var(--cor-primaria-clara)) var(--cor-bg);
    font-size: 13px
  }

  #c1.exibe-mobile {
    display: block;
    position: relative;
    width: auto;
    padding: var(--margem);
    margin: 0 0 var(--margem);
    z-index: 1
  }

  #c1.exibe-mobile:after {
    content: none
  }

  #c1 .at {
    background: var(--cor-primaria-clara)
  }

  #c1 .barra {
    margin: 0
  }

  #c1 .lista-grupos {
    position: fixed;
    width: auto;
    margin: 0 !important;
    top: 56px;
    bottom: 0;
    right: 0;
    left: var(--tam-col-menu);
    box-shadow: 0 0 0 1px var(--cor-separador), 0 2px 8px var(--cor-bg-escuro), 0 4px 8px -4px var(--cor-bg-escuro), 0 4px 8px -4px var(--cor-bg-escuro)
  }

  #c1.at .lista-grupos {
    left: 0;
    bottom: 56px
  }

  ul.mod:not(:hover) a:after {
    position: absolute;
    right: calc(var(--margem) + 2px)
  }

  #m:has(.mod:hover):after {
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    background: url(../img/i.svg) var(--tema-ic) calc(var(--tema-ic) - 4200px) no-repeat var(--cor-cabecalho);
    top: 8px;
    left: calc(50% - 20px);
    z-index: 2;
    border: 1px solid var(--cor-separador);
    border-radius: 4px
  }

  :is(.tema-1,
    .tema-3) #m:has(.mod:hover):after {
    color-scheme: dark
  }

  .jm-central {
    left: 0;
    right: 0;
    width: auto;
    bottom: 0;
    z-index: 13
  }

  .jm-central .rol:not(.card) {
    max-height: calc(100vh - 124px)
  }

  #c3:not(.no)+#c2 {
    margin-right: 0 !important
  }

  fieldset:not(.f-g):not(.f-v) label:first-child {
    float: none;
    text-align: left;
    width: auto
  }

  .msg404 .conf.abs {
    margin-left: calc(var(--margem)*-3.7)
  }

  label {
    display: block;
    padding: 5px 0
  }

  .ar .direita {
    float: none;
    display: block
  }

  .ic-escond,
  :is(.f-v,
    .f-g) label:first-child:empty {
    display: none
  }

  .ob label:first-child:after {
    right: auto;
    margin: 0 0 0 3px
  }

  fieldset label~input,
  fieldset label~select,
  fieldset label~textarea,
  fieldset label~.tam-max,
  fieldset label:first-child~textarea,
  fieldset label:first-child~.tam-max,
  .lm label~input,
  .lm label~select,
  .lm label~textarea,
  .lm label~.tam-max,
  .lm label:first-child~textarea,
  .lm label:first-child~.tam-max {
    width: 100%
  }

  .lm label~.auto-comp,
  label~.auto-comp {
    margin-left: 0
  }

  .f-g .f3,
  .f-g .f4,
  .f-g .f5,
  .f-g .f8,
  .f-g .f10,
  .f-v .f3,
  .f-v .f4,
  .f-v .f5,
  .f-v .f8,
  .f-v .f10 {
    width: 50%
  }

  .f-g .f2,
  .f-g .f1-mobile,
  .f-v .f2,
  .f-v .f1-mobile {
    width: 100%
  }

  .t2 dt,
  .t2 dd {
    flex-basis: calc(100% - 12px);
    padding: 0 6px 6px
  }

  .t2 dt {
    text-align: left;
    padding: 6px 6px 0
  }

  .busca-fixa {
    left: 0;
    padding: 9px 9px 9px 7px
  }

  .busca-fixa .marcar-sel {
    right: 9px;
    margin: 0
  }

  .busca-fixa .abs {
    left: 7px;
    top: 9px
  }

  .busca-fixa .sa2,
  .busca-fixa .an {
    color: rgba(0, 0, 0, 0);
    width: 26px;
    overflow: hidden;
    padding-left: 0
  }

  .inp-busca {
    padding-left: 41px !important
  }

  .msg.fixo {
    border-radius: 0;
    left: 0;
    right: 0;
    margin: 0
  }

  .msg.fixo.direita {
    right: 0;
    border-radius: 4px 0 0
  }

  .title-mobile:where(:focus,
    :hover),
  .title-mobile:where(:focus,
    :hover) .tc {
    color: var(--cor-fonte-forte)
  }

  .title-mobile:where(:focus,
    :hover):after {
    background-color: var(--cor-fonte-forte);
    border-radius: 0 4px 0 0;
    color: var(--cor-bg);
    content: attr(title);
    left: 0;
    bottom: 0;
    z-index: 12;
    position: fixed;
    padding: 10px var(--margem)
  }

  .menu-ic .de {
    padding-left: 26px
  }

  .menu-ic .de:before {
    margin-left: -26px
  }

  .grid-2-mobile {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen {

  .tema-1 #m h1,
  .tema-1:not(.tema-escuro) #m h1 a,
  .tema-1 .jm-central h1,
  .tema-3 #m h1,
  .tema-3:not(.tema-escuro) #m h1 a,
  .tema-3 .jm-central h1 {
    color: #fff
  }

  .tema-1 [class^=logo-]:before,
  .tema-1 h1 .fe2,
  .tema-3 [class^=logo-]:before,
  .tema-3 h1 .fe2 {
    color-scheme: dark
  }

  .tema-1 #m4 ul a,
  .tema-3 #m4 ul a {
    color: rgba(var(--b), var(--b), var(--b), 0.82)
  }

  .tema-1 #m a:hover,
  .tema-3 #m a:hover {
    background-color: rgba(0, 0, 0, .1)
  }

  .tema-1:not(.tema-escuro) #m ul a,
  .tema-3:not(.tema-escuro) #m ul a {
    color: rgba(255, 255, 255, .87)
  }

  .tema-1:not(.tema-escuro) #m ul .at a,
  .tema-3:not(.tema-escuro) #m ul .at a {
    color: #fff
  }

  .tema-1:not(.tema-escuro) #m ul:not(.mod) .at,
  .tema-3:not(.tema-escuro) #m ul:not(.mod) .at {
    box-shadow: 0 2px #fff
  }

  .tema-1:not(.tema-escuro) ul.mod:not(:hover) a:before,
  .tema-3:not(.tema-escuro) ul.mod:not(:hover) a:before {
    background: rgba(255, 255, 255, .72) !important
  }

  .tema-1 .op,
  .tema-3 .op {
    color-scheme: dark
  }

  .tema-1:not(.tema-escuro) h1 .aleta:before,
  .tema-3:not(.tema-escuro) h1 .aleta:before,
  .tema-1:not(.tema-escuro) ul.mod:not(:hover) a:after,
  .tema-3:not(.tema-escuro) ul.mod:not(:hover) a:after {
    border-color: rgba(255, 255, 255, .72)
  }

  .webview:not(.tema-escuro) ul.mod:not(:hover) a:after {
    border-color: rgba(255, 255, 255, .72)
  }

  .tema-4 {
    --cor-cabecalho: var(--cor-bg)
  }

  .tema-4 #m {
    box-shadow: 0 -1px var(--cor-separador) inset
  }

  .tema-4:not(.tema-escuro) #m h1:after {
    border-left-color: rgba(0, 0, 0, 0)
  }

  .tema-1 {
    --h: 233;
    --cor-cabecalho: var(--cor-azul)
  }

  .tema-2 {
    --h: 48;
    --l: 20%;
    --cor-cabecalho: var(--cor-terciaria)
  }

  .tema-2:not(.tema-escuro) #m ul:not(.mod) .at a {
    color: #000
  }

  .tema-2:not(.tema-escuro) .op[rel]:before {
    background: #fff
  }

  .tema-3 {
    --h: 359;
    --cor-cabecalho: var(--cor-vermelho)
  }

  .tema-escuro,
  .fundo-login {
    --l: 70%;
    --b: 255;
    --c: 18;
    --cor-bg-escuro: rgba(0, 0, 0, .8);
    --cor-bg-opaco: rgba(0, 0, 0, .8);
    --cor-bg-destaque: rgba(0, 0, 0, .3);
    --cor-secundaria: #f25052;
    --cor-terciaria-escura: var(--cor-terciaria);
    --cor-quaternaria: var(--cor-verde);
    --cor-marca-texto: #297317;
    color-scheme: dark
  }

  .tema-escuro.tema-1,
  .tema-escuro.tema-2,
  .tema-escuro.tema-3,
  .fundo-login.tema-1,
  .fundo-login.tema-2,
  .fundo-login.tema-3 {
    --cor-cabecalho: hsl(var(--h) 30% 20%)
  }

  .tema-escuro .ol-popup,
  .fundo-login .ol-popup {
    background-color: var(--cor-bg) !important
  }

  .tema-escuro .msg .fe,
  .fundo-login .msg .fe {
    filter: brightness(0.5)
  }

  .tema-escuro .ic-tema-2 .ch2,
  .fundo-login .ic-tema-2 .ch2 {
    color-scheme: light
  }
}

@media print {
  body {
    --cor-primaria: #000;
    --cor-primaria-clara: var(--cor-fonte-fraca)
  }

  .so-im {
    display: block
  }

  #c1,
  #m li:not(.at),
  .op,
  #n,
  .prop-pa,
  .su,
  #c5,
  h2 a,
  .no-im,
  #u2,
  .pa a:not(.at) {
    display: none
  }

  #c1:not(.no)~#c2,
  #c1:not(.no)~* #c2 {
    margin-left: 0
  }

  #c1:not(.no)~#c2:before,
  #c1:not(.no)~* #c2:before {
    content: none
  }

  #c {
    padding: 10px 0 0
  }

  #m,
  h1,
  #m a {
    background: none !important;
    color: #000 !important;
    box-shadow: none !important
  }

  #m {
    border-bottom: 1px solid;
    margin: 0 0 16px
  }

  #m:before {
    content: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='35' viewBox='0 0 114 50'><path d='M0 0v18h6.592v-6.541h4.447c.78 0 1.57-.107 2.371-.328a7.844 7.844 0 0 0 2.26-1.018 5.364 5.364 0 0 0 1.693-1.77c.426-.717.637-1.556.637-2.511-.062-1.894-.786-3.342-2.172-4.338C14.432.498 12.267 0 9.308 0zm30.014 0c-3.05.056-5.452.872-7.22 2.469a9.115 9.115 0 0 0-2.042 2.865c-.503 1.104-.754 2.352-.754 3.754l.004-.006c0 1.89.468 3.506 1.402 4.852.935 1.345 2.167 2.35 3.692 3.023 1.52.673 3.168 1.017 4.924 1.037 1.283 0 2.525-.184 3.716-.549a9.737 9.737 0 0 0 3.198-1.664c.944-.744 1.689-1.682 2.238-2.822.554-1.14.828-2.517.828-3.924s-.248-2.665-.73-3.789a7.854 7.854 0 0 0-2.063-2.848c-.888-.785-1.947-1.376-3.174-1.787C32.811.206 31.473 0 30.013 0m11.98 0v18H55.99v-4.41h-7.84V0zm15.998 0v4l6.002-2.998V0zm16.735 0a10.39 10.39 0 0 0-3.284.605A8.15 8.15 0 0 0 68.65 2.33c-.82.77-1.472 1.752-1.949 2.943-.473 1.197-.715 2.582-.715 4.168.052 1.854.525 3.424 1.409 4.72a8.141 8.141 0 0 0 3.414 2.884c1.39.637 2.863.95 4.423.95 1.474 0 2.866-.26 4.18-.79 1.31-.529 2.377-1.3 3.203-2.316.827-1.012 1.268-2.204 1.324-3.559l-5.707-.353v-.01l-.01.01h.008a3.003 3.003 0 0 1-.388 1.51 3.033 3.033 0 0 1-1.037 1.093 2.694 2.694 0 0 1-1.381.416c-.816-.015-1.514-.416-2.084-1.217-.575-.795-.874-2.028-.904-3.691 0-1.13.142-2.085.435-2.865.288-.78.67-1.367 1.137-1.74.462-.376.955-.565 1.469-.565.482 0 .923.133 1.34.394.41.268.737.643.984 1.141.246.493.369 1.078.369 1.75l5.834-.201c-.02-1.468-.42-2.73-1.201-3.783-.78-1.053-1.872-1.847-3.268-2.397C78.14.272 76.534 0 74.727 0M85.99 0v18h5.848V0zm14.715 0-6.557 18h5.247l1.181-3.527h5.53L107.347 18h6.482l-6.482-18zM63.996 3.004l-6.002 2.998V18h6.002zm-33.982.975c1.026 0 1.807.457 2.336 1.376.528.914.795 2.14.795 3.686 0 3.327-1.021 4.99-3.131 4.99s-3.162-1.645-3.162-4.94v-.003c0-1.862.303-3.174.898-3.95.596-.774 1.355-1.16 2.264-1.16m-23.426.126h2.53c.79 0 1.407.166 1.833.495.431.333.64.742.64 1.23 0 .462-.218.886-.65 1.256-.436.37-1 .553-1.699.553H6.588zm96.8 1.305 1.66 5.145h-3.347zM0 20v2h114v-2zm0 4v18h4.656V29.18L8.518 42h3.953l3.748-12.922V42H22V24h-8.205l-2.742 9.678L8.107 24zm25.998 0v18H32V24zm9.996 0v18h14.002v-4.41H42.15V24zm15.998 0v18h6.002V24zm8.092 0v4.37h4.111V42h5.782V28.37h4.015V24zm20.459 0-6.55 18h5.245l1.182-3.527h5.523L87.186 42h6.484l-6.484-18zm15.228 0v18h6.278v-6.906h1.818L106.932 42h6.906l-3.688-7.824c.817-.257 1.5-.636 2.05-1.145.548-.508.95-1.075 1.2-1.71.257-.638.381-1.278.381-1.93-.046-1.084-.355-2.023-.92-2.834-.57-.806-1.396-1.438-2.49-1.885-1.093-.447-2.39-.672-3.9-.672zm6.274 3.84h2.916c.719 0 1.278.17 1.69.514.41.343.615.728.615 1.21 0 .483-.195.89-.58 1.217-.39.33-.946.494-1.665.494h-2.972v-3.43zm-18.822 1.572 1.658 5.143h-3.342zM41.51 44v1.793l.164 1.594-2.283-3.381h-1.94v5.988h1.653v-3.012a2.695 2.695 0 0 0-.088-.593c-.031-.127-.057-.226-.067-.287.308.558.571.997.781 1.32.18.282.324.503.442.672.118.169.323.46.615.88.293.42.518.756.682 1l1.709.016V44zM0 44.006V50h2.598c.57 0 1.072-.082 1.498-.246.426-.164.775-.385 1.047-.672.272-.287.47-.604.6-.963.126-.359.19-.732.19-1.127 0-.42-.071-.814-.22-1.178a2.853 2.853 0 0 0-.627-.953 2.79 2.79 0 0 0-.959-.63 3.125 3.125 0 0 0-1.211-.225zm48.506 0-2.12 5.988h1.7l.379-1.172h1.785l.4 1.172h2.096l-2.096-5.988zm37.025 0-.01.004h.01zm0 .004v5.984h2.078V47.7h.6l1.018 2.295h2.283l-1.22-2.6a1.68 1.68 0 0 0 .677-.38c.18-.168.312-.36.394-.57.082-.21.123-.424.123-.64a1.726 1.726 0 0 0-.302-.943c-.19-.266-.462-.476-.827-.625-.364-.148-.794-.224-1.293-.224zm10.235-.004-2.121 5.988h1.699l.38-1.172h1.786l.4 1.172h2.094l-2.094-5.988zm-86.928.004v5.984h5.025v-1.418H10.86v-.969h2.442V46.25h-2.442v-.867h3.004V44.01zm12.435 0v5.984h1.545v-4.262l1.274 4.262H25.4l1.237-4.293v4.293h1.914V44.01h-2.715l-.902 3.219-.977-3.22zm10.588 0V50h2.078v-5.99zm26.772 0c-.452 0-.89.068-1.305.21a2.662 2.662 0 0 0-1.021.594c-.267.252-.41.54-.436.852-.01.056-.01.137-.01.234 0 .492.159.867.477 1.118.318.256.718.436 1.195.548.478.108.908.21 1.293.303.385.092.586.22.602.395 0 .097-.083.18-.237.246-.159.066-.35.107-.586.117a1.843 1.843 0 0 1-.779-.195.86.86 0 0 1-.457-.528l-1.879.328c.067.374.257.697.555.963a2.95 2.95 0 0 0 1.11.6 4.89 4.89 0 0 0 2.488.072c.354-.087.668-.21.945-.375.277-.164.497-.37.656-.615a1.49 1.49 0 0 0 .242-.834c-.02-.533-.196-.932-.535-1.193-.339-.262-.753-.44-1.246-.543-.493-.103-.929-.192-1.309-.274-.374-.082-.564-.208-.564-.383 0-.087.078-.163.22-.23.145-.067.318-.098.518-.098.242 0 .463.045.653.143.19.097.323.242.4.431l1.688-.457a2.185 2.185 0 0 0-.65-.808 2.797 2.797 0 0 0-.94-.473 4.04 4.04 0 0 0-1.088-.148m12.521 0c-.544 0-1.056.113-1.539.334a2.78 2.78 0 0 0-1.176 1.02c-.302.46-.45 1.018-.45 1.679 0 .348.034.672.116.959.083.287.193.539.33.754.135.215.298.398.483.556.185.155.384.29.6.391.41.2.882.297 1.406.297.42 0 .8-.067 1.144-.195.34-.134.585-.303.729-.518l.262.64h1.005v-3.253h-2.98v1.224h1.041c0 .22-.086.405-.256.55-.17.142-.38.22-.627.23-.313-.01-.575-.15-.785-.41-.21-.262-.318-.67-.318-1.229.01-.292.036-.554.082-.795.046-.24.144-.456.293-.64.149-.19.37-.282.662-.282a.87.87 0 0 1 .6.24c.173.16.277.38.308.657l1.977-.155a1.812 1.812 0 0 0-.467-1.091 2.64 2.64 0 0 0-1.069-.717 3.867 3.867 0 0 0-1.37-.246m6.182 0v5.984h5.03v-1.418h-3.009v-.969h2.44V46.25h-2.44v-.867h3.006V44.01zm25.44 0V50h2.08v-5.99zm8.37 0c-.45 0-.885.068-1.3.21a2.662 2.662 0 0 0-1.024.594c-.267.252-.41.54-.435.852-.01.056-.01.132-.01.234 0 .492.158.867.477 1.118.318.256.72.436 1.197.548.482.108.912.21 1.297.303.385.092.584.22.6.395 0 .097-.081.18-.235.246-.16.066-.35.107-.586.117a1.843 1.843 0 0 1-.781-.195.85.85 0 0 1-.46-.528l-1.88.328c.068.374.258.697.556.963.303.267.67.467 1.108.6a4.907 4.907 0 0 0 2.488.072c.354-.087.668-.21.946-.375.277-.164.499-.37.658-.615.159-.246.24-.521.24-.834-.02-.533-.194-.932-.533-1.193-.34-.262-.756-.44-1.248-.543-.493-.103-.93-.192-1.31-.274-.375-.082-.563-.208-.563-.383 0-.087.075-.163.218-.23.144-.067.32-.098.52-.098.24 0 .455.045.65.143a.8.8 0 0 1 .4.431l1.69-.457a2.19 2.19 0 0 0-.65-.808 2.797 2.797 0 0 0-.942-.473 4.04 4.04 0 0 0-1.088-.148M87.6 45.29h.964c.237 0 .426.058.559.17.139.119.205.244.205.403a.513.513 0 0 1-.195.407c-.128.107-.313.164-.549.164H87.6zm-85.446.089h.13c.481 0 .862.158 1.124.475.262.318.395.716.395 1.177 0 .461-.118.847-.36 1.155-.24.307-.625.459-1.154.459-.103 0-.18-.004-.23-.01V45.39a.606.606 0 0 1 .095-.01zm47.215.432.537 1.709h-1.082zm47.264 0 .533 1.709h-1.078z'/></svg>");
    width: 80px;
    height: 35px;
    margin: 8px var(--margem) -8px 0;
    padding: 6px 0 0 0;
    float: left
  }

  #m a {
    font-size: 18px !important
  }

  #m ul {
    position: absolute;
    right: 0;
    top: 0
  }

  #m ul .at {
    box-shadow: none !important
  }

  #m h1:after {
    content: none
  }

  .marcadagua text {
    opacity: .2
  }

  .busca-fixa {
    position: relative;
    top: auto;
    left: auto;
    padding: 0 0 16px
  }

  .busca-fixa-ma {
    padding-top: 0
  }
}