@charset "utf-8";

@import url("cores.css");

@import url("menu.css");

@import url("acessibilidade.css");

@import url("footer.css");

@import url("forms.css");

@import url("botoes.css");

@import url("modal.css");

@import url("alerta.css");

@import url("tabs-antonio.css");

@import url("tabelas.css");

@import url("tabelas-bunker.css");

@import url("suggest.css");

:root { --azul: #0071ad; --azul-escuro: #003157; --cinza-escuro: #555577; --altura-menu: 3rem; --fundo: white; }

* { margin: 0px; padding: 0px; font-family: "Trebuchet MS", arial, helvetica, "Open Sans", sans-serif; color: var(--cinza-escuro); box-sizing: border-box; }

a { color: var(--azul); cursor: default; outline: none; text-decoration: none; }

a:focus { box-shadow: transparent 0px 0px 1px 1px; }

a[href] { cursor: pointer; text-decoration: none; }

a:hover { color: inherit; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { color: rgb(0, 65, 107); margin-bottom: 1rem; }

h1 { font-size: 1.2rem; }

@media (min-width: 1024px) {
  h1 { font-size: 1.802rem; }
  h2 { font-size: 1.602rem; }
  h3 { font-size: 1.424rem; }
  h4 { font-size: 1.266rem; }
  h5 { font-size: 1.125rem; }
  h6 { font-size: 1rem; }
}

p { padding-bottom: 0.5rem; }

.oculto, .oculta { display: none !important; }

main { min-height: calc(-5.2rem + 100vh); width: 100%; padding: 1rem; }

body.modo-foco main { }

@media (min-width: 1024px) {
  body.modo-foco { overflow: hidden; }
  body.modo-foco main { min-height: auto; overflow: auto; }
  body.menu-aberto main, body.menu-aberto footer { font-family: "Trebuchet MS", arial, helvetica, "Open Sans", sans-serif; padding-left: 16rem; }
}

main > .docavel { position: sticky; top: var(--altura-menu); }

.cards { display: flex; flex-flow: wrap; }

.card { padding: 0.5rem; margin: 1rem; border: 1px solid rgb(221, 223, 226); border-radius: 5px; }

code { font-family: monospace; font-size: 1.1rem; font-weight: bold; color: rgb(235, 90, 70); box-shadow: rgba(9, 30, 66, 0.13) 0px 0px 0px 1px; padding: 1px 3px; }

#trilha { display: flex; flex-flow: wrap; margin-bottom: 1rem; }

#trilha a { color: rgb(0, 112, 173); padding: 0px 1.25rem 0px 0px; background: url("../images/arrow-right-black.svg") right 1px center / 1rem no-repeat; white-space: nowrap; }

#trilha a:last-child { padding: 0px; background: none; color: black; }

@media (min-width: 1024px) {
  #trilha { margin-top: 0.8rem; margin-bottom: 2rem; }
}

@keyframes rotacao-loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}

#loading, .loading { background: url("../loading-dark.html") center center no-repeat rgb(48, 49, 52); width: 2.5rem; height: 2.5rem; animation: 1s ease 0s infinite normal none running rotacao-loading; display: none; position: fixed; top: 1.5rem; z-index: 11; left: 50%; margin-left: calc(-1.25rem); border-radius: 50%; }

#loading.visivel { display: block; }

@media (min-width: 1024px) {
  #loading { width: 2.5rem; height: 2.5rem; }
}

@media (min-width: 1200px) {
  #loading.visivel { display: none; }
}

.carregando { height: 3rem; width: 3rem; margin: auto; background: url("../loading-dark.html") center center no-repeat; animation: 1s ease 0s infinite normal none running rotacao-loading; }

ol, ul { margin: 0px 1rem 0.5rem; }

.acoes { display: flex; }